@charset "UTF-8";

/* 全体幅は 740px 高さは 36px */
#mainMenuBox{
	z-index:			300;
	position:			absolute;
	top:				46px;
	left:				225px;
	clear:				both;
}

#mainMenuBox img{
	vertical-align:		bottom;
}

/* コンテンツ用 */
.mainMenu-content{
	top:			146px;
}

/* index用 */
.mainMenu-index{
}



/* 1階層目 *******************************/
#mainMenu li {
	list-style-type:		none;
	float:					left;
	position:				relative;
}
#mainMenu li a {
	display:				block;
}

/* 1階層目にマウス乗った */
#mainMenu li:hover a, 
#mainMenu li.sfHover a {
}
/* 1階層目にマウス乗ったら、位置を戻す */
#mainMenu li:hover ul,
#mainMenu li.sfHover ul {
	top:				19px;
	z-index:			100;
	visibility:			visible;
}
/* 2階層目の色を調整 */
#mainMenu li:hover ul a, 
#mainMenu li.sfHover ul a {
	/*
	color:					#008e43;
	background:				#fff;
	*/
}
/* 2階層目にマウス乗った */
#mainMenu li:hover ul a:hover, 
#mainMenu li.sfHover ul a:hover {
	background-color:		#f1f9fe;
	color:					#3497d1;
}

/* 2階層目 *******************************/
/* 普段は画面外に移動 */
/*
*/
#mainMenu ul {
	position: absolute;
	top: -999em;
	background-color:		#fff;
	border-bottom:			solid 1px #558;
}
#mainMenu ul li {
	float:					none;
}
#mainMenu ul a {
	width:					150px;
	padding:				4px 4px 4px 16px;
	font-weight:			normal;
	color:					#3497d1;
	border:					solid 1px #9cf;
	border-top:				solid 1px #cdf;
/*
	border-top:				solid 1px #fff;
	border-bottom:			solid 1px #c0e185;
	border-left:			solid 1px #c0e185;
	border-right:			solid 1px #c0e185;
	background:				#e9ddd1;
*/
	background:				url("../img/common/mark_red.gif") 4px center no-repeat;
}