@charset "UTF-8";

/*
**********************************************************************

* event.css

* site name   : http://www.toshin-tierra.com/
* description : Eventn Page styles
* since       : 2008-06-25
* editor      : Tooru Ehara 
* modified    : 
* editor      :

*********************************************************************
*/



/*
===== CONTENTS ===========================================

  1: Event Page styles

==========================================================
*/

/*
*********************************************************************

* 1: Event Page styles

*********************************************************************
*/

/*Open Page
------------------------------------------------------------------*/
body.open div#Contents h1{
background:url("../img/event/kv_open.jpg")  0 0 no-repeat;
height:138px;
margin-bottom:20px;
}
body.open div#Contents h2.front{
background:none;
font-size:110%;
font-weight:bold;
color:#02AFD3 ;
margin:0 20x 10px;
padding:0;
}
body.open div#Contents table,
body.explanation div#Contents table{
background-color:#DFDFDF;
border-collapse:separate;
border:none;
margin-bottom:20px;
}
body.open div#Contents th,
body.explanation div#Contents th{
background-color:#F5F5F5;
border:1px solid #FFFFFF;
vertical-align:middle;
text-align:left;
width:15%;
padding:0.3em;
}
.open div#Contents td{
background-color:#FFFFFF;
border:1px solid #FFFFFF;
padding:0.3em;
}
.open div#Contents .even td{
background:#F5F5F5;
}
.open div#Contents thead th{
background:#E7F9F2;
}
.open #Contents th.time{
width:20%;
}
.open #Contents th.locate{
width:15%;
}
.open #Apply{
margin:0 15px 20px;
}
.open #Apply p.text{
margin-bottom:10px;
}
.open #Apply h4{
font-size:110%;
}
.open #Document{
border-right:1px solid #E7E7E7;
float:left;
width:48%;
}
.open #Document p{
background:#E0E0E0;
font-size:110%;
font-weight:bold;
text-align:center;
padding:10px;
margin-right:20px;
}
.open #Document p a{
color:#000000;
}
.open #Form{
float:right;
width:48%;
}
.open #Form p{
background:#176649;
font-size:110%;
font-weight:bold;
text-align:center;
padding:10px;
}
.open #Form p a{
color:#FFFFFF;
}
.open div#Contents div.cont div{
float:none;
width:auto;
margin-bottom:0;
}


/*Apply Page
------------------------------------------------------------------*/
/*
div#Apply p{
float:left;
width:350px;
}
div#Apply p.button{
float:right;
width:210px;
}
div#Apply p.detail{
margin:0;
padding-left:0;
}
div#Apply p.detail a{
padding-left:20px;
}
body.open th.day{
width:10%;
}
*/
body.open th.time{
width:16%;
}
body.apply p{
text-align:center;
margin-bottom:20px;
}

/*Explanation Page
------------------------------------------------------------------*/
body.explanation div#Contents h1{
background:url("../img/event/kv_explanation.jpg") 0 0 no-repeat;
height:138px;
}
body.explanation div#Contents div.cont p {
float:left;
width:350px;
}
body.explanation div#Contents div.cont p.img{
float:right;
width:180px;
}
body.explanation th.day{
width:10%;
}
body.explanation th.university{
width:30%;
}
/*Autumn Page
------------------------------------------------------------------*/
body.autumn div#Contents h1{
background:url("../img/event/kv_autumn.jpg") 0 0 no-repeat;
height:142px;
margin-bottom:20px;
}
body.autumn div#Contents h2{
background:none;
font-size:160%;
color:#FF6633;
padding:0;
margin:0 0 10px;
}
body.autumn div#Contents h3{
border-left:3px solid #02AFD3;
color:#000000;
padding-left:7px;
margin:0 0 10px;
}
body.autumn div#Contents h2 span{
color:#666666;
}
body.autumn div#Contents div.experience h2{
border-bottom:1px solid #CCCCCC;
}
body.autumn div.experience p.text{
line-height:180%;
}
body.autumn div.experience p span{
font-size:120%;
font-weight:bold;
word-spacing:1.2em;
}
body.autumn div.experience ul{
margin-bottom:10px;
}
body.autumn div.experience li{
display:inline;
padding-right:10px;
}
body.autumn div.experience li strong{
font-size:120%;
color:#FF3300;
}
body.autumn div.experience li span{

}
body.autumn div#Contents div.cont p.detail{
margin:0 0 20px;
}
body.autumn div#Contents div.cont p.img{
float:right;
width:184px;
}