@charset "shift_jis";

/*====================================================================================================

 mobile-top

====================================================================================================*/

/* contents-header
----------------------------------------------------------------------------------------------------*/
body#mobile-top div.contents-description{
position:relative;
padding-left:230px;
min-height:35px;
width:465px;
}

* html body#mobile-top div.contents-description{
height:35px;
}

body#mobile-top p.contents-description-header{
position:absolute;
left:0;
top:0;
width:195px;
height:31px;
overflow:hidden;
}
body#mobile-top p.contents-description-header span{
background:url(/kyouiku/images/index_txt01.gif) no-repeat;
display:block;
width:195px;
height:31px;
position:absolute;
left:0;
top:0;
}

/* main-contents
----------------------------------------------------------------------------------------------------*/


/* chapter-index
--------------------------------------------------*/
body#mobile-top #main-contents div.chapter-index{
background:url(/kyouiku/images/index_bg02.gif) no-repeat left bottom;
padding:0 0 10px;
}

body#mobile-top #main-contents div.chapter-index-inner{
background:url(/kyouiku/images/index_bg01.gif) no-repeat;
padding:10px 0 0;
zoom:1;
}

body#mobile-top #main-contents div.chapter-index-inner:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

body#mobile-top #main-contents div.chapter-index ul{
margin:0 0 0.3em;
clear:both;
}

body#mobile-top #main-contents div.chapter-index ul:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}


body#mobile-top #main-contents div.chapter-index ul li{
float:left;
list-style:none;
margin:0;
width:165px;
padding-left:5px;
overflow:hidden;
}

body#mobile-top #main-contents div.chapter-index ul li.first-child{
width:174px;
}


/* guide
----------------------------------------------------------------------------------------------------*/

body#mobile-top div#guide{
width:673px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-bottom: 5px;
background-image: url(/common/images/line01.gif);
background-repeat: repeat-x;
background-position: left bottom;
}

body#mobile-top div#guide h3{
width:470px;
_width:440px;/*IE6pnbN*/
height: 33px;
_height: 23px;/*IE6pnbN*/
margin-top: 10px;
font-weight: normal;
}

*:first-child+html body#mobile-top div#guide h3 {
width:440px;/*IE7pnbN*/
}


body#mobile-top div#guide img{
float:right;
margin-right: 10px;
}


body#mobile-top div#guide dl{
margin: 0px 0px 10px;
padding: 10px 0px 0px;
background-image: url(/common/images/line01.gif);
background-repeat: repeat-x;
background-position: left top;
}


body#mobile-top div#guide dt img{
float:left;
}

body#mobile-top div#guide dd{
width:600px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 70px;
padding: 0px;
display: block;
font-size: 84%;
}

body#mobile-top div#guide dd em{
font-weight: bold;
}

/* heading
----------------------------------------------------------------------------------------------------*/

body#mobile-top div#kyoiku h2,
body#mobile-top div#seikatsu h2{
text-indent:-9999px;
overflow:hidden;
}



body#mobile-top div#kyoiku h2 span,
body#mobile-top div#seikatsu h2 span{
position:absolute;
left:10px;
top:10px;
height:16px;
display:block;
}

/* 
--------------------------------------------------*/
body#mobile-top div#kyoiku h2 span{background:url(/mobile/images/index-txt-kyouiku.gif) no-repeat;width:33px;}
body#mobile-top div#seikatsu h2 span{background:url(/mobile/images/index-txt-seikatsu.gif) no-repeat;width:33px;}


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


/* section-middle
----------------------------------------------------------------------------------------------------*/
body#mobile-top div#kyoiku .section-middle h3,
body#mobile-top div#seikatsu .section-middle h3{
padding-top:10px;
margin-bottom: 5px;
font-weight: bold;
color: #0860a8;
font-size: 120%;
}

body#mobile-top div#kyoiku .section-middle p,
body#mobile-top div#seikatsu .section-middle p{
margin-bottom: 10px;
}



/* section-bottom
----------------------------------------------------------------------------------------------------*/
#main-contents div.section-bottom{
position:relative;
width:662px;
margin:0.8em -2px;
clear: both;
}

#main-contents div.section-bottom div.inner_bottom{
background:url(/mobile/images/mobile_bg_btm.gif) no-repeat left bottom;
width:662px;
min-height:140px;
_height:140px;
padding:0 0px 2px;
}



#main-contents div.section-bottom .head,
#main-contents div.section-bottom .head-i-ez{
color:#21a1e1;
position:relative;
background:url(/mobile/images/mobile_bg_h.gif) no-repeat;
padding:8px 10px;
width:662px;
min-height:24px;
}

#main-contents div.section-bottom .head-i-ez{
background:url(/mobile/images/mobile_bg_h_i_ez.gif) no-repeat;
}


* html #main-contents div.section-bottom .head,
* html #main-contents div.section-bottom .head-i-ez{
height:24px;}


#main-contents div.section-bottom .head h4 span,
#main-contents div.section-bottom .head-i-ez h4 span{
position:absolute;
left:10px;
top:10px;
height:16px;
display:block;
}

#main-contents div.section-bottom img{
float:right;
margin-right: 10px;
}


#main-contents div.section-bottom .head h4,
#main-contents div.section-bottom .head-i-ez h4{
display:inline;
}


#main-contents div.section-bottom p.icon{
display:inline;
padding-left:10px;
}


#main-contents div.section-bottom p.text1{
margin-top:-17px;
margin-left:400px;
font-size:84%;
color:#333333;
}

#main-contents div.section-bottom .qr2{
width:90px;
text-align:center;
margin-right:10px;
float:right;
font-size: 84%;
}

#main-contents div.section-bottom .qr2 img{
margin-right: 0;
float:none;
}



/* section-bottom_left
----------------------------------------------------------------------------------------------------*/
#main-contents div.section-bottom_left,
#main-contents div.section-bottom_left2{
width:540px;
margin-left: 10px;
}

#main-contents div.section-bottom_left2{
width:420px;
}


#main-contents div.section-bottom_left p,
#main-contents div.section-bottom_left2 p{
margin: 0px;
padding: 0px;
}

#main-contents div.section-bottom_left dl,
#main-contents div.section-bottom_left2 dl{
margin: 0px 0px 5px;
padding: 0px;
}

#main-contents div.section-bottom_left dt img,
#main-contents div.section-bottom_left2 dt img{
float:left;
margin: 0px;
padding: 0px;
}

#main-contents div.section-bottom_left dd,
#main-contents div.section-bottom_left2 dd{
width:300px;
margin: 0px 0px 0px 70px;
padding: 0px;
display: block;
border: 1px solid #ffffff;
}


#main-contents div.section-bottom_left2 dd{
width:300px;
}

#main-contents div.section-bottom_left a,
#main-contents div.section-bottom_left2 a{
font-size: 84%;
background-image: url(/common/images/icn_lnk02.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
padding-left: 15px;
height: 15px;
display: block;
}


#main-contents div.section-bottom_left ul,
#main-contents div.section-bottom_left2 ul{
margin: 0px;
padding: 0px;
list-style-type: none;
font-size: 84%;
}


.margin_bottom{
margin-bottom: 25px;
}


/* attention
----------------------------------------------------------------------------------------------------*/

body#mobile-top div#attention{
width:673px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding-bottom: 5px;
}


body#mobile-top div#attention ul{
margin:0;
padding-bottom:10px;
}

body#mobile-top div#attention ul li{
text-indent:-1em;
padding-left:1em;
list-style:none;
}


/* sub-contents
----------------------------------------------------------------------------------------------------*/
body#mobile-top #sub-contents div.misc-section{
background:#fff;
}