@charset "UTF-8";

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

* education.css

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

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



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

  1:Eduacation Page styles

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

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

* 1: Eduacation Page styles

*********************************************************************
*/
div#Contents h1{
background:url("../img/education/ttl_education.jpg") 0 0 no-repeat;
}
div#Contents div#Speed{
background:url("../img/education/bg_detail.gif") 100% 100% no-repeat;
float:left;
width:265px;
min-height:350px;
padding-left:10px;
}
* html div#Contents div#Speed,
* html div#Contents div#Normal{
height:330px;
}
div#Contents div#Normal{
background:url("../img/education/bg_detail.gif") 0 100% no-repeat;
float:right;
width:265px;
min-height:353px;
padding-right:10px;
}
div#Contents div#Speed h3{
background:url("../img/education/ttl_speed_index.jpg") 0 0 no-repeat;
text-indent:-999em;
width:265px;
height:128px;
margin:0 0 10px;
}
div#Contents div#Normal h3{
background:url("../img/education/ttl_normal.jpg") 0 0 no-repeat;
text-indent:-999em;
width:265px;
height:128px;
margin:0 0 10px;
}
div#Contents div#Speed p,
div#Contents div#Normal p{
margin:0 7px 10px;
}


body.smallstep div#Contents h1{
background:url("../img/education/ttl_smallstep.jpg") 0 0 no-repeat;
}
div#Education{
background:url("../img/common/bg_sNav.gif") 0 100% no-repeat;
margin-bottom:10px;
padding-bottom:1px;
}
div#Education h3{
background:url("../img/education/ttl_education_s.jpg") 0 100% no-repeat;
text-indent:-999em;
width:200px;
height:32px;
}
div#Education h3 a{
display:block;
overflow:hidden;
width:100%;
height:100%;
}
div#Education li{
background:url("../img/common/icn_link_sNav.gif") 10px 50% no-repeat;
border-bottom:1px solid #F0F0F0;
font-weight:bold;
padding:10px 10px 10px 20px;
margin:0 1px;
}
div#Education li.active{
background-color:#E7F9F2;
}
div#Education li.last{
border:none;
}
div#Contents p{
margin-bottom:10px;
}
ul#QA {
width:450px;
margin:20px auto;
}
ul#QA li.a{
float:left;
width:219px;
}
ul#QA li.b{
float:right;
width:219px;
}
div#Contents p.arrow{
text-align:center;
}
div#Contents p.answer{
text-align:center;
margin-bottom:20px;
}


body.speed div#Contents h1{
background:url("../img/education/ttl_speed.jpg") 0 0 no-repeat;
}
div#Profile {
border:1px solid #C0C0C0;
padding:5px;
}
div#Profile p.img{
float:left;
text-align:left;
width:120px;
}
div#Profile dl{
float:left;
width:220px;
height:69px;
}
div#Profile dt{
font-weight:bold;
float:left;
clear:left;
width:60px;
margin-bottom:7px;
}
div#Profile dd{
margin-left:65px;
}
div#Profile p.upper{
float:right;
width:205px;
margin-bottom:7px;
}
div#Profile p.lead{
margin-left:120px;
}
* html div#Profile p.lead{
margin-left:0;
}
*+html div#Profile p.lead{
margin-left:0;
}
div#Profile table{
border-top:1px solid #035134;
border-left:1px solid #035134;
width:100%;
margin:0 auto;
}
div#Profile th{
background:#DCF1E9;
border-right:1px solid #035134;
border-bottom:1px solid #035134;
text-align:center;
padding:1px 2px;
}
div#Profile td{
border-right:1px solid #035134;
border-bottom:1px solid #035134;
padding:1px 2px;
}

body.confirm div#Contents h1{
background:url("../img/education/ttl_confirm.jpg") 0 0 no-repeat;
}
body.confirm div.cont h4{
float:left;
width:auto;
}
body.confirm div.cont p.img{
float:right;
width:360px;
}

body.vod div#Contents h1{
background:url("../img/education/ttl_vod.jpg") 0 0 no-repeat;
}
body.vod div#Contents div.cont p.img{
float:right;
text-align:right;
width:180px;
}
body.vod div#Contents div.cont p.text{
float:left;
width:350px;
}


body.dvd div#Contents h1{
background:url("../img/education/ttl_dvd.jpg") 0 0 no-repeat;
}
body.dvd div#Contents div.cont p{
float:left;
width:350px;
}
body.dvd div#Contents div.cont p.img{
float:right;
text-align:right;
width:180px;
}


.graduated div#Contents h1{
background:url("../img/education/kv_graduated.jpg") 0 0 no-repeat;
height:170px;
margin-bottom:20px;
}
.graduated div#Contents p.summary-text{
margin-bottom:20px;
}
.graduated div#Contents img.img{
float:right;
padding:0 0 10px 15px;
}
.graduated div#Contents img.img2{
float:left;
padding:0 15px 10px 0;
}
.graduated div#Contents table{
margin:0 10px 20px;
}
.graduated div#Contents td.subject{
text-align:center;
width:7%;
}
.graduated div#Contents th.level{
width:8%;
}
.graduated div#Contents tr.english td.subject{
background:#F1FCD1;
}
.graduated div#Contents tr.national td.subject{
background:#FFECEC;
}
.graduated div#Contents tr.math td.subject{
background:#D2E9FF;
}
.graduated div#Contents tr.science td.subject{
background:#E0FCE0;
}
.graduated div#Contents tr.society td.subject{
background:#FFF1DD;
}
.graduated div#Contents thead th{
background:#046017;
color:#FFFFFF;
text-align:center;
}
.graduated #cNav{
border-bottom:1px dotted #dfdfdf;
margin:0 10px 20px;
padding-bottom:20px;
}
.graduated #cNav li{
float:left;
width: 130px;
margin-bottom:7px;
}
.graduated div#Contents dl{
border-bottom:1px dotted #dfdfdf;
margin:0 10px 10px;
padding-bottom:10px;
}
.graduated div#Contents dt{
float:left;
clear:left;
width:60px;
}
.graduated div#Contents dd{
margin:0 0 0 70px;
}

#week {
width:546px;
}
#week td {
padding:3px;
text-align:center;
font-size:12px;
}
#week th {
padding:3px;
text-align:center;
font-size:12px;
}