@charset "utf-8";

/*-----------------
★節目ケアindexメニュー
-------------------*/

#Turningpoint #turning_menu
{
	width:700px;
	padding-left:20px;
	padding-bottom:30px;
}

#Turningpoint #turning_menu li {
	width: 330px;
	padding-right:20px;
	margin-bottom:20px;
	float: left;
	font-size: 0px;
}

#Turningpoint #turning_menu a{
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	font-size: 0px;
	height: 80px;
}

#Turningpoint #turning_menu #turning_menu01 a{
	width: 330px;
	background-position:0 0;
	background-repeat: no-repeat;
	background-image: url(../family/care/images/turning_btn01.gif);
}	

#Turningpoint #turning_menu #turning_menu01 a:hover{
	width: 330px;
	background-position:0px -80px;
	background-repeat: no-repeat;
}

#Turningpoint #turning_menu #turning_menu02 a{
	width: 330px;
	background-position:0 0;
	background-repeat: no-repeat;
	background-image: url(../family/care/images/turning_btn02.gif);
}	

#Turningpoint #turning_menu #turning_menu02 a:hover{
	width: 330px;
	background-position:0px -80px;
	background-repeat: no-repeat;
}

#Turningpoint #turning_menu #turning_menu03 a{
	width: 330px;
	background-position:0 0;
	background-repeat: no-repeat;
	background-image: url(../family/care/images/turning_btn03.gif);

}	

#Turningpoint #turning_menu #turning_menu03 a:hover{
	width: 330px;
	background-position:0px -80px;
	background-repeat: no-repeat;
}

#Turningpoint #turning_menu #turning_menu04 a{
	width: 330px;
	background-position:0 0;
	background-repeat: no-repeat;
	background-image: url(../family/care/images/turning_btn04.gif);
}	

#Turningpoint #turning_menu #turning_menu04 a:hover{
	width: 330px;
	background-position:0px -80px;
	background-repeat: no-repeat;
}



#Turningpoint #turning_menu #turning_menu05 a{
	width: 330px;
	background-position:0 0;
	background-repeat: no-repeat;
	background-image: url(../family/care/images/turning_btn05.gif);
}	

#Turningpoint #turning_menu #turning_menu05 a:hover{
	width: 330px;
	background-position:0px -80px;
	background-repeat: no-repeat;
}

#Turningpoint #turning_menu #turning_menu06 a{
	width: 330px;
	background-position:0 0;
	background-repeat: no-repeat;
	background-image: url(../family/care/images/turning_btn06.gif);
}	

#Turningpoint #turning_menu #turning_menu06 a:hover{
	width: 330px;
	background-position:0px -80px;
	background-repeat: no-repeat;
}



/*-----------------
★コンテンツ
-------------------*/
.explanation a{
color:#61BB45;
}

.floatRight{
float:right;
}

.floatleft{
float:left;
}

.explanation h4{
	font-size:200%;
	color:#C2002E;
	/*color:#F63E56;
	color:#367CC4;*/
}

.explanation h5{
font-size:140%;
color:#C2002E;
margin-top:18px;
margin-bottom:6px;
}

.explanation h6{
font-size:130%;
color:#367CC4;
margin-top:12px;
margin-bottom:6px;
}

.queArea{
font-size:120%;
font-weight:bold;
border:1px solid #FFCDB4;/*#FFE4B5*/
background-color:#FFEDE6;/*#FDF5E6*/
padding:8px;
margin:8px 0px 12px 0px;
}

.txtCenter{
text-align:center;
}

.txtRight{
text-align:right;
}

ul.disc{
margin-left:12px;
}

ul.disc li{
line-height:140%;
margin-bottom:4px;
list-style-type:disc;
/*margin-left:14px;*/
}

table.table01{
	margin:12px auto;
	border-left:1px solid #999999;
	border-top:1px solid #999999;
}

table.table01 tr td{
padding:3px 12px;
border-right:1px solid #999999;
border-bottom:1px solid #999999;
text-align:center;
}

table.table01 tr td.orange,table.table02 tr td.orange{
background-color:#FDF5E6;
}

table.table01 tr td.pink,table.table02 tr td.pink{
background-color:#F8E5DF;
}

table.table02{
margin:6px 0px;
border-left:1px solid #999999;
border-top:1px solid #999999;
}

table.table02 tr td{
padding:3px 12px;
border-right:1px solid #999999;
border-bottom:1px solid #999999;
}

table.table02 tr td.gray{
background-color:#F5F5F5;
}


.box{
width:380px;
padding:8px;
border:2px solid #666666;
}


.m12l{
margin-left:12px;
}

.m12r{
margin-right:12px;
}

.m12t{
margin-top:12px;
}

.m12b{
margin-bottom:12px;
}

ol li{
list-style:decimal;
margin-left:20px;
}

.marginTB{
margin-top:12px;
margin-bottom:12px;
}

.txtRed{
color:#cc0000;
}

.txt15{
font-size:160%;
line-height:140%;
}

p.line{
border-bottom:1px solid #CCCCCC;
padding-bottom:6px;
margin-bottom:8px;
}

.lineH140{
line-height:140%;
}

.boxLine{
border:1px solid #CCCCCC;
padding:8px;
margin:8px 0px;
}

p.no01{
background-image:url(../family/care/baby/images/no1.gif);
background-repeat:no-repeat;
background-position:left top;
padding-left:20px;
line-height:170%;
padding-bottom:4px;
margin-top:16px;
}

p.no02{
background-image:url(../family/care/baby/images/no2.gif);
background-repeat:no-repeat;
background-position:left top;
padding-left:20px;
line-height:170%;
padding-bottom:4px;
}

p.no03{
background-image:url(../family/care/baby/images/no3.gif);
background-repeat:no-repeat;
background-position:left top;
padding-left:20px;
line-height:170%;
padding-bottom:4px;
}

p.no04{
background-image:url(../family/care/baby/images/no4.gif);
background-repeat:no-repeat;
background-position:left top;
padding-left:20px;
line-height:170%;
padding-bottom:4px;
}

p.no05{
background-image:url(../family/care/baby/images/no5.gif);
background-repeat:no-repeat;
background-position:left top;
padding-left:20px;
line-height:170%;
padding-bottom:4px;
}

p.no06{
background-image:url(../family/care/baby/images/no6.gif);
background-repeat:no-repeat;
background-position:left top;
padding-left:20px;
line-height:170%;
padding-bottom:4px;
}



/*-----------------
★節目ケア目次メニュー
-------------------*/
#mokuji{
width:680px;
margin-left:22px;
padding-bottom:30px;
}



#mokujiCont{
padding:24px;
width:632px;
background-image:url(../images/common/mokuji_bg.gif);
background-position:bottom;
}

#mokujiCont ul.left{
margin-right:12px;
width:300px;
float:left;
}

#mokujiCont ul.right{
margin-left:12px;
width:260px;
float:left;
}

#mokujiCont ul li{
background-image:url(../images/common/yazirushi_f.gif);
background-repeat:no-repeat;
background-position:0px;
margin-bottom:4px;
padding-left:16px;
line-height:200%;
}


#mokuji_baby{
width:680px;
height:27px;
background-image:url(../family/care/baby/images/baby_mokuji.gif);
text-indent:-9999px;
}

#mokuji_school{
width:680px;
height:27px;
background-image:url(../family/care/school/images/school_mokuji.gif);
text-indent:-9999px;
}

#mokuji_student{
width:680px;
height:27px;
background-image:url(../family/care/student/images/student_mokuji.gif);
text-indent:-9999px;
}

#mokuji_adolescence{
width:680px;
height:27px;
background-image:url(../family/care/adolescence/images/adolescence_mokuji.gif);
text-indent:-9999px;
}

#mokuji_young{
width:680px;
height:27px;
background-image:url(../family/care/young/images/young_mokuji.gif);
text-indent:-9999px;
}

#mokuji_middle{
width:680px;
height:27px;
background-image:url(../family/care/middle/images/middle_mokuji.gif);
text-indent:-9999px;
}