@charset "euc-jp";

/* main
======================*/

#main{
zoom:1;
padding-top:39px;
background:no-repeat url(http://i.yimg.jp/images/kids/study/bg_screen_top.gif) 0 0
}
#mainBtm{
height:194px;
background:no-repeat url(http://i.yimg.jp/images/kids/study/bg_screen_btm.gif) 0 100%;
}
#swfArea{
zoom:1;
padding-top:15px;
border-left:25px solid #467561;
border-right:25px solid #467561;
text-align:center;
}
#swf{
margin-bottom:15px;
}
#cpLink{
padding:0 50px;
text-align:right;
}
#notes{
padding:15px;
font-size:80%;
}

/* off */
.off{
padding:10px;
margin:0 20px;
border:2px solid #dddddd;
background-color:#eeeeee;
color:#ff0000;
}
.off a{
font-weight:bold;
}
.off img{
margin-top:10px;
}

/* SWF */
.kenteiHdr{
margin:0 50px;
text-align:left;
}
.flaHdr{
margin:0 38px;
text-align:left;
}
.kenteiHdr h2,.flaHdr h2{
margin-bottom:7px;
}
.kenteiHdr .lv,.flaHdr .lv{
float:left;
margin-top:5px;
width:155px;
height:27px;
background-repeat:no-repeat;
text-indent:-9999px;
}

.bronze .lv,.silver .lv,.gold .lv{
background-image:url(http://i.yimg.jp/images/kids/study/tx_label_lv.png);
}
.bronze .lv{
background-position:0 0;
}
.silver .lv{
background-position:0 -27px;
}
.gold .lv{
background-position:0 -54px;
}

.shisei .lv,.kaku .lv,.fude .lv{
background-image:url(http://i.yimg.jp/images/kids/study/tx_label_yougu.png);
}
.shisei .lv{
background-position:0 0;
}
.kaku .lv{
background-position:0 -27px;
}
.fude .lv{
background-position:0 -54px;
}

.compass .lv,.ruler .lv,.protractor .lv{
background-image:url(http://i.yimg.jp/images/kids/study/tx_label_yougu_math.png);
}
.compass .lv{
background-position:0 0;
}
.ruler .lv{
background-position:0 -27px;
}
.protractor .lv{
background-position:0 -54px;
}

.kenteiHdr .title{
float:left;
width:605px;
padding:10px 10px 10px 30px;
background:no-repeat 0 0;
font-weight:bold;
}
.flaHdr .title{
float:left;
width:629px;
padding:10px 10px 10px 30px;
background:no-repeat 100% 0;
font-weight:bold;
}
.bronze .title{
background-image:url(http://i.yimg.jp/images/kids/study/bg_kentei_ttl_b.gif);
color:#855b27;
}
.silver .title{
background-image:url(http://i.yimg.jp/images/kids/study/bg_kentei_ttl_s.gif);
color:#808080;
}
.gold .title{
background-image:url(http://i.yimg.jp/images/kids/study/bg_kentei_ttl_g.gif);
color:#c88700;
}
.ttl01 .title{
background-image:url(http://i.yimg.jp/images/kids/study/bg_fla_ttl_01.png);
color:#855b27;
}
.ttl02 .title{
background-image:url(http://i.yimg.jp/images/kids/study/bg_fla_ttl_02.png);
color:#855b27;
}
.ttl03 .title{
background-image:url(http://i.yimg.jp/images/kids/study/bg_fla_ttl_03.png);
color:#855b27;
}

.kenteiHdr .lead,.flaHdr .lead{
margin-bottom:10px;
padding:10px 15px;
text-align:left;
}
.bronze .lead{
background-color:#f7ecda;
}
.silver .lead{
background-color:#e9f1f4;
}
.gold .lead{
background-color:#fcf6d9;
}
.ttl01 .lead{
background-color:#ffebd8;
}
.ttl02 .lead{
background-color:#faf3d4;
}
.ttl03 .lead{
background-color:#fde8ed;
}
.kenteiSWF{
margin:0 50px;
padding:40px 58px;
border:1px solid #a2a7a5;
}
.flaSWF{
background-color:#fdfce8;
margin:0 38px;
padding:0 10px;
text-align:left;
}

/* howto */
.howTo{
float:right;
width:289px;
margin:10px 0;
background:no-repeat url(http://i.yimg.jp/images/kids/study/bg_fla_howto.png) 0 100% #ffffff;
}
.howToTtl{
height:30px;
background:no-repeat url(http://i.yimg.jp/images/kids/study/ttl_fla_howto.png) 0 0;
text-indent:-9999px;
}
.howToDtl{
min-height:415px;
_height:415px;
border-left:2px solid #999999;
border-right:2px solid #999999;
margin-bottom:8px;
}
.howToList{
padding:15px 15px 7px 35px;
_padding-left:40px;
list-style-type:disc;
}
.howToNumList{
padding:15px 15px 7px 35px;
_padding-left:40px;
list-style-type:decimal;
color:#f69b26;
font-weight:bold;
}
.howToList li,.pointDtl li{
padding-bottom:.5em;
}
.howToNumList span{
color:#000000;
font-weight:normal;
}
.pointTtl{
height:26px;
margin:0 6px;
background:no-repeat url(http://i.yimg.jp/images/kids/study/ttl_fla_point.png) 50% 50% #f9c33a;
text-indent:-9999px;
}
.pointDtl{
margin:0 6px;
padding:10px 10px 0 30px;
_padding-left:35px;
background-color:#faf6c9;
list-style-image:url(http://i.yimg.jp/images/kids/study/ic_arrow_o.png);
}


.volume{
clear:both;
padding-top:30px;
}