@charset "Shift_JIS";

/* ==================================================

CSS Document for はっぴーママ　特集用ベース

   ================================================== */

/* base ------------------------------ */

body{
	font-family: "Osaka", "ヒラギノ角ゴ Pro W3", Verdana, Arial, "ＭＳ Ｐゴシック", sans-serif ;
	text-align: center;
	background-color: #fff;
	color: #666666;
	font-size: 12px;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
}
p {
	padding: 0.8em 0 0.8em 0;
}
img{
	border: none;
}
form {
	margin: 0;
	padding: 0;
}
abbr, acronym{
	color: #666;
}
hr{
	display: none;
}
blockquote{
	padding: 2em;
	background: #eee;
}
blockquote p{
	margin: 0.5em 0;
	padding: 0;
	background-color: #eee;
}
cite{
	font-style: italic;
	text-align: right;
}
blockquote cite{
	font-style: italic;
	text-align: right;
}
.clr {
	clear:both;
}
.txtLL {
	font-size: 18px;
	line-height: 1.3em;
}
.txtL {
	font-size: 15px;
	line-height: 1.3em;
}
.txtM {
	font-size: 12px;
	line-height: 1.5em;
}
.txtS {
	font-size: 10px;
	line-height: 1.3em;
}
.txtSS {
	font-size: 10px;
	line-height: 1.1em;
}
.txt-center {
	text-align: center;
}
.txt-right {
	text-align: right;
}
.txt-left {
	text-align: left;
}
.imgR {
	float: right;
	margin-left: 10px;
}
.imgL {
	float: left;
	margin-right: 10px;
}

/* link ------------------------------ */

a, a:link {
	color: #3366CC;
	text-decoration: underline;
}
a:visited {
	color: #996699;
	text-decoration: underline;
}
a:active, a:hover {
	color: #66CCFF;
}
.linkM {
	background: url(../images/icn_ar_pink.gif) no-repeat 0 2px;
	padding-left: 17px;
	font-size: 12px;
}

/* hn ------------------------------ */

h1 { font-size:16px; }
h2, h3{ font-size: 14px; }
h4, h5, h6 { font-size: 14px; }

/* layout ------------------------------ */

#container{
	margin: 0 auto;
	width: 750px;
	text-align: left;
}
#header{
	width: 750px;
}
#navigation {
	width: 750px;
	height: 27px;
	overflow: hidden;
}
#topicpath {
	_margin-left: -550px;
	*+margin-left: -550px;
	position: absolute;
	width: 530px;
	overflow: hidden;
	line-height: 1.2em;
	padding-top: 2px;
}
#utility{
	margin-left: 550px;
	position: relative;
	width: 200px;
	overflow: hidden;
	height: 20px;
}
#wrap {
	clear: right;
}
#main{
	float: left;
	width: 530px;
	margin-right: 20px;
	overflow: hidden;
}
#side{
	float: left;
	width: 320px;
	overflow: hidden;
}
#footer {
	clear: both;
}

/* header ------------------------------ */

#tagline {
	text-align: right;
	line-height: 1.2em;
	padding: 3px 0;
	font-size: 10px;
}
#header #bnr {
	width: 468px;
	height: 60px;
	float: left;
	margin-right: 3px;
}
#header #cntrl {
	width: 64px;
	float: left;
	padding-top: 12px;
}
#header #cntrlin {
	width: 64px;
	float: left;
}

/* navigation ------------------------------ */

#navigation {
	clear: both;
	margin-top: 6px;
	position: relative;
	top: 0;
	right: 0;
	width: 750px;
	height: 27px;
	overflow: hidden;
}
#navigation ul {
	padding: 0;
	margin: 0;
	position: absolute;
	width: 750px;
	height: 27px;
	background: url(../images/navi.gif) no-repeat 0 0;
	display: inline;
	overflow: hidden;
	list-style: none;
}
#navigation li {
	padding: 0;
	margin: 0;
	display: inline;
	height: 27px;
}
#navigation a {
	float: left;
	height: 0px !important;
	height /**/:27px; /* IE 5/Win hack */
	padding: 27px 0 0 0;
	overflow: hidden;
	text-indent: -999px;
	background-image: url(../images/navi.gif);
}
#navigation .navi-home a {
	width: 108px;
	background-position: 0 0;
}
#navigation .navi-home a:hover {
	background-position: 0 -27px ;
}
#navigation .navi-premama a {
	width: 107px;
	background-position: -108px 0;
}
#navigation .navi-premama a:hover {
	background-position: -108px -27px ;
}
#navigation .navi-babymama a {
	width: 107px;
	background-position: -215px 0;
}
#navigation .navi-babymama a:hover {
	background-position: -215px -27px ;
}
#navigation .navi-kidsmama a {
	width: 107px;
	background-position: -322px 0;
}
#navigation .navi-kidsmama a:hover { 
	background-position: -322px -27px ;
}
#navigation .navi-odekake a {
	width: 107px;
	background-position: -429px 0;
}
#navigation .navi-odekake a:hover { 
	background-position: -429px -27px ;
}
#navigation .navi-com a {
	width: 107px;
	background-position: -536px 0;
}
#navigation .navi-com a:hover { 
	background-position: -536px -27px ;
}
#navigation .navi-kaji a {
	width: 107px;
	background-position: -643px 0;
}
#navigation .navi-kaji a:hover { 
	background-position: -643px -27px ;
}


/* topicpath ------------------------------ */

#topicpath p {
	margin: 0;
	padding: 0;
}
#topicpath a:link    { color: #666666; text-decoration: underline; }
#topicpath a:visited { color: #666666; text-decoration: underline; }
#topicpath a:active  { color: #666666; text-decoration: underline; }
#topicpath a:hover   { color: #666666; text-decoration: underline; }

/* utility ------------------------------ */

#utility {
	font-size: 10px;
	text-align: right;
}
#utility ul, #utility li {
	display: inline;
}
#utility li {
	margin-left: 10px;
}
#utility a, #utility a:link, #utility a:hover, #utility a:visited {
	color: #999;
}
#utility a.sitemap {
	background: #fff url(../images/icn_sitemap.gif) no-repeat 0 2px;
	padding: 2px 2px 2px 18px;
}
#utility a.help {
	background: #fff url(../images/icn_help.gif) no-repeat 0 2px;
	padding: 2px 2px 2px 18px;
}

/* wrap ------------------------------ */

#wrap {
	background: #fff url(../images/side_bg081010.gif) repeat-y 0 0;
}	

/* side ------------------------------ */

#side {	
}
#side {
	background: #FFEEEE url(../images/side_r_head081010.gif) no-repeat left top;
}
#side .sidein {
	padding: 0 10px 10px 10px;
}
#side .bnrtop {
	width: 300px;
	height: 12px;
}
#side .bnr {
	padding: 0;
	margin: 0 0 10px 0;
}
#side .box {
	margin-bottom: 10px;
	background: #fff url(../images/side_boxft081010.gif) no-repeat 0 bottom;
	padding-bottom: 13px;
}
#side .box-cntnt {
	padding: 0 15px;
	font-size: 12px;
	line-height: 1.4em;
}
#side h3 {
	margin: 0;
	padding: 0;
}
#side h4 {
	border-top: 1px solid #FD88A6;
	font-size: 12px;
	margin: 10px 0 5px 0;
}
#side h4 span {
	background: #FD88A6;
	color: #fff;
	padding: 3px 5px;
	font-weight: normal;
}
#side p {
	padding: 0 0 5px 0;
}
#side th {
	font-weight: normal;
	text-align: left;
}
#side input {
	font-size: 14px;
}
#side dt {
	margin-bottom: 5px;
}
#side dd {
	margin-bottom: 15px;
	line-height: 1.5em
}
#side ut, #side li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#side li {
	padding: 0;
	margin-bottom: 5px;
	line-height: 1.5em;
}
#side ul.list-pink {
	margin: 0 0 15px 0;
}
#side ul.list-pink, ul.list-pink li {
	list-style: none;
}
#side ul.list-pink li {
	background: #fff url(../images/icn_c_pink.gif) no-repeat 0 6px;
	padding: 2px 0 2px 11px;
}

/* side menu ---- */

#side .menu {
	margin-bottom: 0;
	width: 270px;
	overflow: hidden;
}
#side .menu ul, #side .menu li {
	list-style: none;
	line-height: 1.2em;
}
#side .menu ul ul{
	margin-left: -10px;
	background: url(../images/icn_sidenavi_line.gif) repeat-y left bottom;
	padding-left: 1px;
}
#side .menu ul ul {
}
#side .menu li {
	background: url(../images/icn_ar_pink.gif) no-repeat 0 3px;
	padding: 2px;
	margin: 3px 0;
	margin-left: -1px;
	padding-left: 15px; 
}
#side .menu li li {
	background: url(../images/icn_sidenavi_ar.gif) no-repeat 0 3px;
	padding-left: 28px;
}
#side .menu li.naviLast {
	background: url(../images/icn_sidenavi_ar02.gif) no-repeat 0 3px;
	padding-left: 28px;
}
#side .msag {
	font-size: 14px;
}
#side ul.msag-list, #side ul.msag-list li {
	list-style: none;
	font-size: 12px;
}
#side ul.msag-list li{
	background: url(../images/icn_ar_pink.gif) no-repeat 0 1px;
	padding: 1px 0 1px 17px;
}
.en {
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

/* side-end ---------------------------- */
body.contents #side-end {
	background: url(../images/side_r_foot081010.gif) no-repeat right top;
	padding-top: 12px;
	border:0;
	margin-right:0px;
	font-size:1px

/* footer ------------------------------ */

#toHome {
	background: url(../images/side_r_foot081010.gif) no-repeat right top;
	padding-top: 20px;
	text-align: center;
	border-bottom: 3px solid #eee;
}

#footer {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-bottom: 15px;
}
#footer a, #footer a:link, #footer a:hover, #footer a:visited {
	color: #666;
}
#footer .footer-navi {
	border-top: 3px solid #FD6A8F;
	padding-top: 5px;
}
#footer .footer-navi ul {
	border-right: 1px solid #ccc;
	display: inline;
}
#footer .footer-navi li {
	display: inline;
	border-left: 1px solid #ccc;
	padding: 1px 7px;
}
#footer p {
	margin: 0;
	padding: 0;
}

/* main ------------------------------ */

#main {
	margin-top: 12px;
	text-align: left;
}
#main h2 {
	margin-bottom: 10px;
}
#main .description {
	color: #666;
	padding: 0;
	margin: 0;
}
#main table {
	text-align: left;
}

/* hack ------------------------------ */

/* float clear ------- */

	#header:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	
	#header {display: inline-table;}
	
	/* Hides from IE-mac \*/
	* html #header {height: 1%;}
	#header {display: block;}
	/* End hide from IE-mac */

/* float clear ------- */

	#wrap:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	
	#wrap {display: inline-table;}
	
	/* Hides from IE-mac \*/
	* html #wrap {height: 1%;}
	#wrap {display: block;}
	/* End hide from IE-mac */
	
/* float clear ------- */

	.mob-info:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	
	.mob-info {display: inline-table;}
	
	/* Hides from IE-mac \*/
	* html .mob-info {height: 1%;}
	.mob-info {display: block;}
	/* End hide from IE-mac */
	


#bodySpc #main .navi-left {
	float: left;
	text-align:right;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#bodySpc #main .navi-left p.naviimage {
	width: 182px;
	padding: 0px 0px 10px 0px;
	margin:0px 6px 0px 6px;
}
#bodySpc #main .navi {
	float: left;
	padding: 0px 0px 0px 0px;
}

#bodySpc #main .navi p.naviimage {
	width: 130px;
	padding: 0px 0px 10px 0px;
	margin:0px 6px 0px 6px; 
}
#bodySpc #main .navi-right {
	float: left;
	padding: 0px 0px 0px 0px;
}

#bodySpc #main .navi-right p.naviimage {
	width: 182px;
	padding: 0px 0px 10px 0px;
	margin:0px 6px 0px 6px; 
}

#bodySpc #main .cntnt {
	width: 530px;
	margin: 15px 0px 0px 0px;
	clear:both;
}
#bodySpc #main .cntntEnd {
	height:1px;
	width: 530px;
	padding:0px;
	margin: 0px 0px 10px 0px;
	border-bottom:1px dotted #FFB74A;
	clear:both;
}

#bodySpc #main .cntntEnd p.pagetop{
	text-align:right;
}

#bodySpc #main .cntntLeft {
	width: 380px;
	float: left;
	margin-right: 5px;
}
#bodySpc #main .cntntRight {
	width: 120px;
	float: left;
	margin-right: 5px;
}
#bodySpc #main .cntnt p {
	padding: 5px 0 7px 18px;
	margin: 0;
}
#bodySpc #main .linkWhite-pink {
	background: #fff url(../../common/images/icn_ar_orange.gif) no-repeat 1px;
	padding-left: 18px;
	font-size: 14px;
	font-weight:bold;
}