@charset "UTF-8";


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

Winバグ対応用（これがないとサブメニューの最上部に無駄な余白が空く）

 *******************************************************************************/
ul.MenuBarVertical li{
	line-height: 1.1em;
}


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

基本設定

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

ul.MenuBarVertical
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 10px;
	cursor: default;
	width: 175px;
	line-height: 1.1em;
}


ul.yohaku{
	margin-left: 22px;
}


ul.MenuBarActive
{
	z-index: 1000;
}


ul.MenuBarVertical li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 175px;
}


ul.MenuBarVertical li.last
{
	margin-bottom: 10px;
}


ul.MenuBarVertical ul
{
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: absolute;
	z-index: 1020;
	cursor: default;
	width: 175px;
	left: -1000em;
	top: 0;
	margin-top: -1px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 170px;
}


ul.MenuBarVertical ul.MenuBarSubmenuVisible
{
	left: 0;
}


ul.MenuBarVertical ul li
{
	float: none;
	background-color: transparent;
}


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

デザインの調整

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

ul.MenuBarVertical
{
	border: 1px none #CCC;
}


ul.MenuBarVertical ul
{
	border: 1px solid #9790D6;
}


ul.MenuBarVertical a
{
	display: block;
	cursor: pointer;
	padding-top: 9px;
	padding-right: 5px;
	padding-bottom: 7px;
	padding-left: 23px;
	color: #B8B8B8;
	text-decoration: none;
	background-image: url(../image_parts/mainMenuTitle.jpg);
	background-repeat: no-repeat;
}


ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
{
	color: #FFF;
	background-image: url(../image_parts/mainMenuTitleOver.jpg);
	background-repeat: no-repeat;
}


ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
{
	color: #FFF;
}


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

サブメニュ−が存在する時にのみ動的に自動表示させる。通常背景と変えるとわかりやすい

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

ul.MenuBarVertical a.MenuBarItemSubmenu
{
	background-image: url(../image_parts/mainMenuTitleNext.jpg);
	background-repeat: no-repeat;
}


ul.MenuBarVertical a.MenuBarItemSubmenuHover
{
	background-image: url(../image_parts/mainMenuTitleOverNext.jpg);
	background-repeat: no-repeat;
}



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

IE専用HACK

 *******************************************************************************/
 
ul.MenuBarVertical iframe
{
	position: absolute;
	z-index: 1010;
}


@media screen, projection
{
	ul.MenuBarVertical li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}