@charset "UTF-8";

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

* grade.css

* site name   : http://sky-tierra.com/
* description : Grade Page styles
* since       : 2008-07-23
* 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{
width:564px;
height:65px;
margin:0 0 10px;
}
div#Contents h2{
height:88px;
margin:0 10px 10px;
}
div#MainVisual p{
position:absolute;
top:0;
right:0;
}
div#Contents div#Plan h3{
background:url("../img/grade/ttl_plan.gif") 0 0 no-repeat;
height:30px;
}
div#Contents div#Training h3{
background:url("../img/grade/ttl_training.gif") 0 0 no-repeat;
height:30px;
}
div#Contents div#Plan ul,
div#Contents div#Training ul{
margin:0 20px 20px;
}
div#Contents div#Plan li,
div#Contents div#Training li{
background:url("../img/common/icn_list.gif") 0 5px no-repeat;
padding-left:17px;
}
div#Contents div#Plan li{
float:left;
width:45%;
}
div#Contents div#Training ul{
float:left;
width:45%;
}
div#Contents div#Training p{
float:right;
width:200px;
}
div#Contents p{
margin:0 10px 10px;
}
div#MainVisual{
position:relative;
}
div#sNav div#Grade{
background:url("../img/common/bg_sNav.gif") 0 100% no-repeat;
padding-bottom:1px;
margin-bottom:10px;
}
div#sNav div#Grade h3{
background:url("../img/grade/ttl_grade.jpg") 0 0 no-repeat;
text-indent:-999em;
width:200px;
height:32px;
}
div#sNav div#Grade li{
background-image:url("../img/common/icn_link.gif");
background-position:10px 50%;
background-repeat:no-repeat;
border-bottom:1px dotted #C0C0C0;
font-weight:bold;
padding:10px 0 10px 27px;
margin:0 1px;
}
div#sNav div#Grade li.last{
border:none;
}
/*
*********************************************************************

* 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/txt_primary.gif") 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/txt_junior.gif") 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/txt_high.gif") 0 0 no-repeat;
}