@import "reset.css";

/*  html
---------------------------------------------------------- */


img {
font-size:0;
line-height:0;
}

li img {
vertical-align:top;
}

p,li,dt,dd {
line-height:1.6;
}

th,td {
line-height:1.6;
}

.clear {
clear:both;
}

br{
letter-spacing:0;
}

a{
color:#0090ae;
background-color:inherit;
text-decoration:underline;
}

a:hover,a:active{
color:#0090ae;
background-color:inherit;
text-decoration:none;
}


/*  body
---------------------------------------------------------- */

body{
background:url("../img/bg.gif") scroll left top #FFFFFF;
color:#555555;
font-family:'‚l‚r ‚oƒSƒVƒbƒN','Hiragino Kaku Gothic Pro','ƒqƒ‰ƒMƒmŠpƒS Pro W3',sans-serif;
}

#wrapper{
width:950px;
margin:0 auto;
position: relative;
}


/*  header
---------------------------------------------------------- */

#headerArea {
width:950px;
height:489px;
margin:0 auto;
position: absolute;
top:0;
left:0;
}

#headerArea #logo{
position:absolute;
top:18px;
left:0px;
}

#headerSubNavigation{
position: absolute;
top:46px;
left:800px;
}

#headerSubNavigation img{vertical-align:top;}

#headerSubNavigation li{float:left;}

#headerSubNavigation li a{display: block;}
#headerSubNavigation li.last{margin:0;}

#headerSearch{
position: absolute;
top:44px;
left:460px;
}

#headerSearch #search{
border:1px solid #dcdcdc !important;
width:160px;
height:14px;
line-height:1;
font-size:12px;
}

#headerSearch #search-btn{vertical-align:top;margin-left:3px;}

#headerNavigation{
position:absolute;
top:0;
left:459px;
}

#headerNavigation li{float:left;}

#headerFontSwitch {
background:url("../img/txt_sizeswitch.gif") no-repeat scroll left center transparent;
float:left;
height:19px;
margin-right:2px;
padding-left:49px;
padding-top:1px;
position:absolute;
top:43px; left:676px;
}

#headerFontSwitch span {
float:left;
font-size:80%;
height:19px;
margin-right:2px;
overflow:hidden;
position:relative;
width:19px;
}

#headerFontSwitch span a {
display:block;
height:100%;
text-indent:-4000px;
width:100%;
}

#headerFontSwitch span a:hover {background-position:0 -19px;}

#headerFontSwitch span a:focus {overflow:hidden;}
#headerFontSwitch .font-small a {background:url("../img/font_s.gif") no-repeat scroll 0 -19px transparent;}

#headerFontSwitch .font-normal a {background:url("../img/font_m.gif") no-repeat scroll left top transparent;}

#headerFontSwitch .font-large a {background:url("../img/font_l.gif") no-repeat scroll left top transparent;}

#headerNavigation {
left:460px;
position:absolute;
top:0;
}

#imageArea{
position:absolute;
top:97px;
left:0;
}

#globalNavigation{
position:absolute;
top:412px;
left:0;
}

#globalNavigation li{float:left;}


/*  contents
---------------------------------------------------------- */

#contents {
padding-top:498px;
width:950px;
}

#contents:after {
content:url(../img/spacer.gif);
display:block;
clear:both;
height:0;
}

#contents {
display: inline-block;
}

#contents{display: block;}

#news {
width:480px;
float:left;
margin-right:25px;
display:inline;
}

#news h2{
margin-bottom:13px;
position:relative;
}

#news h2 span{
top:5px;
left:409px;
position:absolute;
}

#news dl{
padding-bottom:0.6em;
background:url(../img/dot.gif) repeat-x bottom left;
margin-bottom:0.6em;
}

#news dl:after {
content:url(../img/spacer.gif);
display:block;
clear:both;
height:0;
}

#news dl {display: inline-block;}
#news dl{display: block;}

#news dl dt{
color:#777;
float:left;
display:inline;
width:90px;
margin-left:10px;
}

#news dl dd{
float:left;
width:380px;
letter-spacing:0.1em;
}

#leftcontents{
width:210px;
float:left;
}

#banner li{margin-bottom:10px;}

#linkGakuen li{
font-size:85%;
border-bottom:1px solid #d9d9d9;
margin-bottom:0.5em;
padding-left:10px;
padding-bottom:0.5em;
background:url(../img/list01.gif) 0 0.5em no-repeat;
}

#rightcontents{
width:715px;
float:right;
}

#rightcontents h2{margin-bottom:9px;}

#indexcontents{
width:210px;
float:right;
display:inline;
}

#subBanner li{
float:left;
margin-bottom:10px;
}

#subBanner li.odd{margin-right:6px;}

#subBanner:after {
content:url(../img/spacer.gif);
display:block;
clear:both;
height:0;
}

#subBanner{display: inline-block;}
#subBanner{display: block;margin-bottom:15px;}


/*  footer
---------------------------------------------------------- */

#footerArea{
border-top:6px solid #dfdfdf;
color:#848484;
margin-bottom:40px;
}

#pagetop{text-align:right;}
#footerBottomArea{
width:950px;
position:relative;
margin:0 auto;
}

#footerArea ul{
position:absolute;
top:9px;left:493px;
}

#footerArea li{float:left;}

#footerArea address{
padding-top:10px;
font-size:85%;
}

.clearfix:after {
content:url(../img/spacer.gif);
display:block;
clear:both;
height:0;
}

.clearfix {
display: inline-block;
}

.clearfix{display: block;}