@charset "utf-8";

#wrapper{margin: 16px auto 10px auto;}

/*--------------------------------------------------
 ビジュアル
--------------------------------------------------*/
#visualBg{
 height: 490px;
 margin: 0;
 padding: 0;
 /*background: url(../img/toppage/main_image.jpg) no-repeat 0 0;*/
 _position: relative;
}

#visualBg ul.visualElement{
 height: 490px;
 _height: 168px;
 margin: 0;
 padding: 0;
 /*background: url(../img/toppage/main_image.jpg) no-repeat 0 0;*/
 list-style: none;
}

#visualBg ul.visualElement li{
 margin: 0;
 padding: 0;
 position: absolute;
 top: 135px;
 _top: 0;
 filter:alpha(opacity=0);
 -moz-opacity: 0;
 opacity: 0;
}

#visualBg ul.visualElement li.bg{
 filter:alpha(opacity=100);
 -moz-opacity: 1;
 opacity: 1;
}

#visualBg ul.navi{
 width: 240px;
 margin: 0;
 padding: 0;
 list-style: none;
 position: relative;
 top: -455px;
 left: 35px;
 _top: -135px;
}

#visualBg ul.navi li{
 margin: 0 0 1px 0;
 padding: 0;
}

#visualBg ul.navi li a{
 width: 240px;
 height: 45px;
 margin: 0;
 padding: 0;
 text-decoration: none;
 display: block;
 text-indent: -35000px;
 /*\*/overflow: hidden;/* */
}

.co01{background: url(../img/toppage/co_navi01.png) no-repeat 0 0;}
.co02{background: url(../img/toppage/co_navi02.png) no-repeat 0 0;}
.co03{background: url(../img/toppage/co_navi03.png) no-repeat 0 0;}
.co04{background: url(../img/toppage/co_navi04.png) no-repeat 0 0;}
.co05{background: url(../img/toppage/co_navi05.png) no-repeat 0 0;}
.co06{background: url(../img/toppage/co_navi06.png) no-repeat 0 0;}
.co07{background: url(../img/toppage/co_navi07.png) no-repeat 0 0;}

#visualBg ul.navi li a:hover{ background-position: -240px 0;}

*+html #visualBg{
 position: relative;
 z-index: 100;
}

*+html #visualBg ul.visualElement li{top: 0;}

/*--------------------------------------------------
 コンテンツ
--------------------------------------------------*/
#contentsContainer{
 margin: -90px auto 0 auto;
 position: relative;
 _z-index: 1020;
}

*+html #contentsContainer{z-index: 1020;}

#leftColumn .topSpacer{
 height: 5px;
 _height: 0;
 margin: 10px 0 0 0;
 padding: 0;
 background: url(../img/toppage/bg02.gif) no-repeat 0 0;
}

#leftColumn dl{
 margin: 0 0 10px 0;
 padding: 0;
 background: url(../img/toppage/bg01.gif) no-repeat left bottom;
}

#leftColumn dl dt{
 margin: 0;
 padding: 0;
}

#leftColumn dl dd{
 margin: 0;
 padding: 10px 10px 15px 10px;
 text-align: center;
}

#leftColumn dl dd p{
 margin: 0;
 padding: 0;
}

#leftColumn dl dd span{font-size: 0.8em;}

#leftColumn dl dd.admissions{color: #003366;}
#leftColumn dl dd.briefing{color: #006600;}
#leftColumn dl dd.entry{
 padding: 0 10px 0 10px;
 text-align: center;
}

#centerColumn{
 width: 480px;
 margin: 0 0 0 20px;
 padding: 0;
 float: left;
}

#centerColumn .bannerHanger{
 margin: 0 0 20px 0;
 padding: 0;
}

#centerColumn h3{
 margin: 0;
 padding: 0;
}

#centerColumn h3.style01{margin: 5px 0 0 0;}

#centerColumn ul{
 height: 110px;
 _height: 115px;
 margin: 0;
 padding: 10px 10px 5px 20px;
 _padding: 10px 10px 5px 25px;
 border: 1px solid #B1C4C7;
 border-top: none;
 list-style-image: url(../img/pointer01.gif);
 overflow: auto;
}

*+html #centerColumn ul{
 height: 115px;
 padding: 10px 10px 5px 25px;
}
head~/**/body #centerColumn ul{height: 115px;}

#centerColumn ul li{
 margin: 0;
 padding: 0 0 5px 0;
 font-size: 0.78em;
 line-height: 1.5em;
}

#centerColumn ul li a{
 color: #333333;
 text-decoration: none;
}

#centerColumn ul li a:hover{
 color: #62868A;
 text-decoration: underline;
}

#centerColumn ul li span{
 font-weight: bold;
 color: #0092D8;
}

#centerColumn .more{
 margin: 0;
 padding: 0;
 text-align: right;
 position: relative;
 top: -160px;
}

#rightColumn{
 width: 210px;
 margin: 0;
 padding: 0;
 float: right;
}

#rightColumn img{margin: 0 0 10px 0;}