@charset "utf-8";
/* --- タイプ3 デザイン1 --- */

* {
	margin: 0px;
	padding: 0px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, osaka;
}
/* --- 全体の背景・テキスト --- */
body {
	margin: 0;
	padding: 0; /* 全体の背景色 */
	color: #404040; /* 全体の文字色 */
	font-size: 80%;
	background-color: #ECEAE1;
}
/* --- 全体のリンクテキスト --- */
a:link {
	color: #666;
	text-decoration: none;
}
a:visited {
	color: #666;
	text-decoration: none;
}
a:hover {
	color: #FFF;
	text-decoration: none;
	background: #524B3A;
}
img a:hover {
	color: #FFF;
	text-decoration: none;
	background: #524B3A;
}
a:active {
	color: #907163;
	text-decoration: none;
}
/* --- リンクイメージ設定 --- */
#container img {
	border-style: none;
}
/* --- コンテナ --- */
#container {
	width: 900px; /* コンテナの幅 */
	margin: 10px auto 0; /* センタリング */
	background-color: #ffffff; /* コンテナの背景色 */
	border-left: 1px solid #CCC; /* コンテナの左境界線 */
	border-right: 1px solid #CCC;
	border-top: 10px solid #991717;
	padding-right: 15px;
	padding-left: 15px;
	zoom: 1; /* clearFix for IE */
	height: auto;
	border-bottom-color: #CCC;
}
/* --- ページ --- */
#page {
	width: auto; /* ページの幅 */
	margin: 0 auto;
}
/* --- ▼ヘッダ内の設定開始 --- */

/* --- ヘッダ --- */
#header {
	padding: 10px 0 0; /* ヘッダのパディング（上、左右、下） */
	margin: 0 auto 25px; /* IE 6のために幅の指定が必要 */
	position: relative; /* 相対配置（ガイドメニューのために設定） */
	width: auto;
}
/* --- サイトタイトル --- */
#header h1.siteTitle, #header p.siteTitle {
	font-size: 200%; /* サイトタイトルの文字サイズ */
	background: url(../image/index_img/logo_r2_c2.gif) no-repeat left bottom;
	height: 50px;
	text-indent: -9999px;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	display: block;
	width: 570px;
}
/* サイトタイトルの画像 */
#header h1.siteTitle img, #header p.siteTitle img {
	border: none;
}
/* --- キャッチフレーズ --- */
#header p.catch {
	margin: 0 0 5px;
	text-indent: 1em;
	color: #659033;
	letter-spacing: 1px;
	font-size: 100%;
}
#header p.catch strong {
	font-weight: normal;
	letter-spacing: 1px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
/* --- ガイドメニュー --- */
#header ul.guide {
	position: absolute; /* 絶対配置 */
	top: 55px; /* 上からの距離 */
	right: 10px; /* 右からの距離 */
	margin: 0;
	padding: 0;
	list-style: none;
	background: url(../image/tool/i_dgr.gif) no-repeat left center;
	text-indent: 1.3em;
}
#header .guide a {
	text-decoration: none;
}
.f_small {
	font-size: 90%;
}
/* メニュー項目 */
#header ul.guide li {
	padding: 0 7px 0 8px; /* 項目のパディング（上右下左） */
	background: url(../image/tool/line_menu__gray.gif) no-repeat left; /* 項目の背景（区切り線） */
	width: 100%;
	text-align: center;
	display: inline;
}
/* 最初の項目 */
#header ul.guide li.first {
	background: none; /* 区切り線なし */
}
/* --- オープニングエリア（トップページ） --- */
#header div.opening {
	margin-bottom: 5px;
	height: 200px;
	width: 900px;
	zoom: 1; /* clearFix for IE */
	clear: both;
	margin-top: 0px;
	background: url(../image/index_img/_r2_c1.jpg) no-repeat left top;
}
/* オープニングエリア内の見出し */
#header div.opening h2 {
	text-indent: -9999px;
	margin: 0;
	height: 200px;
	width: 900px;
}
/* --- ヘッダメニュー --- */
#header ul.nl {
	margin: 0;
	padding: 0;
	background: #847b65 url(../image/tool/back_menu8_off.gif) repeat-x top; /* ヘッダメニューの背景 */
	border: 1px solid; /* ヘッダメニューの境界線（太さ、スタイル） */
	border-color: #7d735f #cbc0a7 #cbc0a7 #7d735f; /* ヘッダメニューの境界線色（上右下左） */
	list-style-type: none;
	text-align: center;
	position: relative;
	width: 898px;
}
/* メニュー項目 */
#header ul.nl li {
	width: 112px; /* 項目の幅 */
	float: left;
	line-height: 100%;
}
/* リンクエリア */
#header ul.nl li a {
	display: block; /* IE6用 */
	padding: 10px 2px; /* リンクエリアのパディング（上下、左右） */
	border: 1px solid; /* リンクエリアの境界線（太さ、スタイル） */
	border-color: #cbc0a7 #7d735f #7d735f #cbc0a7; /* リンクエリアの境界線色（上右下左） */
	text-decoration: none; /* テキストの下線（なし） */
	font-weight: bold; /* 文字の太さ（太字） */
	color: #fdf8e9; /* 文字色 */
	background: url(../image/tool/back_menu8_off.gif) repeat-x;
}
/* ポイント時とアクティブ時の設定 */
#header ul.nl li a:hover, #header ul.nl li.active a {
	background: #938b76 url(../image/tool/back_menu8_on.gif) repeat-x top; /* ポイント時（アクティブ時）の背景 */
	color: #FFF; /* ポイント時（アクティブ時）の文字色 */
}
/* --- 注目情報（トップページ） --- */
#header ul.spotlight {
	margin: 0px; /* 注目情報の背景色 */
	list-style-type: none;
	text-align: center;
	background: #A0967A;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 6px;
	letter-spacing: 1px;
}
/* リスト項目 */
#header ul.spotlight li {
	display: inline;
	padding: 0 15px 0 10px; /* 項目の背景（マーカー） */
	line-height: 100%;
	background: url(../image/tool/point_002.gif) no-repeat left center;
}
/* リンクエリア */
#header ul.spotlight li a {
	color: #FFF;
	padding-left: 6px;
}
#header .spotlight img {
	margin-right: 20px;
	margin-top: auto;
	margin-bottom: auto;
}

/* リスト項目 */
#header ol.topicPath li {
	display: inline;
}
/* リンクエリア */
#header ol.topicPath li a {
	padding-right: 12px; /* リンクエリアの右パディング */
	background: url(../image/tool/topic_path_gray.gif) no-repeat right; /* リンクエリアの背景（区切り記号） */
}
/* --- 罫線 --- */
#header hr.none {
	display: none; /* 表示形式（なし） */
}
div.sample {
	position:relative;
	width:240px;
	height:180px;
}
span.guard {
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	background-image:url(../img/spacer.html);
}
/* --- ▲ヘッダ内の設定終了 --- */


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

/* --- コンテンツ（3カラム用） --- */
#content {
	float: left;
	width: 690px; /* コンテンツの幅 */
	margin-bottom: 10px;
}
/* --- （3カラム用） --- */
#content #main {
	width: 510px;
	float: right;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	letter-spacing: 1px;
}
#content #main .section.comment {
	height: 70px;
	background: url(../image/index_img/parts_r4_c3.jpg) no-repeat;
}

/* --- （3カラム用） --- */
#main div.section {
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
}
/* --- 標準セクション --- */
/* 見出しエリア */
#main div.normal div.heading {
	margin: 0 0 1em; /* 見出しエリアのマージン（上、左右、下） */
	padding: 6px 8px 5px; /* 見出しエリアのパディング（上、左右、下） */
	background: #f9f9f9 url(../image/tool/back_eading_1.gif) repeat-x; /* 見出しエリアの背景 */
	border: 1px #c0c0c0 solid; /* 見出しエリアの境界線 */
}
/* 見出し */
#main div.normal div.heading h2 {
	margin: 0;
	font-size: 120%; /* 見出しの文字サイズ */
	line-height: 100%;
}
/* 段落 */
#main div.normal p {
	margin: 0 5px 1em; /* 段落のマージン（上、左右、下） */
	line-height: 160%; /* 行の高さ */
}
#main .section.emphasis {
	display: block;
	width: auto;
	zoom: 1; /* 印刷バグ解決 */
	height: 125px;
	border-top: 1px solid #CCC;
	background-image: url(../image/index_img/hisada_r2_c2.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
#main .section.emphasis a {
	text-decoration: none;
	line-height: 110%;
	font-size: 100%;
}
/* 見出し */
#main div.emphasis h2 {
	text-indent: -9999px;
	margin-right: 0px;
	margin-left: 0;
}
/* 段落 */
#main div.emphasis p {
	text-indent: 320px;
	letter-spacing: 1px;
	padding-top: 5px;
	padding-bottom: 5px;
	font: 100% "ＤＦ隷書体", "ＭＳ Ｐ明朝";
}
/* ---スクールリスト--- */
#school_list {
	width: 420px;
	background: #FFF;
	padding-top: 8px;
	margin-right: auto;
	margin-left: auto;
}
#school_list .list1 a {
	background: url(../image/keikoba/osaka_c2.jpg) no-repeat center center;
	height: 115px;
	width: 130px;
	text-indent: -9999px;
	float: left;
	margin-bottom: 0px;
	display: block;
	text-align: center;
	margin-right: 10px;
}
#school_list .list1 a:hover {
	background: url(../image/keikoba/osaka_r2_c2.jpg) no-repeat center center;
}
#school_list .list2 a {
	background: url(../image/keikoba/kobe_c2.jpg) no-repeat center center;
	height: 115px;
	width: 130px;
	text-indent: -9999px;
	float: left;
	margin-bottom: 0px;
	display: block;
	margin-right: 10px;
}
#school_list .list2 a:hover {
	background: url(../image/keikoba/kobe_r2_c2.jpg) no-repeat center center;
}
#school_list .list3 a {
	background: url(../image/keikoba/other_c2.jpg) no-repeat center center;
	height: 115px;
	width: 130px;
	text-indent: -9999px;
	float: left;
	margin-bottom: 0px;
	display: block;
}
#school_list .list3 a:hover {
	background: url(../image/keikoba/other_r2_c2.jpg) no-repeat center center;
}
/* --- 新着情報（トップページ） --- */
#main div.update {
	padding-bottom: 5px; /* セクションの下パディング */
	border: 1px #c0c0c0 solid;
	height: 190px;
	overflow: auto;
}
/* 見出しエリア */
#main div.update div.heading {
	margin: 0 0 0.5em; /* 見出しエリアのマージン（上書き） */
	border-style: none none solid; /* 見出しエリアの境界線スタイル（上書き） */
}
#main div.update .heading a {
	background: url(../image/tool/point_001.gif) no-repeat left center;
	padding-left: 10px;
	margin-left: 10px;
}

/* 新着情報エリア */
#main div.update dl {
	width: 450px; /* 新着情報の幅（「メインカラム（3カラム用）の幅」から50px引いた値） */
	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; /* 本文エリアのパディング（上右下左） */
	border-bottom: 1px #c0c0c0 dotted; /* 本文エリア下境界線 */
	line-height: 120%; /* 行の高さ */
	text-indent: 1em;
	padding-top: 7px;
	padding-right: 3px;
	padding-bottom: 6px;
	padding-left: 6em;
}
#main .section.normal.news_box a {
	border: 1px solid #CCC;
	width: 477px;
	display: block;
	margin-bottom: 5px;
}
#main .section.normal.news_box a:hover {
	border: 1px solid #900;
}

#main .section.normal.update .clearFix dd a:hover {
	text-decoration: none;
	background: #E1E1E1;
	color: #900;
}

#main .section.normal.update .clearFix dd a:hover .green {
	color: #900;
}



#main .section.normal.pu_content {
	display: block;
	width: auto;
	text-align: left;
}
#main .section.normal.pu_content img {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999;
}


#main .section.normal.pu_content a {
	color: #303;
	text-decoration: none;
	display: block;
	padding-top: 10px;
	padding-right: 9px;
	padding-bottom: 0px;
	padding-left: 9px;
	width: 220px;
	background-color: #E9E7DA;
	border: 1px solid #CCC;
	float: left;
}


#main .section.normal.pu_content a:hover {
	color: #300;
	text-decoration: none;
	display: block;
	margin: 0px;
	background-color: #EDE9A0;
	text-align: left;
	float: left;
}
#main .section.normal.pu_content h3 {
	font-size: 110%;
	color: #749369;
	padding-bottom: 10px;
}

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


/* --- 罫線（3カラム用） --- */
#content hr.clear {
	clear: both; /* 右フロートのクリア */
	width: 100%;
	margin: 0;
	visibility: hidden; /* 非表示 */
}
/* --- ▲メインカラム内の設定終了 --- */


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

/* --- ナビゲーションバー --- */
div.nav {
	width: 160px; /* ナビゲーションの幅 */
	font-size: 95%;
	margin-bottom: 15px;
	border-right: 1px solid #E3E3E3;
	padding: 0px;
	border-top: 1px solid #E3E3E3;
	border-left: 1px solid #E3E3E3;
	float: left;
}
div.nav .navtitle {
	background: url(../image/index_img/_r5_c3.gif) no-repeat 5px top;
	text-indent: -9999px;
	height: 26px;
}

.nav .nl h2 {
	color: #FFF;
	background: #b3a98c url(../image/tool/back_menu8_on.gif) repeat-x;
	font-size: 110%;
	text-indent: 1em;
	display: block;
	height: 20px;
	padding-top: 1px;
	padding-bottom: 3px;
	line-height: 20px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
}
/* --- セクション（共通設定） --- */
#nav div.section {
	margin-bottom: 15px; /* セクションの下マージン */
	padding: 2px; /* セクションのパディング */
	border: 1px #c0c0c0 solid; /* セクションの境界線 */
}
/* 見出し */
#nav div.section h2 {
	font-size: 100%; /* 見出しの文字サイズ */
	line-height: 100%;
	padding: 3px 8px;
	margin: 0 0 0.7em;
	letter-spacing: 1px;
}
/* 段落 */
#nav div.section p {
	margin: 0 10px 0.7em; /* 段落のマージン（上、左右、下） */
	line-height: 130%; /* 行の高さ */
}
/* --- メニューエリア --- */
div.nav ul.nl {
	margin: 0;
	padding: 0; /* 最上部の境界線 */
	list-style-type: none;
	text-align: left;
}
/* --- メニュー項目 --- */
div.nav ul.nl li {
	padding: 4px 1px; /* 項目のパディング（上下、左右） */
	background-color: #FFF; /* 項目の背景色 */
	border-bottom: 1px dotted #CCC;
	display: block;
	width: auto;
}
/* --- リンク --- */
div.nav ul.nl li a {
	display: block; /* IE6用 */
	padding: 6px 10px; /* リンクエリアのパディング（上下、左右） */
	border-left: 4px solid #D9D3C1; /* リンクエリアの左境界線 */
	text-decoration: none; /* テキストの下線（なし） */
	position: relative;
	background: #FFF;
	width: auto;
}
/* --- ポイント時の設定 --- */
div.nav ul.nl li a:hover {
	color: #333;
	border-left: 4px solid #900;
	background-color: #EAE6D9;
}
div.nav .nl .center {
	color: #776B48;
	text-align: center;
	padding-bottom: 3px;
}

/* --- お問い合わせ --- */
.section.normal.contact {
	width: auto;
	display: block;
	padding-right: 1px;
	padding-bottom: 0.2em;
	padding-left: 1px;
	line-height: 120%;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 10px;
	border: 1px solid #666;
}
.section.normal.contact h2 {
	font-size: 100%;
	color: #933;
	background: #E5E5E5 url(../image/tool/back_eading_1.gif) repeat-x;
	padding-top: 7px;
	padding-bottom: 7px;
	margin: 0px;
	letter-spacing: 1px;
	text-align: center;
}
/* 段落 */
.section.normal.contact p {
	text-align: center;
	font-size: 85%;
	color: #999;
	margin-bottom: 0.6em;
	margin-top: 0.5em;
}
/* --- ▲サイドバー(A)内の設定終了 --- */


/* --- 罫線（3カラム用） --- */
#content hr.clear {
	clear: both; /* 右フロートのクリア */
	width: 100%;
	margin: 0;
	visibility: hidden; /* 非表示 */
}
/* --- ▲コンテンツ内の設定終了 --- */


/* --- ▼サイドバー(B)内の設定開始 --- */
/* このサンプルでは右サイドバー */

/* --- サイドバー(B) --- */
#aside {
	float: right;
	width: 200px; /* サイドバー(B)の幅 */
	margin-bottom: 10px;
	margin-right: 0px;
	height: auto;
}
/* --- 強調セクション1（薄こげ茶） --- */
/* 見出し */
#aside div.emphasis h2 {
	color: #666; /* 見出しの文字色 */
	background: #e5e5e5 url(../image/tool/back_eading_1.gif) repeat-x;
	font-size: 100%;
	letter-spacing: 1px;
}
/* --- セクション（共通設定） --- */
#aside div.section {
	padding: 2px 2px 0px; /* セクションのパディング */
	border: 1px #c0c0c0 solid; /* セクションの境界線 */
	margin-bottom: 10px;
}
/* 見出し */
#aside div.section h2 {
	font-size: 100%; /* 見出しの文字サイズ */
	line-height: 100%;
	padding: 3px 8px 5px;
	margin: 0 0 0.3em;
	letter-spacing: 1px;
}
/* 段落 */
#aside div.section p {
	margin: 0 10px 0.7em; /* 段落のマージン（上、左右、下） */
	line-height: 130%; /* 行の高さ */
}
/* --- 標準セクション（グレー） --- */
/* 見出し */
#aside div.normal h2 {
	color: #666666; /* 見出しの文字色 */
	background: #e5e5e5 url(../image/tool/back_eading_1.gif) repeat-x top;
}
/* --- 強調セクション2（オレンジ） --- */
#aside div.strong {
	display: block;
}
/* 見出し */
#aside div.strong h2 {
	color: #ffffff; /* 見出しの文字色 */
	letter-spacing: 1px;
	background: #BAB194 url(../image/tool/back_menu8_on.gif) repeat-x top;
}
/* 項目内容（写真の配置用） */
/* クラス名を変更（emphasis、normal）することで他のセクションでも使用可能 */
#aside div.strong dl {
	margin: 0 auto 1em;
}
/* 写真エリア */
#aside div.strong dl dt {
	width: 100%;
	text-indent: -9999px;
}
#aside .section.strong .clearFix01 a {
	background: url(../image/index_img/aside_r5_c18.jpg) no-repeat left bottom;
	display: block;
	height: 70px;
	width: 100%;
}
#aside .section.strong .clearFix01 a:hover {
	background: url(../image/index_img/aside_r5_c231.jpg) no-repeat left bottom;
	display: block;
	height: 70px;
	width: 100%;
}
#aside .section.strong .clearFix02 a {
	background: url(../image/index_img/aside_r9_c18.jpg) no-repeat left center;
	height: 70px;
	width: 100%;
	display: block;
}
#aside .section.strong .clearFix02 a:hover {
	background: url(../image/index_img/aside_r5_c1.jpg) no-repeat left center;
	width: 100%;
}
#aside .section.strong .clearFix03 a {
	background: url(../image/index_img/aside_r161_c23.gif) no-repeat center top;
	display: block;
	height: 50px;
	width: 100%;
}
#aside .section.strong .clearFix03 a:hover {
	background: url(../image/index_img/aside_r161_c231.gif) no-repeat center top;
	display: block;
	height: 50px;
	width: 100%;
}
#aside div.strong dl dt img {
	border: 1px #c0c0c0 solid; /* 写真の境界線 */
}
/* キャプションエリア */
#aside div.strong dl dd {
	/* ↑左マージンは「写真エリアの幅」に合わせる */
line-height: 130%;
	margin-right: 0;
	margin-bottom: 0;
	margin-top: 60px;
}
/* --- ピックアップリスト（小豆色） --- */
#aside div.pickup {
	background: #FFF;
}
/* ピックアップリスト内の見出し */
#aside div.pickup h2 {
	margin: 0; /* 見出しの背景色 */
	color: #ffffff; /* 見出しの文字色 */
	background: #991717;
}
/* リストエリア */
#aside div.pickup ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
/* リスト項目 */
#aside div.pickup ul li {
	padding-top: 8px;
	padding-bottom: 8px;
}
/* 項目内容 */
#aside div.pickup ul dl {
	width: 100%;
	margin: 0;
	display: block;
	height: 60px;
}
/* 最後の項目 */
#aside div.pickup ul li.last {
	border-bottom: none; /* 最後の項目は下境界線なし */
}
#aside .section.pickup ul li .clearFix04 a {
	height: 60px;
	width: 100%;
	background: url(../image/index_img/t_r20_c24.jpg) no-repeat left center;
	display: block;
	text-indent: -9999px;
}
#aside .section.pickup ul li .clearFix05 a {
	background: url(../image/index_img/t_r25_c26.jpg) no-repeat left center;
	display: block;
	text-indent: -9999px;
	height: 60px;
	width: 100%;
}
#aside .section.pickup ul li .clearFix04 a:hover {
	background: url(../image/index_img/t_r20_c25.jpg) no-repeat left center;
}
#aside .section.pickup ul li .clearFix05 a:hover {
	background: url(../image/index_img/t_r25_c27.jpg) no-repeat left center;
	display: block;
}
/* --- リストエリア --- */
ul.thumbnail {
	width: 100%; /* リストエリアの幅 */
	margin: 0;
	padding: 0;
	border-top: 1px dotted #808080; /* リストエリアの上境界線 */
	list-style-type: none;
	letter-spacing: 1px;
}
/* --- 項目内容 --- */
ul.thumbnail dl {
	width: 100%;
	margin: 0;
	font-size: 90%;
	padding-top: 5px;
	display: block;
	height: 60px;
	border-bottom: 1px dotted #999;
}
/* --- 写真エリア --- */
ul.thumbnail dt.photo {
	width: 60px; /* 写真エリアの幅 */
	float: left;
	margin: 0px 5px;
}
/* --- タイトルエリア --- */
ul.thumbnail dt.title {
	height: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 5px;
	width: auto;
}
.thumbnail a:hover {
	color: #900;
	font-size: 100%;
	text-decoration: none;
	background: #FFF;
}
#aside .section.introduction {
	margin-top: 15px;
	width: 100%;
	margin-bottom: 15px;
	padding-bottom: 15px;
}
#aside .introduction .section.normal p {
	line-height: 130%;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	clear: both;
}
/* --- clearfix --- */
.clearFix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearFix {
	min-height: 1px;
}
/* --- 罫線 --- */
#aside hr.none {
	display: none; /* 表示形式（なし） */
}
#aside .search {
	text-align: right;
	line-height: 140%;
	padding-top: 5px;
	padding-bottom: 2px;
	border: 1px solid #CCC;
	margin-bottom: 10px;
}
#aside .search p {
	font-size: 80%;
	color: #999;
}

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


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

/* --- フッタ --- */
#footer {
	clear: both; /* 左フロートのクリア */
	width: 100%;
	padding: 20px 0 10px; /* フッタのパディング（上、左右、下） */
	border-top: 1px #c0c0c0 solid; /* フッタの上境界線 */
	background: #530D0D;
}
/* --- フッタメニュー --- */
#footer ul.nl {
	list-style-type: none;
	text-align: center;
	margin: 10px 0;
}
/* --- メニュー項目 --- */
#footer ul.nl li {
	padding: 0 4px 0 8px; /* 項目のパディング（上右下左） */
	background: url(../image/tool/line_menu__gray.gif) no-repeat left; /* 項目の背景（区切り線） */
	display: inline;
}
#footer .nl li a {
	color: #CCC;
}
/* 最初の項目 */
#footer ul.nl li.first {
	background-image: none; /* 区切り線なし */
}
/* ガイドメニュー */
#footer ul.guide {
	margin: 0 0 20px;
}
/* --- アドレス・コピーライト --- */
#footer address {
	font-style: normal;
	text-align: center;
	line-height: 140%; /* 行の高さ */
	color: #E1E1E1;
	border-top: 1px solid #640F0F;
	padding-top: 20px;
	padding-bottom: 5px;
}
/* --- ▲フッタ内の設定終了 --- */


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

/* --- clearfix --- */
.clearFix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearFix {
	min-height: 1px;
}
.break {
	page-break-before: always;
}/* --- 印刷時の改ページ位置 --- */
.small {
	font-size: 70%;
	font-weight: normal;
	letter-spacing: 1px;
}
.right {
	text-align: right;
}
.green {
	color: #396;
}