@charset "utf-8";

/* 基本要素
---------------------------------------------------- */
body {
	color: #333333;
	background-color: #f9ede3;
	background-image: url(../images/common_bg_01.jpg);
	background-repeat: repeat-x;
}

a {
	color: #336699;
}

a:link {
}

a:visited {
}

a:hover {
	background:#d0e6fc;
}

a:active {
}


/* レイアウトコンテナ
---------------------------------------------------- */
#container {
	width: 920px;
	margin-right: auto;
	margin-left: auto;
}

/* height100% */
/*#container{
height: 100%;
min-height: 100%;
}

body>#container{
height: auto;
}
*/

#contents {
	background-image: url(../images/common_bg_02.gif);
	background-repeat: repeat-y;
}

#contentsInner {
	padding-top: 8px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 30px;
	background-image: url(../images/common_bg_03.jpg);
	background-repeat: no-repeat;
}

/*cleafix-----*/
#contents,
#contentsInner {
	zoom: 1;
}

#contents:after,
#contentsInner:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
}
/*-----cleafix*/

/* ヘッダー
---------------------------------------------------- */
#header {
	padding-right: 10px;
	padding-left: 10px;
}

#header h1 {
	float: left;
	width: 355px;
	margin-top: 37px;
	margin-right: 305px;
}

/*cleafix-----*/
#header {
	zoom: 1;
}

#header:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
}

/*-----cleafix*/

/* ヘッダーナビゲーション
---------------------------------------------------- */
#headerNavi {
	float: right;
	width: 240px;
}

#headerNavi ul {
	height: 18px;
	padding-left: 31px;
	margin-top: 10px;
	margin-bottom: 24px;
}

#headerNavi ul li {
	float: left;
}


/* ページタイトル
---------------------------------------------------- */
h2#pagetitle {
	margin-right: -20px;
	margin-left: -20px;
}


/* メインコンテナ
---------------------------------------------------- */
#main {
	float: right;
	width: 640px;
	padding-top: 20px;
}

/*メインコンテナ ２分割左カラム*/
#main div.ltCol {
	float: left;
	width: 420px;
	margin-right: 20px;
}

/*メインコンテナ ２分割右カラム*/
#main div.rtCol {
	float: right;
	width: 200px;
}

/*メインコンテナ ２分割右カラム内バナー*/
#main div.rtCol #sideBnRt ul {
	padding-bottom: 1.5em;
}

#main div.rtCol #sideBnRt ul li {
	margin-bottom: 5px;
}

/*メインコンテナ内トップイメージ*/
#main div.leadImg {
	margin-bottom: 20px;
}


/* サブコンテナ
---------------------------------------------------- */
#sub {
	float: left;
	width: 200px;
	padding-top: 20px;
	margin-right: 20px;
}

/*サブコンテナ内バナー*/
#sub #sideBnLt ul {
	padding-bottom: 1.5em;
}

#sub #sideBnLt li {
	margin-bottom: 10px;
}

/*オンライン予約*/
#yoyaku {
	background:url(../../images/yoyaku_bg.gif) no-repeat center bottom;
	margin-bottom:20px;
	padding-bottom:10px;
}

#yoyaku h2{
	padding-bottom:10px;
}

#yoyaku p.btn{
	text-align:center;
	padding-top:10px;
}

#yoyaku p.tel{
	text-align:center;
}

#yoyaku form{
	font-size:1.2em;
	padding:0 10px;
}

#yoyaku form select{
	margin-bottom:10px;
}

#yoyaku ul{
	padding:10px;
}

#yoyaku ul li{
	font-size:1.2em;
}

#yoyaku ul li a{
	color:#333333;
	display:block;
}

#yoyaku ul li a:hover{
	background:#E8CCB5;
}


/* ナビゲーション
---------------------------------------------------- */
#navi h2 {
	margin-bottom: 1px;
	font-size: 0;
}

#navi ul {
	margin-bottom: 15px;
}

#navi ul li {
	margin-bottom: 1px;
	display: inline-block;
}

#navi ul li ul {
	margin-bottom: 0px;
}

#navi ul li ul li {
	margin-bottom: 0px;
	display: inline-block;
}


/* ページ内リンクナビゲーション
---------------------------------------------------- */
div.pageNavi {
	margin-bottom: 20px;
	border-bottom-color: #CCCCCC;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

div.pageNavi ul li {
	float: left;
	padding-right: 20px;
	padding-left: 15px;
	font-size: 1.4em;
	background-image: url(../../common/images/common_bu_01.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

/*cleafix-----*/
div.pageNavi,
div.pageNavi ul li {
	zoom: 1;
}

div.pageNavi:after,
div.pageNavi ul li:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
}

/*-----cleafix*/

/* フッターナビゲーション
---------------------------------------------------- */
#footerNavi {
	background-image: url(../images/common_ft_bg_01.gif);
	background-repeat: repeat-y;
	clear:both;
}

#footerNavi p {
	padding-top: 6px;
	padding-right: 30px;
	padding-bottom: 16px;
	font-size: 1.2em;
	letter-spacing: 0;
	text-align: right;
	background-image: url(../images/common_ft_bg_02.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
}

#footerNavi p a {
	color: #ffffff;
	text-decoration: none;
	padding-left: 20px;
}

#footerNavi p a:hover {
	background:#4C0C00;
	text-decoration:underline;
}

#footerNavi p img {
	padding-right: 5px;
	vertical-align: middle;
}


/* フッター
---------------------------------------------------- */
#footer {
	padding-right: 10px;
	padding-bottom: 30px;
	padding-left: 10px;
	text-align: right;
}

#footer address {
	float: right;
	padding-right: 10px;
	color: #660000;
	text-align: right;
}

#footer p.bn {
	float: right;
}

#footer p.copy {
	clear:both;
	text-align:right;
	font-size: 1.2em;
	padding-top:1em;
	color: #660000;
}

/*cleafix-----*/
#footer {
	zoom: 1;
}

#footer:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
}

/*-----cleafix*/

/* セクション
---------------------------------------------------- */
.section {
	clear: both;
	padding-bottom: 1em;
}

/*cleafix-----*/
.section {
	zoom: 1;
}

.section:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
}

/*-----cleafix*/
.section h3 {
	margin-bottom: 15px;
}

.section h4 {
	margin-bottom: 10px;
}

.section h4 img {
}

.section p,
.section ul,
.section ol {
	padding-bottom: 1.5em;
}

.section .mark{
}


/* 全ページ共通
---------------------------------------------------- */
#lead{
}

p.pagetop{
	text-align:right;
	font-size:1.2em;
	clear:both;
}


p.center {
	text-align: center;
}

p.right {
	text-align: right;
}

/*cleafix-----*/
ul.link{zoom:1;}
ul.link:after {height: 0;visibility: hidden;content: ".";display: block;clear: both;}
/*-----cleafix*/

ul.link{
	padding-bottom:2.5em;
}

ul.link li{
	clear:right;
	font-size:1.4em;
	height:1.5em;
	padding-left: 15px;
	/*margin-bottom: 0.5em;*/
	background-image: url(../../common/images/common_bu_01.gif);
	background-position: left center;
	background-repeat: no-repeat;
	float:right;
}


/* よく使うクラス
---------------------------------------------------- */
/*cleafix-----*/
.floatBox {
	zoom: 1;
}

.floatBox:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
}

/*-----cleafix*/
.block{}
.area{}
.group{}
.text{}
.image{}
.bnr{}
.btn{}
.data{}
.term{}
.description{}
.first{}
.last{}

/* 新着情報
---------------------------------------------------- */
dl.topics dt {
	padding-bottom: 3px;
	font-size: 1.2em;
}

dl.topics dt img {
	padding-right: 8px;
}

dl.topics dd {
	padding-bottom: 12px;
	margin-bottom: 15px;
	border-bottom-color: #CCCCCC;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}


/* 表
---------------------------------------------------- */
table {
}

table caption {
	font-size: 1.4em;
	text-align: left;
}

table td,
table th{
	padding: 5px;
	border: solid 1px #333333;
	font-size: 1.2em;
	text-align: left;
}

table th{
	vertical-align: middle;
	text-align: center;
	background: #ffd9c7;
}

table td{
	vertical-align: middle;
	text-align: center;
	background: #fff7f3;
}

table td.term{
	text-align: center;
	white-space: nowrap;
	background: #ffe9dd;
}

table td.description{
	text-align:left;
}

table.pricelist {
	width: 310px;
	margin-top: -0.5em;
	margin-bottom: 1.5em;
}

table.pricelist td,
table.pricelist th{
	padding: 0.5em 0 0 0;
	font-size: 1.4em;
	vertical-align: top;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #999999;
	background-color: #FFFFFF;
}

table.pricelist th{
	text-align: left;
}

table.pricelist td{
	text-align: right;
	color: #cc3300;
	white-space: nowrap;
}

table.pricelist span.detail {
	font-size: 0.9em;
}

/* リスト
---------------------------------------------------- */
/*見出しが並ぶタイプ*/
ul.midashiList1 {
	margin-bottom: 5px;
}

ul.midashiList1 li {
	padding-left: 15px;
	margin-bottom: 5px;
	border-bottom-color: #d1e0f0;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	font-size: 1.4em;
	font-weight: bold;
	color: #336699;
	background-image: url(../../common/images/common_bu_01.gif);
	background-position: left 0.45em;
	background-repeat: no-repeat;
}

ul.midashiList1 li span.description {
	font-size: 0.85em;
	font-weight: normal;
	color: #333333;
}


/*写真横並びギャラリータイプ*/
ul.photogallery li {
	float: left;
	width: 145px;
	margin-right: 20px;
}

ul.photogallery li.width310 {
	float: left;
	width: 310px;
	margin-right: 20px;
}

ul.photogallery li.last {
	float: right;
	margin-right: 0px;
}

ul.photogallery li p.caption {
	margin-top: -1em;
	line-height: 1;
	text-align: center;
}


/* 背景ベージュ色ボックス
---------------------------------------------------- */
div.beigeBg {
	padding: 10px;
	margin-bottom: 1.5em;
	background-color: #f9ede3;
}


/* 文字色
---------------------------------------------------- */
.brown {
	color: #b15f4a
}

.orange {
	color: #f9a17a;
}