@charset "utf-8";
/* CSS Document */

/*PopUpMenu*/
#PopUpMenu_area {
	width:152px;
	background: url(../image/side-menu-bck.png) repeat-y left top;
	margin:0px 0px 0px 10px;

}

ul.parent {
	position:static;
	margin:0px;
	padding:0px 2px 25px 2px;
	list-style-type:none;
	background-image: url(../image/side-menu-bottom.png);
	background-repeat: no-repeat;
	background-position: 0% 100%;
	width:100%;
}

/* ポップアップメニューの最上位のメニューのスタイル  */
li.menu_host{
	clear:both;
	width:148px;/* 横幅 */
	font-weight:normal;/* 文字の太さ 普通にするときはnormalに */
	color:#000000;/* 文字色 */
	cursor:pointer;/* マウスカーソルの形 */
	float:left;/* 回り込み */
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

li.menu_host a{
	display:block;
	padding:0px;
	width:100%;
	float:none;
	background-image: url(../image/side-menu-arrow.gif);
	background-repeat: no-repeat;
	background-position: 92% 50%;
}

li.menu_host a.on_mouse{
	background-color:#6795C2;
	color:#FFFFFF;
	background-image: url(../image/side-menu-arrow2.gif);
}

li.menu_host a span{
	display:block;
	padding:6px 12px 6px 12px;
	float:none;
}

/* ポップアップメニュー内、子メニューあるいは孫メニューに適用するスタイル */
ul.child{
	position:absolute;
	width:200px;
	visibility:hidden;
	list-style-type:none;
	font-weight:normal;
	margin:-32px 0px 0px 147px;/*ポップアップメニューの相対表示位置*/
	padding:0px 0px 0px 0px;
	background:#EDEDED;
	border-width:1px 2px 2px 1px;
	border-style: solid;
	border-color: #999999;
}

ul.child li {
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

ul.child li a {
	display:block;
	margin:0px;
	padding:0px;
	width:100%;
	float:none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background-image:none;
}
ul.child li a span{
	display:block;
	margin:0px;
	padding:4px 8px 4px 16px;
	}

ul.child li a:hover{
	background:#DDDDDD;
}