@charset "UTF-8";

ul.MenuBarActive {
	z-index: 1000;
}


/* 第２階層以降の表示状態 */
ul.MenuBarHorizontal ul
{
	margin: 0;　/* 第２階層の表示位置 */
	padding: 0;　/* 第２階層の表示位置 */
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	width: 120px;
	position: absolute;
	left: -1000em;
}
ul.MenuBarHorizontal ul li
{
	font-size: 12px;
	line-height: 20px;
	width: 119px;
	margin-right: 1px;
	border-right-style: none;
	border-right-width: 1px;
}

ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
}

ul.MenuBarHorizontal ul li
{
	/*width: 100px;*/
}

/* 第３階層の表示位置 */
ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: -5px 0 0 115px;
}

ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}


ul.MenuBarHorizontal ul
{
	background:url(../img/gnavi.jpg) no-repeat;
}

/* 第１階層の背景色・文字色 */
ul.MenuBarHorizontal a {
	cursor: pointer;
}

/* 第２階層の背景色・文字色 */
ul.MenuBarHorizontal ul a {
	background-color: #FAFAFA;
	color:#333333;
	text-align: left;
	padding-top:3px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom:10px;
	/padding-bottom:0px;
	font-weight: normal;
	border-bottom:solid 1px #959595;
	border-right:solid 1px #959595;
	border-left:solid 1px #959595;
}

ul.MenuBarHorizontal ul a:hover {
	background-color: #959595;
	color:#ffffff;
	text-align: left;
	padding-top:3px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom:10px;
	/padding-bottom:0px;
	font-weight: normal;
	border-bottom:solid 1px #444444;
	border-right:solid 1px #444444;
	border-left:solid 1px #444444;
}



/* 第３階層の背景色・文字色 */
ul.MenuBarHorizontal ul ul a {
	background-color: #FFFFFF;
	color: #999999;
}


/* 第１階層の背景色・文字色（ロールオーバー時） */
ul.MenuBarHorizontal li.navi01 {
	background:url(../img/gnavi.jpg) no-repeat;
	background-position:0px -28px;
}

ul.MenuBarHorizontal li.naviover01 {
	background:url(../img/gnavi.jpg) no-repeat;
	background-position:0px 0px;
}

ul.MenuBarHorizontal li.naviover02 {
	background:url(../img/gnavi.jpg) no-repeat;
	background-position:-186px -28px;
}

ul.MenuBarHorizontal li.naviover03 {
	background:url(../img/gnavi.jpg) no-repeat;
	background-position:-372px -56px;
}

ul.MenuBarHorizontal li.naviover04 {
	background:url(../img/gnavi.jpg) no-repeat;
	background-position:-558px -84px;
}


ul.MenuBarHorizontal li.navi01 a.navi01:hover {
	background:url(../img/gnavi.jpg) no-repeat;
	background-position:0px 0px;
}

ul.MenuBarHorizontal li.navi02 a.navi02:hover {
	background:url(../img/gnavi.jpg) no-repeat;
	background-position:-186px -28px;
}

ul.MenuBarHorizontal li.navi03 a.navi03:hover {
	background:url(../img/gnavi.jpg) no-repeat;
	background-position:-372px -56px;
}

ul.MenuBarHorizontal li.navi04 a.navi04:hover {
	background:url(../img/gnavi.jpg) no-repeat;
	background-position:-558px -84px;
}






/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
	display: inline;
	f\loat: left;
	/*background: #FFFFFF;*/
	}
}