@charset "utf-8";

/*------------------------------------------------



   kids/common



------------------------------------------------*/

/*------------------------------------------------
   Links
------------------------------------------------*/
a:link{
color: #077799;
}
a:visited{
color: #077799;
}
a:hover{
color: #FF3333;
text-decoration:none;
}
a:active{
color:#077799;
}

/*------------------------------------------------
   bess
------------------------------------------------*/

html{
width:100%;
height:100%;
overflow-y:scroll;
}

body{
color:#666666;
line-height:160%;
font-family:sans-serif;
text-align:center;
font-size:80%;
}

#wrap{
width:100%;
min-width:850px;
background:#fff22d;
z-index:0;
}

#wrap:after{
content:".";
font-size:0;
display:block;
height:0;
visibility:hidden;
clear:both;
}

#bg1{
width:100%;
min-width:846px;
background:url(../../img/kids/bg1_bg.png) left top repeat;
z-index:1;
}

#bg2{
width:100%;
min-width:850px;
background:url(../../img/kids/bg2_bg.png)  center bottom no-repeat;
z-index:3;
}
#bg3{
width:100%;
min-width:850px;
background:url(../../img/kids/bg3_bg.png) center bottom no-repeat;
z-index:5;
}
#header_bg{
width:100%;
min-width:850px;
background:url(../../img/kids/header_bg_bg.png) center top no-repeat;
z-index:2;
}



#bg1:after,#bg2:after{
content:".";
font-size:0;
display:block;
height:0;
visibility:hidden;
clear:both;
}
/*------------------------------------------------
   header
------------------------------------------------*/
#header{
width:100%;
min-width:850px;
margin:0 auto;
height:407px;
background:url(../../img/kids/header_bg.png) center top no-repeat;
z-index:6;
}
#header h1{
width:600px;
margin:0 auto;
padding:100px 0 0 0;
}
#header h1 a{
height:100px;
display:block;
text-indent:-9999px;
}
/*------------------------------------------------
   main
------------------------------------------------*/
#main{
width:100%;
clear:both;
}
#main:after{
content:".";
font-size:0;
display:block;
height:0;
visibility:hidden;
clear:both;
}
#main_in{
width:850px;
min-height:200px;
margin:0 auto;
background:url(../../img/kids/main_con_bg.png) center top repeat-y;
z-index:4;
clear:both;
}

#cont{
padding:0 60px 0 60px;
}

#main_menu{
width:100%;
clear:both;
}
#menu01,#menu02,#menu03,#menu04,#menu05{
width:144px;
float:left;
}
#menu01_non{
width:144px;
height:60px;
text-indent:-9999px;
background:url(../../img/kids/menu01_non.png) 10px center no-repeat;
float:left;
}
#menu01 a{
width:134px;
height:60px;
float:right;
text-indent:-9999px;
background:url(../../img/kids/menu01.png) center center no-repeat;
display:block;
}
#menu01 a:hover{
background:url(../../img/kids/menu01_on.png) center center no-repeat;
}

#menu02_non{
width:144px;
height:60px;
text-indent:-9999px;
background:url(../../img/kids/menu02_non.png) 10px center no-repeat;
float:left;
display:block;
}
#menu02 a{
width:134px;
height:60px;
float:right;
text-indent:-9999px;
background:url(../../img/kids/menu02.png) center center no-repeat;
display:block;
}
#menu02 a:hover{
background:url(../../img/kids/menu02_on.png) center center no-repeat;
}

#menu03_non{
width:144px;
height:60px;
text-indent:-9999px;
background:url(../../img/kids/menu03_non.png) 10px center no-repeat;
float:left;
display:block;
}
#menu03 a{
width:134px;
height:60px;
float:right;
text-indent:-9999px;
background:url(../../img/kids/menu03.png) center center no-repeat;
display:block;
}
#menu03 a:hover{
background:url(../../img/kids/menu03_on.png) center center no-repeat;
}

#menu04_non{
width:144px;
height:60px;
text-indent:-9999px;
background:url(../../img/kids/menu04_non.png) 10px center no-repeat;
float:left;
}
#menu04 a{
width:134px;
height:60px;
float:right;
text-indent:-9999px;
background:url(../../img/kids/menu04.png) center center no-repeat;
display:block;
}
#menu04 a:hover{
background:url(../../img/kids/menu04_on.png) center center no-repeat;
}

#menu05_non{
width:144px;
height:60px;
text-indent:-9999px;
background:url(../../img/kids/menu05_non.png) 10px center no-repeat;
float:left;
}
#menu05 a{
width:134px;
height:60px;
float:right;
text-indent:-9999px;
background:url(../../img/kids/menu05.png) center center no-repeat;
display:block;
}
#menu05 a:hover{
background:url(../../img/kids/menu05_on.png) center center no-repeat;
}


#main_top{
width:100%;
height:7px;
text-indent:-9999px;
background:url(../../img/kids/main_cont_top_bg.png) center top no-repeat;
clear:both;
}
#main_top02{
width:100%;
height:7px;
text-indent:-9999px;
background:url(../../img/kids/main_cont_top02_bg.png) center top no-repeat;
clear:both;
}
#main_top03{
width:100%;
height:7px;
text-indent:-9999px;
background:url(../../img/kids/main_cont_top03_bg.png) center top no-repeat;
clear:both;
}
#main_top04{
width:100%;
height:7px;
text-indent:-9999px;
background:url(../../img/kids/main_cont_top04_bg.png) center top no-repeat;
clear:both;
}
#main_top05{
width:100%;
height:7px;
text-indent:-9999px;
background:url(../../img/kids/main_cont_top05_bg.png) center top no-repeat;
clear:both;
}

#main_cont{
clear:both;
padding:20px 10px 20px 10px;
}
#main_bot{
width:100%;
height:5px;
text-indent:-9999px;
/*background:url(../../img/kids/main_cont_bot_bg.png) center bottom no-repeat;*/
clear:both;
}


h2.title01{
width:100%;
height:45px;
background:url(../../img/kids/title01.png) center center no-repeat;
text-indent:-9999px;
clear:both;
}
h2.title02{
width:100%;
height:45px;
background:url(../../img/kids/title02.png) center center no-repeat;
text-indent:-9999px;
clear:both;
}
h2.title03{
width:100%;
height:45px;
background:url(../../img/kids/title03.png) center center no-repeat;
text-indent:-9999px;
clear:both;
}
h2.title04{
width:100%;
height:45px;
background:url(../../img/kids/title04.png) center center no-repeat;
text-indent:-9999px;
clear:both;
}
h2.title05{
width:100%;
height:45px;
background:url(../../img/kids/title05.png) center center no-repeat;
text-indent:-9999px;
clear:both;
}










/*------------------------------------------------
   footer
------------------------------------------------*/
#footer{
width:100%;
min-width:850px;
height:440px;
background:url(../../img/kids/footer_bg.png) center top no-repeat;
z-index:7;
clear:both;
}
#footer_in{
width:730px;
margin:0 auto;
}

#pagetop{
padding:20px 0 0 0;
text-align:right;
clear:both;
}
#footer_bo01{
width:170px;
float:right;
}
#footer_bo01 a{
width:150px;
float:right;
text-indent:-9999px;
display:block;
background:url(../../img/kids/footer_bo01.png) center center no-repeat;
}
#footer_bo01 a:hover{
background:url(../../img/kids/footer_bo01_on.png) center center no-repeat;
}

#footer_bo02{
width:150px;
float:right;
}
#footer_bo02 a{
width:150px;
float:right;
text-indent:-9999px;
display:block;
background:url(../../img/kids/footer_bo02.png) center center no-repeat;
}
#footer_bo02 a:hover{
background:url(../../img/kids/footer_bo02_on.png) center center no-repeat;
}

#footer_con{
padding:20px 0 0 0;
text-align: center;
clear:both;
}
#footer_rogo{
width:70%;
height: 30px;
margin: 30px auto 0;
font-size: 150%;
font-weight: bold;
text-align: center;
}
#footer_copy{
width:373px;
height:15px;
margin:0 auto;
background: url(../../img/common/footer/footer_copylight.png) center center no-repeat;
text-indent:-9999px;
}