/*********************
date 2009/05/28
ver 1.31
*********************/

/* reset & set & module
======================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote{margin:0;padding:0;}
fieldset,img{border:0;}
table{border-collapse:collapse;border-spacing:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
body{font-family:"Osaka", "ＭＳ Ｐゴシック", Arial, sans-serif;}

/* clear fix
======================*/
.clfix{zoom:1;}
.clfix:after{display:block;visibility:hidden;clear:both;height:0;content:".";}

/* font set
======================*/
body{font-family:"MS UI Gothic","MS PGothic";}
html > body{font-family:"Lucida Grande",sans-serif;}

/* global setting
======================*/
hr{display:none;}
.bx{margin-bottom:10px;}
.ico{margin-left:5px;}
.ico2{margin-right:5px;}
.ico3{margin-left:5px;}
span{
margin-left:0.3em;
font-weight:normal;
}

/* base layout
======================*/
body{margin:8px;}
#wrapper{
min-width:950px;
width:expression(document.body.clientWidth < 951 ? "950px" : "auto");
}

/* header layout
======================*/
#header{position:relative;}
p#logoArea{float:left;}
p#kidslinks{
position:absolute;
right:110px;
top:10px;
}
#masthead ul{
float:right;
margin-bottom:7px;
}
/* EMG setting
======================*/
#emg{clear:both;text-align:center;}
#emg br{display:none;}
#emg table{margin:10px auto;}
#emg table table{margin:0;}
/* pankuzu
======================*/
#path{
border-bottom:1px solid #CCF;
background:#DDEEE8;
clear:both;
}
#path ul{
float:right;
background:#DDEEE8  url(http://i.yimg.jp/images/kids/category_new/cate_bar.gif) no-repeat;
padding:10px 5px 0px 15px;
}
#path li{
display:inline;
}
h1{
margin:0.4em 0.5em 0.3em;
background:url(http://i.yimg.jp/images/kids/category_new/folder05.gif) no-repeat 0 50%;
padding:4px 0 4px 23px;
}
#path h2{
padding:6px;
background:#EFC;
font-weight:normal;
}

/* Javascript off setting
======================*/
p.jsoff{
border:1px solid #ffdd88;
background:#FFEEAA;
line-height:2.3em;
text-align:center;
zoom:1;
}
p.jsoff strong{font-weight:bold;}

/* softkeyboard
======================*/
#softkeyboard{
margin-bottom:10px;
text-align:center;
}
#searcharea{
margin-bottom:15px;
background:#F4F4FF url(../srch_bg-tb.gif) repeat-x 0 0;
}
#srchBg1{background:url(../srch_bg-tb.gif) repeat-x 0 100%;}
#srchBg2{background:url(../srch_bg-lb.gif) no-repeat 0 100%;}
#srchBg3{background:url(../srch_bg-lt.gif) no-repeat 0 0;}
#searcharea form{background:url(../srch_bg-rb.gif) no-repeat 100% 100%;}
#searcharea fieldset{background:url(../srch_bg-rt.gif) no-repeat 100% 0;
position:relative;
padding-right:220px;
}
#searcharea legend{display:none;}
#searcharea p{
padding:12px 0 12px 45px;
*padding:12px 0 12px 40px;
background:url(http://i.yimg.jp/images/kids/newtop2/i_glass.gif) no-repeat scroll 8px 50%;
}
#searcharea input{vertical-align:middle;*vertical-align:baseline;}
#srchTxt{
width:168px;
padding:1px 2px;
*padding:2px 2px;
}
#srchBtn{
padding:0 7px;
*padding:0;
}
#searcharea span{
margin-right:7px;
*position:relative;
*top:-0.3em;
}
#srchKeybord img.img{
position:absolute;
bottom:-8px;
right:1px;
}
#srchKeybord img.howto{
position:absolute;
bottom:16px;
right:43px;
}
#srchKeybord img.noScript{
position:absolute;
bottom:50%;
right:3px;
margin-bottom:-38px;
}

/* main calam
======================*/
#main{
width:100%;
float:right;
position:relative;
z-index:1;
}
#main .bx{margin-left:240px;}
*:first-child+html #main .bx{margin-top:10px;} /* 081105 add */
* html #main .bx{margin-top:10px;} /* 081105 add */
body:first-of-type #main .bx{margin-top:10px;} /* 081105 add */

/* categorydetail
======================*/
.categorydetail{
padding:8px 8px 3px;
background:#EEF6F3;
}
.categorydetail li{
display:block;
float:left;
width:33.3%;
background:url(http://i.yimg.jp/images/kids/category_new/folder04.gif) no-repeat 0 3px;
line-height:1.5em;
min-height:1.8em;
_height:1.8em;
}
.categorydetail li .col{
padding:0 10px 0 23px;
}
.categorydetail .sc{
background-image:url(http://i.yimg.jp/images/kids/category_new/folder07.gif);
}
.categorydetail li a{
font-weight:bold;
}
#categorysort{
border-top:2px solid #ddeee8;
margin-bottom:0;
padding:6px;
background:#f8ffd8;
}
#categorysort li{
display:inline;
border-left:1px solid #000;
padding:0 5px;
}
#categorysort li.fir{
border:0;
padding:0;
}

/* option
======================*/
#option li{display:inline;}
#option div{padding:5px 3px 1px;}
#option p{padding-top:2px;}
#serecter{
border-top:2px solid #DDEEE8;
padding:5px 3px;
background:#f8ffd8;
}
#serecter li{
display:block;
float:left;
border-left:1px solid #000;
padding:0 0.5em;
color:#999;
white-space:nowrap;
}
#serecter li.fir{
border:0;
padding-left:0;
}
#serecter li strong{color:#000;}
#sort{
border-top:2px solid #DDEEE8;
background:#EEFFCC;
}
#sort p{
float:left;
display:inline;
}
#sort ul{float:right;}
#piconoff{
clear:both;
background:#EEE;
}
#piconoff ul{float:left;}
#piconoff p{float:right;}

/* categselecter  090217 add
======================*/
#option li{display:inline;}
#option div{padding:5px 3px 1px;}
#option p{padding-top:2px;}
#categselecter{
padding:7px 5px 5px;
background:#dbf4eb;
margin-bottom:0;
}
*:first-child+html #categselecter{margin-bottom:-10px;}
* html #categselecter{margin-bottom:-10px;}
body:first-of-type #categselecter{margin-bottom:-10px;}

#categselecter li{
display:block;
float:left;
border-left:1px solid #000;
padding:0 0.5em;
color:#999;
white-space:nowrap;
}
#categselecter li.fir{
border:0;
padding-left:0;
}
#categselecter li strong{color:#000;}

/* chronotable,japanmap  090217 add
======================*/
#chronotable, #japanmap {text-align:center;}
#chronotable img, #japanmap img {vertical-align:bottom;}

/* result display
======================*/
#result{
position:relative;
clear:both;
padding-left:3em;
*padding-left:3.5em;
zoom:1;
}
#result li{
margin-left:70px; /* 081105 margin-left:60px; */
list-style-type:decimal;
vertical-align:top;
}
#result li div{
margin-bottom:20px;
min-height:75px;
_height:75px;
}
#result .resultImg{
position:absolute;
left:0;
}
#main .mini .resultImg{margin-top:3px;}
#result li h3{vertical-align:baseline;}
#result li h3 img{margin-left:4px;}
#result li p{
margin-bottom:5px;
line-height:1.4em;
}
.topagetop{float:right;}

/* mini thamb */
#main .mini{padding-left:0;}
#main .mini li div{min-height:0;_height:0;}
#main .mini .thumbnail{border:0;}

/* result number > 100 */
#main .num3over li{margin-left:90px;} /* 1105 margin-left:80px; */

/* JS zoom */
#bigimg{
position: absolute;
visibility: hidden;
border: 2px outset darkgray;
cursor: pointer;
z-index:9;
}
.thumbnail{
cursor: pointer;
border: 1px outset darkgray;
margin: 0px;
}

/* send page
======================*/
#sendpage{
clear:both;
border-bottom:2px solid #DDEEE8;
padding:5px;
background:#EFC;
text-align:center;
}
#sendpage .prev a{
background:url(http://i.yimg.jp/images/kids/category_new/ar_prev.gif) no-repeat 100% 50%;
padding-right:15px;
}
#sendpage .next a{
background:url(http://i.yimg.jp/images/kids/category_new/ar_next.gif) no-repeat 0 50%;
padding-left:15px;
}
#error{
position:relative;
background:#ffd  url(http://i.yimg.jp/images/kids/category_new/error_chobo2.gif) no-repeat 95% 50%;
height:13.5em;
}
#error p{
position:absolute;
top:50%;
width:100%;
margin-top:-2em;
line-height:2em;
text-align:center;
}
/* menu area
======================*/
#navi{
width:230px;
float:right;
margin-right:-230px;
margin-top:10px; /* 081105 add */
position:relative;
z-index:2;
}
#navi div{
position:relative;
z-index:2;
}
/* category
======================*/
#category{
background:#DDEEE8;
padding:8px;
}
#category p{
margin:10px 2px 0;
padding:3px;
background:#EFC;
}
#category ul{margin-left:10px;}
#category #ctg1{margin-left:0;}
#ctg1 li{
background:url(http://i.yimg.jp/images/kids/category_new/cate8s.gif) no-repeat;
padding:4px 0 4px 23px;
}
#ctg1 .art,h1.art{background-image:url(http://i.yimg.jp/images/kids/category_new/cate8s.gif);}
#ctg1 .entertainment,h1.entertainment{background-image:url(http://i.yimg.jp/images/kids/category_new/cate3s.gif);}
#ctg1 .science,h1.science{background-image:url(http://i.yimg.jp/images/kids/category_new/cate5s.gif);}
#ctg1 .school,h1.school{background-image:url(http://i.yimg.jp/images/kids/category_new/cate2s.gif);}
#ctg1 .game,h1.game{background-image:url(http://i.yimg.jp/images/kids/category_new/cate1s.gif);}
#ctg1 .hobby,h1.hobby{background-image:url(http://i.yimg.jp/images/kids/category_new/cate4s.gif);}
#ctg1 .world,h1.world{background-image:url(http://i.yimg.jp/images/kids/category_new/cate7s.gif);}
#ctg1 .news,h1.news{background-image:url(http://i.yimg.jp/images/kids/category_new/cate6s.gif);}
#ctg2 li{
background:url(http://i.yimg.jp/images/kids/category_new/folder01.gif) no-repeat;
margin:3px 0;
*margin-left:-23px;
padding:0 0 0 23px;
}
#category .sc{background:url(http://i.yimg.jp/images/kids/category_new/folder03.gif) no-repeat;}
#category .op{background:url(http://i.yimg.jp/images/kids/category_new/folder02.gif) no-repeat;}
#ctg2 .cur{background:url(http://i.yimg.jp/images/kids/category_new/folder06.gif) no-repeat;}
#category .cur strong{
font-size:120%;
font-weight:bold;
}
#meaningicon{
border:1px solid #DDEEE8;
background:#EFC;
}
#meaningicon .icon{
padding:0 5px;
text-align:center;
}
#meaningicon th{
padding:4px 8px;
font-weight:bold;
text-align:left;
}
#meaningicon td{padding:4px 8px;}
#categQuest{
border:solid 1px #ff9900;
margin:0 0 10px;
padding:5px;
background-color:#fff6e4;
}
#categQuest img{
float:left;
padding:3px 5px 5px 0;
}
/* footer
======================*/
#footer{
clear:both;
padding:5px 0;
border-top:1px solid #CCC;
background:#EEE;
text-align:center;
}