/* --- ナビゲーションバー --- */
div.menuArea {
	width: 100%; /* ナビゲーションの幅 */
	background: #ffffff url(../image/menu_bck.gif) repeat-x top; /* ナビゲーションの背景 */
	border-top: thin #99ccff solid; /* 上枠線 */
	border-bottom: thin #99ccff solid; /* 下枠線 */
	font-size: 85%;
}

/* --- メニューエリア --- */
div.menuArea .nl {
	width: 100%; /* メニューの幅 */
	margin: 0em 0em;
	padding: 0em 0em; /* メニューのパディング（上下、左右） */
	list-style-type: none;
	text-align: center;
}

/* --- メニュー項目 --- */
div.menuArea .nl li {
	float: left;
	font-size: 85%;
}

/* --- 項目の幅（emで指定） --- */
div.menuArea .nl li.item1 {
	width: 9.5em;
}
div.menuArea .nl li.item1_act {
	width: 9.5em;
	background: #ffffff url(../image/menu_bck_act.gif) repeat-x 0 -0.1em; /* ポイント時の背景 */
}
div.menuArea .nl li.item2 {
	width: 7em;
}
div.menuArea .nl li.item2_act {
	width: 7em;
	background: #ffffff url(../image/menu_bck_act.gif) repeat-x 0 -0.1em; /* ポイント時の背景 */
}
div.menuArea .nl li.item3 {
	width: 7.5em;
}
div.menuArea .nl li.item3_act {
	width: 7.5em;
	background: #ffffff url(../image/menu_bck_act.gif) repeat-x 0 -0.1em; /* ポイント時の背景 */
}
div.menuArea .nl li.item4 {
	width: 5.5em;
}
div.menuArea .nl li.item4_act {
	width: 5.5em;
	background: #ffffff url(../image/menu_bck_act.gif) repeat-x 0 -0.1em; /* ポイント時の背景 */
}
div.menuArea .nl li.item5 {
	width: 13.5em;
}
div.menuArea .nl li.item5_act {
	width: 13.5em;
	background: #ffffff url(../image/menu_bck_act.gif) repeat-x 0 -0.1em; /* ポイント時の背景 */
}
div.menuArea .nl li.item6 {
	width: 12em;
}
div.menuArea .nl li.item6_act {
	width: 12em;
	background: #ffffff url(../image/menu_bck_act.gif) repeat-x 0 -0.1em; /* ポイント時の背景 */
}
div.menuArea .nl li.item7 {
	width: 9em;
}
div.menuArea .nl li.item7_act {
	width: 9em;
	background: #ffffff url(../image/menu_bck_act.gif) repeat-x 0 -0.1em; /* ポイント時の背景 */
}
/* --- リンク --- */
div.menuArea .nl li a {
	display: block;
	position: relative; /* IE6用 */
	padding: 0.5em 0.5em; /* リンクエリアのパディング（上下、左右） */
	border-right: thin #330066 solid; /* リンクエリアの右枠線 */
	text-decoration: none; /* テキストの下線（なし） */
}
/* --- リンクテキストの色 --- */
div.menuArea .nl li a:link,
div.menuArea .nl li a:visited,
div.menuArea .nl li a:hover,
div.menuArea .nl li a:active
{
	color: #330066;
}
/* --- ポイント時の設定 --- */
div.menuArea .nl li a:hover {
	background: #330033 url(../image/menu_bck_act.gif) repeat-x 0 -0.1em; /* ポイント時の背景 */
	text-decoration: underline; /* テキストの下線（あり） */
}