@charset "UTF-8";

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

* top.css

* site name   : http://www.bitcampus.net/
* description : Top Page styles
* since       : 2008-08-28
* editor      : Tooru Ehara 
* modified    : 
* editor      :

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



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

  1: Main Body styles

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

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

* 1:Main Body styles

*********************************************************************
*/
#Contents{
float:left;
width:590px;
}
#Flash{
width:840px;
margin:0 auto 1.5em;
}
#Contents .title{
border-top:none;
border-bottom:2px solid #304D7B;
margin-bottom:1em;
}
#Contents .title h2{
background:none;
float:left;
width:400px;
height:auto;
padding:0 0 0.5em;
margin:0;
}
#Contents p{
margin-bottom:1.5em;
}
#Contents .title p{
font-size:85%;
text-align:right;
float:right;
width:160px;
margin-bottom:0;
}
#Contents .title p a,
#lNav .title p a{
background:url("../img/common/icn_arrow_gray.gif") 0 50% no-repeat;
color:#304D7B;
padding-left:10px;
}
#Seminar,#Examination{
margin-bottom:1.5em;
}
#Seminar dt{
font-size:75%;
color:#666666;
float:left;
clear:left;
width:90px;
padding-top:0.3em;
}
#Seminar dd{
font-weight:bold;
margin:0 0 0.5em 100px;
}
#Topics dl{
float:left;
width:285px;
}
#Topics dl.even{
float:right;
}
#Topics dt{
font-weight:bold;
}
#Topics dd{
font-size:85%;
padding:0 0 2em 45px;
}
#Topics dt img{
float:left;
width:38px;
padding-right:10px;
}
#Contents h3{
margin:0 0 0.5em;
}
#Examination li{
font-size:85%;
float:left;
width:191px;
padding-right:5px;
}
* html #Examination li,
* html #Topics dd,
* html #Contents .title p{
font-size:78%;
}
#Examination li.last{
float:right;
padding-right:0;
}
#Inquiry{
background:#F2F2F2;
float:none;
padding:1em;
width:auto;
min-height:0;
}
#Inquiry h3{
margin-bottom:1em;
}
#Inquiry h4{
margin:0.5em 0;
}
#Inquiry div{
float:left;
width:160px;
}
#Inquiry #Phone{
width:195px;
}
#Inquiry #WebSite{
width:206px;
}
#Inquiry p{
margin-bottom:0;
}
#Inquiry p.button{
text-indent:-999em;
height:34px;
margin-bottom:0.5em;
}
#Inquiry p.button a{
display:block;
overflow:hidden;
height:100%;
}
#Inquiry #Phone p.button a{
background:url("../img/common/btn_inquiry_phone.jpg") 0 0 no-repeat;
width:180px;
}
#Inquiry #WebSite p.button a{
background:url("../img/common/btn_inquiry_website.jpg") 0 0 no-repeat;
width:206px;
}
#Inquiry #Phone p.button a:hover,
#Inquiry #WebSite p.button a:hover{
background-position:0 -34px;
}


#lNav{
float:right;
width:200px;
}