@charset "UTF-8";

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

* top.css

* site name   : http://sky-tierra.com/
* description : Top Page styles
* since       : 2008-07-23
* editor      : Tooru Ehara 
* modified    : 
* editor      :

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



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

  1: Main Body styles

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

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

* 1:Main Body styles

*********************************************************************
*/
div#Contents{
background:none;
}
div#Contents h2{
text-indent:-999em;
height:25px;
margin:0 0 10px;
}
div#Contents h2 a{
display:block;
overflow:hidden;
width:100%;
height:100%;
}
#KeyVisual{
margin-bottom:20px;
}
/*Feature style
------------------------------------------------------------------*/
h2.feature{
	
}
div#Feature{
background:url("../img/top/kv_concept.jpg") 0 0 no-repeat;
height:170px;
margin-bottom:10px;
}
div#Feature h3{
text-indent:-999em;
}
div#Feature p.text{
width:450px;
padding:55px 0 0 15px;
}
div#Feature ul{
margin-left:15px;
}
div#Feature p.diagram{
text-indent:-999em;
}
div#Feature li{
background:url("../img/common/icn_link.gif") 0 50% no-repeat;
font-weight:bold;
display:inline;
padding:0 20px;
}

/*Event style
------------------------------------------------------------------*/
div#Contents .seminar,
div#Contents .free,
div#Contents .ex,
div#Contents .ex_review{
margin-bottom:10px;
}
div#Contents h2#ex-open{
text-indent:0;
width:auto;
height:auto;
}
div#Seminar{
margin-bottom:20px;
}
div#Seminar .winter,
div#Seminar .free,
div#Seminar p.support_spring{
float:left;
width:277px;
}
div#Seminar .training,
div#Seminar .support,
div#Seminar p.support_spring_02{
float:right;
width:277px;
}
div#Contents .seminar h2{
background:url("../img/top/ttl_summer.jpg") 0 0 no-repeat;
}
div#Contents .free h2{
background:url("../img/top/ttl_free.jpg") 0 0 no-repeat;
}
div#Contents .ex h2{
background:url("../img/top/ttl_ex.jpg") 0 0 no-repeat;
}
div#Contents .ex_review h2{
background:url("../img/top/ttl_ex_review.gif") 0 0 no-repeat;
}
div#Seminar .winter h2{
background:url("../img/top/ttl_winter.gif") 0 0 no-repeat;
width:277px;
}
div#Contents h2.feature{
background:url("../img/top/ttl_concept.jpg") 0 0 no-repeat;
}
div#Seminar .free h2{
background:url("../img/top/ttl_free.gif") 0 0 no-repeat;
width:277px;
}
.training h2{
background:url("../img/top/ttl_training.jpg") 0 0 no-repeat;
}
.training p,
.speed2 p{
margin-bottom:20px;
}
div#Seminar .support h2{
background:url("../img/top/ttl_support_spring.gif") 0 0 no-repeat;
width:277px;
}
div#Seminar h2{
background:url("../img/top/ttl_support_spring_02.gif") 0 0 no-repeat;
}
.speed2 h2{
background:url("../img/top/ttl_speed.jpg") 0 0 no-repeat;
}

/*Grade style
------------------------------------------------------------------*/

div#Contents .grade{
margin-bottom:10px;
}
div#Contents .grade div{
min-height:112px;
_height:112px;
}
div#Contents .grade h2{
background:url("../img/top/ttl_grade.jpg") 0 0 no-repeat;
}
div#Contents .grade div#Primary{
background:url("../img/top/bg_grade.gif") 0 100% no-repeat;
float:left;
width:186px;
padding-right:3px;
}
div#Contents .grade div#Junior{
background:url("../img/top/bg_grade.gif") 0 100% no-repeat;
float:left;
width:186px;
padding-right:3px;
}
* html div#Contents .grade div#Primary{
padding-right:1px;
}
* html div#Contents .grade div#Junior{
padding-right:1px;
}
div#Contents .grade div#High{
background:url("../img/top/bg_grade.gif") 0 100% no-repeat;
float:left;
width:186px;
}
div#Contents .grade h4{
text-indent:-999em;
width:186px;
height:32px;
margin-bottom:7px;
}
div#Contents .grade h4 a{
display:block;
overflow:hidden;
width:100%;
height:100%;
}
div#Contents .grade div#Primary h4{
background:url("../img/top/ttl_primary.gif") 0 0 no-repeat;
}
div#Contents .grade div#Junior h4{
background:url("../img/top/ttl_junior.gif") 0 0 no-repeat;
}
div#Contents .grade div#High h4{
background:url("../img/top/ttl_high.gif") 0 0 no-repeat;
}
div#Contents .grade div p{
padding:0 10px 7px;
}
div#Contents .grade .detail a{
font-weight:normal;
}


/*Local Navigation style
------------------------------------------------------------------*/

div#sNav .banner p.ex{
text-align:right;
}


/*Information style
------------------------------------------------------------------*/

div#Contents .info h2{
background:url("../img/top/ttl_info.jpg") 0 0 no-repeat;
}
div#Contents .info dl{
padding-left:10px;
}
div#Contents .info dt{
float:left;
clear:left;
width:100px;
}
div#Contents .info dd{
font-weight:bold;
margin-left:100px;
}

/*Topics style
------------------------------------------------------------------*/

div#Topics{
margin-bottom:10px;
}
div#Topics h2{
background:url("../img/top/ttl_topics.jpg") 0 0 no-repeat;
}
div#Topics dt img{
float:left;
width:42px;
padding-right:10px;
}
div#Topics dt{
font-weight:bold;
}
div#Topics dt.longer{
font-size:90%;
}
div#Topics dl{
float:left;
width:277px;
margin-bottom:10px;
}
div#Topics dl.event{
float:right;
}
div#Topics dd{
margin-left:50px;
}
div#Topics dd.rows{
font-size:85%;
}
* html div#Topics dd.rows{
font-size:10px;
}
div#Topics p#news_box{
background:#FFF9F4;
border:1px solid #FF3300;
padding:7px;
margin-bottom:20px;
font-weight:bold;
width:548px;
}
div#Topics dl#news_box dd{
margin-right:10px;
margin-left:10px;
}

div#note{
background:#ffffee;
border:1px solid #ffc7ba;
padding:10px;
margin-bottom:20px;
}

div#note h3{
background:url("../img/top/icn_note.gif") 0 50% no-repeat;
font-weight:bold;
font-size:1.1em;
text-indent:0;
color:#fa6745;
height:24px;
margin:0 0 7px;
padding-left:30px;
}

/*gallery style
------------------------------------------------------------------*/
#events{
margin-bottom:20px !important;
overflow:hidden;
width:564px;
height:170px;
}
.filmstrip img{
border:1px solid #d0d0d0 !important;
}