@charset "UTF-8";

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

* class.css

* site name   : http://holon-tierra.com/
* description : Company 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/class/ttl_class.jpg") 0 0 no-repeat;
margin-bottom:15px;
}
body.index div#Contents h1{
}
div#Contents h2{
height:33px;
}
div#Contents p#KeyVisual{
text-align:center;
margin-bottom:15px;
}
div#Contents h2.map{
background:url("../img/class/ttl_from_map.gif") 0 0 no-repeat;
margin:0 15px 15px;
}
div#Contents h2.name{
background:url("../img/class/ttl_from_name.gif") 0 0 no-repeat;
margin:0 15px 15px;
}
div#Map{
width:534px;
margin:0 15px 15px;
}
div#Map h3{
background:url("../img/class/txt_search.jpg") 0 0 no-repeat;
height:38px;
margin:0;
}
div#Map ul{
background:url("../img/class/bg_map.jpg") 0 0 no-repeat;
position:relative;
width:100%;
height:246px;
}
div#Map ul li{
position:absolute;
text-indent:-999em;
}
div#Map ul li a{
background:url("../img/class/bg_map.jpg") 0 0 no-repeat;
display:block;
overflow:hidden;
width:100%;
height:100%;
}
div#Map ul li.hyogo{
top:96px;
left:234px;
width:73px;
height:34px;
z-index:6;
}
div#Map ul li.hyogo a{
background-position:-234px -96px;
}
div#Map ul li.hyogo a:hover{
background-position:-234px -342px;
}
div#Map ul li.ishikawa{
top:11px;
left:369px;
width:47px;
height:50px;
}
div#Map ul li.ishikawa a{
background-position:-369px -11px;
}
div#Map ul li.ishikawa a:hover{
background-position:-369px -257px;
}
div#Map ul li.gihu{
top:84px;
left:399px;
width:68px;
height:53px;
z-index:4;
}
div#Map ul li.gihu a{
background-position:-399px -84px;
}
div#Map ul li.gihu a:hover{
background-position:-399px -330px;
}
div#Map ul li.hukui{
top:53px;
left:295px;
width:74px;
height:33px;
z-index:1;
}
div#Map ul li.hukui a{
background-position:-295px -53px;
}
div#Map ul li.hukui a:hover{
background-position:-295px -299px;
}
div#Map ul li.mie{
top:107px;
left:328px;
width:66px;
height:54px;
z-index:4;
}
div#Map ul li.mie a{
background-position:-328px -107px;
}
div#Map ul li.mie a:hover{
background-position:-328px -353px;
}
div#Map ul li.yamaguchi{
top:62px;
left:93px;
width:65px;
height:45px;
z-index:5;
}
div#Map ul li.yamaguchi a{
background-position:-93px -62px;
}
div#Map ul li.yamaguchi a:hover{
background-position:-93px -308px;
}
div#Map ul li.nagasaki{
top:114px;
left:43px;
width:79px;
height:47px;
z-index:5;
}
div#Map ul li.nagasaki a{
background-position:-43px -114px;
}
div#Map ul li.nagasaki a:hover{
background-position:-43px -360px;
}
div#Contents ul.top{
background:url("../img/common/bg_dot_gray.gif") 0 100% repeat-x;
padding-bottom:10px;
}
div#Contents ul.top,
div#Contents ul.bottom{
margin:0 15px 15px;
}
div#Contents ul.top a,
div#Contents ul.bottom a{
background:url("../img/common/icn_link.gif") 0 50% no-repeat;
font-weight:bold;
padding-left:15px;
}
div#Contents ul.top ul a,
div#Contents ul.bottom ul a{
background:none;
font-weight:normal;
padding-left:0;
}
div#Contents ul.top ul,
div#Contents ul.bottom ul{
padding-left:15px;
}
div#Contents ul.top li{
float:left;
width:16%;
}
div#Contents ul.top li.hyogo{
width:50%;
}
div#Contents ul.top ul li{
width:100%;
}
div#Contents ul.top li.hyogo li{
float:left;
width:25%;
}
div#Contents ul.bottom li{
float:left;
width:20%;
}
div#Contents ul.bottom ul li{
float:none;
width:100%;
}


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

* 2: ClassRoom styles

*********************************************************************
*/
body.classroom div#Contents div.name h2{
background:url("../img/class/ttl_class_name.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#Higashikakogawa{
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#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_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_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#Nakaekimae{
background:url("../img/class/gihu/ttl_nakaekimae.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_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;
}
body.classroom div#Contents div.name ul{
background:url("../img/class/bg_active_area.gif") 0 0 no-repeat;
padding-left:30px;
margin:0 16px 10px;
}
body.classroom div#Contents div.name ul.pos_02{
background-position:0 25px;
}
body.classroom div#Contents div.name ul.pos_03{
background-position:0 49px;
}
body.classroom div#Contents div.name ul.pos_04{
background-position:0 74px;
}
body.classroom div#Contents div.name li{
float:left;
width:25%;
padding-bottom:5px;
}
* html body.classroom div#Contents div.name li{
width:23%;
}
*+html body.classroom div#Contents div.name li{
width:23%;
}
div.block{
margin:0 16px 20px;
}
div.block p.img{
float:left;
width:180px;
}
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:right;
border-left:none;
width:340px;
}
div.block th{
background:none;
border-right:none;
vertical-align:top;
text-align:left;
width:18%;
padding:5px 0;
}
div.block td{
border-right:none;
padding:5px 0;
}
div#Contents p.bnr{
padding-left:130px;
width:350px;
}
body.classroom div#Contents div.cont p{
float:left;
width:366px;
}
body.classroom div#Contents div.cont p.img{
float:right;
font-size:85%;
width:150px;
}
body.classroom div#Contents p.note{
color:#666666;
font-size:85%;
margin:0 16px 3px;
}
body.classroom div#Contents table.time{
font-size:85%;
width:530px;
margin:0 auto 15px;
}
body.classroom div#Contents table.time th{
background-color:#EEF7FF;
}
body.classroom div#Contents table.time th,
body.classroom div#Contents table.time td{
text-align:center;
padding:0;
}
body.classroom div#Contents sup{
color:#ff3300;
}
body.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;
}
body.classroom div#Contents p.inquiry a{
display:block;
overflow:hidden;
width:100%;
height:100%;
}
body.classroom div#Contents span{
color:#FF3300;
}
body.classroom div#Contents .teacher{
margin:0 15px 15px;
}
body.classroom div#Contents .teacher div{
float:right;
width:370px;
}
body.classroom div#Contents .teacher p.img{
font-size:85%;
text-align:center;
float:left;
width:150px;
}
body.classroom div#Contents div#Member{
clear:both;
padding-top:7px;
}
body.classroom div#Contents div#Member h5{
background:#3266CC;
color:#ffffff;
width:6em;
padding:3px;
margin:0 0 7px;
}
body.classroom div#Contents div#Member dl{
padding:0 10px;
}
body.classroom div#Contents div#Member dt{
float:left;
clear:left;
width:60px;
font-weight:bold;
}
body.classroom div#Contents div#Member dd{
margin:0 0 7px 70px;
}

#OtherBrand{
margin-bottom:20px;
}
div#Contents #OtherBrand h2{
background-image:url("../img/class/ttl_other_brand.gif");
}
#OtherBrand h3{
text-indent:0 !important;
height:auto !important;
margin:0 !important;
}
#OtherBrand .first p{
margin-left:100px;
}
#OtherBrand .column{
float:left;
width:266px;
padding:0 7px;
}
#OtherBrand .column img{
float:left;
padding-right:7px;
}