@charset "utf-8";




/* --- 背景--- */
body {
margin: 0;
padding: 0;
background: #1c1c1c url(../image/pageback_gray_gradation.gif) repeat-x top; /* 全体E背景EグラチEEションEE*/
color: #404040; /* 色 */
font-size: 80%; /* サイズ */
}

/* --- ヘッダ/フッタ--- */
a:link { color: #b39d6f; }
a:visited { color: #9d8757; }
a:hover { color: #fde337; }
a:active { color: #fee76a; }

/* --- --- */
#content a:link { color: #c19639; }
#content a:visited { color: #98762e; }
#content a:hover { color: #e4c410; }
#content a:active { color: #fde337; }

/* ---  --- */
#container {
width: 894px; /* 幅*/
margin: 0 auto; /* センタリング */
background: url(../image/pageback_880_gray.gif) no-repeat center top; /* コンチEの背景E両サイドE影EE*/
}

/* ---  --- */
#page {
width: 878px; /* 幅*/
margin: 0 auto; /* センタリング */
background-color: #3f3f3f; /* 背景色 */
border-left: 1px #505050 solid; /* 左*/
border-right: 1px #505050 solid; /* 右*/
}


/* --- ヘッダ設定--- */

/* --- ヘッダ --- */
#header {
position: relative; /* */
width: 100%; /* IE6用幅*/
margin-bottom: 12px; /* ヘッダの下 */
padding: 15px 0 8px; /* ヘッダの上、左右、下*/
background-color: #2c2c2c; /* ヘッダの背景色 */
border-bottom: 1px #4b4b4b solid; /* ヘッダの下02*/
}

/* --- タイトル --- */
#header h1.siteTitle,
#header p.siteTitle {
margin: 0 19px 7px; /* タイトル上、左右、下/
font-size: 200%; /* タイトルサイズ */
color: #eee8aa; /* タイトル色 */
}
/* タイトルの画像*/
#header h1.siteTitle img,
#header p.siteTitle img {
border: none;
}

/* --- キャッチフレーズ --- */
#header p.catch {
margin: 0 22px 10px; /* キャッチフレーズ上、左右、下*/
color: #808080; /* キャッチフレーズ色 */
}
#header p.catch strong {
font-weight: normal; /* 太さ*/
}

/* --- ガイド --- */
#header ul.guide {
position: absolute; /* 絶対配置 */
top: 30px; /* 上からの距離 */
right: 20px; /* 右からの距離 */
margin: 0;
padding: 0;
list-style-type: none;
}
/* メニューページ */
#header ul.guide li {
display: inline;
padding: 0 4px 0 8px; /* ページ上右下左*/
background: url(../image/menu_line_gray.gif) no-repeat left; /* ページ背景区切り線*/
}
/* 最初ページ */
#header ul.guide li.first {
background: none; /* ページ区切り線*/
}

/* --- オープニングエリア--- */
#header div.opening {
width: 840px;
margin: 0 auto 2px; /* オープニングエリア上、左右、下*/
}
/* オープニングエリア*/
#header div.opening h2 {
margin: 0;
}

/* --- ヘッダメニュー --- */
#header ul.nl {
width: 834px; /*  ヘッダメニュー幅*/
margin: 0 auto; /* センタリング */
padding: 0;
background: #b6a57f url(../image/hor_menu5_off.gif) repeat-x top; /* ヘッダメニューの背景 */
border: #aca36a solid; /*  ヘッダメニュー線（色、スタイル）*/
border-width: 2px 3px; /*  ヘッダメニュー線太さ（上下、左右）*/
list-style-type: none;
text-align: center;
}
/* メニューページ */
#header ul.nl li {
width: 139px; /* ページ幅*/
float: left;
line-height: 100%;
}
/* リンクエリア */
#header ul.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 13px 2px 5px; /* リンクエリア上、左右、下*/
border: 1px solid; /* リンクエリア線（太さ、スタイル）*/
border-color: #e4d6b8 #8b7e63 #8b7e63 #e4d6b8; /* リンクエリア線色（上右下左）*/
text-decoration: none; /* 下線（なし）*/
font-weight: bold; /* 太さ（太字）*/
color: #ffffff; /* 色 */
}
/* 英字*/
#header ul.nl li a span.en {
display: block;
margin-top: 2px; /* 英字上 */
font-size: 85%; /* 英字サイズ */
font-weight: normal; /* 英字太さ*/
color: #eee8aa; /* 英字色 */
}
/* ロールオーバー設定*/
#header ul.nl li a:hover,
#header ul.nl li.active a {
background: #b6a57f url(../image/hor_menu5_on.gif) repeat-x top;
color: #f4efc4;
}
#header ul.nl li a:hover span.en,
#header ul.nl li.active span.en {
color: #fde337;
}

/* --- --- */
#header ol.topicPath {
width: 830px;
margin: 4px auto 0; /* */
padding: 6px 5px; /* */
background-color: #3f3f3f; /*  */
list-style-type: none;
color: #999999; /*  */
}
/* リストページ */
#header ol.topicPath li {
display: inline;
}
/* リンクエリア */
#header ol.topicPath li a {
padding-right: 12px; /* リンクエリアの右パディング */
background: url(../image/topic_path_gray.gif) no-repeat right; /* リンクエリアの背景記号*/
}

/* --- --- */
#header hr.none {
display: none; /* 表示形式*/
}

/* --- ▲ヘッダ設定ここまで--- */


/* --- ▼コンテンツ設定ここから--- */

/* --- --- */
#content {
width: 840px;
margin: 0 auto;
padding-top: 20px;
background: #fffdf3 url(../image/content_top_gray.gif) no-repeat top; 
}


/* --- ▼メインカラムここから--- */

/* --- メインカラム --- */
#main {
float: right;
width: 680px; /* メインカラム幅*/
}

/* --- ページタイトル下--- */
/* 見出しエリア */
#main div.pageTitle {
margin: 0 20px 15px;
padding: 23px 15px;
background: #f0e8c7 url(../image/heading_back4.gif) repeat-x top;
}

#main div.pageTitle h1 {
margin: 0;
font-size: 160%;
line-height: 100%;
}

/* --- セクション設定--- */
#main div.section {
margin: 0 20px 1em;
}

/* --- 標準セクション --- */
/* 見出しエリア */
#main div.normal div.heading {
margin-bottom: 1.2em;
padding: 8px 2px;
border-bottom: 1px #999999 solid;
}

#main div.normal div.heading h2 {
margin: 0;
padding: 2px 0 1px 5px;
border-left: 5px #b6a57f solid;
font-size: 130%;
line-height: 100%;
}
#main div.normal div.logo {
margin-top: 1.2em;
margin-bottom: 1.2em;
padding: 20px 2px;
border-bottom: 1px #999999 solid;
}

#main div.normal div.logo2 {
width:300px;
margin-bottom: 20px;
padding: 2px 0 1px 5px;
border-bottom: 1px #999999 solid;
}


/* 段落 */
#main div.normal p {
margin: 0 5px 1em;
line-height: 160%;
}
/* --- 強調セクション --- */
#main div.emphasis {
padding: 1.5em 15px 0;
background-color: #ffffff;
border: 1px #d8c89d solid;
}

#main div.emphasis02 {
	height:320px;
padding: 1.5em 10px 10px;
background-color: #ffffff;
border: 1px #d8c89d solid;
}

#main div.emphasis03 {
background-color: #ffffff;
border: 1px #d8c89d solid;
}


 /* 見出し*/
#main div.emphasis h2 {
margin: 0 0 0.8em;
font-size: 100%;
color: #393939;
}
#main div.emphasis02 h2 {
margin: 0 0 0.8em;
font-size: 100%;
color: #393939;
}
 /* 段落 */
#main div.emphasis p {
margin: 0 0 2em;
color: #2b2b2b;
line-height: 150%;
}
#main div.emphasis02 p {
	color: #2b2b2b;
	line-height: 18px;
	font-size: 14px;
	float: left;
	width: 300px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}
/* --- 新着--- */
#main div.update dl {
width: 580px;
margin: 0 auto;
}
/* 日付エリア */
#main div.update dt {
width: 6.7em;
float: left;
padding: 7px 0 6px 3px;
line-height: 120%;
}
/* メインエリア */
#main div.update dd {
margin: 0;
padding: 7px 3px 6px 6.6em;
border-bottom: 1px #c0c0c0 dotted;
line-height: 120%;
}

/* --- ▲メインカラムここまで--- */


/* --- ▼サイドバーここから--- */

/* --- サイドバー --- */
#nav {
float: right;
width: 150px;
padding-left: 10px;
}

/* --- セクション--- */
#nav div.section {
padding-bottom: 5px;
background-color: #f6f0d4;
}
/* 見出し */
#nav div.heading {
margin: 0 0 0.7em;
padding: 5px;
background: #3f3f3f url(../image/heading_back_gray3.gif) repeat-x top;
border: 1px #666666 solid;
}

#nav div.heading a {
text-decoration: none;
}

/* 見出し*/
#nav div.section h2 {
margin: 0;
padding: 2px 0 2px 7px;
border-left: 4px solid;
font-size: 100%;
color: #f9f9f9;
line-height: 100%;
}
/* 段落 */
#nav div.section p {
margin: 0 5px 0.7em;
line-height: 130%;
}

/* --- 標準セクション--- */
/* 見出し*/
#nav div.normal h2 {
border-left-color: #c0c0c0;
}

/* --- 強調セクション--- */
/* 見出し*/
#nav div.emphasis h2 {
border-left-color: #add8e6; /* 左墁E線E色 */
}

/* --- 強調セクション2--- */
/* 見出し*/
#nav div.strong h2 {
border-left-color: #fde337;
}

/* --- サブメニュー --- */
/* 見出し */
#nav div.subMenu div.heading {
margin: 0;
}

#nav div.subMenu h2 {
border-left-color: #add8e6;
}
/* メニューエリア */
#nav div.subMenu ul.nl {
margin: 1px 0 0;
padding: 0;
border: 1px #666666 solid;
list-style-type: none;
}
/* メニューページ */
#nav div.subMenu ul.nl li {
border-top: 1px #808080 solid;
border-bottom: 1px #404040 solid; 
}
/* リンクエリア */
#nav div.subMenu ul.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 14px 10px;
background: #3f3f3f url(../image/ver_menu4_off.gif) repeat-x top;
color: #e0e0e0;
text-decoration: none;
}
/* ロールオーバー*/
#nav div.subMenu ul.nl li a:hover {
background: #505050 url(../image/ver_menu4_on.gif) repeat-x top;
text-decoration: underline;
}

/* --- 問合せ--- */
#nav div.contact {
padding-bottom: 0.3em;
}
/* 段落 */
#nav div.contact p {
margin-bottom: 0.4em;
}
/* 電話番号 */
#nav div.contact p.tel {
margin-bottom: 0.1em;
font-size: 120%;
font-weight: bold;
color: #2b2b2b;
}
/* フォームへのリンク */
#nav div.contact p.form {
margin-top: 0.7em;
padding: 3px;
background-color: #ffffff;
border: 1px solid;
border-color: #e0e0e0 #cccccc #cccccc #e0e0e0;
text-align: center;
line-height: 140%;
}
/* リンクエリア */
#nav div.contact p.form a {
display: block;
position: relative; /* IE6用 */
padding: 12px 2px;
background: #3f99b3 url(../image/form_back2_off.gif) repeat-x top;
font-size: 110%;
font-weight: bold;
color: #ffffff;
text-decoration: none;
}
/* ロールオーバー*/
#nav div.contact p.form a:hover {
background: #54b3cf url(../image/form_back2_on.gif) repeat-x top;
}
/* バーコード */
#nav div.code01 {
padding-bottom: 0.3em;
}
#nav div.code01 p.code01 {
margin-top: 0.7em;
padding: 3px;
background-color: #ffffff;
border: 1px solid;
border-color: #e0e0e0 #cccccc #cccccc #e0e0e0;
text-align: center;
line-height: 140%;
}
#nav div.code02 {
padding-bottom: 0.3em;
}
#nav div.code02 p.code02 {
margin-top: 0.7em;
padding: 3px;
background-color: #ffffff;
border: 1px solid;
border-color: #e0e0e0 #cccccc #cccccc #e0e0e0;
text-align: center;
line-height: 140%;
}

/* --- ▲サイドバーここまで--- */


/* --- --- */
#content hr.clear {
clear: right;
width: 100%;
margin: 0;
visibility: hidden; /* 非表示 */
}

/* --- ▲コンテンツここまで--- */


/* --- ▼フッターここから--- */

/* --- フッタ --- */
#footer {
padding: 50px 0 20px;
background: #2c2c2c url(../image/content_bottom_gray.gif) no-repeat top;
}

/* --- フッタメニュー --- */
#footer ul.nl {
margin: 0 0 10px;
padding: 0;
list-style-type: none;
text-align: center;
}
/* --- メニュー --- */
#footer ul.nl li {
padding: 0 4px 0 8px;
background: url(../image/menu_line_gray.gif) no-repeat left;
display: inline;
}
/* 最初 */
#footer ul.nl li.first {
background-image: none;
}
/* ガイドメニュー */
#footer ul.guide {
margin: 0 0 15px;
}

/* --- アドレス--- */
#footer address {
font-style: normal;
color: #808080;
text-align: center;
line-height: 140%;
}

/* --- ▲フッターここまで--- */


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

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

#container #page #content #main .section.emphasis02 .logo2 {
	width: 300px;
	float: left;
	font-size: 14px;
	line-height:18px;
	text-align: center;
	font-weight: bold;
	margin-bottom:20px;
}

#container #page #content #main .section.emphasis02 .logo3 {
	width: 500px;
	float: left;
	font-size: 14px;
	line-height:18px;
	text-align: center;
	font-weight: bold;
	margin-bottom:20px;
}