@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:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W6", Hiragino Kaku Gothic Pro,"MS PGothic","Osaka",Arial,sans-serif;color:#333;}

/* ----- clearfix ----- */
#masthead,
#toolArea,
#loginId,
#glnavi ul,
#glnaviVer2 ul,
#sitemap dl,
#sitemap ul,
.cf{ /zoom : 1; }
#masthead:after,
#toolArea:after,
#loginId:after,
#glnavi ul:after,
#glnaviVer2 ul:after,
#sitemap dl:after,
#sitemap ul:after,
.cf:after{content:''; display:block; clear:both;}

/* EMG setting
----------------------*/
#emg{clear:both;text-align:center;color:#333;margin:0 auto;}
#emg br{display:none;}
#header #emg a{color:/*#00e;*/#76554d;}
#header #emg a:visited{color:/*#551a8b;*/#663366;}
#emg table{margin:0 auto 10px;}
#emg table table{margin:0;}
.yjSt{font-size:x-small;line-height:1.3em;voice-family:"\"}\"";voice-family:inherit;font-size:small;font-size /**/:x-small;}
html>body .yjSt{font-size:84%;font-size/**/:small;}

/* ----- common ----- */
a{
color:#76554d;
}
a:visited{
color:#663366;
}
body{
background:#e8e4d7 url(../../cmn/img/bg2.jpg) repeat left top;
}
#wrapper{
background:#f6f4e7 url(../../cmn/img/bg1.jpg) repeat left top;
min-width:950px;
width:auto;
}


/* header */
#header{
padding:3px 0 5px;
background:#43322c url(../img/bgHeader.jpg) repeat center top;
color:#ffffff;
min-height:92px;
height:auto !important;
height:92px;
}
#header a{
color:#b9e2dd;
}
#header a:visited{
color:#8ab9b3;
}

#masthead{
width:950px;
margin:0 auto;
padding:5px 0 0;
font-size:75%;
min-height:50px;
height:auto !important;
height:50px;
}
#logoArea{
float:left;
margin-right:8px;
text-align:left;
}
#logoArea a{
display:block;
width:258px;
height:40px;
background:url(http://i.yimg.jp/i/kids/mh/zukan_w.png) no-repeat;
text-indent:-9999px;
overflow:hidden;
}

#loginArea{
width:389px;
float:left;
padding:3px 0;
line-height:1.6;
}
#loginArea #getId a,#loginArea #login a,#loginArea #loginId a{font-weight:bold;}
#loginArea #login{float:left;}
#loginArea #login{margin-right:5px;}
#loginId{word-break:break-all;word-wrap:break-word;}

#toolArea{
float:right;
margin-top:5px;
}
#toolArea ul{
float:left;
}
#toolArea ul #yomiganaOn{
padding-left:5px;
margin-right:10px;
_margin-right:5px;
}
#toolArea li{
float:left;
}
#toolArea li a{
line-height:16px;
border-right:1px solid #604f48;
padding:1px 8px 1px 18px;
}/*
#header #iiList{
line-height:30px;
}
#header #iiList.btnOn a{
background:url(../../favorite/img/ii_on.gif) 0 center no-repeat;
}
#header #iiList a{
background:url(../../favorite/img/ii.png) 0 center no-repeat;
_background:url(../../favorite/img/ii_ie6.png) 0 center no-repeat;
}130401★*/
#toolArea .back,#toolArea .help{
line-height:30px;
padding-left:7px;
}
#toolArea .back a{
background:url(http://i.yimg.jp/images/sicons/kids16.gif) 0 center no-repeat;
}
#toolArea .help a{
background:url(http://i.yimg.jp/i/kids/common/icon/help.png) 0 center no-repeat;
}
#toolArea #yomiganaOn a{
display:block;
width:61px;
height:30px;
line-height:30px;
padding:0;
border:none;
background:url(http://i.yimg.jp/i/kids/common/btn/ymgnOn.png) no-repeat left top;
text-indent:-9999px;
overflow:hidden;
}


/* search */
#searchArea{
position:relative;
width:950px;
clear:both;
margin:0 auto;
/zoom:1;
}
#srchText,#srchCtgr #selectMenu,#searchHint .select,#srchBtn{
background-image:url(../img/searchArea.png);
background-repeat:no-repeat;
}
#srchText{
background-position:left top;
width:450px;
margin-right:5px;
float:left;
}
#srchText input{
border:none;
width:415px;
_width:410px;
height:32px;
line-height:32px;
font-size:100%;
background:none;
padding:1px 5px 1px 30px;
color:#000000;
vertical-align:middle;
}
#srchText input.empty{
color:#c8bba2;
font-weight:bold;
}
#srchCtgr{
position:relative;
width:130px;
float:left;
margin-right:5px;
}
#srchCtgr #selectMenu,#searchHint .select{
display:none;
width:120px;
height:24px;
padding:5px;
color:#7e6756;
font-weight:bold;
background-position:-450px top;
position:absolute;
cursor:pointer;
}
#srchCtgr select{
position:absolute;
vertical-align:bottom;
height:34px;
width:130px;
border:none;
padding: 0px;
}
#srchCtgr select option{
border:none;
}
#srchCtgr #selectMenu.dispOn{
display:block;
}
* #srchCtgr #selectMenu.dispOn{
_display:none;
}
#srchCtgr select.clearOn{
z-index:2;
opacity:0;
visibility:visible;
filter: alpha(opacity=0);
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
}
#srchBtn{
background-color:#43322c;
position:absolute;
left:590px;
background-position:-580px top;
display:block;
width:67px;
height:36px;
border:none;
cursor:pointer;
text-indent:-9999px;
overflow:hidden;
}

/* navigation ver1 */
#glnavi,/*#glnavi li a:hover,*/#glnavi li a,#glnavi li span, .naviOpen ul li .open{
background-image:url(../img/navi.png);
background-repeat:no-repeat;
}
#glnavi{
/*background-color:#2a1e19;*/
background-repeat:repeat-x;
background-position:center -110px;
}
#glnavi ul{
width:948px;
height:54px;
margin:0 auto;
}
#glnavi li{
float:left;
width:158px;
}
#glnavi li a,#glnavi ul li span{
display:block;
height:43px;
width:158px;
text-indent:-9999px;
overflow:hidden;
}
#glnavi li a,#glnavi li .btn{
cursor:pointer;
}
#glnavi li .open{
height:54px;
}
#glnavi #glnavi1 a,#glnavi #glnavi1 span{background-position:   1px -165px;}
#glnavi #glnavi2 a,#glnavi #glnavi2 span{background-position:-159px -165px;}
#glnavi #glnavi3 a,#glnavi #glnavi3 span{background-position:-317px -165px;}
#glnavi #glnavi4 a,#glnavi #glnavi4 span{background-position:-475px -165px;}
#glnavi #glnavi5 a,#glnavi #glnavi5 span{background-position:-633px -165px;}
#glnavi #glnavi6 a,#glnavi #glnavi6 span{background-position:-791px -165px;}

.animal	#glnavi #glnavi1 a, .animal	#glnavi #glnavi1 span{background-position:   1px -55px;}
.plant	#glnavi #glnavi2 a, .plant	#glnavi #glnavi2 span{background-position:-159px -55px;}
.astro	#glnavi #glnavi3 a, .astro	#glnavi #glnavi3 span{background-position:-317px -55px;}
.pet	#glnavi #glnavi4 a, .pet	#glnavi #glnavi4 span{background-position:-475px -55px;}
.food	#glnavi #glnavi5 a, .food	#glnavi #glnavi5 span{background-position:-633px -55px;}
.job	#glnavi #glnavi6 a, .job	#glnavi #glnavi6 span{background-position:-791px -55px;}

.naviOpen #glnavi #glnavi1 .open{background-position:   1px top;}
.naviOpen #glnavi #glnavi2 .open{background-position:-159px top;}
.naviOpen #glnavi #glnavi3 .open{background-position:-317px top;}
.naviOpen #glnavi #glnavi4 .open{background-position:-475px top;}
.naviOpen #glnavi #glnavi5 .open{background-position:-633px top;}
.naviOpen #glnavi #glnavi6 .open{background-position:-791px top;}


/* navigation ver2 */
#glnaviVer2,/*#glnaviVer2 li a:hover,*/#glnaviVer2 li a,#glnaviVer2 li span/*, .naviOpen ul li .open*/{
background-image:url(../img/navi2.png);
background-repeat:no-repeat;
}
#glnaviVer2{
background-repeat:repeat-x;
background-position:center -45px;
}
#glnaviVer2 ul{
width:948px;
/*height:54px;★*/
height:43px;
margin:0 auto;
}
#glnaviVer2 li{
float:left;
width:158px;
}
#glnaviVer2 li a,#glnaviVer2 ul li span{
display:block;
height:43px;
width:158px;
text-indent:-9999px;
overflow:hidden;
}
#glnaviVer2 li a,#glnaviVer2 li .btn{
cursor:pointer;
}
#glnaviVer2 #glnavi1 a,#glnaviVer2 #glnavi1 span{background-position:   1px -90px;}
#glnaviVer2 #glnavi2 a,#glnaviVer2 #glnavi2 span{background-position:-159px -90px;}
#glnaviVer2 #glnavi3 a,#glnaviVer2 #glnavi3 span{background-position:-317px -90px;}
#glnaviVer2 #glnavi4 a,#glnaviVer2 #glnavi4 span{background-position:-475px -90px;}
#glnaviVer2 #glnavi5 a,#glnaviVer2 #glnavi5 span{background-position:-633px -90px;}
#glnaviVer2 #glnavi6 a,#glnaviVer2 #glnavi6 span{background-position:-791px -90px;}

.animal	#glnaviVer2 #glnavi1 a, .animal	#glnaviVer2 #glnavi1 span{background-position:   1px 0px;}
.plant	#glnaviVer2 #glnavi2 a, .plant	#glnaviVer2 #glnavi2 span{background-position:-159px 0px;}
.astro	#glnaviVer2 #glnavi3 a, .astro	#glnaviVer2 #glnavi3 span{background-position:-317px 0px;}
.pet	#glnaviVer2 #glnavi4 a, .pet	#glnaviVer2 #glnavi4 span{background-position:-475px 0px;}
.food	#glnaviVer2 #glnavi5 a, .food	#glnaviVer2 #glnavi5 span{background-position:-633px 0px;}
.job	#glnaviVer2 #glnavi6 a, .job	#glnaviVer2 #glnavi6 span{background-position:-791px 0px;}

#iiArea{
position:relative;
width:950px;
margin:0 auto;
z-index:1;
display:none;
}
#iiArea.dispOn{
display:none;
}
#iiArea .cont{
background-image:url(../img/iiArea.png);
_background-image:url(../img/iiArea_ie.png);
background-repeat:no-repeat;
background-position:right top;
width:275px;
height:40px;
position:absolute;
right:0;
padding:10px 8px 0 0;
margin-top:-2px;
z-index:2;
}
#iiArea .cont #kidsFavorite{
float:right;
margin-top:-3px;
}
.naviOpen #iiArea .cont{
background-position:right top;
margin-top:0;
}

/* notice */
#notice,#notice dl,#notice dt,#notice dd{
background-image:url(../img/notice.png);
}
#notice{
background-position:-520px top;
_background:none;
padding-top:51px;
width:512px;
margin:-22px auto 0;
}
#notice dl{
line-height:1.5;
}
#notice dt{
background-repeat:no-repeat;
background-position:-520px -51px;
color:#412828;
text-align:center;
font-size:115%;
font-weight:bold;
padding:15px 20px 0;
}
#notice dd{
background-repeat:no-repeat;
background-position:-1040px bottom;
font-size:90%;
padding:0 20px 20px;
color:#666;
}


/**/
#wrapper div.yjstdPlug {
background:none;
border:1px dashed #c6bda7;
margin-top:20px;
clear:both;
}


/* footer Area */
#footerArea{
clear:both;
background:#e8e4d7 url(../../cmn/img/bg2.jpg) repeat left top;
border-top:1px solid #bdae9a;
margin:20px 0 0;
}
#wrapper #footerArea #sitemap .cont dl dd a:visited{color:#663366;}


/* sitemap */
#sitemap{
color:#412828;
border-top:1px solid #ffffff;
}
#sitemap h2{
width:930px;/*950-10-10*/
margin:0 auto;
padding:10px 10px 8px;
font-size:95%;
font-weight:bold;
background:url(../../cmn/img/dash.png) repeat-x left bottom;
}
#sitemap .cont{
width:930px;/*950-10-10*/
margin:0 auto;
padding:8px 10px;
border-bottom:1px solid #c6bda7;
}
#sitemap dl{
clear:both;
padding:4px 0;
line-height:1.2;
}
#sitemap dt{
font-size:80%;
font-weight:bold;
background:url(../img/naviArw.png) no-repeat left center;
padding-left:10px;
width:80px;
float:left;
}
#sitemap dd{
font-size:75%;
width:840px;
float:right;
}
#sitemap ul{
text-indent:-3px;
margin-left:-3px;
overflow:hidden;
}
#sitemap li{
display:inline;
padding:0 3px 0 6px;
border-left:1px solid #d0bdb8;
}

#footer{
width:950px;
margin:0 auto;
padding:15px 0 10px;
text-align:center;
border-top:1px solid #ffffff;
line-height:1.5;
}
#footer .copyright{
padding-bottom:10px;
}
#footer .back{
padding-bottom:10px;
border-bottom:1px solid #c6bda7;
}
#footer .copyright,#footer address,#footer .help{
font-size:80%;
}
.kidsFooter{
/*border-top:1px solid #999;*/
border-top:1px solid #ffffff;
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;
padding-top:20px;
width:950px;
}
#contents h1{
background:url(../img/titleBar.png) no-repeat left 4px;
margin-bottom:5px;
padding:1px 5px 1px 15px;
line-height:36px;
font-size:115%;
font-weight:bold;
color:#412828;
}

/* jsoff error */
#jsoffError{
margin:15px 0 15px;
border:2px solid #f33;
color:#f33;
line-height:1.5;
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:0 0 20px;
text-align:center;
}
.changeDevice dl{
margin:0 auto;
padding:10px;
border:1px solid #d7d1bf;
background:#fff;
width:300px;
}
.changeDevice dt{
display:inline;
}
.changeDevice dd{
display:inline;
font-weight:bold;
padding:0 5px;
border-right:1px solid #666;
}
.changeDevice dd:last-child{
border:none;
}
.changeDevice dd a{
font-weight:normal;
padding:0 5px;
}



/* icon */
.iconNew{
display:inline-block;
outline:medium none;
margin-left:2px;
width:28px;
height:11px;
background:url(http://i.yimg.jp/images/icon/u/bsc/1.0.0/new.png) no-repeat left top;
text-indent:-9999px;
overflow:hidden;
}
.iconP, .iconC, #top #ranking .rank ,#detail #pictMain #soundArea .ttl,#searchHint .bad,#searchHint .good,
.bundle #ranking .favRank1 dt,.bundle #ranking .favRank2 dt,.bundle #ranking .favRank3 dt{
background-image:url(../../cmn/img/iconAll.png);
background-repeat:no-repeat;
text-indent:-9999px;
line-height:1px;
}
.iconP{
display:block;
width:16px;
height:16px;
line-height:16px;
float:left;
margin-right:3px;
}
.iconP.movie{background-position:-180px 0;}
.iconP.sound{background-position:-180px -25px;}

.iconC{
display:block;
float:left;
width:49px;
height:22px;2px;
margin-right:3px;
}
.iconC.animal{background-position:left top;}
.iconC.plant {background-position:-50px top;}
.iconC.astro {background-position:-100px top;}
.iconC.pet	{background-position:left -25px;}
.iconC.food	{background-position:-50px -25px;}
.iconC.job	{background-position:-100px -25px;}

#top #ranking .rank{
text-indent:-9999px;
width:36px;
height:36px;
}
#ranking .favRank1 dt{background-position:  left -50px;}
#ranking .favRank2 .rank{background-position: -40px -50px;}
#ranking .favRank3 .rank{background-position: -80px -50px;}
#ranking .favRank4 .rank{background-position:-120px -50px;}
#ranking .favRank5 .rank{background-position:-160px -50px;}