@charset "UTF-8";

/* --- 全体の背景・テキスト --- */
body {
	min-width: 880px; /* 全体の最小幅 */
margin: 0;
padding: 0;
background-color: #cfdce3; /* 全体の背景色 */
color: #404040; /* 全体の文字色 */
font-size: 14px; /* 全体の文字サイズ */
letter-spacing: 0.1em;
font-family : 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

/* --- 全体のリンクテキスト --- */
a:link {
	color: #4682b4; 
}
a:visited {
	color: #386992; 
}
a:hover {
	color: #79a7cc; 
}
a:active {
	color: #00c0c0; 
}

/* 全体の画像 */
img {
	border: none;
}

/* --- 画像ロールオーバー --- */
a:hover img {
opacity: 0.8;
filter: alpha(opacity=80); 
}


/* 画像（右フロート） */
img.right {
	float: right;
margin: 0 0 20px 20px;
}
/* 画像（左フロート） */
img.left {
	float: left;
margin: 0 20px 20px 0;
}

/* 文字（太字） */
.bold {
	font-weight: bold;
}
/* 文字（120%） */
.size120 {
	font-size: 120%;
}
/* 文字（赤） */
.color01 {
	color: #d93515;
}
/* 背景（黄色） */
.bg-color01 {
	background-color: #ffff99;
}
/* 右詰 */
.right {
	text-align: right;
}
/* 中央 */
.center {
	text-align: center;
}
/* 下ボーダー */
.b-bottom {
	border-bottom: 1px solid #cccccc;
}

.m-bottom-20 {
	margin-bottom: 20px;
}

/* 改行 */
.newline {
	display: block;
position: relative; /* IE6用 */
}

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


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

/* --- ヘッダ --- */
#header{
	padding-bottom: 1px; /* ヘッダの下パディング */
background-color: #ffffff; /* ヘッダの背景色 */
}

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

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

/* --- キャッチフレーズ --- */
#header p.catch,
#header h1.catch {
	margin: 5px 0 10px; /* キャッチフレーズのマージン（上、左右、下） */
font-size: 12px;
font-weight: normal;
}

/* --- ガイドメニュー --- */
#header ul.guide {
	position: absolute; /* 絶対配置 */
top: 0px; /* 上からの距離 */
right: 0px; /* 右からの距離 */
margin: 0;
padding: 0;
list-style-type: none;
}
/* メニュー項目 */
#header ul.guide li {
	display: inline;
padding: 0 7px 0 14px; /* 項目のパディング（上右下左） */
background : transparent url(menu_arrow.jpg) no-repeat scroll left center; /* 項目の背景（区切り線） */
}
/* リンク項目 */
#header ul.guide li a {
	color: #404040;
text-decoration: none;
}
#header ul.guide li a:hover {
	text-decoration: underline;
}


/* --- オープニングエリア（トップページ） --- */
#header div.opening {
	position: relative;
margin: 0 auto 10px;
width: 878px;
height: 298px;
border: 1px #c0c0c0 solid;
background : #ffffff url(top-image.jpg) no-repeat scroll center top; /* ヘッダメニューの背景 */
}


/* --- ヘッダメニュー --- */
#header div.nl {
	background : #f9f9f9 url(menu1.gif) repeat-x scroll center top; /* ヘッダメニューの背景 */
border-top: 1px #c0c0c0 solid; /* ヘッダメニューの上境界線 */
border-bottom: 1px #c0c0c0 solid; /* ヘッダメニューの下境界線 */
}
/* --- メニュー本体 --- */
#header div.nl ul {
	width: 878px; /* メニュー本体の幅（コンテナの幅から2px引いた値） */
margin: 0;
padding: 0;
border-left: 1px #b2b2b2 solid; /* メニュー本体の左境界線 */
border-right: 1px #ffffff solid; /* メニュー本体の右境界線 */
list-style-type: none;
text-align: center;
}
/* メニュー項目 */
#header div.nl li {
	width: 174px; /* 項目の幅 */
float: left;
line-height: 100%;
font-size: 14px;
}
/* 最初の項目と最後の項目 */
#header div.nl li.first,
#header div.nl li.last {
	width: 178px; /* 項目の幅 */
}
/* リンクエリア */
#header div.nl li a {
	display: block;
position: relative; /* IE6用 */
padding: 8px 2px 5px; /* リンクエリアのパディング（上、左右、下） */
border-width: 1px 1px 2px; /* リンクエリアの境界線の太さ（上、左右、下） */
border-color: #ffffff #b2b2b2 #808080 #ffffff; /* リンクエリアの境界線色（上右下左） */
border-style: solid; /* リンクエリアの境界線スタイル */
text-decoration: none; /* テキストの下線（なし） */
font-weight: normal; /* 文字の太さ（普通） */
color: #666666; /* 文字色 */
}
/* 英字部分 */
#header div.nl li a span.en {
	display: block;
margin-top: 2px; /* 英字部分の上マージン */
font-size: 10px; /* 英字の文字サイズ */
font-weight: normal; /* 文字の太さ（ノーマル） */
color: #999999; /* 英字の文字色 */
}
/* ポイント時とアクティブ時の設定 */
#header div.nl li a:hover,
#header div.nl li.active a {
	border-bottom-color: #ff0000; /* ポイント時（アクティブ時）の下境界線色 */
color: #404040; /* ポイント時（アクティブ時）の文字色 */
}
#header div.nl li a:hover span.en,
#header div.nl li.active span.en {
	color: #d93515; /* ポイント時（アクティブ時）の英字の文字色 */
}

/* --- トピックパス（下層ページ） --- */
#header div.topicPath {
	margin: 0;
padding: 7px 2px; /* トピックパスのパディング（上下、左右） */
background-color: #fefaf6; /* トピックパスの背景色 */
}
#header div.topicPath ol {
	margin: 0;
padding: 0;
list-style-type: none;
}
/* リスト項目 */
#header div.topicPath li {
	display: inline;
}
/* リンクエリア */
#header div.topicPath li a {
	padding-right: 12px; /* リンクエリアの右パディング */
background : transparent url(../../Downloads/est様納品物_2014.03.07/est様納品物_2014.03.07/image/topic_path.gif) no-repeat scroll right center; /* リンクエリアの背景（区切り記号） */
}

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

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


/* --- ▼コンテンツ内の設定開始 --- */

/* --- コンテンツ --- */
#content {
	padding: 30px 0 0; /* コンテンツのパディング（上、左右、下） */
background : #fcfcfc url(content_back.jpg) repeat-x scroll center top; /* コンテンツの背景 */
}

/* --- ページ --- */
#page {
	background: #ffffff; /* ページの背景 */
padding: 10px;
}

/* --- ▼メインカラム内の設定開始 --- */

/* --- メインカラム --- */
#main {
	float: right;
width: 620px; /* メインカラムの幅 */
padding-left: 20px;
}

/* --- ページタイトル --- */
#main h1 {
	margin: 0 0 1.5em 0; /* ページタイトルのマージン（上右下左） */
padding: 6px 0 6px 15px; /* ページタイトルのパディング（上下、左右） */
font-size: 20px;
font-weight: normal;
color: #000000; /* ページタイトルの文字色 */
background : transparent url(h1-back.jpg) no-repeat scroll left bottom; /* 背景 */
}

/* --- セクション（共通設定） --- */
#main div.section {
	margin: 0 0 2em 0; /* セクションのマージン（上右下左） */
}

/* --- 標準セクション --- */
/* --- 見出しエリア --- */
#main div.normal div.heading {
	margin: 0 0 1em; /* 見出しエリアのマージン（上、左右、下） */
padding: 10px 10px; /* 見出しエリアのパディング（上下、左右） */
background : #333333 url(heading_back.jpg) no-repeat scroll left top; /* 背景 */
}
/* 見出し */
#main div.normal h1.home {
	margin: 0;
padding: 0 0 0 10px; /* 見出しの左パディング */
border-left: 5px solid #ff0000;
font-size: 16px; /* 見出しの文字サイズ */
font-weight: normal;
line-height: 100%; /* 行の高さ */
color: #f2f2f2;
background: none;
}
/* 見出し */
#main div.normal h2 {
	margin: 0;
padding-left: 10px; /* 見出しの左パディング */
border-left: 5px solid #ff0000;
font-size: 16px; /* 見出しの文字サイズ */
font-weight: normal;
line-height: 100%; /* 行の高さ */
color: #f2f2f2;
}
h2.type01 {
	margin: 0 0 1em !important;
padding: 5px 10px;
border-left: 4px solid #ff0000;
border-bottom: 1px dotted #e0e0e0;
font-size: 16px;
font-weight: normal;
line-height: 100%;
color: #000000 !important;
}
/* 見出し */
#main div.normal h3 {
	margin: 0 10px 0.5em; /* 段落のマージン（上、左右、下） */
line-height: 160%; /* 行の高さ */
}
h3.type01 {
	margin: 0 0 1em !important;
padding: 5px 10px;
border-left: 4px solid #ff0000;
border-bottom: 1px dotted #e0e0e0;
font-size: 16px;
font-weight: normal;
line-height: 100%;
color: #000000 !important;
}
/* 段落 */
#main div.normal p {
	margin: 0 10px 1em; /* 段落のマージン（上、左右、下） */
line-height: 160%; /* 行の高さ */
}
/* 段落 */
p.link {
	text-align: right;
}
p.link a {
	padding: 0 0 0 14px; /* 項目のパディング（上右下左） */
background : transparent url(menu_arrow.jpg) no-repeat scroll left center; /* 項目の背景（マーカー） */
}

/* --- 新着情報（トップページ） --- */
#main div.update dl {
	width: 620px; /* 新着情報の幅（メインカラムの幅から40px引いた値） */
margin: 0 auto; /* センタリング */
}
/* 日付エリア */
#main div.update dt {
	width: 9em; /* 日付エリアの幅 */
float: left;
padding: 9px 0 9px 3px; /* 日付エリアのパディング（上右下左） */
line-height: 160%; /* 行の高さ */
}
/* 本文エリア */
#main div.update dd {
	margin: 0;
padding: 9px 3px 9px 9em; /* 本文エリアのパディング（上右下左） */
border-bottom: 1px #c0c0c0 dotted; /* 本文エリア下境界線 */
line-height: 160%; /* 行の高さ */
}

/* --- 製品一覧（ホーム） --- */
#main div.section div.item-left {
	float: left;
width: 295px;
margin: 0 0 10px;
}
#main div.section div.item-right {
	float: right;
width: 295px;
margin: 0 0 10px;
}
#main div.section div.item-left img,
#main div.section div.item-right img {
	margin: 0 0 10px;
}
#main div.section div.item-left p,
#main div.section div.item-right p {
	margin: 0 0 1em;
}

/* --- 関連商品 --- */
#main div.section div.item {
	width: 620px;
padding: 0 20px 0;
margin: 0;
background : transparent url(item-back.jpg) no-repeat scroll left center; /* 背景 */
}
#main div.section div.item div.list {
	float: left;
width: 185px;
padding: 0 5px 0;
margin: 0;
border-right: 1px dotted #4d4d4d;
}
#main div.section div.item div.last {
	border-right: none;
}

/* --- 購入フォーム --- */
/* --- 左側のボックス --- */
div.form-left {
	float: left;
width: 350px;
margin: 0;
padding: 0;
}
ul.gallery {
	list-style: none;
margin: 0;
padding: 0;
}
ul.gallery li {
	float: left;
margin: 1px 0 0; 
padding: 0;
}
ul.gallery li img {
	cursor:pointer;
}

/* --- 右側のボックス --- */
div.form-right {
	float: right;
width: 250px;
margin: 0;
padding: 0;
}
div.form-right p {
	margin: 0 0 1.5em !important;
padding: 0 0 1em !important;
border-bottom: 1px solid #e0e0e0;
}
div.form-right ul {
	margin: 0;
padding: 0;
list-style-type: none;
}
div.form-right ul li {
	margin: 0 0 10px;
padding: 0;
}
div.form-right ul li.m-bottom5 {
	margin: 0 0 0px;
padding: 0;
}
div.form-right ul li.charge {
	font-size: 18px;
font-weight: bold;
color: #d93515;
}

/* --- よくある質問（アコーディオン） --- */
.accordion .accordion_head {
	cursor:pointer;
}

ul.accordion {
	width: 620px;
margin: 0 0 5px;
padding: 0;
list-style: none;
}

ul.accordion div.accordion_head {
	width: 570px;
height: 40px;
margin: 0;
padding: 0 0 0 50px;
line-height: 40px;
background : #f5f5f5 url(accordion_head.jpg) no-repeat scroll 0% 0%;
}

ul.accordion li ul {
	margin: 5px 0 0;
padding: 15px 15px 15px 50px;
line-height: 180%;
list-style: none;
background : #fffbeb url(a.gif) no-repeat scroll 15px 15px;
}

/* --- よくある質問 --- */
/* --- リストエリア --- */
ol.qa {
	width: 620px; /* リストエリアの幅 */
margin: 0;
padding: 0;
border-top: 1px #c0c0c0 dotted; /* リストエリアの上境界線 */
list-style-type: none;
}
/* --- リスト項目 --- */
ol.qa li {
	padding: 20px 5px 14px; /* リスト項目のパディング（上、左右、下） */
border-bottom: 1px #c0c0c0 dotted; /* リスト項目の下境界線 */
}
/* --- 項目の内容 --- */
ol.qa dl {
	margin: 0;
}
/* --- Questionエリア --- */
ol.qa dt {
	margin: 0;
padding: 5px 0 12px 30px; /* Questionエリアのパディング（上右下左） */
background : transparent url(q.gif) no-repeat scroll left top; /* Questionエリアの背景 */
font-weight: bold;
line-height: 120%;
}
/* --- Answerエリア --- */
ol.qa dd {
	margin: 0;
padding: 2px 0 6px 30px; /* Answerエリアのパディング（上右下左） */
background : transparent url(a.gif) no-repeat scroll left top; /* Answerエリアの背景 */
line-height: 150%;
}

/* --- よくある質問（旧） --- */
#main ul.faq {
	margin: 0 10px 1em;
padding: 0;
list-style-type: none;
line-height: 160%;
}
#main ul.faq li {
	padding: 0 0 0 30px; /* 項目のパディング（上下、左右） */
margin: 0 0 20px;
background : transparent url(q.gif) no-repeat scroll left center; /* 背景 */
}

/* --- お客様のbefore-after --- */
#main h2.before-after {
	padding: 0 0 0 52px; /* 項目のパディング（上下、左右） */
margin: 0 0 20px;
font-size: 100%;
font-weight: normal;
background : transparent url(camera.jpg) no-repeat scroll left center; /* 背景 */
}

/* --- サイトマップ --- */
#main ul.sitemap {
	margin: 0 10px 1em;
padding: 0;
line-height: 160%;
list-style-type: none;
}
#main ul.sitemap li.first {
	padding: 0 0 0 8px; /* 項目のパディング（上下、左右） */
margin: 0 0 10px 0;
border-left: 4px solid #ff0000;
}
#main ul.sitemap li.second {
	padding: 0 0 0 8px; /* 項目のパディング（上下、左右） */
margin: 0 0 10px 20px;
border-left: 4px solid #9ACD32;
}
#main ul.sitemap li.third {
	padding: 0 0 0 18px; /* 項目のパディング（上下、左右） */
margin: 0 0 10px 40px;
background : transparent url(menu_arrow.jpg) no-repeat scroll left center; /* 背景 */
}
#main ul.sitemap li.fourth {
	padding: 0 0 0 15px; /* 項目のパディング（上下、左右） */
margin: 0 0 10px 70px;
background : transparent url(circle.jpg) no-repeat scroll left center; /* 背景 */
}


/* --- table（標準） --- */
/* --- 表全体 --- */
table.standerd {
	width: 598px; /* 表の幅 */
margin-left: 10px;
border: 1px #cccccc solid; /* 大枠の境界線 */
border-collapse: collapse;
}

/* --- 表タイトル --- */
table.standerd caption {
	padding-bottom: 5px; /* 表タイトルの下パディング */
}

/* --- セル --- */
table.standerd th,
table.standerd td {
/* width: 20%; */ /* セルの幅（セルの幅を均等にする場合） */
padding: 6px 8px; /* セルのパディング（上下、左右） */
border: 1px #cccccc solid; /* セルの境界線 */
}

/* --- 見出しセル --- */
table.standerd th {
	background-color: #ffe1d9; /* 見出しセルの背景 */
text-align: center;
white-space: nowrap;
}

/* --- データセル --- */
table.standerd td {
	background-color: #f9f9f9; /* データセルの背景色 */
}

/* --- table（フォーム内の商品情報） --- */
/* --- 表全体 --- */
table.item {
	width: 618px; /* 表の幅 */
margin: 20px 0 0;
border: 1px #cccccc solid; /* 大枠の境界線 */
border-collapse: collapse;
}
/* --- セル --- */
table.item th,
table.item td {
/* width: 20%; */ /* セルの幅（セルの幅を均等にする場合） */
padding: 6px 8px; /* セルのパディング（上下、左右） */
border: 1px #cccccc solid; /* セルの境界線 */
}
/* --- 見出しセル --- */
table.item th {
	background-color: #f9f9f9; /* 見出しセルの背景 */
text-align: center;
white-space: nowrap;
}
/* --- データセル --- */
table.item td {
	background-color: #ffffff; /* データセルの背景色 */
}

/* --- table（会社情報） --- */
/* --- 表全体 --- */
table.normal {
	width: 598px; /* 表の幅 */
margin: 0 10px 1em;
border: 1px #cccccc solid; /* 大枠の境界線 */
border-collapse: collapse;
}
/* --- セル --- */
table.normal th,
table.normal td {
/* width: 20%; */ /* セルの幅（セルの幅を均等にする場合） */
padding: 6px 8px; /* セルのパディング（上下、左右） */
border: 1px #cccccc solid; /* セルの境界線 */
}
/* --- 見出しセル --- */
table.normal th {
	background-color: #f9f9f9; /* 見出しセルの背景 */
text-align: center;
white-space: nowrap;
}
/* --- データセル --- */
table.normal td {
	background-color: #ffffff; /* データセルの背景色 */
}

/* --- ■お問い合わせページ↓ここから --- */
/* --- フォームエリア --- */
form.contact {
	width: 598px; /* フォームエリアの幅 */
margin: 0 auto 1em;
}
/* --- テーブル --- */
form.contact table {
	width: 100%; /* テーブルの幅 */
background-color: #f9f9f9; /* テーブルの背景色 */
border: 1px #c0c0c0 solid; /* テーブルの境界線 */
}
/* --- 見出しセル（th） --- */
form.contact th {
	width: 140px; /* 幅 */
padding: 10px 8px; /* 見出しセルのパディング（上下、左右） */
background-color: #f5f5f5; /* 見出しセルの背景色 */
border-bottom: 1px #c0c0c0 dotted; /* 見出しセルの下境界線 */
text-align: left;
line-height: 130%;
}
/* --- データセル（td） --- */
form.contact td {
	padding: 10px 5px 7px; /* データセルのパディング（上、左右、下） */
background-color: #ffffff; /* データセルの背景色 */
border-bottom: 1px #c0c0c0 dotted; /* データセルの下境界線 */
}
/* --- データセル（td） --- */
form.contact td.color {
	background-color: #87CEEB; /* データセルの背景色 */
text-align: center;
font-weight: bold;
}
/* --- 必須項目セル --- */
form.contact td.required {
	width: 50px; /* 幅 */
padding: 10px 3px; /* 必須項目セルのパディング（上下、左右） */
background-color: #f9f9f9; /* 必須項目セルの背景色 */
text-align: center;
}
/* --- 「必須」文字 --- */
form.contact td.required span {
	border: 1px #9c2623 solid;
color: #9c2623;
background-color: #ffffff;
padding-left: 3px;
padding-right: 3px;
}
/* --- データセル内の補足テキスト --- */
form.contact span.supplement {
	color: #808080;
font-size: 12px;
font-weight: normal;
}

/* --- フォーム部品 --- */
form.contact input,
form.contact select,
form.contact textarea {
	margin-bottom: 2px; /* フォーム部品の下マージン */
}
/* --- フォーム部品のサイズ --- */
/* --- （長めのテキスト入力欄） --- */
#name, #email, #tel, #number, #kana, #address, #company {
	width: 320px; /* フォーム部品の幅 */
}
/* --- （短めのテキスト入力欄） --- */
#year, #month, #day {
	width: 35px; /* フォーム部品の幅 */
}
/* --- （複数行のテキスト入力欄） --- */
#message {
	width: 350px; /* フォーム部品の幅 */
height: 10em; /* フォーム部品の高さ */
}
/* --- ボタン --- */
form.contact p.button {
	padding: 10px 0 0; /* ボタンのマージン（上、左右、下） */
text-align: center;
}
/* --- 入力エラーメッセージ --- */
#error-message {
	width: 574px;
margin: 0 auto 1em;
padding: 10px;
border: 3px solid #dc3900;
font-weight: bold;
color: #dc3900;
line-height: 160%;
}
/* --- ■お問い合わせページ↑ここまで --- */


/* --- table（before after） --- */
/* --- 表全体 --- */
table.before-after {
	width: 620px; /* 表の幅 */
margin: 0 0 1em;
border-collapse: separate;
border-spacing: 5px;
}
/* --- セル --- */
table.before-after th,
table.before-after td {
	width: 50%;
padding: 6px 0; /* セルのパディング（上下、左右） */
}
/* --- 見出しセル --- */
table.before-after th {
	background-color: #000000; /* 見出しセルの背景 */
color: #ffffff;
text-align: center;
white-space: nowrap;
}
/* --- データセル --- */
table.before-after td.center {
	text-align: center;
}

/* リスト */
#main div.normal ul.point {
	list-style-image : url(../../Downloads/est様納品物_2014.03.07/est様納品物_2014.03.07/image/point.jpg);
font-size: 120%;
font-weight: bold;
}
#main div.normal ul.point li {
	padding-bottom: 10px;
}



/* --- ▲メインカラム内の設定終了 --- */


/* --- ▼サイドバー内の設定開始 --- */

/* --- サイドバー --- */
#nav {
	float: right;
width: 220px; /* サイドバーの幅 */
}

/* --- セクション（共通設定） --- */
#nav div.section {
	margin-bottom: 20px; /* セクションの下マージン */
}
/* 見出し */
#nav div.section h2 {
	margin: 0 0 0.7em; /* 見出しのマージン（上、左右、下） */
padding: 5px; /* 見出しのパディング */
font-size: 16px; /* 見出しの文字サイズ */
font-weight: normal;
text-align: center;
}
/* 段落 */
#nav div.section p {
	margin: 0 4px 0.6em; /* 段落のマージン（上、左右、下） */
line-height: 160%; /* 行の高さ */
}

/* --- 標準セクション（白） --- */
#nav div.normal {
	padding: 2px; /* セクションのパディング */
background-color: #ffffff; /* セクションの背景色 */
border: 1px #e0e0e0 solid; /* セクションの境界線 */
}
/* 見出し */
#nav div.normal h2 {
	background : #e0e0e0 url(heading_back.gif) repeat-x scroll center top; /* 見出しエリアの背景 */
border: 1px #e0e0e0 solid;
}

/* --- コラム --- */
#nav div.normal dl {
	margin: 0;
padding: 0 5px;
}
/* 日付エリア */
#nav div.normal dt {
	margin: 0;
padding: 0 0 5px 0; /* 日付エリアのパディング（上右下左） */
line-height: 100%; /* 行の高さ */
font-size: 12px;
}
/* 本文エリア */
#nav div.normal dd {
	margin: 0 0 5px;
padding: 0 0 5px; /* 本文エリアのパディング（上右下左） */
border-bottom: 1px #c0c0c0 dotted; /* 本文エリア下境界線 */
line-height: 160%; /* 行の高さ */
}

/* --- よくある質問 --- */
#nav div.faq ul.faq {
	margin: 0 0 1em;
padding: 0;
list-style-type: none;
line-height: 160%;
}
#nav div.faq ul.faq li {
	padding: 6px 1px; /* 項目のパディング（上下、左右） */
border-bottom: 1px #c0c0c0 dotted; /* 項目の下境界線 */
}
#nav div.faq ul.faq a {
	text-decoration: none;
}
#nav div.faq ul.faq a:hover {
	text-decoration: underline;
}


/* --- サブメニュー --- */
/* サブメニュー内の見出し */
#nav div.submenu h2 {
	margin: 0 0 2px; /* 見出しのマージン（上書き） */
background : #e0e0e0 url(heading_back.gif) repeat-x scroll center top; /* 見出しエリアの背景 */
border: 1px #e0e0e0 solid;
}
/* メニューエリア */
#nav div.submenu ul.nl {
	margin: 0;
padding: 0;
list-style-type: none;
line-height: 160%; /* 行の高さ */
}
/* メニュー項目 */
#nav div.submenu ul.nl li {
	padding: 3px 1px; /* 項目のパディング（上下、左右） */
border-bottom: 1px #c0c0c0 dotted; /* 項目の下境界線 */
}
/* リンクエリア */
#nav div.submenu ul.nl li a {
	display: block;
position: relative; /* IE6用 */
height: 65px;
padding: 0 5px 0 75px; /* リンクエリアのパディング（上下、左右） */
text-decoration: none; /* テキストの下線（なし） */
}
#nav div.submenu ul.nl li a.item01 {
	background : transparent url(nav-item01.jpg) no-repeat scroll left center; /* 背景 */
}
#nav div.submenu ul.nl li a.item02 {
	background : transparent url(nav-item02.jpg) no-repeat scroll left center; /* 背景 */
}
#nav div.submenu ul.nl li a.item03 {
	background : transparent url(nav-item03.jpg) no-repeat scroll left center; /* 背景 */
}
#nav div.submenu ul.nl li a.item04 {
	background : transparent url(nav-item04.jpg) no-repeat scroll left center; /* 背景 */
}

/* ポイント時の設定 */
#nav div.submenu ul.nl li a:hover {
	background-color: #f9f9f9; /* ポイント時の背景色 */
border-left-color: #d93515; /* ポイント時の左境界線色 */
text-decoration: underline; /* テキストの下線（あり） */
}

#nav ul.bn {
	margin: 0 0 10px;
padding: 0;
list-style-type: none;
}
#nav ul.bn li {
	margin: 0 0 10px;
padding: 0;
}

/* --- ▲サイドバー内の設定終了 --- */


/* --- 罫線 --- */
#content hr.clear {
	clear: right; /* 右フロートのクリア */
width: 100%;
margin: 0;
visibility: hidden; /* 非表示 */
}

/* --- ▲コンテンツ内の設定終了 --- */


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

/* --- フッタ --- */
#footer {
	padding: 40px 0; /* フッタのパディング（上下、左右） */
background : #ffffff url(foot_back.jpg) repeat-x scroll center top; /* フッタの背景 */
border-bottom: 5px #ff0000 solid; /* フッタの下境界線 */
}

/* --- フッタメニュー --- */
#footer ul.nl {
	margin: 0 0 30px; /* フッタメニューのマージン（上、左右、下） */
padding: 0;
list-style-type: none;
}
/* --- メニュー項目 --- */
#footer ul.nl li {
	padding: 0 10px 0 14px; /* 項目のパディング（上右下左） */
background : transparent url(menu_arrow.jpg) no-repeat scroll left center; /* 項目の背景（マーカー） */
display: inline;
}

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

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


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

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

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