#menu {
	font: "Avant Garde Bold", "Avant Garde", "Arial Black", Arial Black, "ArialBlack", "Helvetica Neue Black", "Helvetica Black", Arial, Helvetica, sans-serif;
	text-indent: -999px;
	font-size: 10px;
	color: #FFF;
	letter-spacing: -1px;
}

#menu ul li {
	height: 0;
	margin: 0;
	padding: 0;
	width: 192px;
	list-style:none;}
	
#menu ul li.menu01 { height: 15px; }
#menu ul li.menu02 { height: 21px; }
#menu ul li.menu03 { height: 27px; }
#menu ul li.menu04 { height: 21px; }
#menu ul li.menu05 { height: 17px; }
#menu ul li.menu06 { height: 19px; }
#menu ul li.menu07 { height: 20px; }

#menu ul li.menu01 a { display: block; height: 100%; width: 100%; background: url(../assets/mainmenu/menu_01.gif)}
#menu ul li.menu02 a { display: block; height: 100%; width: 100%; background: url(../assets/mainmenu/menu_02.gif)}
#menu ul li.menu03 a { display: block; height: 100%; width: 100%; background: url(../assets/mainmenu/menu_03.gif)}
#menu ul li.menu04 a { display: block; height: 100%; width: 100%; background: url(../assets/mainmenu/menu_04.gif)}
#menu ul li.menu05 a { display: block; height: 100%; width: 100%; background: url(../assets/mainmenu/menu_05.gif)}
#menu ul li.menu06 a { display: block; height: 100%; width: 100%; background: url(../assets/mainmenu/menu_06.gif)}
#menu ul li.menu07 a { display: block; height: 100%; width: 100%; background: url(../assets/mainmenu/menu_07.gif)}

#menu ul li.menu01 a:hover, #menu ul li.menu01 a.select:hover { display: block; height: 100%; width: 100%; background: url(../assets/mainmenu/over_01.gif)}
#menu ul li.menu02 a:hover, #menu ul li.menu02 a.select:hover { display: block; height: 100%; width: 100%; background: url(../assets/mainmenu/over_02.gif)}
#menu ul li.menu03 a:hover, #menu ul li.menu03 a.select:hover { display: block; height: 100%; width: 100%; background: url(../assets/mainmenu/over_03.gif)}
#menu ul li.menu04 a:hover, #menu ul li.menu04 a.select:hover { display: block; height: 100%; width: 100%; background: url(../assets/mainmenu/over_04.gif)}
#menu ul li.menu05 a:hover, #menu ul li.menu05 a.select:hover { display: block; height: 100%; width: 100%; background: url(../assets/mainmenu/over_05.gif)}
#menu ul li.menu06 a:hover, #menu ul li.menu06 a.select:hover { display: block; height: 100%; width: 100%; background: url(../assets/mainmenu/over_06.gif)}
#menu ul li.menu07 a:hover, #menu ul li.menu07 a.select:hover { display: block; height: 100%; width: 100%; background: url(../assets/mainmenu/over_07.gif)}

#menu ul li.menu01 a.select { display: block; height: 100%; width: 100%; background: url(../assets/mainmenu/yllw_01.gif)}
#menu ul li.menu02 a.select { display: block; height: 100%; width: 100%; background: url(../assets/mainmenu/yllw_02.gif)}
#menu ul li.menu03 a.select { display: block; height: 100%; width: 100%; background: url(../assets/mainmenu/yllw_03.gif)}
#menu ul li.menu04 a.select { display: block; height: 100%; width: 100%; background: url(../assets/mainmenu/yllw_04.gif)}
#menu ul li.menu05 a.select { display: block; height: 100%; width: 100%; background: url(../assets/mainmenu/yllw_05.gif)}
#menu ul li.menu06 a.select { display: block; height: 100%; width: 100%; background: url(../assets/mainmenu/yllw_06.gif)}
#menu ul li.menu07 a.select { display: block; height: 100%; width: 100%; background: url(../assets/mainmenu/yllw_07.gif)}