@charset "UTF-8";

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

* seminar.css

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

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



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

  1: Main Body styles
  2: ClassRoom styles

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

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

* 1: Main Body styles

*********************************************************************
*/
div#Contents h1{
background:url("../img/seminar/ttl_seminar_summer_2010.jpg") 0 0 no-repeat;
margin-bottom:0;
}
div#Contents p#KeyVisual{
margin:0 1px 15px;
}
div#Contents h2{
height:33px;
}
div#Contents div.index h2{
background:url("../img/seminar/ttl_class_index.gif") 0 0 no-repeat;
}
div#Contents h2#Hyogo{
background:url("../img/seminar/ttl_hyogo.gif") 0 0 no-repeat;
}
div#Contents  h2#Ishikawa{
background:url("../img/class/ishikawa/ttl_ishikawa.gif") 0 0 no-repeat;
}
div#Contents  h2#Gihu{
background:url("../img/class/gihu/ttl_gihu.gif") 0 0 no-repeat;
}
div#Contents  h2#Hukui{
background:url("../img/class/hukui/ttl_hukui.gif") 0 0 no-repeat;
}
div#Contents  h2#Mie{
background:url("../img/class/mie/ttl_mie.gif") 0 0 no-repeat;
}
div#Contents  h2#Yamaguchi{
background:url("../img/class/yamaguchi/ttl_yamaguchi.gif") 0 0 no-repeat;
}
div#Contents  h2#Nagasaki{
background:url("../img/class/nagasaki/ttl_nagasaki.gif") 0 0 no-repeat;
}
div#Contents  h2#Ashiya{
background:url("../img/class/hyogo/ttl_ashiya.gif") 0 0 no-repeat;
}
div#Contents  h2#Kohnan{
background:url("../img/class/hyogo/ttl_kohnan.gif") 0 0 no-repeat;
}
div#Contents  h2#Akashi{
background:url("../img/class/hyogo/ttl_akashi.gif") 0 0 no-repeat;
}
div#Contents  h2#Nishiakashi{
background:url("../img/class/hyogo/ttl_nishiakashi.gif") 0 0 no-repeat;
}
div#Contents  h2#Okubo{
background:url("../img/class/hyogo/ttl_okubo.gif") 0 0 no-repeat;
}
div#Contents  h2#Uozumi{
background:url("../img/class/hyogo/ttl_uozumi.gif") 0 0 no-repeat;
}
div#Contents  h2#Himeji{
background:url("../img/class/hyogo/ttl_Himeji.gif") 0 0 no-repeat;
}
div#Contents  h2#Myodani{
background:url("../img/class/hyogo/ttl_Myodani.gif") 0 0 no-repeat;
}
div#Contents  h2#Honjo{
background:url("../img/class/hyogo/ttl_Honjo.gif") 0 0 no-repeat;
}
div#Contents  h2#Ikawadani{
background:url("../img/class/hyogo/ttl_ikawadani.gif") 0 0 no-repeat;
}
div#Contents  h2#Kakogawa{
background:url("../img/class/hyogo/ttl_kakogawa.gif") 0 0 no-repeat;
}
div#Contents  h2#Kakogawahigashi{
background:url("../img/class/hyogo/ttl_kakogawahigashi.gif") 0 0 no-repeat;
}
div#Contents  h2#Kanno{
background:url("../img/class/hyogo/ttl_kanno.gif") 0 0 no-repeat;
}
div#Contents  h2#Hoden{
background:url("../img/class/hyogo/ttl_hoden.gif") 0 0 no-repeat;
}
div#Contents  h2#Honjo{
background:url("../img/class/hyogo/ttl_honjo.gif") 0 0 no-repeat;
}
div#Contents  h2#Himeji{
background:url("../img/class/hyogo/ttl_himeji.gif") 0 0 no-repeat;
}
div#Contents  h2#Behu{
background:url("../img/class/hyogo/ttl_behu.gif") 0 0 no-repeat;
}
div#Contents  h2#Inami{
background:url("../img/class/hyogo/ttl_inami.gif") 0 0 no-repeat;
}
div#Contents  h2#Kanazawa{
background:url("../img/class/ishikawa/ttl_kanazawa.gif") 0 0 no-repeat;
}
div#Contents  h2#Kanazawaminami{
background:url("../img/class/ishikawa/ttl_kanazawaminami.gif") 0 0 no-repeat;
}
div#Contents  h2#Kanazawahigashi{
background:url("../img/class/ishikawa/ttl_kanazawahigashi.gif") 0 0 no-repeat;
}
div#Contents  h2#Mato{
background:url("../img/class/ishikawa/ttl_mato.gif") 0 0 no-repeat;
}
div#Contents  h2#Hukui{
background:url("../img/class/hukui/ttl_hukui.gif") 0 0 no-repeat;
}
div#Contents  h2#Hukui.class{
background:url("../img/class/hukui/ttl_hukui_class.gif") 0 0 no-repeat;
}
div#Contents  h2#Sabae{
background:url("../img/class/hukui/ttl_sabae.gif") 0 0 no-repeat;
}
div#Contents  h2#Gihu{
background:url("../img/class/gihu/ttl_gihu.gif") 0 0 no-repeat;
}
div#Contents  h2#Gihu.class{
background:url("../img/class/gihu/ttl_gihu_class.gif") 0 0 no-repeat;
}
div#Contents  h2#Nagara{
background:url("../img/class/gihu/ttl_nagara.gif") 0 0 no-repeat;
}
div#Contents  h2#Yokkaichi{
background:url("../img/class/mie/ttl_yokkaichi.gif") 0 0 no-repeat;
}
div#Contents  h2#Tokuyama{
background:url("../img/class/yamaguchi/ttl_tokuyama.gif") 0 0 no-repeat;
}
div#Contents  h2#Hohu{
background:url("../img/class/yamaguchi/ttl_hohu.gif") 0 0 no-repeat;
}
div#Contents  h2#Ube{
background:url("../img/class/yamaguchi/ttl_ube.gif") 0 0 no-repeat;
}
div#Contents  h2#Shimonoseki{
background:url("../img/class/yamaguchi/ttl_shimonoseki.gif") 0 0 no-repeat;
}
div#Contents  h2#Nagasaki{
background:url("../img/class/nagasaki/ttl_nagasaki.gif") 0 0 no-repeat;
}
div#Contents  h2#Nagasaki.class{
background:url("../img/class/nagasaki/ttl_nagasaki_class.gif") 0 0 no-repeat;
}
div#Contents  h2#Nagayo{
background:url("../img/class/nagasaki/ttl_nagayo.gif") 0 0 no-repeat;
}
div#Contents  h2#Sumiyoshi{
background:url("../img/class/nagasaki/ttl_sumiyoshi.gif") 0 0 no-repeat;
}
div#Contents  h2#Michino{
background:url("../img/class/nagasaki/ttl_Michino.gif") 0 0 no-repeat;
}


div#Contents div.index ul{
padding: 0 0 15px 15px;
}
div#Contents div.index ul li{
float:left;
width:14%;
}
div#Contents div.index ul li a{
background:url("../img/common/icn_link.gif") 0 50% no-repeat;
font-weight:bold;
padding-left:15px;
}
div#Map h3{
background:url("../img/class/txt_search.jpg") 0 0 no-repeat;
height:38px;
margin-bottom:0;
}


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

* 2: ClassRoom styles

*********************************************************************
*/
.classroom div#Contents h1{
margin-bottom:15px;
}
div#Contents  h2.akashi{
background:url("../img/class/hyogo/ttl_akashi.gif") 0 0 no-repeat;
}
.classroom div#Contents h3.course{
background:url("../img/seminar/ttl_standard.gif") 0 0 no-repeat;
}
.classroom div#Contents div.name ul{
padding-left:30px;
margin:0 16px 10px;
}
.classroom div#Contents div.name ul.akashi{
background:url("../img/class/icn_arrow_blue.gif") 10px 5px no-repeat;
}
.classroom div#Contents div.name li{
float:left;
width:25%;
}
.classroom div.block p.img{
float:left;
width:180px;
}
.classroom div.block p.img a{
background:url("../img/common/icn_link.gif") 0 50% no-repeat;
font-weight:bold;
padding-left:15px;
}
.classroom div#Contents h4,
.classroom div#Contents dl{
margin:0 16px 10px;
}
.classroom div#Contents h4{
color:#10218B;
}
.classroom div#Contents dt{
font-weight:bold;
float:left;
clear:left;
width:150px;
}
.classroom div#Contents dd{
margin-left:160px;
}
.classroom div.block table{
font-size:90%;
float:right;
border-left:none;
width:340px;
}
div.block{
margin:0 16px 20px;
}
div.block p.img{
float:left;
width:90px;
}
div.block p.detail{
float:right;
}
div.block p.img a{
background:url("../img/common/icn_link.gif") 0 50% no-repeat;
font-weight:bold;
padding-left:15px;
}
div.block table{
font-size:90%;
float:left;
border-left:none;
width:330px;
}
div.block th{
background:none;
border-right:none;
vertical-align:top;
text-align:left;
width:18%;
padding:2px 0;
}
div.block td{
border-right:none;
padding:2px 0;
}
div#Contents p.bnr{
padding-left:130px;
width:350px;
}
.classroom div#Contents div.cont p{
float:left;
width:366px;
}
.classroom div#Contents div.cont p.img{
float:right;
font-size:85%;
width:150px;
}
.classroom div#Contents p.note{
color:#666666;
font-size:85%;
margin:0 16px 3px;
}
.classroom div#Contents table.time,
.classroom div#Contents table.course{
font-size:85%;
width:530px;
margin:0 auto 15px;
}
.classroom div#Contents table.time thead th,
.classroom div#Contents table.course thead th{
text-align:center;
background:#CFE8FF;
}
.classroom div#Contents table.course tbody th,
.classroom div#Contents table.time th{
background-color:#EEF7FF;
padding:1px 2px;
text-align:center;
}
.classroom div#Contents table.time th,
.classroom div#Contents table.time td{
text-align:center;
padding:0;
}
.classroom div#Contents table.course td{
vertical-align:middle;
text-align:center;
}
.classroom div#Contents table.course.primary thead th{
background:#DFFFE3;
}
.classroom div#Contents table.course.primary tbody th{
background:#F4FEF5;
}
.classroom div#Contents table.course.high thead th{
background:#FFF098;
}
.classroom div#Contents table.course.high tbody th{
background:#FFFBE2;
}
.classroom div#Contents table.course .even td{
background:#FAFAFA;
}
.classroom div#Contents table.course th.grade{
width:15%;
}
.classroom div#Contents table.course td.detail{
font-weight:bold;
font-size:100%;
text-align:left;
width:65%;
}
.classroom div#Contents table.course td.detail span{
display:block;
font-size:90%;
font-weight:normal;
}
.classroom div#Contents p.inquiry{
background:url("../img/class/btn_inquiry.jpg") 0 0 no-repeat;
text-indent:-999em;
width:353px;
height:52px;
margin:10px auto 20px;
}
.classroom div#Contents p.inquiry a{
display:block;
overflow:hidden;
width:100%;
height:100%;
}
div#Contents p.img{
text-align:center;
margin-bottom:20px;
}

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

* 3: Winter Seminar styles

*********************************************************************
*/
.winter div#Contents h1{
background:url("../img/seminar/ttl_winter.jpg") 0 0 no-repeat;
margin-bottom:0;
}
.winter div#Contents h2{
background:url("../img/seminar/kv_winter.jpg") 50% -1px no-repeat;
height:171px;
margin:0 1px 20px;
}
div#Contents h3.summary{
background:url("../img/seminar/ttl_summary.gif") 0 0 no-repeat;
}
div#Contents h3.example{
background:url("../img/seminar/ttl_example.gif") 0 0 no-repeat;
}
div#Contents h3.content{
background:url("../img/seminar/ttl_content.gif") 0 0 no-repeat;
}
div#Contents h3.payment{
text-indent:0;
height:auto;
margin:0 15px 10px;
}
div#Contents h4{
margin:0 15px 0;
}
div#Contents h4 img{
margin-right:5px;
}
.winter div#Contents p{
margin:0 15px 10px;
}
.winter div#Contents .cont p{
margin:0 0 10px;
}
.winter div#Contents .cont p.image{
text-align:center;
float:right;
padding:0 0 10px 10px;
}
.winter div#Contents .cont p.text img{
float:left;
padding-right:10px;
}
table.course,
table.detail,
table.payment{
margin:0 15px 20px;
width:532px;
}
table.payment{
margin-bottom:5px;
}
table.detail th{
width:6em;
}
table.detail strong{
font-size:120%;
}
table.detail span{
font-size:85%;
color:#666666;
}
table.payment th.title{
padding:0;
}
table.payment th,
table.payment td{
padding:1px 2px;
}
table.payment th{
text-align:center;
font-weight:normal;
font-size:90%;
}
.winter table.payment th.count{
background:#469BE6;
color:#FFFFFF;
}
.winter table.payment tr.member td{
background:#E1EFFC;
}
.winter table.course,
.winter table.course th,
.winter table.course td{
/*border-color:#C9E1F8;*/
}
.winter table.course thead th{
background-color:#E8F7FF;
padding:1px 2px;
text-align:center;
}
table.course tbody th{
background-color:#fafdff;
padding:1px 2px;text-align:center;
}
#High table.course thead th{
background-color:#ffee87;
}
#High table.course tbody th{
background-color:#fff8ce;
}
#Junior table.course thead th{
background-color:#e8f7ff;
}
#Junior table.course tbody th{
background-color:#fafdff;
}
#Primary table.course thead th{
background-color:#c4f8cc;
}
#Primary table.course tbody th{
background-color:#eff8f1;
}
table.course thead th.grade{
width:5em;
}
table.course thead th.subject{
width:2em;
}
table.course thead th.course{
width:25%;
}
table.course thead th.count{
width:8%;
}
table.course td{
padding:1px 2px;
}
table.course td.course{
font-weight:bold;
}
table.course.bottom{
margin-bottom:0;
}
ul#Index{
margin:0 15px 20px;
}
ul#Index li{
display:inline;
}
ul#Index li a{
background:transparent url("../img/common/icn_link.gif") no-repeat scroll 0pt 50%;
color:#333333;
font-weight:bold;
padding-left:15px;
}
#timeTable,
#timeTable td,
#timeTable .last td{
border:none;
}
#timeTable td{
width:33%;
border-bottom:1px solid #dfdfdf;
}
/*
*********************************************************************

* 4: Spring Seminar styles

*********************************************************************
*/
.spring div#Contents h1{
background:url("../img/seminar/ttl_spring.jpg") 0 0 no-repeat;
margin-bottom:0;
}
.spring div#Contents h2{
background:url("../img/seminar/kv_spring.jpg") 0 0 no-repeat;
position:relative;
height:171px;
margin:0 1px 20px;
}
.spring div#Contents h2 a{
position:absolute;
top:137px;
left:17px;
display:block;
width:301px;
height:21px;
}
.spring table.course{
margin-bottom:2em;
}
.spring table.course thead th{
text-align:left;
}
/*.spring table.course thead th.course{
width:65%;
}*/
.spring table.course thead th.grade{
width:4em;
}
.spring table.course td{
vertical-align:middle;
}
.spring table.course.advance thead th.advance{
background:#A1C934 ;
}
.spring table.course.advance thead th,
.sptirng table.course.adnave tbody td{
border-color:#A1C934;
}
.spring table.course.advance thead th.advance span{
font-weight:normal;
}
.spring div#Contents p{
margin:0 16px 10px;
}
.spring div#Contents h3.summary{
background-image:url("../img/seminar/ttl_summary_spring.gif");
}
.spring div#Contents h3.content{
background-image:url("../img/seminar/ttl_content_spring.gif");
}
.spring div#Contents p.note{
margin-top:-1em;
}
/*
*********************************************************************

* 5: Summer Seminar styles

*********************************************************************
	*/
.summer div#Contents h1{
background:url("../img/seminar/ttl_summer.jpg") 0 0 no-repeat;
margin-bottom:0;
}
.summer div#Contents h2{
background:url("../img/seminar/kv_summer.jpg") 0 0 no-repeat;
position:relative;
height:171px;
margin:0 1px 20px;
}