@charset "UTF-8";

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

* class.css

* site name   : http://www.toshin-tierra.com/
* description : Class 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;
}
div#Contents h3{
font-size:100%;
font-weight:normal;
color:#000000;
margin-bottom:0;
}
ul#Prefecture{
background:url("../img/class/bg_map.jpg") 0 0 no-repeat;
position:relative;
width: 544px;
height:381px;
margin:0 auto 20px;
}
ul#Prefecture li{
position:absolute;
text-indent:-999em;
width:43px;
height:20px;
}
ul#Prefecture li a{
display:block;
overflow:hidden;
width:100%;
height:100%;
}
ul#Prefecture li.hokkaido a:hover,
ul#Prefecture li.ishikawa a:hover,
ul#Prefecture li.toyama a:hover,
ul#Prefecture li.gihu a:hover,
ul#Prefecture li.aichi a:hover,
ul#Prefecture li.mie a:hover,
ul#Prefecture li.hukui a:hover,
ul#Prefecture li.hyogo a:hover,
ul#Prefecture li.yamaguchi a:hover,
ul#Prefecture li.hukuoka a:hover,
ul#Prefecture li.nagasaki a:hover,
ul#Prefecture li.kumamoto a:hover{
background-position:0 -20px;
}
ul#Prefecture li.hokkaido{
top: 87px;
left:108px;
}
ul#Prefecture li.hokkaido a{
background:url("../img/class/icn_hokkaido.gif") 0 0 no-repeat;
}
ul#Prefecture li.ishikawa{
top: 50px;
left:430px;
}
ul#Prefecture li.ishikawa a{
background:url("../img/class/icn_ishikawa.gif") 0 0 no-repeat;
}
ul#Prefecture li.toyama {
top: 60px;
left:491px;
}
ul#Prefecture li.toyama a{
background:url("../img/class/icn_toyama.gif") 0 0 no-repeat;
}
ul#Prefecture li.gihu {
top: 127px;
left:465px;
}
ul#Prefecture li.gihu a{
background:url("../img/class/icn_gihu.gif") 0 0 no-repeat;
}
ul#Prefecture li.aichi {
top: 175px;
left:481px;
}
ul#Prefecture li.aichi a{
background:url("../img/class/icn_aichi.gif") 0 0 no-repeat;
}
ul#Prefecture li.mie {
top: 203px;
left:425px;
}
ul#Prefecture li.mie a{
background:url("../img/class/icn_mie.gif") 0 0 no-repeat;
}
ul#Prefecture li.hukui {
top: 112px;
left:417px;
}
ul#Prefecture li.hukui a{
background:url("../img/class/icn_hukui.gif") 0 0 no-repeat;
}
ul#Prefecture li.hyogo {
top: 169px;
left:341px;
}
ul#Prefecture li.hyogo a{
background:url("../img/class/icn_hyogo.gif") 0 0 no-repeat;
}
ul#Prefecture li.yamaguchi {
top: 230px;
left: 141px;
}
ul#Prefecture li.yamaguchi a{
background:url("../img/class/icn_yamaguchi.gif") 0 0 no-repeat;
}
ul#Prefecture li.hukuoka {
top: 271px;
left:109px;
}
ul#Prefecture li.hukuoka a{
background:url("../img/class/icn_hukuoka.gif") 0 0 no-repeat;
}
ul#Prefecture li.nagasaki {
top: 312px;
left:18px;
}
ul#Prefecture li.nagasaki a{
background:url("../img/class/icn_nagasaki.gif") 0 0 no-repeat;
}
ul#Prefecture li.kumamoto {
top: 332px;
left:110px;
}
ul#Prefecture li.kumamoto a{
background:url("../img/class/icn_kumamoto.gif") 0 0 no-repeat;
}
div#Contents dl{
border-bottom:1px dotted #000000;
padding-bottom:10px;
margin:0 10px 10px;
}
div#Contents dt{
float:left;
clear:left;
width:70px;
}
div#Contents dd{
margin:0 0 7px 70px;
}
/*
*********************************************************************

* 2: ClassRoom styles

*********************************************************************
*/
div.block{
margin:0 16px 20px;
}
div.block p.img{
float:left;
width:180px;
}
div.block p.img img{
border:1px solid #C0C0C0;
padding:1px;
}
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;
}
ul#ClassRoom{
margin:0 10px 20px;
}
ul#ClassRoom li{
float:left;
width:24%;
padding-bottom:7px;
}
ul#ClassRoom li.active a{
font-weight:bold;
color:#FF0000;
}

#OtherBrand{
margin-bottom:20px;
}
#OtherBrand .column{
float:left;
width:266px;
padding:0 7px;
}
#OtherBrand .column img{
float:left;
padding-right:7px;
}