
body {
background: url(../img/bg_wrapper.gif) no-repeat top left;
}

#wrapper {
margin:0 auto;
background: url(../index_img/main_image.jpg) no-repeat top center;
}

#base{
width: 902px;
padding-top: 250px;
margin:0 auto 0;
}


#container{
background:url(../index_img/bg_base.gif)  no-repeat top left;
width: 880px;
padding:10px 11px 0 11px;
margin:0 auto;
}

#container-inner{
zoom:1;/*for IE 5.5-7*/
background: url(../img/contents_bg.gif) repeat-y top left;
margin-bottom:20px;
}


#container-inner:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

* html #container-inner{
display:inline-table;
/*\*/display:block;/**/
}


/*
===== HEADER ====================================
*/

#header {

width:900px;
height:81px;
}

#index #header {
position:relative;
margin: 0 auto;
}

#header #logo {
position:absolute;
top:0;
left:0;
}

#header #logo a{
width: 396px;
height: 64px;
display: block;
background: url(../img/logo.gif) no-repeat bottom left;
text-indent: -7777px;
overflow: hidden;
}

#header #sub-navigation {
position:absolute;
top:0;
right:10px;
}

#header #sub-navigation li{
position:relative;
font-size:80%;
/*MacIE\*/
overflow:hidden;
float:left;
}

#contents-area{
float:right;
width:586px;
margin-left:10px;
text-align: left;
display:inline;
}


/*
===== SIDE MENU ====================================
*/

#sidemenu_left{
width: 275px;
float: left;
display: inline;
background-color:#F3F3F3;
padding:4px;
}

#sidemenu_left .menu{
margin:0 auto;
width: 273px;
border-left: 1px solid #d6d6d6;
border-right: 1px solid #d6d6d6;
}

#sidemenu_left .menu ul.first_mn li{
border-bottom: 1px solid #d6d6d6;
}

#sidemenu_left .menu ul.first_mn li span{
/*border:2px solid #fff;*/
padding:2px 0px;
width:273px;
display:block;
background-color:#fff;
}

#sidemenu_left .menu ul.first_mn li span a{
width:248px;
background: url(../img/bg_sidemenu.gif) no-repeat center left #fff;
display: block;
padding: 9px 0 9px 25px;
text-decoration: none;
color:#2558D7;
}

#sidemenu_left .menu ul.first_mn li span a.on{
background: url(../img/bg_sidemenu_on.gif) no-repeat center left #fff;
text-decoration: underline;
color:#4f81fc;
}

#sidemenu_left .menu ul.first_mn li span a:hover{
background: url(../img/bg_sidemenu_on.gif) no-repeat center left #fff;
text-decoration: underline;
color:#356fff;
}

#sidemenu_left .menu ul.sec_mn li{
border-bottom: 1px solid #d6d6d6;
}

#sidemenu_left .menu ul.sec_mn li span{
border:2px solid #fff;
width:273px;
display:block;
}

#sidemenu_left #banner{
margin:15px auto 0;
}

#sidemenu_left #banner h3{
text-align: left;
padding-left: 5px;
border-left:2px solid #0e91df;
font-weight: bold;
margin-bottom: 10px;
}

#contents-center{
width: 287px;
float: left;
display: inline;
background-color:#F3F3F3;
padding:4px;
}

#contents-right{
width: 287px;
float: left;
display: inline;
background-color:#F3F3F3;
padding:4px 4px 4px 0;
}



.eng_menu,
.info_menu,
.intel_menu{
margin:0 auto;
width: 285px;
border-left: 1px solid #d6d6d6;
border-right: 1px solid #d6d6d6;
background-color:#fff;

}

.eng_menu ul.first_mn li,
.info_menu ul.first_mn li,
.intel_menu ul.first_mn li{
border-bottom: 1px solid #d6d6d6;
}

.eng_menu ul.first_mn li span,
.info_menu ul.first_mn li span,
.intel_menu ul.first_mn li span{
padding:2px 0px;
width:285px;
display:block;
background-color:#fff;
}

.eng_menu ul.first_mn li span a,
.info_menu ul.first_mn li span a,
.intel_menu ul.first_mn li span a{
width:260px;
display: block;
padding: 9px 0 9px 25px;
text-decoration: none;
}

.eng_menu ul.sec_mn,
.info_menu ul.sec_mn,
.intel_menu ul.sec_mn{border-bottom: 1px solid #d6d6d6;}

.eng_menu ul.sec_mn li,
.info_menu ul.sec_mn li,
.intel_menu ul.sec_mn li{
text-indent:-25px;
padding:3px 0;
padding-left:25px;
}

.eng_menu ul.sec_mn li span,
.info_menu ul.sec_mn li span,
.intel_menu ul.sec_mn li span{

padding: 4px 0 4px 25px;}

.eng_menu ul.sec_mn li span a,
.info_menu ul.sec_mn li span a,
.intel_menu ul.sec_mn li span a{
width:273px;
text-decoration: none;
}


.eng_menu ul.sec_mn li span a:hover,
.info_menu ul.sec_mn li span a:hover,
.intel_menu ul.sec_mn li span a:hover{
text-decoration: underline;
}

.eng_menu ul.sec_mn li span a:hover{ color:#356fff; }
.info_menu ul.sec_mn li span a:hover{ color:#5ebd00; }
.intel_menu ul.sec_mn li span a:hover{ color:#ff7435; }

.eng_menu ul.first_mn li span a{
color:#264ea3;
background: url(../index_img/bg_menu02.gif) no-repeat center left #fff;
}


.eng_menu ul.first_mn li span a:hover{
background: url(../index_img/bg_menu02_on.gif) no-repeat center left #fff;
color:#356fff;
}

.eng_menu ul.sec_mn li span {
color:#264ea3;
background: url(../index_img/eng_mn_list.gif) no-repeat 17px 8px;
}

.eng_menu ul.sec_mn li span a{color:#264ea3;}

.intel_menu ul.first_mn li span a{
color:#c86601;
background: url(../index_img/bg_menu04.gif) no-repeat center left #fff;
}

.intel_menu ul.first_mn li span a:hover{
background: url(../index_img/bg_menu04_on.gif) no-repeat center left #fff;
color:#ff7435;
}

.intel_menu ul.sec_mn li span {
color:#c86601;
background: url(../index_img/intel_mn_list.gif) no-repeat 17px 8px;
}

.intel_menu ul.sec_mn li span a{color:#c86601;}

.info_menu ul.first_mn li span a{
color:#3a7500;
background: url(../index_img/bg_menu03.gif) no-repeat center left #fff;
}

.info_menu ul.first_mn li span a:hover{
background: url(../index_img/bg_menu03_on.gif) no-repeat center left;
color:#5ebd00;
}

.info_menu ul.sec_mn li span {
color:#3a7500;
background: url(../index_img/info_mn_list.gif) no-repeat 17px 8px;
}

body ul.sec_mn li span.red{
color:#CC3300;
font-size:90%;
background:none;
padding-left:0;
}

.info_menu ul.sec_mn li span a{color:#3a7500;}

.eng_menu ul.sec_mn li.nolink,
.info_menu ul.sec_mn li.nolink,
.intel_menu ul.sec_mn li.nolink{
padding: 4px 0 4px 50px;
}

.eng_menu ul.sec_mn li.nolink{
color:#264ea3;
}

.info_menu ul.sec_mn li.nolink{
color:#3a7500;
}

.intel_menu ul.sec_mn li.nolink{
color:#c86601;
}


#group_gakuen{
margin-left:11px;
border: 1px solid #999;
margin-bottom: 30px;
width:880px;
}

#group_gakuen th{
text-align:center;
color:#4F4F4F;
vertical-align:middle;
padding:3px 5px;
}

#group_gakuen td{
font-size: 77%;
background-color:#f3f3f3;
border: 1px solid #999;
padding:5px;
}

#group_gakuen ul li{
display:inline;
margin:0;
padding: 8px 5px 6px;
}



/*
=====  FOOTER  ====================================
*/

#footer_index{
clear: both;
width: 100%;
background: url(../img/bg_footer.gif) repeat-x top left;
padding-bottom: 30px;
}

#footer_index #footer_index_inner{
width: 900px;
margin: 0 auto;
text-align:left;
position: relative;
}



#footer_index div#copy address#copyright{
font-size: 77%;
clear: both;
text-align: left;
color:#fff;
padding-top:10px;
letter-spacing:0.15em;
margin-left:7px;
}




/* 100302 */
p.note{
clear:both;
font-size:85%;
margin:0;
padding:0.5em 10px;
}









