/* --- ナビゲーションバー --- */
.nav {
	width: 800px; /* ナビゲーションの幅 */
	padding-top: 0px; /* ナビゲーションの上パディング */
	background-color: #ffffff; /* ナビゲーションの背景色 */
	border-bottom: 1px #c99137 solid; /* 下枠線 */
}

/* --- メニューエリア --- */
.nav .nl {
	width: 99%; /* メニューの幅 */
	margin: 0 auto; /* メニューのマージン（上下、左右） */
	padding: 0;
	list-style-type: none;
	text-align: center;
}

/* --- メニュー項目 --- */
.nav .nl li {
	width: 8em; /* タブの幅 */
	margin-right: 4px; /* タブの右マージン */
	background: #ffffff url(img/tab_gen_l.png) no-repeat left top; /* タブの背景（左） */
	float: left;
}

/* --- リンク --- */
.nav .nl li a {
	display: block;
	position: relative; /* IE6用 */
	padding: 6px 2px 5px 2px; /* リンクエリアのパディング（上右下左） */
	background: url(img/tab_gen_r.png) no-repeat right top; /* タブの背景（右） */
	text-decoration: none; /* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */
.nav .nl li a:hover {
	text-decoration: underline; /* テキストの下線（あり） */
}

/* --- アクティブなタブ --- */
.nav .nl li.active {
	background: #c99137 url(img/tab_act_l.png) no-repeat left top; /* タブの背景（左） */
}
.nav .nl li.active a {
	background: url(img/tab_act_r.png) no-repeat right top; /* タブの背景（右） */
	color: #ffffff; /* アクティブタブの文字色 */
	font-weight: bold;
}

/* --- clearfix --- */
.clearFix:after {
	content: ".";
	display: block;
	height: 0;
	clear: left;
	visibility: hidden;
}
.clearFix {
	min-height: 1px;
}