@charset "utf-8";

#rubiBtn
{
	width:212px;
	padding-left:488px;
	padding-right:20px;
	padding-bottom:20px;
	margin-left:auto;
	margin-right:auto;
}

#rubiBtn li {
	float: left;
	font-size: 0px;
}

#rubiBtn a{
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	font-size: 0px;
	background-image:url(../kids/hemophilia/images/kids_rubi.gif);
	height: 30px;
}

#rubi01 a{
	width: 106px;
	background-position:0 -30px;
	background-repeat: no-repeat;

}	
#rubi01 a:hover{
	width: 106px;
	background-position:0px -30px;
	background-repeat: no-repeat;
}
#rubi02 a{
	width: 106px;
	background-position:-106px 0;
	background-repeat: no-repeat;
}
#rubi02 a:hover{
	width: 106px;
	background-position:-106px -30px;
	background-repeat: no-repeat;
}




#Kids h3{
	padding-bottom:0px;
}


#kids_space
{
	padding-top: 20px;
}


#kids_flash
{
	padding-top:20px;
	width: 920px;
	margin-right: auto;
	margin-left: auto;
}

#kids_menu
{
	width: 840px;
	margin-right: auto;
	margin-left: auto;
	padding-left:10px;
	padding-bottom:20px;
}

ul.mainBtn li{
text-indent:-9999px;
float:left;
margin-bottom:4px;
}
ul.mainBtn li a{
	display:block;
	width:270px;
	height:50px;
	padding-right:10px;
	background-repeat: no-repeat;
}

ul.mainBtn li a:hover{
/*
	opacity:0.7;
	filter: alpha(opacity=80);*/
	background-position:0px -50px;

}

li#main01 a{
background-image:url(../kids/images/kids_btn01.gif);
}

li#main02 a{
	background-image:url(../kids/images/kids_btn02.gif);
}
li#main02b a{
	background-image:url(../kids/images/kids_btn02.gif);
	background-position:0px -50px;
}
li#main03 a{
background-image:url(../kids/images/kids_btn03.gif);
}



/*-----------------
★右のナビゲーション
-------------------*/

#s_btn01 a{
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	font-size: 0px;
	background-image:url(../kids/images/kids_nav01.gif);
	height: 134px;
	margin-top: 20px;
}
#s_btn02 a{
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	font-size: 0px;
	background-image:url(../kids/images/kids_nav02.gif);
	height: 134px;
	margin-top: 10px;
}
#s_btn03 a{
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	font-size: 0px;
	background-image:url(../kids/images/kids_nav03.gif);
	height: 134px;
	margin-top: 10px;
}

.s_btn a{
	width: 200px;
	background-position:0px 0px;
	background-repeat: no-repeat;
}

.s_btnb a{
	width: 200px;
	background-position:0px -134px;
	background-repeat: no-repeat;
}
.s_btn a:hover{
	width: 200px;
	background-position:0px -134px;
	background-repeat: no-repeat;
}

/*-----------------
コンテンツ内容
-------------------*/

p#hemo_ttls01{
width:560px;
height:50px;
margin-left:50px;
background-image:url(../kids/hemophilia/images/kids_hemo_ttls01.gif);
background-repeat:no-repeat;
text-indent:-9999px;
margin-bottom:12px;
}

p#hemo_ttls02{
float:none;
clear:both;
width:560px;
height:50px;
margin-left:50px;
background-image:url(../kids/hemophilia/images/kids_hemo_ttls02.gif);
background-position:left bottom;
text-indent:-9999px;
margin-bottom:12px;
}

p#hemo_ttls03{
float:none;
clear:both;
width:560px;
height:50px;
margin-left:50px;
background-image:url(../kids/hemophilia/images/kids_hemo_ttls03.gif);
background-position:left bottom;
text-indent:-9999px;
margin-bottom:12px;
}

p#hemo_ttls04{
float:none;
clear:both;
width:560px;
height:50px;
margin-left:50px;
background-image:url(../kids/hemophilia/images/kids_hemo_ttls04.gif);
background-position:left bottom;
text-indent:-9999px;
margin-bottom:12px;
}

ul.kidsBtn{
width:560px;
margin-left:60px;
margin-bottom:24px;
} 

/*floatの解除*/
ul.kidsBtn {
    zoom: 1; /* for IE5.5 - IE7 */
}
ul.kidsBtn:after { /* for modern browser */
    content: ".";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}

ul.kidsBtn li{
text-indent:-9999px;
float:left;
margin-bottom:4px;
}

ul.kidsBtn li.test{
float:right;
margin-right:8px;
}

*html ul.kidsBtn li.test{
float:right;
margin-right:4px;
}

ul.kidsBtn li,ul.kidsBtn li a{
display:block;
width:270px;
height:56px;
}

ul.kidsBtn li a:hover{
	opacity:0.7;
	filter: alpha(opacity=80);
}

li#kids01_1 a{
background-image:url(../kids/hemophilia/images/kids_hemo_ttls01_1.gif);}
li#kids01_2 a{
background-image:url(../kids/hemophilia/images/kids_hemo_ttls01_2.gif);}
li#kids01_3 a{
background-image:url(../kids/hemophilia/images/kids_hemo_ttls01_3.gif);}
li#kids01_4 a{
background-image:url(../kids/hemophilia/images/kids_hemo_ttls01_4.gif);}


li#kids02_1 a{
background-image:url(../kids/hemophilia/images/kids_hemo_ttls02_1.gif);}
li#kids02_2 a{
background-image:url(../kids/hemophilia/images/kids_hemo_ttls02_2.gif);}
li#kids02_3 a{
background-image:url(../kids/hemophilia/images/kids_hemo_ttls02_3.gif);}


li#kids03_1 a{
background-image:url(../kids/hemophilia/images/kids_hemo_ttls03_1.gif);}
li#kids03_2 a{
background-image:url(../kids/hemophilia/images/kids_hemo_ttls03_2.gif);}
li#kids03_3 a{
background-image:url(../kids/hemophilia/images/kids_hemo_ttls03_3.gif);}


li#kids04_1 a{
background-image:url(../kids/hemophilia/images/kids_hemo_ttls04_1.gif);}
li#kids04_2 a{
background-image:url(../kids/hemophilia/images/kids_hemo_ttls04_2.gif);}
li#kids04_3 a{
background-image:url(../kids/hemophilia/images/kids_hemo_ttls04_3.gif);}
li#kids04_4 a{
background-image:url(../kids/hemophilia/images/kids_hemo_ttls04_4.gif);}



.testAns{
float:none;
clear:both;
width:270px;
margin-left:50px;
padding-left:290px;
background-image:url(../kids/hemophilia/images/testAns_bg.gif);
background-position:left top;
background-repeat:no-repeat;
margin-top:40px;
padding-top:30px;/**/
}

.testAns p{
width:270px;
height:61px;
text-indent:-9999px;
}

.testAns p a{
display:block;
width:270px;
height:61px;
background-image:url(../kids/hemophilia/images/kids_hemo_ttls05_1.gif)
}

.testAns p a:hover{
	opacity:0.7;
	filter: alpha(opacity=80);
}

.explanation{
font-size:140%;
line-height:2.0;
}

.explanation h4{
float:none;
clear:both;
line-height:100%;
font-size:180%;
color:#CC0000;
padding:6px 0;
}

.explanation h5{
padding:8px 0;
}

.explanation h6{
font-size:120%;
color:#FF4600;
padding-left:6px;
margin-top:18px;
margin-bottom:18px;
border-bottom:2px solid #FF9859;

}

/*.explanation h6{
font-size:120%;
color:#CC0000;
padding-left:6px;
border-bottom:1px solid #CCCCCC;
border-left:6px solid #CC0000;
margin-top:18px;
margin-bottom:18px;
}*/

p.tit_h7{
font-size:110%;
font-weight:bold;
line-height:120%;
padding-top:12px;
}

p img.vAlign{
margin-right:4px;
vertical-align:text-bottom;}

.redArea{
border:1px solid #FFD6CC;/*FFB99C*/
background-color:#FFE4F4;/*#FFDCF0;*/
padding:8px;
margin:8px 0;
}



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

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

table.table01 tr td.gray{
background-color:#CCCCCC;
}

table.table01 tr td.pink{
background-color:#FFFFFF;
}


table.table02{
margin:18px auto;
border:none;
}

table.table02 tr td{
padding:3px 6px;
text-align:left;
}


/*-----------------
★かたまるくんテレビ
-------------------*/
#tv_box
{
	background-image: url(../kids/movie/image/tv_bg.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 30px;
	width: 800px;
	padding-right: 30px;
	padding-left: 30px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 32px;
}

#tv_boxbtm
{
	background-image: url(../kids/movie/image/tv_bgbtm.gif);
	background-repeat: no-repeat;
	padding-bottom: 30px;
	width: 800px;
	padding-right: 30px;
	padding-left: 30px;
	margin-right: auto;
	margin-left: auto;
	background-position: bottom;
	margin-bottom: 20px;
}

/*-----------------
★共通
-------------------*/
.floatRight{
float:right;
}

.floatleft{
float:left;
}

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

.txtCenter{
text-align:center;
}

.txtRight{
text-align:right;
}

.txtRed{
color:#FF1500;/*#FF6600*/
}

.m12l{
margin-left:12px;
}

.m12r{
margin-right:12px;
}

.m12t{
margin-top:12px;
}

.m12b{
margin-bottom:12px;
}

.m3t{
margin-top:3px;
}

.m3r{
margin-right:3px;
}

ol{
line-height:150%;}

ol li{
margin-bottom:8px;
list-style:decimal;
margin-left:32px;
}

dl dt{
margin-top:6px;
}

dl dd{
padding-left:12px;
}

.bgRed{
background-color:#CC0000;
padding:3px;
color:#FFFFFF;
}

.line{
border-bottom:1px solid #333333;
}

.w260{
width:260px;
}

.f12{
font-size:80%;
line-height:130%;
}

ruby rp,ruby rt{
font-weight:normal;
font-size:80%;
color:#666666;}

*html ruby rt{
font-size:50%;
color:#666666;}/*IE6用*/

*+html ruby rt{
font-size:50%;
color:#666666;}/*IE7用*/