@charset "utf-8";

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



   tale/details



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

/*------------------------------------------------
   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;
background:#fff22d;
font-size:80%;
}

#wrap{
width:100%;
min-width:745px;
/*background: url(../../img/tale/tale_bg.png) center top no-repeat;
z-index:0;*/
}

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

#bg1{
width:100%;
min-width:745px;
background:url(../../img/tale/bg1.png) center center repeat-y;
z-index:0;
}
#bg2{
width:100%;
min-width:745px;
background:url(../../img/tale/bg2.png) center bottom no-repeat;
z-index:1;
}
#bg3{
width:100%;
min-width:745px;
background:url(../../img/tale/bg3.png) center top no-repeat;
z-index:2;
}
#bg4{
width:100%;
min-width:745px;
background:url(../../img/tale/bg4.png) center bottom no-repeat;
z-index:3;
}

/*------------------------------------------------
   header
------------------------------------------------*/
#header h1{
width:850px;
margin:0 auto;
padding:120px 0 0 0;
}
#header h1 a{
width:180px;
height:25px;
text-indent:-9999px;
float:right;
background:url(../../img/tale/header_bo01.png) center center no-repeat;
margin:0 0 20px 0;
}
#header h1 a:hover{
background:url(../../img/tale/header_bo01_on.png) center center no-repeat;
}
/*------------------------------------------------
   main
------------------------------------------------*/
#main{
width:745px;
margin:0 auto;
}
#main:after{
content:".";
font-size:0;
display:block;
height:0;
visibility:hidden;
clear:both;
}

#img_box{
width:500px;
margin:0 auto;
}
#text_box{
width:500px;
min-height:540px;
margin:0 auto;
clear:both;
}

h2{
width:500px;
border-bottom:1px solid #999999;
line-height:120%;
font-size:150%;
font-weight:bold;
margin:0 0 10px 0;
}
h3{
color:#7E2C44;
background:#F2F1D7;
width:500px;
border-bottom:1px dashed #999999;
border-top:1px dashed #999999;
line-height:120%;
font-size:120%;
font-weight:bold;
text-indent:10px;
margin:10px 0 10px 0;
clear:both;
}

ul{
padding:0;
margin:0;
list-style:none;
}

ul li{
padding:0 0 0 10px;
background:url(../../img/common/main/pan_list_icon.png) 2px 6px no-repeat;
}

.font_small_b{
font-size:80%;
font-weight:bold;
}

/*------------------------------------------------
   footer
------------------------------------------------*/
#footer{
width:745px;
height:250px;
margin:0 auto;
clear:both;
}
#footer:after{
content:".";
font-size:0;
display:block;
height:0;
visibility:hidden;
clear:both;
}


#pagetop{
padding:15px 0 0 0;
width:500px;
margin:0 auto;
clear:both;
}

#footer_bo02{
width:250px;
float:left;
}
#footer_bo02 a{
width:150px;
float:left;
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_bo03{
width:250px;
float:left;
}
#footer_bo03 a{
width:150px;
float:right;
text-indent:-9999px;
display:block;
background:url(../../img/kids/footer_bo03.png) center center no-repeat;
}
#footer_bo03 a:hover{
background:url(../../img/kids/footer_bo03_on.png) center center no-repeat;
}


/*------------------------------------------------
   その他
------------------------------------------------*/
.font_bold{
font-weight:bold;
font-size:100%;
color:#372c26;
}
.font_bold a{
font-weight:bold;
font-size:100%;
color: #077799;
}
.font_bold a:hover{
color: #077799;
}
.font_bold a:visited{
color: #077799;
}
.font_bold a:hover{
color: #FF3333;
text-decoration:none;
}
.font_bold a:active{
color:#077799;
}

.font_red{
color:#FF0000;
}
.u_line{
border-bottom:1px dashed #999999;
}
.font_small{
font-size:70%;
}
.font_small_b{
font-size:70%;
}