@charset "Shift_JIS";
/* CSS Document */


/* メインメニュー */
#menu{
width:860px;
height:64px;
margin: 0px auto;
}

#menu ul,li{
list-style:none;
padding:0px;
margin:0px;
}

/* メインメニュー*/
#menu #home,#about,#function,#labo,#column,#faq,#info,#labo_stay{
height:64px;
float:left;
text-indent:-9876px;
overflow:hidden;
}

/* メインメニュー　homeへ */
body#base #menu #home a{
background-position:0px -128px;
}

#menu #home{
width:65px;
height:64px;
background: url(../images/menu_01.gif) no-repeat;
display:block;
}

#menu #home a{
width:65px;
height:64px;
background: url(../images/menu_01.gif) no-repeat;
display:block;
}

#menu #home a:hover{
background-position:0px -64px;
}


/* メインメニュー　aboutへ */
body#aboutsitrullne #menu #about a{
background-position:0px -128px;
}
#menu #about{
width:133px;
height:64px;
background: url(../images/menu_02.gif) no-repeat;
display:block;
}
#menu #about a{
width:133px;
height:64px;
background: url(../images/menu_02.gif) no-repeat;
display:block;
}
#menu #about a:hover{
background-position:0px -64px;
}

/* メインメニュー　functionへ */
body#functioneffect #menu #function a{
background-position:0px -128px;
}
#menu #function{
width:132px;
height:64px;
background:url(../images/menu_03.gif) no-repeat;
display:block;
}
#menu #function a{
width:132px;
height:64px;
background: url(../images/menu_03.gif) no-repeat;
display:block;
}
#menu #function a:hover{
background-position:0px -64px;
}


/* メインメニュー　laboへ */
body#laboratory #menu #labo a{
background-position:0px -128px;
}
#menu #labo{
width:132px;
height:64px;
background: url(../images/menu_04.gif) no-repeat;
display:block;
}
#menu #labo a{
width:132px;
height:64px;
background: url(../images/menu_04.gif) no-repeat;
display:block;
}
#menu #labo a:hover{
background-position:0px -64px;
}

/* メインメニュー　columnへ */
body#columns #menu #column a{
background-position:0px -128px;
}
#menu #column{
width:133px;
height:64px;
background: url(../images/menu_05.gif) no-repeat;
display:block;
}
#menu #column a{
width:133px;
height:64px;
background: url(../images/menu_05.gif) no-repeat;
display:block;
}
#menu #column a:hover{
background-position:0px -64px;
}

/* メインメニュー　faqへ */
body#question #menu #faq a{
background-position:0px -128px;
}
#menu #faq{
width:132px;
height:64px;
background: url(../images/menu_06.gif) no-repeat;
display:block;
}
#menu #faq a{
width:132px;
height:64px;
background: url(../images/menu_06.gif) no-repeat;
display:block;
}
#menu #faq a:hover{
background-position:0px -64px;
}

/* メインメニュー　infoへ */
body#information #menu #info a{
background-position:0px -128px;
}
#menu #info{
width:133px;
height:64px;
background: url(../images/menu_07.gif) no-repeat;
display:block;
}
#menu #info a{
width:133px;
height:64px;
background: url(../images/menu_07.gif) no-repeat;
display:block;
}
#menu #info a:hover{
background-position:0px -64px;
}

/* サブメニュー */
#submenu{
}

ul#submenu{
list-style:none;
}

li.sub01_stay a{
width:200px;
background:url(../images/sub_over.gif) 50%;
padding:8px 0px 8px 24px;
border-top:#c8c4b0 1px solid;
display:block;
color:#000000;
font-size:100%;
}

li.sub01 a{
width:200px;
background: url(../images/sub.gif) 50%;
padding:8px 0px 8px 24px;
border-top:#c8c4b0 1px solid;
display:block;
color:#000000;
font-size:100%;
}

li.sub01 a:hover{
background: url(../images/sub_rollover.gif) 50%;
}

li.sub02_stay{
width:184px;
background:url(../images/sub02_over.gif) 50%;
padding:5px 0px 5px 40px;
border-top:#c8c4b0 1px solid;
display:block;
font-size:88%;
}

li.sub02 a{
width:184px;
background: url(../images/sub02.gif) 50%;
padding:5px 0px 5px 40px;
border-top:#c8c4b0 1px solid;
display:block;
color:#000000;
font-size:88%;
}

li.sub02 a:hover{
background: url(../images/sub02_over.gif) 50%;
}

li#gradetionspace{
border-top:#c8c4b0 1px solid;
height:400px;
padding-left:20px;
display:block;
background:url(../images/space.gif) no-repeat;
font-size:0;
}
li#gradetionspace img{
	margin:20px 0 0 0;
}