/* --- 全体の背景・テキスト --- */
body {text-align:center;
min-width: 900px; /* 全体の最小幅 */
margin: 0;
padding: 0;
background-color: #ffffff; /* 全体の背景色 */
color: #000000; /* 全体の文字色 */
font-size: 90%; /* 全体の文字サイズ */
font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"ＭＳ Ｐゴシック",sans-serif;/* フォント */
scrollbar-arrow-color:#4c6600;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#4c6600; 
scrollbar-3dlight-color:#ffffff;
scrollbar-track-color:#ffffff;
scrollbar-shadow-color:#4c6600;
scrollbar-darkshadow-color:#ffffff;
}

/* --- 全体のリンクテキスト --- */
a{font-weight:bold;}
a:link { color:#990000; text-decoration:none;}
a:visited { color:#a30007; text-decoration:none;}
a:active { color:#ff9999; text-decoration:underline;}
a:hover { color:#ff9999; text-decoration:underline;}


/* --- コンテナ --- */
#header div.container,
#content div.container,
#footer div.container {
width: 900px; /* コンテナの幅 */
margin: 0 auto; /* センタリング */
}


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

/* --- ヘッダ --- */
#header{
padding-bottom: 10px; /* ヘッダの下パディング */
background-color: #ffffff; /* ヘッダの背景色 */
border-top:solid 5px #4c6600;
}

/* --- トップエリア --- */
#header div.top {
margin-bottom: 1px; /* トップエリアの下マージン */
padding: 3px 0 1px; /* トップエリアのパディング（上、左右、下） */
}
#header div.top div.container {
position: relative; /* 相対配置（ガイドメニューのために設定） */
}

/* --- サイトタイトル --- */
#header h1.siteTitle,
#header p.siteTitle {text-align:left;
margin: 0 0 1px; /* サイトタイトルのマージン（上、左右、下） */
font-size: 100%; /* サイトタイトルの文字サイズ */
color:#ffffff;
}
/* サイトタイトルの画像 */
#header h1.siteTitle img,
#header p.siteTitle img {
border: none;
}

/* --- ガイドメニュー --- */
#header ul.guide {
position: absolute; /* 絶対配置 */
top: 15px; /* 上からの距離 */
right: 10px; /* 右からの距離 */
margin: 0;
padding: 10;
list-style-type: none;
}
/* メニュー項目 */
#header ul.guide li {
display: inline;}
#header ul.guide li a{padding:5px;/* 項目のパディング（上右下左） */ 

background-color:#C4D0AE; /* 項目の背景（マーカー） */
color:#374025;
}

#header ul.guide li a:hover,#header div.nl li.active a{background-color:#374025;color:#ffffff; /* ポイント時（アクティブ時）の背景 */
}



/* --- ヘッダメニュー --- */
#header div.nl {
background-color:#CEDF9F; /* ヘッダメニューの背景 */
border-top:solid 1px #729900; /* ヘッダメニューの上境界線 */
border-bottom: 1px #ffffff solid; /* ヘッダメニューの下境界線 */
}
/* --- メニュー本体 --- */
#header div.nl ul {
width: 898px; /* メニュー本体の幅（コンテナの幅から2px引いた値） */
margin: 0;
padding: 0;
border-left: 1px #CEDF9F solid; /* メニュー本体の左境界線 */
border-right: 1px #CEDF9F solid; /* メニュー本体の右境界線 */
list-style-type: none;
text-align: center;
}
/* メニュー項目 */
#header div.nl li {
width: 14.2%; /* 項目の幅 */
float: left;
line-height: 110%;
}
/* 最初の項目と最後の項目 */
#header div.nl li.first,
#header div.nl li.last {
width: 14.2%; /* 項目の幅 */
}
/* リンクエリア */
#header div.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 8px 2px 5px; /* リンクエリアのパディング（上、左右、下） */
border-left: 1px #ffffff solid; /* リンクエリアの左境界線 */
border-right: 1px #ffffff solid; /* リンクエリアの右境界線 */
font-weight: bold; /* 文字の太さ（太字） */
color: #3E4C19; /* 文字色 */
letter-spacing:2px;
}

/* ポイント時とアクティブ時の設定 */
#header div.nl li a:hover,
#header div.nl li.active a {
background-color:#2F3913;color:#ffffff; /* ポイント時（アクティブ時）の背景 */
}



/* --- トピックパス（下層ページ） --- */
#header div.topicPath {
margin: 0;
padding: 7px 2px; /* トピックパスのパディング（上下、左右） */
background-color: #ffffff; /* トピックパスの背景色 */
}
#header div.topicPath ol {text-align:left;
margin: 0;
padding: 0;
list-style-type: none;
}
/* リスト項目 */
#header div.topicPath li {
display: inline;
}
/* リンクエリア */
#header div.topicPath li a {
padding-right: 12px; /* リンクエリアの右パディング */
}








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





/* --- ▼ページトップへ移動内の設定開始 --- */

/* --- ページトップ --- */
#pagetop {
text-align:right;
padding: 5px 0; /* パディング（上下、左右） */
background-color:#ffffff;/* 背景 */
border-top:dashed 1px #bce051; /* 上境界線 */
color:#89ad1e;/* 文字色 */
}



/* --- ▲ページトップへ移動内の設定終了 --- */


/* --- ▼ページ下部のサイトマップの設定開始 --- */


/* --- コンテナ --- */
#bottom div.container,
#content div.container,
#footer div.container {
width: 900px; /* コンテナの幅 */
margin: 0 auto; /* センタリング */
font-size: 90%;
}


/* --- ページ下部メニュー --- */
#bottom div.nlbottom {
background-color:#CEDF9F; /* ヘッダメニューの背景 */
border-top:solid 1px #729900; /* ヘッダメニューの上境界線 */
border-bottom: 1px #ffffff solid; /* ヘッダメニューの下境界線 */
}
/* --- メニュー本体 --- */
#bottom div.nlbottom ul {
width: 898px; /* メニュー本体の幅（コンテナの幅から2px引いた値） */
margin: 0;
padding: 0;
border-left: 1px #CEDF9F solid; /* メニュー本体の左境界線 */
border-right: 1px #CEDF9F solid; /* メニュー本体の右境界線 */
list-style-type: none;
text-align: center;
}
/* メニュー項目 */
#bottom div.nlbottom li {
float: left;
line-height: 110%;
}

/* リンクエリア */
#bottom div.nlbottom li a {
display: block;
position: relative; /* IE6用 */
padding: 8px 7px 5px; /* リンクエリアのパディング（上、左右、下） */
border-left: 1px #ffffff solid; /* リンクエリアの左境界線 */
border-right: 1px #ffffff solid; /* リンクエリアの右境界線 */
font-weight: bold; /* 文字の太さ（太字） */
color: #3E4C19; /* 文字色 */
letter-spacing:1px;
}

/* ポイント時とアクティブ時の設定 */
#bottom div.nlbottom li a:hover,
#bottom div.nlbottom li.active a {
background-color:#85994c;color:#ffffff; /* ポイント時（アクティブ時）の背景 */
}



/* --- ▲ページ下部のサイトマップの設定終了 --- */




/* --- ▼フッタ内の設定開始 --- */

/* --- フッタ --- */
#footer {
text-align:center;
padding: 5px 0; /* フッタのパディング（上下、左右） */
background-color:#ffffff;/* フッタの背景 */
border-top:solid 1px #729900; /* フッタの上境界線 */
border-bottom:solid 5px #4c6600; /* フッタの下境界線 */
}






/* --- アドレス・コピーライト --- */
#footer address {
font-style: normal;
line-height: 140%; /* 行の高さ */
}

/* --- ▲フッタ内の設定終了 --- */


/* --- ▼その他の設定開始 --- */

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

/* --- ▲その他の設定終了 --- */