@charset "utf-8";

/* ----- reset & set ----- */
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size: 100%;font-weight: normal;}
hr{visibility:hidden;}
img,object{vertical-align:bottom;}
legend{display:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th{padding:0; margin:0;}
body,input,option,button{font-family:"MS PGothic","ヒラギノ角ゴ Pro W6", Hiragino Kaku Gothic Pro,"メイリオ","Meiryo","Osaka",Arial,sans-serif;color:#333;}

/* ----- clearfix ----- */
#masthead,
#toolArea,
#globalNavi ul,
#note .noteMod,
#aboutTheme ul,
#sitemap ul,
.cf{ /zoom : 1; }
#masthead:after,
#toolArea:after,
#globalNavi ul:after,
#note .noteMod:after,
#aboutTheme ul:after,
#sitemap ul:after,
.cf:after{content:''; display:block; clear:both;}

/* EMG setting
----------------------*/
#emg{clear:both;text-align:center;}
#emg br{display:none;}
#emg table{margin:10px auto;}
#emg table table{margin:0;}

/* ----- common ----- */
a{
color:#2054e8;
}
a:visited{
color:#843da8;
}
body{
background:#f6f8f8;
}
#wrapper{
border-top:3px solid #000;
background:#f6f8f8;
}


/* header */
#header{
width:950px;
margin:0 auto;
padding:0 0 10px;
}

#masthead{
padding:5px 0 0;
font-size:80%;
}
#logoArea{
float:left;
margin-right:8px;
text-align:left;
}

#toolArea{
float:right;
margin-top:5px;
}
#toolArea ul{
float:left;
}
#toolArea ul #yomiganaOn{
padding-left:5px;
margin-right:10px;
}
#toolArea li{
float:left;
}
#toolArea .back{
line-height:30px;
padding:0 8px 0 18px;
background:url(https://s.yimg.jp/images/sicons/kids16.gif) 0 7px no-repeat;
}
#toolArea .back a{
border-right:1px solid #cecece;
padding-right:8px;
}
#toolArea .help{
line-height:30px;
padding-left:18px;
background:url(https://s.yimg.jp/i/kids/common/icon/help.png) 0 7px no-repeat;
}
#toolArea .help a{
border-right:1px solid #cecece;
padding-right:8px;
}
#yomiganaOn a{
display:block;
background:url(https://s.yimg.jp/i/kids/common/btn/ymgnOn.png) no-repeat left top;
width:61px;
height:30px;
text-indent:-9999px;
overflow:hidden;
}


/* navigation */
#globalNavi{
background:#000 url(../../img/bgAll.png) repeat-x center top;
}
#globalNavi ul,#globalNavi ul li a,#globalNavi ul li span{
background-image:url(../../img/globalNavi.png);
background-repeat:no-repeat;
}
#globalNavi ul{
width:950px;
margin:0 auto;
background-position:left -72px;
}
#globalNavi ul li{
float:left;
height:36px;
width:158px;
}
#globalNavi ul li a,#globalNavi ul li span{
display:block;
height:36px;
width:158px;
text-indent:-9999px;
overflow:hidden;
}
#globalNavi #globalNavi1, #globalNavi #globalNavi4,
#globalNavi #globalNavi1 a, #globalNavi #globalNavi4 a{width:159px;}
#globalNavi #globalNavi1 a{background-position:   0px top;}
#globalNavi #globalNavi2 a{background-position:-159px top;}
#globalNavi #globalNavi3 a{background-position:-317px top;}
#globalNavi #globalNavi4 a{background-position:-475px top;}
#globalNavi #globalNavi5 a{background-position:-634px top;}
#globalNavi #globalNavi6 a{background-position:-792px top;}

#globalNavi #globalNavi1 a:hover{background-position:   0px -36px;}
#globalNavi #globalNavi2 a:hover{background-position:-159px -36px;}
#globalNavi #globalNavi3 a:hover{background-position:-317px -36px;}
#globalNavi #globalNavi4 a:hover{background-position:-475px -36px;}
#globalNavi #globalNavi5 a:hover{background-position:-634px -36px;}
#globalNavi #globalNavi6 a:hover{background-position:-792px -36px;}

#wrapper #globalNavi ul li.cur{text-indent:-9999px;}
#wrapper #globalNavi ul li .cur{background-position:-950px 0;}
#globalNavi #globalNavi1 a.cur:hover{background-position:   0px -108px;}
#globalNavi #globalNavi2 a.cur:hover{background-position:-159px -108px;}
#globalNavi #globalNavi3 a.cur:hover{background-position:-317px -108px;}
#globalNavi #globalNavi4 a.cur:hover{background-position:-475px -108px;}
#globalNavi #globalNavi5 a.cur:hover{background-position:-634px -108px;}
#globalNavi #globalNavi6 a.cur:hover{background-position:-792px -108px;}


/* icon */
.iconNew{
display:inline-block;
outline:medium none;
margin-left:2px;
width:28px;
height:11px;
background:url(https://s.yimg.jp/images/icon/u/bsc/1.0.0/new.png) no-repeat left top;
text-indent:-9999px;
overflow:hidden;
}
.iconCtgr, .iconTheme span, .iconLevel span, .iconDevice span, #contents h1 span{
background-image:url(../../../cmn/img/iconAll.png);
_background-image:url(../../../cmn/img/iconAll_ie.png);
background-repeat:no-repeat;
text-indent:-9999px;
overflow:hidden;
}
.iconCtgr{
height:20px;
margin-right:4px;
}
.ctgr1{background-position:0px    top; width:86px;}
.ctgr2{background-position:0px  -25px; width:64px;}
.ctgr3{background-position:0px  -50px; width:78px;}
.ctgr4{background-position:0px  -75px; width:95px;}
.ctgr5{background-position:0px -100px; width:56px;}
.ctgr6{background-position:0px -125px; width:46px;}

.iconTheme{
height:20px;
}
.iconTheme span{
display:block;
float:left;
margin-right:4px;
width:20px;
height:20px;
}
#contents h1 span{
display:block;
min-height:20px;
height:auto !important;
height:20px;
padding-left:24px;
text-indent:0px;
}
.theme1{background-position:-170px    0px;}
.theme2{background-position:-170px  -25px;}
.theme3{background-position:-170px  -50px;}
.theme4{background-position:-170px  -75px;}
.theme5{background-position:-170px -100px;}
.theme6{background-position:-170px -125px;}
.theme7{background-position:-170px -150px;}
.theme8{background-position:-170px -175px;}
.theme9{background-position:-170px -200px;}

.iconLevel{
font-size:80%;
}
.iconLevel span{
display:inline-block;
outline:medium none;
height:15px;
width:65px;
}
.iconLevel .level1{background-position:-100px    0px;}
.iconLevel .level2{background-position:-100px  -25px;}
.iconLevel .level3{background-position:-100px  -50px;}
.iconLevel .level4{background-position:-100px  -75px;}
.iconLevel .level5{background-position:-100px -100px;}

.iconDevice span{
display:block;
float:left;
margin-right:4px;
width:52px;
height:16px;
}
.iconDevice .device1{background-position:0px -150px;}
.iconDevice .device2{background-position:0px -175px;}
.iconTheme,.iconDevice{
min-height:0px;
height:auto !important;
height:0;
}


/* note */
#note{
clear:both;
padding-top:10px;
}
#note .noteMod{
margin:10px 0 0;
padding:10px;
line-height:1.4;
}
#note .noteMod dt{
font-size:85%;
font-weight:bold;
}
#note .noteMod dd{
font-size:80%;
}

#note #aboutTheme{
border:1px solid #cad4de;
background:#ecf1f3;
color:#273853;
padding:8px 10px 6px;
}
*:first-child+html #aboutTheme .iconTheme{
height:auto;
}
#aboutTheme li{
position:relative;
width:170px;
min-height:20px;
height:auto !important;
height:20px;
float:left;
padding:1px 0 4px;
}

#attention, #environment{
background:url(../../img/noticeBg.png) repeat left top;
color:#fff;
}
#attention li, #environment li{
text-indent:-1em;
padding-left:1em;
}
#attention a, #environment a{
color:#cfecff;
}
#attention a:visited, #environment a:visited{
color:#e6dcff;
}
#environment .iconDevice li{
min-height:16px;
height:auto !important;
height:16px;
text-indent:0;
padding-left:0;
}
#environment div.yjstdPlug {
background:url(../../img/noticeLine.png) repeat-x left top;
border:none;
min-height: 16px;
padding:10px 0 0;
margin:10px 0 0;
}


/* sitemap */
#sitemap{
margin:20px 0 0;
color:#eef1f2;
background:url(../../img/sitemapBg.png) repeat left top;
}
#sitemap h2{
background:url(../../img/bgAll.png) repeat left -100px;
height:23px;/*30-7*/
padding:7px 10px 0;
font-size:95%;
font-weight:bold;
}
#sitemap .cont{
padding:8px 10px;
}
#sitemap dl{
padding:0 0 4px;
}
#sitemap dt{
font-size:85%;
font-weight:bold;
}
#sitemap dd{
font-size:80%;
}
#sitemap a{
color:#cfecff;
}
#sitemap a:visited{
color:#e6dcff;
}
#sitemap ul{
text-indent:-3px;
margin-left:-3px;
overflow:hidden;
}
#sitemap li{
display:inline;
padding:0 3px 0 6px;
border-left:1px solid #eef1f2;
}

#footer{
width:950px;
margin:0 auto;
padding:15px 0 10px;
text-align:center;
}
#footer .copyright,#footer .back{
margin-bottom:10px;
}
#footer .copyright,#footer address,#footer .help{
font-size:80%;
line-height:1.4;
}
.kidsFooter{
border-top:1px solid #999;
padding:10px;
}
.kidsFooter .wrap{
position:relative;
padding-left:85px;
text-align:left;
display:inline-block;
/display:inline;
/zoom:1;
}
.kidsFooter .Ybang{
position:absolute;
left:0;
}


/* contents */
#contents{
margin:0 auto;
width:950px;
}
#contents h1{
background:url(../../img/ttlLine.png) no-repeat left bottom;
padding:15px 0 5px;
margin:0 0 15px;
min-height:20px;
height:auto !important;
height:20px;
line-height:1.4;
font-weight:bold;
}

/* jsoff error */
#jsoffError{
margin:15px 0 15px;
border:2px solid #f33;
color:#f33;
line-height:1.4;
padding:10px;
text-align:center;
font-size:85%;
font-weight:bold;
background:#fff;
zoom:1;
}
#jsoffError a{
color:#f33;
}


/* for SmartPhone change device */
.changeDevice{
margin:20px 0 0;
text-align:center;
}
.changeDevice dl{
margin:0 auto;
padding:10px;
border:1px solid #e7e7e7;
background:#eee;
width:300px;
}
.changeDevice dt{
display:inline;
}
.changeDevice dd{
display:inline;
font-weight:bold;
padding:0 5px;
border-right:1px solid #333;
}
.changeDevice dd:last-child{
border:none;
}
.changeDevice dd a{
font-weight:normal;
padding:0 5px;
}