@charset "utf-8";


/*-----------------------------------
 グローバールメニュー用 CSS
-----------------------------------*/

/*-- LV 1--*/
#gmenu {
}
#gmenu li,#gfooter_menu li {
	position: relative;
	display: block;
	float: left;
	text-align: left;
}


#gmenu li#menu01,#gfooter_menu li#footer_menu01 a { background-image: url(../images/gmenu_01.gif); width: 63px; }
#gmenu li#menu02,#gfooter_menu li#footer_menu02 a { background-image: url(../images/gmenu_02.gif); width: 63px; }
#gmenu li#menu03,#gfooter_menu li#footer_menu03 a { background-image: url(../images/gmenu_03.gif); width: 63px; }
#gmenu li#menu04,#gfooter_menu li#footer_menu04 a { background-image: url(../images/gmenu_04.gif); width: 63px; }
#gmenu li#menu17,#gfooter_menu li#footer_menu17 a { background-image: url(../images/gmenu_17.gif); width: 63px; }
#gmenu li#menu05,#gfooter_menu li#footer_menu05 a { background-image: url(../images/gmenu_05.gif); width: 63px; }
#gmenu li#menu16,#gfooter_menu li#footer_menu16 a { background-image: url(../images/gmenu_18.gif); width: 65px; }
#gmenu li#menu06,#gfooter_menu li#footer_menu06 a { background-image: url(../images/gmenu_06.gif); width: 63px; }
#gmenu li#menu07,#gfooter_menu li#footer_menu07 a { background-image: url(../images/gmenu_07.gif); width: 66px; }
#gmenu li#menu08,#gfooter_menu li#footer_menu08 a { background-image: url(../images/gmenu_08.gif); width: 63px; }
#gmenu li#menu09,#gfooter_menu li#footer_menu09 a { background-image: url(../images/gmenu_09.gif); width: 63px; }
#gmenu li#menu10,#gfooter_menu li#footer_menu10 a { background-image: url(../images/gmenu_10.gif); width: 63px; }
#gmenu li#menu12,#gfooter_menu li#footer_menu12 a { background-image: url(../images/gmenu_12.gif); width: 63px; }
#gmenu li#menu13,#gfooter_menu li#footer_menu13 a { background-image: url(../images/gmenu_13.gif); width: 63px; }
#gmenu li#menu14,#gfooter_menu li#footer_menu14 a { background-image: url(../images/gmenu_14.gif); width: 63px; }



#gmenu li a, #gfooter_menu li a {
	width: 100%;
	height: 100%;
	display: block;
	zoom: 1;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#gmenu li.lv1,#gfooter_menu li.lv1 { height: 40px; }
#gmenu li.on,#gfooter_menu li a:hover { background-position: 0 -40px; }
#gmenu li.lv1 > a,#gfooter_menu li.lv1 > a { height: 40px; }

/*-- LV 2--*/
#gmenu li ul {
	position: absolute;
	visibility: hidden;
	top: 40px;
	left: 0;
	border: 1px solid #FA0;
	border-right: 2px solid #FA0;
	border-bottom: 2px solid #FA0;
	z-index: 99;
}
#gmenu li ul li {
	background: #FFF;
	position: relative;
	clear: both;
	width: 158px;
	height: auto;
}
#gmenu li ul li a {
	width: auto;
	text-indent: 0;
	white-space: normal;
	overflow: visible;
	padding: 5px 15px 3px 7px;
	font-size: 10px;
	line-height: 150%;
	color: #333;
}
#gmenu li ul li a:link, 
#gmenu li ul li a:visited, 
#gmenu li ul li a:active {
	color: #333;
	text-decoration: none;
}
#gmenu li ul li a:hover {
	background-color: #FEC;
}
#gmenu li ul li img {
	vertical-align: top;
	margin: 1px 0 0 3px;
}

#gmenu a.on { background-color: #FEC; }

/*-- LV 3--*/
#gmenu li ul li ul {
	position: absolute;
	top: -1px;
	bottom: auto;
	left: 100%;
	right: auto;
}
#gmenu li ul li ul li {
	width: 158px;
}
/*-- LV 4--*/
#gmenu li ul li ul li ul {
	position: absolute;
	top: -1px;
	bottom: auto;
	left: 100%;
	right: auto;
}
#gmenu li ul li ul li ul li {
	width: 158px;
}





#gmenu li.rside ul {
	left: auto;
	right: 0;
}
#gmenu li.rside ul li ul ,
#gmenu li.rside ul li ul li ul {
	left: auto;
	right: 100%;
}



#gmenu .hover { visibility: visible; }
#gmenu .haschild { background: url(../images/gmenu_arrow.gif) no-repeat 146px center; }
