@charset "UTF-8";

/*
**********************************************************************

* grade.css

* site name   : http://holon-tierra.com/
* description : System Page styles
* since       : 2008-06-09
* editor      : Tooru Ehara 
* modified    : 
* editor      :

*********************************************************************
*/



/*
===== CONTENTS ===========================================

  1: Grade Common styles
	2: Primary styles
	3: Junior styles
	4: High styles

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

/*
*********************************************************************

* 1: Grade Common styles

*********************************************************************
*/
div#Contents h1{
margin:0;
}
div#Contents h2{
height:210px;
margin:0 1px 15px;
}
div#Contents h4{
margin-bottom:7px;
}
div#sNav div.class{
background:url("../img/common/bg_sNav_map.gif") 0 100% no-repeat;
padding-bottom:1px;
margin-bottom:10px;
}
div#sNav div.class h3{
background:url("../img/grade/ttl_guide.jpg") 0 0 no-repeat;
text-indent:-999em;
width:200px;
height:32px;
}
div#sNav div.class li{
background:url("../img/common/icn_arrow_blue.gif") 10px 50% no-repeat;
border-bottom:1px solid #DFDFDF;
font-weight:bold;
padding:3px 0 5px 20px;
margin:0 1px;
}
div#sNav div.class li.active{
background-color:#FFFFE4;
}
div#sNav div.class li.last{
border-bottom:none;
}
div#Contents div.cont p{
float:left;
width:336px;
}
div#Contents div.cont p.img{
float:right;
font-size:85%;
width:180px;
}
div#Contents div.cont p.text{
float:none;
width:auto;
margin-bottom:10px;
}
div#Contents div.cont p.bottom{
margin-bottom:20px;
}
div#Contents p.img{
text-align:center;
}
div#Contents p.img img{
padding-bottom:5px;
}
div#Contents p.note{
font-size:85%;
margin:0 16px 10px;
}
div#Contents div.block{
border:1px solid #C0C0C0;
padding-top:10px;
margin:0 15px 10px;
}
div#Contents div.ex-open{
border:1px solid #C0C0C0;
padding-bottom:10px;
margin:0 15px 10px;
}
div#Contents div.ex-open h3{
border-bottom:1px solid #C0C0C0;
height:32px;
margin:0 0 10px;
}
div#Contents div.ex-open h4{
margin:0 0 10px 12px;
}
div#Contents div.ex-open p{
margin-left:152px;
}
div#Contents div.ex-open p a{
background:url("../img/common/icn_outside.gif") 100% 50% no-repeat;
padding-right:13px;
}
div#Contents div.ex-open p.img{
float:left;
clear:left;
text-align:left;
width:130px;
padding-left:12px;
margin-left:0;
}

/*
*********************************************************************

* 2: Primary styles

*********************************************************************
*/
body.primary div#Contents h1{
background:url("../img/grade/ttl_primary.jpg") 0 0 no-repeat;
}
body.primary div#Contents h2{
background:url("../img/grade/kv_primary.jpg") 0 0 no-repeat;
}
body.primary div#Contents h3{
background:url("../img/grade/ttl_course_primary.gif") 0 0 no-repeat;
}
body.primary div#Contents dl{
font-size:85%;
margin:0 10px 10px;
}
body.primary div#Contents dt{
float:left;
clear:left;
font-weight:bold;
width:80px;
}
body.primary div#Contents dd{
margin-left:90px;
}
body.primary div#Contents div.ex-open h3{
background:url("../img/grade/ttl_ex_open_primary.jpg") 0 0 no-repeat;
}

/*
*********************************************************************

* 3: Junior styles

*********************************************************************
*/
body.junior div#Contents h1{
background:url("../img/grade/ttl_junior.jpg") 0 0 no-repeat;
}
body.junior div#Contents h2{
background:url("../img/grade/kv_junior.jpg") 0 0 no-repeat;
}
body.junior div#Contents h3{
background:url("../img/grade/ttl_course_junior.gif") 0 0 no-repeat;
}
body.junior div#Contents div.ex-open h3{
background:url("../img/grade/ttl_ex_open_junior.jpg") 0 0 no-repeat;
}

/*
*********************************************************************

* 4: High styles

*********************************************************************
*/
body.high div#Contents h1{
background:url("../img/grade/ttl_high.jpg") 0 0 no-repeat;
}
body.high div#Contents h2{
background:url("../img/grade/kv_high.jpg") 0 0 no-repeat;
}
body.high div#Contents h3{
background:url("../img/grade/ttl_course_high.gif") 0 0 no-repeat;
}
body.high div#Contents h3.curricurum{
background:url("../img/grade/ttl_curricurum.gif") 0 0 no-repeat;
}
body.high div#Contents h3.feature{
background:url("../img/grade/ttl_feature_high.gif") 0 0 no-repeat;
}

body.high div#Contents p.img{
margin-bottom:10px;
}