/* --- main navigation --- */

#mainmenu { width:459px; height:57px; display: inline; float:left; }
#mainmenu ul { width:459px; height: 57px; margin: 0; padding: 0; list-style: none; background: url(../img/navi.png) no-repeat; }
#mainmenu li { margin: 0; padding: 0; text-indent:-9999px; font-size:0px; float:left;}
#mainmenu li a { display: block; height: 57px; text-decoration: none; }

#home-button { width: 60px;  }
#home-button a:hover { width: 60px; background: url(../img/navi.png) 0px -57px; }
#home-button.on, #home-button.on a:hover{ width: 60px; background: url(../img/navi.png) 0px -57px;}

#about-button { width: 81px;  }
#about-button a:hover { width: 81px; background: url(../img/navi.png) -60px -57px; }
#about-button.on, #about-button.on a:hover{ width: 81px; background: url(../img/navi.png) -60px -57px;}

#product-button { width: 71px;  }
#product-button a:hover { width: 71px; background: url(../img/navi.png) -141px -57px; }
#product-button.on, #product-button.on a:hover{ width: 71px; background: url(../img/navi.png) -141px -57px;}

#press-button { width: 116px;  }
#press-button a:hover { width: 116px; background: url(../img/navi.png) -212px -57px; }
#press-button.on, #press-button.on a:hover{ width: 116px; background: url(../img/navi.png) -212px -57px;}

/*
#client-button { width: 86px;  }
#client-button a:hover { width: 86px; background: url(../img/navi.png) -328px -57px; }
#client-button.on, #client-button.on a:hover{ width: 86px; background: url(../img/navi.png) -328px -57px;}
*/
#client-button { width: 0; display: none; }

#contact-button { width: 96px;  }
#contact-button a:hover { width: 96px; background: url(../img/navi.png) -328px -57px; }
#contact-button.on, #contact-button.on a:hover{ width: 96px; background: url(../img/navi.png) -328px -57px;}

/* --- sub button --- */
.submenu a {  color:#8cc63e; }
.submenu a:hover {  color:#8cc63e; text-decoration: none; }

.submenu { width: 150px; clear: both; overflow: hidden; }
.submenu ul { padding: 0; margin: 0; }
.submenu li { list-style: none; background: url(../img/subbutton.gif) no-repeat; height: 27px; padding: 8px 0px 0 15px; margin: 0; }
.submenu li:hover { cursor: pointer; background: url(../img/subbutton.gif) no-repeat 0px -35px; }
.submenu li a { display: block; height: 27px; }

.submenu .on { background: url(../img/subbutton.gif) no-repeat 0px -35px; padding: 8px 0px 0 15px margin: 0;  }