@charset "UTF-8";

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

* class.css

* site name   : http://sky-tierra.com/
* description : Company Page styles
* since       : 2008-07-23
* 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 h2{
background:url("../img/class/img_seminar_summer.jpg") 0 0 no-repeat;
height:164px;
}
div#Contents p.lead{
font-size:180%;
font-weight:bold;
color:#F72B68;
height:auto;
margin:0 10px 10px;
}
div#Contents .area{
margin:0 10px 20px;
}
div#Contents .area h3{
font-size:140%;
text-indent:0;
float:right;
width:405px;
margin:0 0 5px;
}
div#Contents .area dl{
float:right;
width:405px;
}
div#Contents .area dt{
float:left;
clear:left;
width:60px;
}
div#Contents .area dd{
color:#666666;
margin:0 0 5px 60px;
}
div#Contents .area dd a{
font-weight:bold;
}
div#Contents .area p{
float:left;
width:125px;
padding-top:5px;
}

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

* 2: ClassRoom styles

*********************************************************************
*/
body.classroom div#Contents h2{
background:url("../img/feature/bg_dot_gray.gif") 0 100% repeat-x;
font-size:180%;
color:#F72B68;
text-indent:0;
height:auto;
margin:0 10px 20px;
padding:0 0 5px 0;
}
body.classroom div#Contents h2.seminar{
color:#71B200;
}
body.classroom div#Contents h2.index{
background:none;
font-size:130%;
color:#333333;
margin-bottom:0;
}
.block{
margin:0 16px 20px;
}
.block p.img{
float:left;
width:180px;
}
.block p.img img{
border:7px solid #F0F0F0;
}
.block p.img a{
background:url("../img/common/icn_link.gif") 0 50% no-repeat;
font-weight:bold;
padding-left:15px;
}
body.classroom div#Contents h4{
color:#666666;
font-size:120%;
margin:0 16px 10px;
}
.block table{
font-size:90%;
float:right;
border-left:none;
width:340px;
}
.block th{
background:none;
border-right:none;
vertical-align:top;
text-align:left;
width:18%;
padding:5px 0;
}
.block td{
border-right:none;
padding:5px 0;
}
div#Contents p.bnr{
padding-left:130px;
width:350px;
}
body.classroom div#Contents .cont p{
float:left;
width:366px;
}
body.classroom div#Contents .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,
body.classroom div#Contents table.course{
width:530px;
margin:0 auto 15px;
}
body.classroom div#Contents table.course{
font-size:85%;
}
body.classroom div#Contents table.time th,
body.classroom div#Contents table.course th{
background:#F6FDEA;
padding:1px 2px;
text-align:center;
}
body.classroom div#Contents table.course thead th{
background:#CFFE7E;
}
body.classroom div#Contents table.time th,
body.classroom div#Contents table.time td{
text-align:center;
padding:0;
}
body.classroom div#Contents table.course th.grade{
width:60px;
}
body.classroom div#Contents table.course th.plan{
width:100px;
}
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;
}
ul#ClassRoom{
margin:0 10px 20px;
}
ul#ClassRoom li{
float:left;
width:24%;
padding-bottom:7px;
}
ul#ClassRoom li.active a{
background:url("../img/common/icn_link.gif") 0 50% no-repeat;
font-weight:bold;
padding-left:20px;
}