@charset "utf-8";

/*
77% = 10px	    146.5% = 19px
85% = 11px	    153.9% = 20px
93% = 12px	    161.6% = 21px
100% = 13px	    167% = 22px
108% = 14px	    174% = 23px
116% = 15px	    182% = 24px
123.1% = 16px	189% = 25px
131% = 17px	    197% = 26px
138.5% = 18px
*/


/* トップページのスタイル ######################################## */


/*========================================

	トップ：メインビジュアル

========================================*/

ul#mainVisual {
	margin: 0 0 5px 0;
	width: 960px;
	max-height:320px;
	overflow-y:hidden;
}

ul#mainVisual2 {
	margin: 0 0 5px 0;
	width: 740px;
	max-height:200px;
	overflow-y:hidden;
}

ul#mainVisual li {
	margin: 0;
	padding: 0;
}


/*========================================

	カテゴリ：メインビジュアル

========================================*/

h2#mainVisual {
	margin: 0 0 5px 0;
	width: 960px;
}

h2#mainVisual li {
	margin: 0;
	padding: 0;
}


/*========================================

	トップ：バナーエリアA

========================================*/

div#content div#topmain div#bannerA {
	width: 660px;
	margin: 0 0 20px 0;
}

div#content div#topmain div#bannerA td {
	font-size: 100%;
	line-height:1.4;
}

div#content div#topmain div#bannerA td.sec1 {
	padding: 0 22px 0 0;
}

div#content div#topmain div#bannerA td.sec1a {
	padding: 0 12px 0 0;
}


div#content div#topmain div#bannerA td.sec2 {

}

div#content div#topmain div#bannerA td.text {
	padding-top: 6px;
}

/*========================================

	トップ：バナーエリアB

========================================*/

div#content div#topmain div#bannerB {
	width: 660px;
	margin: 0 0 20px 0;
}

div#content div#topmain div#bannerB td {
	font-size: 100%;
	line-height:1.4;
}

div#content div#topmain div#bannerB td.sec1 {
	padding: 0 15px 0 0;
}

div#content div#topmain div#bannerB td.sec1a {
	padding: 0 11px 0 0;
}

div#content div#topmain div#bannerB td.sec2 {
	padding: 0 15px 0 0;
}

div#content div#topmain div#bannerB td.text {
	font-size:13px;
	padding-top: 6px;
}

/*========================================

	トップ：バナーエリアC

========================================*/

div#content div#topmain div#bannerC {
	margin: 0 0 20px 0;
}

div#content div#topmain div#bannerC tr {
	font-size: 100%;
	line-height:1.4;
}

div#content div#topmain div#bannerC ul {
	margin: 0 0 10px 0;
}

/*========================================

	トップ：バナーエリアD

========================================*/

div#content div#topmain div#bannerD {
	margin: 0 0 20px 0;
	padding: 10px;
	border: 2px solid #6685BE;
}

div#content div#topmain div#bannerD tr {
	font-size: 100%;
	line-height:1.4;
}

div#content div#topmain div#bannerD ul {
	margin: 0 0 10px 0;
}

/*========================================

	トップ：最新ニュース

========================================*/

div#content div#topmain div.feed{
	position: relative;
	height: 30px;
	margin: 0 0 5px 0;
}


div#content div#topmain h2 {/*H2見出し*/
	font-size: 123.1%;
	padding: 0 0 0 10px;
	margin: 0 0 10px 0;
	height: 18px;
}

div#content div#topmain div.feed img.feed {
	position: absolute;
	top:0 ;
	right: 0;
}


div#content div#topmain table.news {/*ニュースブロック*/
	width: 660px;
	margin: 0 0 30px 0;
}

div#content div#topmain table td {
	vertical-align: top;
}

div#content div#topmain table.news td.photo {/*ニュース写真*/
	padding: 0 15px 0 0;
}

div#content div#topmain table.news td h3,
div#content div#topmain table.news th h3 {
	margin: 0 0 10px 0;
	font-size: 15px;
}

div#content div#topmain table.news td h3 img {/*種別アイコン*/
	padding-right: 10px;
	vertical-align: -5px;
}

div#content div#topmain table.news td h4,
div#content div#topmain table.news th h4 {
	font-size: 16px !important;
}

div#content div#topmain table.news td h5,
div#content div#topmain table.news th h5 {
	font-size: 14px !important;
}


div#content div#topmain table.news td p {
	font-size: 100%;
	line-height: 1.5;
}

div#content div#topmain table.news td p.detail {
	text-align: right;
	margin: 3px 0 0 0;
}




/* 中ページのスタイル ######################################## */

/*========================================

	中ページ:コンテンツ部分の基本スタイル

========================================*/


/*カテゴリビジュアル
----------------------------------------*/


div#wrapper div#content div#main h2 { /* h2 */
	margin: 0 0 20px 0;
}


/*見出し要素
----------------------------------------*/

div#wrapper div#content div#main h3 { /* h3：小見出し */
	clear: both;
	color: #625B49;
	font-size: 120%;
/*	font-size: 138.5%; */
	padding: 6px 0 6px 10px;
	margin: 0 0 10px 0;
}


div#wrapper div#content div#main h4 { /* h4：小見出し */
	clear: both;
	text-align: left;
	font-size: 123.1%;
	line-height: 1.5;
	font-weight: bold;
	margin: 0 0 12px 0;
	color:#8A7B62;
}

div#wrapper div#content div#main h5 { /* h5：小見出し */
	clear: both;
	text-align: left;
	padding: 0 0 15px 0;
	font-size: 108%;
	font-weight: bold;
	line-height: 1.5;
}


/*段落
----------------------------------------*/

div#wrapper div#content div#main p {
	font-size: 116%;
	line-height: 1.6;
	margin: 0 0 1em 0;
}


/*リスト
----------------------------------------*/


div#wrapper div#content div#main ul {
	margin: 0 0 40px 0;
	padding: 0;
	list-style-position: outside;
}

div#wrapper div#content div#main ul li {
	font-size: 108%;
	line-height: 1.6;
	list-style-type: disc;
	margin: 0 0 6px 20px;
}


div#wrapper div#content div#main ol {
	margin: 0 0 40px 0;
	padding: 0;
}

div#wrapper div#content div#main ol li {
	font-size:108%;
	line-height:1.6;
	list-style-position:outside;
	list-style-type:decimal;
	margin: 0 0 6px 26px;
}



/*定義リスト
----------------------------------------*/


div#wrapper div#content div#main dl {
	margin: 0 0 40px 0;
}

div#wrapper div#content div#main dl dt {
	font-size: 108%;
	line-height: 1.6;
	font-weight: bold;
	margin: 0 0 5px 0;
}

div#wrapper div#content div#main dl dd { /* 定義リストの字下げ */
	font-size: 108%;
	line-height: 1.6;
	margin: 0 0 20px 55px;
}



/*レイアウト用テーブル：基本スタイル
----------------------------------------*/


/*全てのテーブル下に余白を40pxとる*/
div#wrapper div#content div#main table {
	margin: 0 0 20px 0;
	width: 100%;
}

/*ヘッダーセル*/
div#wrapper div#content div#main table th {
	vertical-align: top;
	line-height: 1.6;
	padding: 6px 0;
}

/*ふつうのセル*/
div#wrapper div#content div#main table td {
	vertical-align: top;
	line-height: 1.6;
	padding: 6px 0;
}

div#wrapper div#content div#main table td h4{
	font-size: 16px;
}


/*テーブルセルの右方向に余白を15px付ける*/

div#wrapper div#content div#main table td.padRight15 {
	padding-right: 15px;
}

/*テーブルセルの右方向に余白を20px付ける*/

div#wrapper div#content div#main table td.padRight20 {
	padding-right: 20px;
}

/*テーブルセルの右方向に余白を40px付ける*/

div#wrapper div#content div#main table td.padRight40 {
	padding-right: 40px;
}

/*テーブルセルの左方向に余白を15px付ける*/

div#wrapper div#content div#main table td.padLeft15 {
	padding-right: 15px;
}

/*テーブルセルの左方向に余白を20px付ける*/

div#wrapper div#content div#main table td.padLeft20 {
	padding-right: 20px;
}

/*テーブルセルの左方向に余白を40px付ける*/

div#wrapper div#content div#main table td.padLeft40 {
	padding-right: 40px;
}



/*レイアウト用テーブル・施設/設備詳細など
----------------------------------------*/


/* テーブルにclass="detail"を付与したスタイル */
div#wrapper div#content div#main table.detail {
	border-collapse: collapse;
	margin: 0 0 20px 0;
	width: 100%;
}

div#wrapper div#content div#main table.detail th {
	background-color: #EDE8E2;
	border: 1px solid #CCC;
	font-size: 14px;
	font-weight: bold;
	padding: 3px 0 3px 3px;
	text-align: left;
}

div#wrapper div#content div#main table.detail th.first {
	background-color: #DBD8D1;
}

div#wrapper div#content div#main table.detail td {
	background-color: #FFF;
	border: 1px solid #CCC;
	padding: 3px 0 3px 3px;
	text-align: left;
	font-size: 14px;
}


/* テーブルにclass=#price"を付与したスタイル */

div#wrapper div#content div#main table.price {
	width: 100%;
	margin: 0 0 20px 0;
	border-collapse: collapse;
}

div#wrapper div#content div#main table.price th {
	background-color: #EDE8E2;
	border: 1px solid #CCC;
	text-align: center;
	padding: 3px 6px;
	font-size: 14px;
}

div#wrapper div#content div#main table.price th.first {
	background-color: #DBD8D1;
}


div#wrapper div#content div#main table.price td {
	background-color: #FFF;
	border: 1px solid #CCC;
	padding: 3px 6px;
	vertical-align: top;
	font-size: 14px;
	text-align: center;
}

div#wrapper div#content div#main table.price td.center {
	text-align: center;
	vertical-align: middle;
}

div#wrapper div#content div#main table.price td.attention {
	font-size: 12px;
}


div#wrapper div#content div#main table.price td img.webService{
 vertical-align:middle;
}


div#wrapper div#content div#main table.price td strong.price{
 font-size:18px;
 color:#CC0000;
}

div#wrapper div#content div#main p.reserveBtn{
text-align:center;
}


/* テーブルにclass=#price2"を付与したスタイル */

div#wrapper div#content div#main table.price2 {
	width: 100%;
	margin: 0 0 20px 0;
	border-collapse: collapse;
}

div#wrapper div#content div#main table.price2 th {
	background-color: #EDE8E2;
	border: 1px solid #CCC;
	text-align: center;
	padding: 3px 6px;
	font-size: 12px;
}

div#wrapper div#content div#main table.price2 th.first {
	background-color: #DBD8D1;
}


div#wrapper div#content div#main table.price2 td {
	background-color: #FFF;
	border: 1px solid #CCC;
	padding: 3px 6px;
	vertical-align: top;
	font-size: 12px;
	text-align: center;
}



/*---------- テーブルセル内の文字揃え(見出し） ----------*/

div#wrapper div#content div#main table.price th.center,
div#wrapper div#content div#main table.detail th.center {
	text-align: center;
}

div#wrapper div#content div#main table.price th.left,
div#wrapper div#content div#main table.detail th.left {
	text-align: left;
}

div#wrapper div#content div#main table.price th.right,
div#wrapper div#content div#main table.detail th.right {
	text-align: right;
}


/*---------- テーブルセル内の文字揃え(セル） ----------*/

div#wrapper div#content div#main table.price td.center,
div#wrapper div#content div#main table.detail td.center {
	text-align: center;
}

div#wrapper div#content div#main table.price td.left,
div#wrapper div#content div#main table.detail td.left {
	text-align: left;
}

div#wrapper div#content div#main table.price td.right,
div#wrapper div#content div#main table.detail td.right {
	text-align: right;
}


/*---------- テーブルセル内の段落 ----------*/


div#wrapper div#content div#main table span.caption {
	margin: 0 0 1em 0;
}


/*---------- テーブルセル内のキャプション ----------*/

div#wrapper div#content div#main table span.caption {
	color: #666;
	display: block;
	text-align: center;
	font-size: 12px;
	padding: 5px 0;
	line-height:150%;
}


/*---------- テーブルセル内のリスト ----------*/

/* 番号なしリスト */

div#wrapper div#content div#main table td ul {
	margin: 0 0 30px 0;
}

/* 番号つきリスト */
div#wrapper div#content div#main table td ol {
	margin: 0 0 30px 0;
}

* html div#wrapper div#content div#main table td ol {
	margin: 0 0 30px 10px;
}

*:first-child+html div#wrapper div#content div#main table td ol {
	margin: 0 0 30px 8px;
}


div#wrapper div#content div#main table table li {
	margin: 0 0 6px 0px;
	font-size: 100%;
}

* html div#wrapper div#content div#main table li {
	margin: 0 0 6px 15px;
	font-size: 14px;
}

*:first-child+html div#wrapper div#content div#main table li {
	margin: 0 0 6px 24px;
	font-size: 14px;
}


/*画像の回り込みブロック
----------------------------------------*/

/*左側*/

div#wrapper div#content div#main div.imgLeft {
	zoom: 1;
	margin: 0 0 20px 0;
}

div#wrapper div#content div#main div.imgLeft:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

div#wrapper div#content div#main div.imgLeft div.imageBox {
	float: left;
	padding: 0 20px 0 0;
}

div#wrapper div#content div#main div.imgLeft div.imageBox span.caption {
	color: #666;
	display: block;
	text-align: center;
	font-size: 12px;
	padding: 5px 0;
	line-height:150%;
}


/*右側*/

div#wrapper div#content div#main div.imgRight {
	zoom: 1;
	margin: 0 0 20px 0;
}

div#wrapper div#content div#main div.imgRight:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

div#wrapper div#content div#main div.imgRight div.imageBox {
	float: right;
	padding: 0 0 0 20px;
}

div#wrapper div#content div#main div.imgRight div.imageBox span.caption {
	color: #333;
	display: block;
	text-align: center;
	font-size: 12px;
	padding: 5px 0;
	line-height:150%;
}




/*インデント用スタイル
----------------------------------------*/

/*左側に20px*/

div#wrapper div#content div#main div.mleft20 {
	margin: 0 0 0 20px;
}

/*左側に40px*/

div#wrapper div#content div#main div.mleft40 {
	margin: 0 0 0 40px;
}



/* カテゴリトップのレイアウト ################################################ */


/*========================================

	PT01/ホテルトップ：施設一覧

========================================*/

div#wrapper div#content div#main div.A01 {
	margin: 0 0 20px 0;
	width: 660px;
	zoom: 1;
}

div#wrapper div#content div#main div.A01 img.main {/*写真*/
	float: left;
	padding: 0 20px 0 0;
}

div#wrapper div#content div#main div.A01 p {
	width: 320px;
	font-size: 108%;
	list-style: 1.5;
	margin: 0 0 1em 0;
	float: right;
}

div#wrapper div#content div#main div.A01 table {/*部屋サイズ*/
	clear: right;
	margin: 0 0 10px 0;
	width: 190px;
	border-collapse: collapse;
}


div#wrapper div#content div#main div.A01 table.flat {/*部屋サイズ*/
	clear: right;
	margin: 0 0 10px 0;
	width: 280px;
	border-collapse: collapse;
}



div#wrapper div#content div#main div.A01 table td {
	padding: 3px;
	font-size: 14px;
	border: 1px solid #CCC;
}

div#wrapper div#content div#main div.A01 p.detail {
	clear: right;
	width: 320px;/*要調整*/
	margin: 0;
	/*border: 1px solid #CCC;*/
}




div#wrapper div#content div#main div.A02{
	margin: 0 0 40px 0;
	width: 660px;
	zoom: 1;
}

div#wrapper div#content div#main div.A02Left{
	float: left;
	width: 320px;
}

div#wrapper div#content div#main div.A02Right{
	float: right;
	width: 320px;
}


/*テーブル内文字サイズ*/
div#wrapper div#content div#main div.A02Left,
div#wrapper div#content div#main div.A02Right {
	line-height: 1.6;
}



/*========================================

	PT02/写真3列

========================================*/

div#wrapper div#content div#main table.a02 {
	width: 600px;
	margin: 0 0 40px 0;
}

div#wrapper div#content div#main table.a02 td {
	padding: 0 15px 15px 0;
}

div#wrapper div#content div#main table.a02 td.last {
	padding: 0;
}


/*========================================

	PT03/レストラントップバナーエリア

========================================*/

div#wrapper div#content div#main ul#topBanner01 {
	margin: 0 0 40px 0;
}

div#wrapper div#content div#main ul#topBanner01 li {
	list-style-type: none;
	margin: 0 0 20px 0;
	padding: 0;
}


div#wrapper div#content div#main table#restaurant-top {
	margin: 0 0 40px 0;
}

div#wrapper div#content div#main table#restaurant-top td {
	vertical-align: top;
	padding: 0;
}


/*今月の厳選メニュー*/
div#wrapper div#content div#main table#restaurant-top td.monthly {
	padding: 0 0 0 20px;
	width: 320px;
}

div#wrapper div#content div#main table#restaurant-top td.monthly div.inner {/*背景用*/
	background-color: #FFFBF8;
	padding: 10px;
}


div#wrapper div#content div#main table#restaurant-top td.monthly h3 {
	background-image: none;
	font-size: 108%;
	font-weight: bold;
	padding: 0;
	margin: 0 0 10px 0;
}

div#wrapper div#content div#main table#restaurant-top td.monthly p {
	font-size: 93%;
	margin: 0 0 10px 0;
}


div#wrapper div#content div#main table#restaurant-top td.monthly div.topic-top {
	zoom: 1;
}

div#wrapper div#content div#main table#restaurant-top td.monthly div.topic-top:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

div#wrapper div#content div#main table#restaurant-top td.monthly div.topic-top img {
	float: left;
	padding: 0 8px 8px 0;
}


div#wrapper div#content div#main table#restaurant-top td.monthly div.topic-top p.title {
	float: left;
	font-size: 14px;
	font-weight: bold;
	color: #3B3529;
	width: 167px;
	margin: 0 0 5px 0;
}

div#wrapper div#content div#main table#restaurant-top td.monthly p.discription {
	
}




/*========================================

	PT04/レストラン店舗一覧

========================================*/

div#wrapper div#content div#main div.sectionBt01 {/*左列ブロック*/
	width: 320px;
	float: left;
	margin: 0 20px 10px 0;
	display: inline;
}

div#wrapper div#content div#main div.sectionBt02 {/*右列ブロック*/
	width: 320px;
	float: left;
	margin: 0 0 10px 0;
	display: inline;
}

div#wrapper div#content div#main div.sectionBt01 img,
div#wrapper div#content div#main div.sectionBt02 img {
	margin: 0 0 10px 0;
}



div#wrapper div#content div#main div.sectionB01 {/*左列ブロック*/
	width: 310px;
	float: left;
	margin: 0 40px 20px 0;
	display: inline;
}

div#wrapper div#content div#main div.sectionB02 {/*右列ブロック*/
	width: 310px;
	float: left;
	margin: 0 0 20px 0;
	display: inline;
}

div#wrapper div#content div#main div.sectionB01 h4,
div#wrapper div#content div#main div.sectionB02 h4 {/*店舗名*/
	font-size: 108%;
	position: relative;
}


div#wrapper div#content div#main div.sectionB01 h4 img,
div#wrapper div#content div#main div.sectionB02 h4 img {/*ロケーションアイコン*/
	position: absolute;
	top: 0;
	right: 0;
}

div#wrapper div#content div#main div.sectionB01 img,
div#wrapper div#content div#main div.sectionB02 img {
	margin: 0 0 10px 0;
}


div#wrapper div#content div#main div.sectionB01 p,
div#wrapper div#content div#main div.sectionB02 p {
	font-size: 108%;
	line-height: 1.5;
	margin: 0;
/*	height: 4.5em;テキスト部分の高さ*/
}


div#wrapper div#content div#main div.sectionB01 table,
div#wrapper div#content div#main div.sectionB02 table {
	margin: 0;
	padding: 0;
	width: 310px;
}

div#wrapper div#content div#main div.sectionB01 table td,
div#wrapper div#content div#main div.sectionB02 table td {
	vertical-align: top;
}

div#wrapper div#content div#main div.sectionB01 table td.time,
div#wrapper div#content div#main div.sectionB02 table td.time {/*営業時間*/
	font-size: 13px;
}

div#wrapper div#content div#main div.sectionB01 table td.loc,
div#wrapper div#content div#main div.sectionB02 table td.loc {/*詳しく見る*/
	text-align: right;
}

div#wrapper div#content div#main div.sectionB01 table td.loc img,
div#wrapper div#content div#main div.sectionB02 table td.loc img {
	margin: 0;
	padding: 0;
}


/*========================================

	PT05/レストラン：ファーストフード

========================================*/

div#wrapper div#content div#main div.sectionB03 {/*1・2列目*/
	width: 210px;
	float: left;
	display: inline;
	position: relative;
	margin: 0 15px 40px 0;
}

div#wrapper div#content div#main div.sectionB04 {/*3列目*/
	width: 210px;
	float: left;
	display: inline;
	position: relative;
	margin: 0 0 40px 0;
}

div#wrapper div#content div#main div.sectionB03 h4,
div#wrapper div#content div#main div.sectionB04 h4 {
	margin: 0 0 10px 0;
	font-size: 108%;
}

div#wrapper div#content div#main div.sectionB03 img,
div#wrapper div#content div#main div.sectionB04 img {
	margin: 5px 0 0 0;
}

div#wrapper div#content div#main div.sectionB03 img.loc,
div#wrapper div#content div#main div.sectionB04 img.loc {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
}

div#wrapper div#content div#main div.sectionB03 p,
div#wrapper div#content div#main div.sectionB04 p {
	font-size: 100%;
	line-height: 1.5;
	margin: 10px 0 0 0;
}


/*========================================

	PT06/遊園地/営業日時

========================================*/

div#wrapper div#content div#main table.workhour {/*営業時間*/
	width: 660px;
	margin: 0 0 40px 0;
}

div#wrapper div#content div#main table.workhour th {
	vertical-align: middle;
	font-weight: normal;
}

div#wrapper div#content div#main table.workhour td {
	vertical-align: middle;
	font-size: 100%;
}


/*========================================

	PT07/注意事項のリスト

========================================*/

div#wrapper div#content div#main ul.attention {
	margin: -10px 0 40px 0;
	padding: 0;
	list-style-position: outside;
}

div#wrapper div#content div#main ul.attention li {
	font-size: 93%;
	line-height: 1.6;
	text-indent: -1em;
	margin: 0 0 0 1em;
	list-style-type: none;
}


/*========================================

	PT08/所在地

========================================*/

div#wrapper div#content div#main div#access-map {
	margin: 0 0 40px 0;
}

div#wrapper div#content div#main div#access-map div.map {/*google map*/
	float: left;
	display: inline;
	margin: 0 20px 0 0;
	width: 320px;
}

div#wrapper div#content div#main div#access-map div.access {
	float: right;
	display: inline;
	width: 320px;
}

div#wrapper div#content div#main div#access-map div.access h4 {
	font-weight: bold;
}

div#wrapper div#content div#main div#access-map div.access p {
	line-height: 1.6;
}


/*========================================

	PT09/アクセスのご案内

========================================*/

div#wrapper div#content div#main div.sectionJ01 {/*左列*/
	width: 320px;
	float: left;
	display: inline;
	margin: 0 20px 40px 0;
}

div#wrapper div#content div#main div.sectionJ02 {/*右列*/
	width: 320px;
	float: left;
	display: inline;
	margin: 0 0 40px 0;
}


/*------- 表組み -------*/

div#wrapper div#content div#main div.sectionJ01 table,
div#wrapper div#content div#main div.sectionJ02 table {
	border-collapse: collapse;
}

div#wrapper div#content div#main div.sectionJ01 table th,
div#wrapper div#content div#main div.sectionJ02 table th {
	border: 1px solid #CCC;
	text-align: left;
	padding: 4px 6px;
}

div#wrapper div#content div#main div.sectionJ01 table td,
div#wrapper div#content div#main div.sectionJ02 table td {
	border: 1px solid #CCC;
	padding: 4px 6px;
}


/*========================================

	PT10/宅配のご案内

========================================*/


div#wrapper div#content div#main div#takuhai {
	width: 320px;
	float: left;
	display: inline;
}

div#wrapper div#content div#main div#takuhai div.sectionJ03 {
	border: 1px solid #CCC;
	padding: 10px;
	margin: 0 0 15px 0;
}

div#wrapper div#content div#main div.sectionJ04 {
	float: right;
	width: 320px;
	display: inline;
}

div#wrapper div#content div#main ul.com-name li{
	display: inline;
}


/*========================================

	PT11/プラン・おすすめプラン

========================================*/

div#wrapper div#planTop {
	width: 960px;
	padding: 0 0 0px 0;
	margin: 0 0 20px 0;
}

/*見出し要素
----------------------------------------*/


div#wrapper div#planTop h4 { /* h4：小見出し */
	clear: both;
	text-align: left;
	font-size: 123.1%;
	line-height: 1.5;
	font-weight: bold;
	margin: 0 0 12px 0;
	color:#8A7B62;
}

div#wrapper div#planTop h5 { /* h5：小見出し */
	clear: both;
	text-align: left;
	padding: 0 0 15px 0;
	font-size: 108%;
	font-weight: bold;
	line-height: 1.5;
}


div#wrapper div#planTop:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}


/*おすすめプラン*/
div#wrapper div#planTop div#sectionI01 {
	float: left;
	display: inline;
	width: 380px;
	margin: 0 20px 20px 0;
}

div#wrapper div#planTop div#sectionI01 div.rank01 {
	width: 380px;
	margin: 0 0 15px 0;
}

div#wrapper div#planTop div#sectionI01 div.rank02 {
	width: 380px;
	margin: 0 0 15px 0;
}

div#wrapper div#planTop div#sectionI01 div.rank03 {
	width: 380px;
}


div#wrapper div#planTop div#sectionI01 div.rank01 img,
div#wrapper div#planTop div#sectionI01 div.rank02 img,
div#wrapper div#planTop div#sectionI01 div.rank03 img {
	padding: 0 15px 0 0;
	float: left;
}

div#wrapper div#planTop div#sectionI01 div.rank01 h5,
div#wrapper div#planTop div#sectionI01 div.rank02 h5,
div#wrapper div#planTop div#sectionI01 div.rank03 h5 {
	font-size: 108%;
	line-height: 1.5;
	margin: 0 0 8px 0;
	padding: 0;
	clear: none;
	float: left;
}

div#wrapper div#planTop div#sectionI01 div.rank01 h5 img,
div#wrapper div#planTop div#sectionI01 div.rank02 h5 img,
div#wrapper div#planTop div#sectionI01 div.rank03 h5 img {
	padding: 0 5px 0 0;
	vertical-align: -5px;
}

div#wrapper div#planTop div#sectionI01 div.rank01 p,
div#wrapper div#planTop div#sectionI01 div.rank02 p,
div#wrapper div#planTop div#sectionI01 div.rank03 p  {
	font-size: 100%;
	line-height: 1.5;
	margin: 0 0 1em 0;
	float: left;
	width: 240px;
}



/*よくあるご質問*/
div#wrapper div#planTop div#sectionI02 {
	border: 2px solid #EDE8E3;
	float: left;
	display: inline;
	width: 256px;
	margin: -40px 20px 20px 0;
	padding: 10px 10px 0 10px;
}


div#wrapper div#planTop div#sectionI02 h5 {
	font-size: 100%;
	line-height: 1.5;
	margin: 0 0 8px 0;
	padding: 0;
}

div#wrapper div#planTop div#sectionI02 p {
	font-size: 100%;
	line-height: 1.5;
	margin: 0 0 1em 0;
}



/*予約フォーム*/
div#wrapper div#planTop div#sectionI03 {
	width: 260px;
	display: inline;
	float: left;
	margin: -40px 0 20px 0;
}

div#wrapper div#planTop div#sectionI03 h3 {
	border: none;
	margin: 0;
	padding: 0;		
}

div#wrapper div#planTop div#sectionI03 div#sidebarTop {
	margin:0;
}

div#wrapper div#planTop div#sectionI03 div#sidebarTop div#planSearch{
	background: url(../images/bg-side-content.jpg) repeat-y center top;
	width: 242px;
	margin: 0 auto;
	padding: 0 9px;
}

div#wrapper div#planTop div#sectionI03 div#sidebarTop div.sidebar-inner{/*内側ボックス背景処理*/
	width: 242px;
	background: url(../images/bg-side-inner-content.jpg) repeat-y left top;
	margin: 0 auto;
}

/*-- フォーム背景の角丸処理 --*/
div#wrapper div#planTop div#sectionI03 div#sidebarHeader {
	background: url(../images/bg-side-header.jpg) no-repeat left top;
	width: 260px;
	height: 20px;
}

div#wrapper div#planTop div#sectionI03 div#sidebarFooter {
	background: url(../images/bg-side-footer.jpg) no-repeat left top;
	width: 260px;
	height: 20px;
}


div#wrapper div#planTop div#sectionI03 div.sidebar-inner-header {/*内側ボックスの角丸ヘッダー*/
	width: 242px;
	background: url(../images/bg-side-inner-header.jpg) no-repeat left top;
	height: 11px;
}

div#wrapper div#planTop div#sectionI03 div.sidebar-inner-footer {/*内側ボックスの角丸フッター*/
	width: 242px;
	background: url(../images/bg-side-inner-footer.jpg) no-repeat left top;
	height: 11px;
	margin: 0 auto;
}

/*-- 角丸処理ここまで --*/




/*プラン表*/
div#wrapper div#planTop table#planView {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #CCC;
	margin: 0 0 20px 0;
}

div#wrapper div#planTop table#planView th {
	border: 1px solid #CCC;
	background-color: #EDE8E2;
	text-align: center;
	vertical-align: top;
	line-height: 1.5;
	font-size: 108%;
	padding: 5px;
}

div#wrapper div#planTop table#planView  td {
	border: 1px solid #CCC;
	vertical-align: top;
	line-height: 1.5;
	font-size: 108%;
	padding: 5px;
}


/* プラン表-地色あり */






/*部屋タイプから選ぶ*/
div#wrapper div#planTop table#roomType td.padRight20 {
	padding-right: 20px;
}

div#wrapper div#planTop table#roomType {
	margin-bottom: 5px;
}



/*プランページ下*/
body.plan div#main {
	width: 660px;
}



/*ルスツのおすすめプラン*/
body.plan div#wrapper div#content div#main table.reccomend {
	margin: 0 0 20px 0;
}

body.plan div#wrapper div#content div#main table.reccomend td p {
	font-size: 108%;
	/*font-weight: bold;*/
	line-height: 1.5;
	text-align: center;
}


/*プランの一覧・詳細のボックス*/
body.plan div#wrapper div#content div#main div.sectionI04 {
	zoom: 1;
	margin: 0 0 20px 0;
	width: 960px;
}

body.plan div#wrapper div#content div#main div.sectionI04 table.photo {
	float: left;
	width: 310px;
	display: inline;
	margin: 0 20px 0 0;
}

* html body.plan div#wrapper div#content div#main div.sectionI04 table.photo {
	margin: 0 10px 0 0;
}

*:first-child+html body.plan div#wrapper div#content div#main div.sectionI04 table.photo {
	margin: 0 10px 0 0;
}

body.plan div#wrapper div#content div#main div.sectionI04 table.photo td {
	padding: 0 5px 5px 0;
}


body.plan div#wrapper div#content div#main div.sectionI04 div.sectionI04innner {
	width: 630px;
	float: right;
	display: inline;
}

body.plan div#wrapper div#content div#main div.sectionI04 div.sectionI04innner h4 {
	clear: none;
}

body.plan div#wrapper div#content div#main div.sectionI04 div.sectionI04innner p {
	font-size: 108%;
	line-height: 1.5;
	margin: 0 0 1em 0;
}


body.plan div#wrapper div#content div#main div.sectionI04 div.sectionI04innner table.planDetail {/*プランの詳細*/
	width: 628px;
	border-collapse: collapse;
	border: 1px solid #CCC;
	margin: 0 0 20px 0;
}

body.plan div#wrapper div#content div#main div.sectionI04 div.sectionI04innner table.planDetail th {
	border: 1px solid #CCC;
	background-color: #EDE8E2;
	text-align: left;
	vertical-align: top;
	line-height: 1.5;
	font-size: 100%;
	padding: 3px;
}

body.plan div#wrapper div#content div#main div.sectionI04 div.sectionI04innner td {
	border: 1px solid #CCC;
	vertical-align: top;
	line-height: 1.5;
	font-size: 100%;
	padding: 3px;
}

body.plan div#wrapper div#content div#main div.sectionI04 div.sectionI04innner p.showMore {
	clear: both;
	text-align: right;
	margin: 0;
}




/* その他汎用的なスタイル ################################################ */


/* 一回り小さい文字 */
div#wrapper div#content div#main .small {
	font-size: 12px !important;
}

/* 右寄せ */

.right {
	text-align: right;
}

/* 中央寄せ */

.center {
	text-align: center;
}



div#wrapper div#content div#main div.section2col{
width:660px;
margin: 0 0 40px 0;
}

div#wrapper div#content div#main div.section2col div.left{
width:320px;
float:left;
}

div#wrapper div#content div#main div.section2col div.right{
width:320px;
float:right;
}


p.detailRight{
text-align:right;
}

/* ページの先頭へ ################################################ */


p.backToTop {
	clear: both;
	text-align: right;
	margin: 0 10px 40px 0;
	display: block;
}



/* スキー ################################################ */

div#wrapper div#content div#main div.section2col div.livecamera{ /* ライブカメラ */
background-image:url(../../ski/images/bg-livecamera.jpg);
background-repeat:no-repeat;
background-position:top center;
height:340px;
position:relative;
margin:2px 0 0 0;
}

div#wrapper div#content div#main div.section2col div.livecamera img{
position:absolute;
top:55px;
left:15px;
}

div#wrapper div#content div#main div.section2col div.livecamera p.time{

/*position:absolute;
top:278px;
left:55px;
*/
padding:280px 0 0 0;
text-align:center;
}

div#wrapper div#content div#main div.section2col div.livecamera p.caption{
position:absolute;
top:317px;
left:0px;
text-align:left;
line-height:1.3;
}



div#content div#main div#bannerC {
	width: 660px;
	margin: 0 0 20px 0;
}


div#content div#main div#bannerC table {
	width: 660px;
}

div#content div#main div#bannerC td {
	font-size: 108%;
    padding-top: 0 !important;
		margin:0 0 0 0;
}

div#content div#main div#bannerC td.sec1 {
	padding: 0 15px 0 0;
		margin:0 0 0 0;
}

div#content div#main div#bannerC td.sec2 {
	padding: 0 15px 0 0 !important;
	margin:0 0 0 0;
}

div#content div#main div#bannerC td.text {
	padding: 0 0 0 0;
	margin:0 0 0 0;
}


div#content div#main hr { /* 区切り線 */
	padding: 0 0 0 0;
	margin:0 0 15px;
	color:#E2D6C9;
	background-color:#E2D6C9;
}

/* レコメンドエンジン用 ################################################ */

.kotohaco_rsview_title {
	clear: both;
	text-align: left;
	font-size: 123.1%;
	line-height: 1.5;
	font-weight: bold;
	margin: 0 0 12px 0;
	color:#8A7B62;
}

