@charset "Shift_JIS";
/* --- 全体の背景・テキスト --- */
body {
	margin: 0;
	padding: 0;
	color: #333333; /* 全体の文字色 */
	font-size: 90%; /* 全体の文字サイズ */
}
html {
	overflow-y: scroll;
}
/* --- 全体のリンクテキスト --- */
a:link {
	color: #0000ff;
}
a:visited {
	color: #800080;
}
a:hover {
	color: #ff0000;
}
a:active {
	color: #ff0000;
}
img {
	border: 0;
}
/* --- 文字色 --- */
.green {
	color: #669900;
}
.red {
	color:#990000;
}
/* --- コンテナ --- */
#container {
	width: 800px; /* ページの幅 */
	margin: 0 auto; /* センタリング */
}
/* --- ▼ヘッダ内の設定開始 --- */
/* --- ヘッダ --- */
#header {
	height: 95px;
	background: url(../img/header.jpg) no-repeat left; /* ヘッダの背景画像 */
	margin: 0 0 48px 0;
}
#header h1 {
	margin: 0;
	padding: 5px;
	font-size: 0.75em;
	font-weight: normal;
}
#header img {
	display: block;
	margin: 10px 0 0 20px;
}
/* --- ナビゲーション --- */
#globalNav {
	position: absolute;
	top: 95px;
	width: 800px;
	height: 40px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#globalNav li {
	float: left;
}
#globalNav li#nav01 {
	width: 94px;
}
#globalNav li#nav02 {
	width: 144px;
}
#globalNav li#nav03 {
	width: 101px;
}
#globalNav li#nav04 {
	width: 87px;
}
#globalNav li#nav05 {
	width: 130px;
}
#globalNav li#nav06 {
	width: 143px;
}
#globalNav li#nav07 {
	width: 101px;
}
#globalNav li a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/:40px;
	padding-top: 40px;
	background-image: url(../img/menu.gif);
	color: #FFFFFF;
}
/*  背景画像の位置
---------------------------------------------*/
	
/* 通常 */
#nav01 a {
	background-position:  0 0;
}
#nav02 a {
	background-position: -94px 0;
}
#nav03 a {
	background-position: -238px 0;
}
#nav04 a {
	background-position: -339px 0;
}
#nav05 a {
	background-position: -426px 0;
}
#nav06 a {
	background-position: -556px 0;
}
#nav07 a {
	background-position: -699px 0;
}
/* 現在位置 */
#nav01 a.stay {
	background-position:  0 -40px;
}
#nav02 a.stay {
	background-position: -94px -40px;
}
#nav03 a.stay {
	background-position: -238px -40px;
}
#nav04 a.stay {
	background-position: -339px -40px;
}
#nav05 a.stay {
	background-position: -426px -40px;
}
#nav06 a.stay {
	background-position: -556px -40px;
}
#nav07 a.stay {
	background-position: -699px -40px;
}
/* オンマウス */
#nav01 a:hover {
	background-position:  0 -40px;
}
#nav02 a:hover {
	background-position: -94px -40px;
}
#nav03 a:hover {
	background-position: -238px -40px;
}
#nav04 a:hover {
	background-position: -339px -40px;
}
#nav05 a:hover {
	background-position: -426px -40px;
}
#nav06 a:hover {
	background-position: -556px -40px;
}
#nav07 a:hover {
	background-position: -699px -40px;
}
#photo {
	float: left;
	width: 800px;
}
#photo div {
	border: 1px solid #D8D8D8;
	padding: 2px;
}
#photo img {
	display: block;
}
/* --- ▲ヘッダ内の設定終了 --- */

/* --- ▼メインイメージの設定開始 --- */
/* --- メインイメージ --- */
#mainimg {
	background-color: #ffffff; /* メインイメージの背景色 */
	vertical-align: bottom;
	clear: both;
}
/* --- ▲メインイメージの設定終了 --- */

/* --- ▼コンテンツ内の設定開始 --- */
/* --- コンテナ --- */
#content {
	float: left;
	width: 600px; /* メインカラムの幅 */
	margin: 10px 0 30px 0;
}
/* --- ▼メインカラム内の設定開始 --- */
/* --- メインカラム --- */
#main {
	padding: 0 10px; /* コンテンツのパディング（上下、左右） */
}
#main a img {
	vertical-align: middle;
}
/* --- ページタイトル（下層ページ） --- */
#main h1.pageTitle {
	margin: 0 0 15px 20px; /* ページタイトルのマージン（上右下左） */
	padding: 0 5px; /* ページタイトルのパディング（上下、左右） */
	font-size: 180%; /* ページタイトルの文字サイズ */
	color: #4075a5; /* ページタイトルの文字色 */
}
/* --- セクション（共通設定） --- */
#main div.section {
	margin: 0 0 10px 0; /* セクションのマージン（上右下左） */
	clear: both;
}
#main div.link {
	border-bottom: 1px #c0c0c0 dotted; /* 本文エリア下境界線 */
}
/* --- 新着情報（トップページ） --- */
/* --- リストエリア --- */
ul.thumbnail {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
/* --- リスト項目 --- */
ul.thumbnail li {
	padding: 20px 10px; /* リスト項目のパディング（上下、左右） */
	border-bottom: 1px #c0c0c0 dotted; /* リスト項目の下境界線 */
}
/* --- 項目内容 --- */
ul.thumbnail dl {
	width: 100%;
	margin: 0;
}
/* --- 写真エリア --- */
ul.thumbnail dt.photo {
	width: 180px; /* 写真エリアの幅 */
	float: left;
}
ul.thumbnail dt.photo img {
	border: 1px #c0c0c0 solid; /* 写真の境界線 */
	padding: 3px;
}
/* --- キャプションエリア --- */
ul.thumbnail dt.title, ul.thumbnail dd {
	margin: 0 0 0 180px; /* キャプションエリアのマージン（上右下左） */
}
/* --- タイトルエリア --- */
ul.thumbnail dt.title {
	margin-bottom: 5px; /* タイトルエリアの下マージン */
	line-height: 120%;
	background: url(../img/icn_h3.gif) no-repeat left center; /* 見出しの背景 */
	color: #ff3333; /* 見出しの文字色 */
	text-indent: 12px;
	font-weight: bold;
}
/* --- コメントエリア --- */
ul.thumbnail dd {
	line-height: 150%;
}
/* --- 標準セクション --- */
/* --- 見出しエリア --- */
#main div.normal div.heading {
	margin: 0; /* 見出しエリアのマージン（上、左右、下） */
	padding: 0; /* 見出しエリアのパディング（上、左右、下） */
}
/* 見出し2 */
#main h2 {
	margin: 0 0 5px; /* 見出しのマージン（上、左右、下） */
	font-size: 130%; /* 見出しの文字サイズ */
}
#main div.normal h2.secTitle {
	margin: 15px 0 15px 0; /* ページタイトルのマージン（上右下左） */
	padding: 0 5px; /* ページタイトルのパディング（上下、左右） */
	font-size: 180%; /* ページタイトルの文字サイズ */
	color: #4075a5; /* ページタイトルの文字色 */
}
/* 見出し4 */
#main div.normal h4 {
	margin: 0; /* 見出しのマージン（上、左右、下） */
	padding: 12px 0;
	font-weight: normal;
	background: url(../img/h4_bg.gif) no-repeat left center; /* 見出しの背景 */
	color: #666600; /* 見出しの文字色 */
	text-indent: 10px
}
#main div.normal h5 {
	margin: 0; /* 見出しのマージン（上、左右、下） */
	padding: 12px 0;
	background: url(../img/h4_bg.gif) no-repeat left center; /* 見出しの背景 */
	color: #666600; /* 見出しの文字色 */
	width: 220px;
	text-indent: 10px
}
/* --- セクション（2段組み） --- */
#main div.normal div.left {
	width: 285px;
	margin: 0;
	padding: 0 5px 0 0;
	float: left;
}
#main div.normal div.right {
	width: 285px;
	margin: 0;
	padding: 0 0 0 5px;
	float: right;
}
/* --- セクション（2段組み：左幅広） --- */
#main div.normal div.left385 {
	width: 385px;
	margin: 0;
	padding: 0 5px 0 0;
	float: left;
}
#main div.normal div.right185 {
	width: 185px;
	margin: 0;
	padding: 0 0 0 5px;
	float: right;
}
/* --- セクション（2段組み：アイコン） --- */
#main div.normal div.left50 {
	width: 50px;
	margin: 0;
	padding: 0 5px 0 0;
	float: left;
}
#main div.normal div.right520 {
	width: 520px;
	margin: 0;
	padding: 0 0 0 5px;
	float: right;
}
/* 段落 */
#main div.normal p {
	margin: 0 10px 0.5em; /* 段落のマージン（上、左右、下） */
	line-height: 160%; /* 行の高さ */
}
#main div.normal li {
	line-height: 160%; /* 行の高さ */
}
/* 画像左寄せ */
#main div.normal .picL {
	margin: 0 10px 5px; /* 段落のマージン（上、左右、下） */
	float: left;
}
/* 画像右寄せ */
#main div.normal .picR {
	margin: 0 10px 5px; /* 段落のマージン（上、左右、下） */
	float: right;
}
/* サブ画像 */
#main div.normal .pic {
	margin: 0 10px 0 0; /* 段落のマージン（上、左右、下） */
}
/* --- 強調セクション --- */
#main div.emphasis {
	margin-bottom: 3em; /* セクションの下マージン（上書き） */
	padding: 0.8em 10px 0; /* セクションのパディング（上、左右、下） */
	background: url(../img/tit_new.jpg) no-repeat top; /* セクションの背景 */
}
/* 見出し */
#main div.emphasis h2 {
	margin: 0 0 0.8em; /* 見出しのマージン（上、左右、下） */
	font-size: 130%; /* 見出しの文字サイズ */
	color: #000000; /* 見出しの文字色 */
}
/* 段落 */
#main div.emphasis p {
	margin: 0 0 1em; /* 段落のマージン（上、左右、下） */
	line-height: 150%; /* 行の高さ */
}
/* --- 料金表セクション --- */
#main div.price {
	border-bottom: none; /* 本文エリア下境界線 */
}
/* 段落 */
#main div.price p.comment {
	margin: 0 20px 1em; /* 段落のマージン（上、左右、下） */
	line-height: 160%; /* 行の高さ */
	text-align:left;
	font-size: 0.75em;
}
/* コメント */
#main div.price p.comment img {
	vertical-align: bottom;
	margin: 0 5px 3px 0;
}
/* --- 表全体 --- */
table.pricelist {
	width: 560px; /* 表の幅 */
	border: 1px #ffffff solid; /* 大枠の境界線 */
	border-collapse: collapse;
	font-size: 80%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
/* --- 表タイトル --- */
table.pricelist caption {
	padding-bottom: 5px; /* 表タイトルの下パディング */
}
/* --- セル --- */
table.pricelist th, table.pricelist td {
	/* width: 20%; */ /* セルの幅（セルの幅を均等にする場合） */
	padding: 6px 8px; /* セルのパディング（上下、左右） */
	border: 1px #ffffff solid; /* セルの境界線 */
}
/* --- 見出しセル --- */
table.pricelist thead th {
	background-color: #E1F0FF; /* 見出しセルの背景色 */
	text-align: center;
}
/* --- フッタセル --- */
table.pricelist tfoot td {
	background-color: #ffffff; /* フッタセルの背景色 */
}
/* --- 奇数行 --- */
table.pricelist tr.odd {
	background-color: #E7E7E7; /* 奇数行の背景色 */
	line-height: 2em;
	font-weight: bold;
}
/* --- 偶数行 --- */
table.pricelist tr.even {
	background-color: #F1F1F1; /* 偶数行の背景色 */
	line-height: 2em;
	font-weight: bold;
}
/* --- タイプ行 --- */
table.pricelist tr.type {
	background-color: #E7E7E7; /* 偶数行の背景色 */
	font-size: 0.95em;
}
/* --- テーブル --- */
/* --- 表全体 --- */
table.table1 {
	border: 1px #cccccc solid; /* 大枠の境界線 */
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
}
/* --- セル --- */
table.table1 th, table.table1 td {
	/* width: 20%; */ /* セルの幅（セルの幅を均等にする場合） */
	padding: 6px 8px; /* セルのパディング（上下、左右） */
	border: 1px #cccccc solid; /* セルの境界線 */
}
/* --- 見出しセル --- */
table.table1 th {
	background-color: #f1f1f1; /* 見出しセルの背景色 */
	text-align: center;
}
/* --- 囲い段落 --- */
p.border1 {
	border: 1px #cccccc solid; /* 大枠の境界線 */
	padding: 6px 8px; /* セルのパディング（上下、左右） */
	clear: both;
}
/* --- アイコン（お知らせ） --- */
#main p.news {
	margin: 0; /* 見出しのマージン（上、左右、下） */
	padding: 12px 5px;
	background: url(../img/icn_news.gif) no-repeat left 0px; /* 見出しの背景 */
	text-indent: 62px;
}
/* --- アイコン（ご予約受付） --- */
#main p.book {
	margin: 0; /* 見出しのマージン（上、左右、下） */
	padding: 12px 5px;
	background: url(../img/icn_book.gif) no-repeat left 0px; /* 見出しの背景 */
	text-indent: 62px;
}
/* --- アイコン（ご予約申し込み） --- */
#main p.order {
	margin: 0; /* 見出しのマージン（上、左右、下） */
	padding: 12px 5px;
	background: url(../img/icn_order.gif) no-repeat left 0px; /* 見出しの背景 */
	text-indent: 62px;
}
/* --- ▲メインカラム内の設定終了 --- */

/* --- 罫線 --- */
#content hr.clear {
	clear: both; /* フロートのクリア */
	width: 100%;
	margin: 0;
	visibility: hidden; /* 非表示 */
}
#main div.normal ul.nm {
	margin: 0; /* 段落のマージン */
	padding: 0 10px;
}
/* --- リンク --- */
#main div.normal ul.link {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#main div.normal ul.link li {
	padding: 0 0 15px 15px; /* 項目のパディング（上右下左） */
	margin: 10px 0 0 0;
	background: url(../img/txt_link002.gif) no-repeat 3px 0.2em; /* マーカー画像 */
	line-height: 130%;
	border-bottom: 1px #c0c0c0 dotted; /* 本文エリア下境界線 */
}
/* --- プライバシーポリシー --- */
#main div.normal ol.pp {
	margin: 1em 0 1em 30px;
	padding: 0;
}
#main div.normal ol.pp li {
	padding: 0.5em 0 0 0; /* 項目のパディング（上右下左） */
	font-weight: bold;
}
#main div.normal ol.pp p {
	padding: 0;
	margin: 0;
	text-indent: 1em;
	font-weight: normal;
}
#main div.normal ul.pp {
	margin: 1em 0;
	padding: 0;
}
#main div.normal ul.pp li {
	margin: 0;
	padding: 0;
	font-weight: normal;
	list-style: none;
}
/* --- ▲コンテンツ内の設定終了 --- */

/* --- ▼サイドバー内の設定開始 --- */
/* --- サイドバー --- */
#sidenav {
	float: left;
	width: 200px; /* サイドバーの幅 */
	margin: 10px 0;
}
/* --- サイドナビゲーション --- */
#sideNav1, #sideNav2, #sideNav3 {
	width: 173px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#sideNav1 li, #sideNav2 li, #sideNav3 li {
	margin: 0 0 2px 0;
}
#sideNav1 li a, #sideNav2 li a, #sideNav3 li a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	color: #FFFFFF;
}
#sideNav1 li a {
	height /**/:84px;
	padding-top: 84px;
}
#sideNav2 li a {
	height /**/:42px;
	padding-top: 42px;
}
#sideNav3 li a {
	height /**/:20px;
	padding-top: 20px;
}
/* 配置画像 */
#sn1_01 a {
	background-image: url(../img/sn1_01.jpg);
}
#sn1_02 a {
	background-image: url(../img/sn1_02.jpg);
}
#sn1_03 a {
	background-image: url(../img/sn1_03.jpg);
}
#sn1_04 a {
	background-image: url(../img/sn1_04.jpg);
}
#sn1_05 a {
	background-image: url(../img/sn1_05.jpg);
}
#sn1_06 a {
	background-image: url(../img/sn1_06.jpg);
}
#sn2_01 a {
	background-image: url(../img/sn2_01.gif);
}
#sn2_02 a {
	background-image: url(../img/sn2_02.gif);
}
#sn2_03 a {
	background-image: url(../img/sn2_03.gif);
}
#sn2_04 a {
	background-image: url(../img/sn2_04.gif);
}
#sn3_01 a {
	background-image: url(../img/sn3_01.gif);
}
/* 通常 */
#sideNav1 a, #sideNav2 a, #sideNav3 a {
	background-position:  0 0;
}
/* 現在位置 */
#sideNav1 a.stay, #sideNav2 a.stay, #sideNav3 a.stay {
	background-position:  -173px 0;
}
/* オンマウス */
#sideNav1 a:hover, #sideNav2 a:hover, #sideNav3 a:hover {
	background-position:  -173px 0;
}
/* --- ▲サイドバー内の設定終了 --- */


/* --- ▼フッタ内の設定開始 --- */
/* --- フッタ --- */
#footer {
	clear: left; /* フロートのクリア */
	width: 100%;
	background-color: #ffffff; /* フッタの背景色 */
	font-size: 80%;
}
/* --- ナビゲーション --- */
div.footerNav1 {
}
/* --- メニューエリア --- */
div.footerNav1 ul.nl {
	margin: 10px 0; /* メニューのマージン（上下、左右） */
	padding: 0;
	list-style-type: none;
	text-align: left; /* メニューのセンタリング */
}
/* --- メニュー項目 --- */
div.footerNav1 ul.nl li {
	padding: 0 3px 0 7px; /* 項目のパディング（上右下左） */
	border-left: 1px #666666 solid; /* 項目の左境界線 */
	display: inline;
}
div.footerNav1 ul.nl li.first {
	border-left: none;
}
div.footerNav1 ul.nl li a {
	color:#666666;
	text-decoration: none;
}
/* --- コピーライト --- */
div.copy {
	padding: 0 3px 40px 7px;
	color:#666666;
}
/* --- ▲フッタ内の設定終了 --- */


/* --- ▼その他の設定開始 --- */
/* --- clearfix --- */
.clearFix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearFix {
	min-height: 1px;
}
/* --- ▲その他の設定終了 --- */