@charset "UTF-8";

/* global menu */
#menu-container { float: left; margin: 0; padding: 0; width: 260px; height: auto; position: relative; }
#menu-container ul { list-style-type: none; }
#menu-container li a.linkmenu { display: block; height: 30px; text-indent: -9999px; background: url(../images/menu_btn.gif) no-repeat; }
/* other mac IE5 \*/
#menu-container li a.linkmenu { display: block; height: 30px; text-indent: -9999px; overflow:hidden; background: url(../images/menu_btn.gif) no-repeat; }
/* other mac IE5 */

/* mouse action */
#menu-container li#n-00 a.linkmenu { background-position: 0 0; }
#menu-container li#n-01 a.linkmenu { background-position: 0 -30px; }
#menu-container li#n-02 a.linkmenu { background-position: 0 -60px; }
#menu-container li#n-03 a.linkmenu { background-position: 0 -90px; }
#menu-container li#n-04 a.linkmenu { background-position: 0 -120px; }
#menu-container li#n-05 a.linkmenu { background-position: 0 -150px; }
#menu-container li#n-06 a.linkmenu { background-position: 0 -180px; }
#menu-container li#n-07 a.linkmenu { background-position: 0 -210px; }
#menu-container li#n-08 a.linkmenu { background-position: 0 -240px; }

.aboutus #menu-container li#n-01 a.linkmenu { background-position: -780px -30px; }
.selection #menu-container li#n-02 a.linkmenu { background-position: -780px -60px; }
.join #menu-container li#n-03 a.linkmenu { background-position: -780px -90px; }
.progress #menu-container li#n-04 a.linkmenu { background-position: -780px -120px; }
.hiroba #menu-container li#n-05 a.linkmenu { background-position: -780px -150px; }
.archive #menu-container li#n-06 a.linkmenu { background-position: -780px -180px; }
.advertise #menu-container li#n-07 a.linkmenu { background-position: -780px -210px; }

#menu-container li#n-00 a.linkmenu:hover { background-position: -260px 0; }
#menu-container li#n-01 a.linkmenu:hover { background-position: -260px -30px; }
#menu-container li#n-02 a.linkmenu:hover { background-position: -260px -60px; }
#menu-container li#n-03 a.linkmenu:hover { background-position: -260px -90px; }
#menu-container li#n-04 a.linkmenu:hover { background-position: -260px -120px; }
#menu-container li#n-05 a.linkmenu:hover { background-position: -260px -150px; }
#menu-container li#n-06 a.linkmenu:hover { background-position: -260px -180px; }
#menu-container li#n-07 a.linkmenu:hover { background-position: -260px -210px; }
#menu-container li#n-08 a.linkmenu:hover { background-position: -260px -240px; }

#menu-container li#n-00 a.linkmenu:active { background-position: -520px 0; }
#menu-container li#n-01 a.linkmenu:active { background-position: -520px -30px; }
#menu-container li#n-02 a.linkmenu:active { background-position: -520px -60px; }
#menu-container li#n-03 a.linkmenu:active { background-position: -520px -90px; }
#menu-container li#n-04 a.linkmenu:active { background-position: -520px -120px; }
#menu-container li#n-05 a.linkmenu:active { background-position: -520px -150px; }
#menu-container li#n-06 a.linkmenu:active { background-position: -520px -180px; }
#menu-container li#n-07 a.linkmenu:active { background-position: -520px -210px; }
#menu-container li#n-08 a.linkmenu:active { background-position: -260px -240px; }

/* sub menu */
.s-menu { font-size: 75%; }
.s-menu li a { display: block; margin: 0; padding: 0; width: 260px; height: 24px; background: url(../images/li_arw.gif) no-repeat; }
.s-menu li a.s_linkmenu { width: 220px; padding: 0 0 0 40px; background-position: 0 0; }
.s-menu li a.s_linkmenu-v { width: 250px; padding: 0 0 0 10px; background-position: -780px 0; color: #443322; text-decoration: none; }
.s-menu li a:hover { width: 220px; padding: 0 0 0 40px; background-position: -260px 0; color: #ffffff; background-color: #1e96a0; }
.s-menu li a:active { width: 220px; padding: 0 0 0 40px; background-position: -520px 0; color: #000000; background-color: #1e96a0; }

.s-menu-head { padding: 10px 0 0 10px; font-size: 70%; line-height: 120%; }