@charset "UTF-8";

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

* top.css

* site name   : http://www.toshin-tierra.com/
* description : Top Page styles
* since       : 2008-06-25
* editor      : Tooru Ehara 
* modified    : 
* editor      :

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



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

  1: Main Body styles

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

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

* 1:Main Body styles

*********************************************************************
*/
#Contents,#sNav {
padding-top:10px;
}
div#Contents h2{
background:none;
text-indent:-999em;
height:25px;
margin:0 0 10px;
padding:0;
}
div#Contents h2 a{
display:block;
overflow:hidden;
width:100%;
height:100%;
}
div#Contents h2#KeyVisual{
position:relative;
text-indent:0;
height:auto;
}
div#Contents h2#KeyVisual span{
display:block;
position:absolute;
right:15px;
bottom:15px;
}
/*Feature style
--------------------------------------------------------------*/
div#Contents div#Feature{
margin-bottom:10px;
}
div#Contents div#Feature h2{
background:url("../img/top/ttl_feature.jpg") 0 0 no-repeat;
}
div#Contents div#Feature div#Teacher{
background:url("../img/top/bg_feature.gif") 0 100% no-repeat;
float:left;
width:186px;
padding-right:3px;
}
div#Contents div#Feature div#Study{
background:url("../img/top/bg_feature.gif") 0 100% no-repeat;
float:left;
width:186px;
padding-right:3px;
}
div#Contents div#Feature div#RoadMap{
background:url("../img/top/bg_feature.gif") 0 100% no-repeat;
float:left;
width:186px;
}
* html div#Contents div#Feature div#Teacher,
* html div#Contents div#Feature div#Study{
padding-right:1px;
}
div#Contents div#Feature h4{
text-indent:-999em;
height:125px;
margin-bottom:7px;
}
div#Contents div#Feature h4 a{
display:block;
overflow:hidden;
width:100%;
height:100%;
}
div#Contents div#Feature div#Teacher h4{
background:url("../img/top/ttl_feature_01.jpg") 0 0 no-repeat;
}
div#Contents div#Feature div#Study h4{
background:url("../img/top/ttl_feature_02.jpg") 0 0 no-repeat;
}
div#Contents div#Feature div#RoadMap h4{
background:url("../img/top/ttl_feature_03.jpg") 0 0 no-repeat;
}
div#Contents div#Feature p{
width:170px;
margin:0 auto 10px;
}
div#Contents div#Feature p span{
font-weight:bold;
}
div#Contents div#Feature p a{
font-weight:bold;
background:url("../img/common/icn_link.gif") 0 50% no-repeat;
padding-left:15px;
}

/*Class Navigation style
--------------------------------------------------------------*/
div#Contents div#Class{
background:url("../img/common/bg_class.gif") 100% 100% no-repeat;
position:relative;
min-height:120px;
margin-bottom:10px;
}
* html div#Contents div#Class{
height:120px;
}
div#Contents div#Class h2{
background:url("../img/top/ttl_class.jpg") 0 0 no-repeat;
}
div#Contents div#Class li{
border-bottom:1px solid #DFDFDF;
position:absolute;
width:270px;
padding-bottom:7px;
}
div#Contents div#Class li ul{
position:absolute;
top:0;
left:50px;
}
div#Contents div#Class li ul li{
border:none;
font-weight:bold;
width:auto;
}
div#Contents div#Class p{
background:url("../img/top/icn_index.gif") 0  0 no-repeat;
position:absolute;
text-indent:-999em;
top:7px;
right:7px;
width:41px;
height:13px;
}
div#Contents div#Class p a{
display:block;
overflow:hidden;
width:100%;
height:100%;
}
div#Contents div#Class li.hokkaido{
top:30px;
left:10px;
}
div#Contents div#Class li.hokuriku{
top:60px;
left:10px;
}
div#Contents div#Class li.tokai{
top:90px;
left:10px;
}
div#Contents div#Class li.kansai{
top:30px;
left:280px;
}
div#Contents div#Class li.chugoku{
top:60px;
left:280px;
}
div#Contents div#Class li.kyushu{
top:90px;
left:280px;
}
div#Contents div#Class ul li li{
display:inline;
position:static;
}

/*Information style
--------------------------------------------------------------*/
div#Contents div#Information h2{
background:url("../img/top/ttl_information.jpg") 0 0 no-repeat;
}
div#Contents div#Information dl{
padding-left:10px;
}
div#Contents div#Information dt{
float:left;
clear:left;
width:100px;
margin-bottom:7px;
}
div#Contents div#Information dd{
font-weight:bold;
margin-left:100px;
margin-bottom:7px;
}
div#Contents ul.banner li{
padding-bottom:10px;
}
div#Contents ul.banner li.former{
float:left;
}
div#Contents ul.banner li.latter{
float:right;
}
div#Contents div#Information {
position:relative;
}
div#Contents div#Information p{
background:url("../img/top/icn_rss.gif") 0  0 no-repeat;
position:absolute;
text-indent:-999em;
top:7px;
right:7px;
width:41px;
height:13px;
}
div#Contents div#Information p a{
display:block;
overflow:hidden;
width:100%;
height:100%;
}


/*Topics style
--------------------------------------------------------------*/
div#Contents div#Topics{
/*background:url("../img/top/bg_topics.jpg") 95% 90% no-repeat;*/
position:relative;
padding-bottom:10px;
}
div#Contents 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:270px;
margin-bottom:10px;
}
div#Topics dl.even{
float:right;
}
div#Topics dl.longer{
width:550px;
}
div#Topics dl.event{
float:right;
}
div#Topics dl.last{
margin-bottom:0;
}
div#Topics dd{
font-size:90%;
margin-left:50px;
}
div#Topics p.news{
background:#FFF9F4;
border:1px solid #FF3300;
padding:7px;
font-weight:bold;
margin-bottom:20px;
}
div#Topics .news dd{
margin-right:10px;
margin-left:10px;
}

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

div#Topics div#note h3{
background:url("../img/top/icn_note.gif") 0 0 no-repeat;
font-weight:bold;
font-size:1.1em;
color:#fa6745;
height:24px;
margin:0 0 2px;
padding-left:30px;
}
/*Autumn Term Style
--------------------------------------------------------------*/
/*
div.autumn {
position:relative;
}
div#Contents div.autumn p{
position:absolute;
top:135px;
left:15px;
margin:0;
}
div#Contents div.autumn p span{
font-size:120%;
}
*/

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