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

/* --- ▼ヘッダ内の設定開始 --- */

/* --- ヘッダ --- */
#header {
	position: relative; /* 相対配置（ガイドメニューのために設定） */
	width: 100%; /* ヘッダのパディング（上、左右、下） */
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

/* --- サイトタイトル --- */
#header h1.siteTitle,
#header p.siteTitle {
	margin: 0 0 7px; /* サイトタイトルのマージン（上、左右、下） */
	font-size: 200%;
}


/* サイトタイトルの画像 */
/* #header h1.siteTitle img,
#header p.siteTitle img {
border: none;
} */

/* --- キャッチフレーズ --- */
#header p.catch {
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}

#header p.catch strong {
    font-weight: normal; /* 文字の太さ（ノーマル） */
}


/* --- ガイドメニュー --- */
#header ul.guide {
	position: absolute; /* 絶対配置 */
	top: 25px; /* 上からの距離 */
	right: 10px; /* 右からの距離 */
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/* メニュー項目 */
#header ul.guide li {
	display: inline;
	padding: 0 4px 0 8px; /* 項目の背景（区切り線） */
	background-image: url(../img/menu_line_gray.gif);
	background-repeat: no-repeat;
	background-position: left;
}

/* 最初の項目 */
#header ul.guide li.first {
    background: none; /* 区切り線なし */
}

/* --- オープニングエリア（トップページ） --- */
#header div.opening {
    margin-bottom: 2px; /* オープニングエリアの下マージン */
}

/* オープニングエリア内の見出し */
#header div.opening h2 {
    margin: 0;
}


/* --- ヘッダメニュー --- */
#header ul.nl {
	width: 948px; /* メニューの幅（ページの幅から2px引いた値） */
	margin: 0;
	padding: 0; /* ヘッダメニューの背景 */
	border: 1px solid; /* ヘッダメニューの境界線（太さ、スタイル） */
	border-color: #7d735f #cbc0a7 #cbc0a7 #7d735f; /* ヘッダメニューの境界線色（上右下左） */
	list-style-type: none;
	text-align: center;
	background-color: #847b65;
	background-image: url(../img/hor_menu8_off.gif);
	background-repeat: repeat-x;
	background-position: top;
}

/* メニュー項目 */
#header ul.nl li {
    width: 158px; /* 項目の幅 */
    float: left;
    line-height: 100%;
}

/* リンクエリア */
#header ul.nl li a {
	display: block;
	position: relative; /* IE6用 */
	padding: 10px 2px; /* リンクエリアの境界線色（上右下左） */
	text-decoration: none; /* テキストの下線（なし） */
	font-weight: bold; /* 文字の太さ（太字） */
	color: #ffffff;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #cbc0a7;
	border-right-color: #7d735f;
	border-bottom-color: #7d735f;
	border-left-color: #cbc0a7;
}


/* ポイント時とアクティブ時の設定 */
#header ul.nl li a:hover,
#header ul.nl li.active a {
	color: #fdf8e9; /* ポイント時（アクティブ時）の文字色 */
	background-color: #938b76;
	background-image: url(../img/hor_menu8_on.gif);
	background-repeat: repeat-x;
	background-position: top;
}


/* --- 注目情報（トップページ） --- */
#header ul.spotlight {
	margin: 2px 0 0; /* 注目情報のマージン（上、左右、下） */
	padding: 6px; /* 注目情報のパディング */
	background-color: #4d4d4d; /* 注目情報の背景色 */
	list-style-type: none;
	text-align: right;
}

/* リスト項目 */
#header ul.spotlight li {
	display: inline;
	padding: 0 25px 0 11px; /* 項目の背景（マーカー） */
	line-height: 100%;
	background-image: url(../img/menu_triangle2.gif);
	background-repeat: no-repeat;
	background-position: 0 0.5em;
}

/* リンクエリア */
#header ul.spotlight li a {
    color: #f0f0f0; /* リンクの文字色 */
}

/* --- トピックパス（下層ページ） --- */
#header ol.topicPath {
    margin: 0;
    padding: 7px 2px; /* トピックパスのパディング（上下、左右） */
    border-bottom: 1px #c0c0c0 solid; /* トピックパスの下境界線 */
    list-style-type: none;
}

/* リスト項目 */
#header ol.topicPath li {
    display: inline;
}
/* リンクエリア */
#header ol.topicPath li a {
    padding-right: 12px; /* リンクエリアの右パディング */
    background: url(../img/topic_path_gray.gif) no-repeat right; /* リンクエリアの背景（区切り記号） */
}

/* --- 罫線 --- */
#header hr.none {
    display: none; /* 表示形式（なし） */
}

/* --- ▲ヘッダ内の設定終了 --- */