@charset "UTF-8";

/* style.css 
--------------------------------------------------------------------------
 いろんなケースで使えるであろう汎用スタイルはこのCSSに記述します。
--------------------------------------------------------------------------*/

/* コラムボックス
--------------------------------------------------------------------------
 2コラムや3コラムの汎用コンテナです。
--------------------------------------------------------------------------*/
/* 客室案内、お食事、施設ガイド、小豆島を楽しむ　共通設定 */

.columns_index{
	clear: both;
	width: 960px;
	padding: 0 0 10px;
}

.columns_two{
	clear: both;
	width: 890px;
	padding: 0 0 10px;
}

.columns_two .column_l,
.columns_two .column_r
{
	float: left;
	width: 440px;
}
.columns_index .column_l,
.columns_index .column_r
{
	float: left;
	width: 440px;
}
.columns_two .column_r,
.columns_index .column_r
{
	float: right;
}
.columns_three{
	width: 890px;
	clear: both;
	margin-top:20px;
	margin-bottom:20px;
}
.columns_three .column_l,
.columns_three .column_c,
.columns_three .column_r
{
	float: left;
	width: 250px;
	padding-right:20px;
}

/* リストのスタイル
--------------------------------------------------------------------------
 ulやolのスタイル設定を記述します。
--------------------------------------------------------------------------*/
ul.standard {
	margin: 10px 0 15px 0;
}




/* 共通：関連情報box
--------------------------------------------------------------------------*/
.caption {
	text-indent: -1em;	
	padding: 0.2em 0.2em 0.2em 1em;
}
table.default,
table.irregular,
table.default02{
	border-collapse:collapse;
	margin-bottom:23px;
}
table.none{
	margin-bottom:0px; !important;
}
table.irregular th,
table.default th {
	padding: 10px;
	text-align: left;
	line-height: 1.4;
	background-color: #EFEFEF;
	width:187px;
	border: 1px solid #CCC;
}
table.default td {
	padding: 10px;
	text-align: left;
	border: 1px solid #CCC;
	width:319px;
}
table.irregular th {
	padding: 10px;
	background-color: #EFEFEF;
	border: 1px solid #CCC;
	width:60px;
	text-align: center;
}
table.irregular td {
	padding: 10px;
	border: 1px solid #CCC;
	text-align: center;
	background:#FFF;
}
table.irregular th.category {
	width:186px;
	text-align: left;
}

table.default02,
table.default03{
	width:890px;
}
table.default02 th{
	padding: 10px;
	text-align: center;
	line-height: 1.4;
	background-color: #EFEFEF;
	border: 1px solid #CCC;
}
table.default02 .center{
	width:50px;
}
table.default02 td,
table.default03 td{
	text-align: left;
	line-height: 1.4;
	border: 1px solid #CCC;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
}
table.default03 td.quantity{
	text-align: center;
	width:50px;
}
table.default03 .center{
	width:100px;
}

table.default04 td{
	text-align: left;
	line-height: 1.4;
	border: none;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
}

table.default05{
	padding-bottom: 12px;
}

table.default05 td{
	text-align: left;
	line-height: 1.4;
	border: none;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 0;
}
table.default05 th{
	text-align: left;
	line-height: 1.4;
	border: none;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 4px;
	padding-left: 0;
	font-weight:normal;
}



/* その他汎用設定
--------------------------------------------------------------------------*/
.termination {
	text-decoration:line-through;
}

/* JQueryロールオーバー用クラス */
.swap{}
/* イベントトリガー用クラス */
.trigger{}
/* NEWマークテキストの装飾 */
span.NEW{
	margin:0;
	text-transform: uppercase;
	color: #E40315;
	padding-left: 5px;
}

/* アイコン */
img.iconL {
	vertical-align: baseline;
	padding-right: 3px;
}
img.iconR {
	vertical-align: baseline;
	padding-left: 2px;
}
.trim {
	overflow: hidden;
	width: 740px;
}
.full{
	width:100%;
}
/* 等幅フォントに */
.mono-space{
	font-family: monospace;
}
.date{
	letter-spacing:1px;
	margin-right: 1em;
}

/* 小文字を大文字で表示 */
.upper {
	text-transform:uppercase;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
}
/* フロートのクリア */
.clear {
	clear: both;
	display: block;
}
/* 隠す */
.hide {
	position: absolute;
	left: -3000px;
	width: 10px;
	height: 10px;
	/*\*/
	overflow: hidden;
	/**/
}
.nowrap {white-space:nowrap;}
.center {text-align: center;}
.right {text-align: right;}
.left {text-align: left;}

.indention {
	text-indent: -1em;
	margin-left: 1em;
}
.m_tx0 {margin-top: 0;}
.m_tx1 {margin-top: 10px;}
.m_tx2 {margin-top: 20px;}
.m_tx3 {margin-top: 30px;}
.m_tx4 {margin-top: 40px;}
.m_rx0 {margin-right: 0;}
.m_rx05 {margin-right: 5px;}
.m_rx1 {margin-right: 10px;}
.m_rx15 {margin-right: 15px;}
.m_rx1 {margin-right: 20px;}
.m_rx25 {margin-right: 25px;}
.m_rx3 {margin-right: 30px;}
.m_rx35 {margin-right: 35px;}
.m_rx4 {margin-right: 40px;}
.m_bx0 {margin-bottom: 0;}
.m_bx05 {margin-bottom: 5px;}
.m_bx1 {margin-bottom: 10px;}
.m_bx15 {margin-bottom: 15px;}
.m_bx2 {margin-bottom: 20px;}
.m_bx3 {margin-bottom: 30px;}
.m_bx4 {margin-bottom: 40px;}
.m_lx0 {margin-left: 0;}
.m_lx05 {margin-left: 5px;}
.m_lx1 {margin-left: 10px;}
.m_lx15 {margin-left: 15px;}
.m_lx2 {margin-left: 20px;}
.m_lx25 {margin-left: 25px;}
.m_lx3 {margin-left: 30px;}
.m_lx35 {margin-left: 35px;}
.m_lx4 {margin-left: 40px;}

/* ページトップ */
p.pagetop{
	clear: both;
	text-align: right;
	padding: 20px 0 0;
}
#inbox p.pagetop a{
	color: #0D576D;
}
#inbox p.pagetop a:hover,
#inbox p.pagetop_in a:hover {
	color: #A08D49;
	text-decoration: underline;
}
/* 回り込み */
.floatR {
	float: right;
	margin-bottom: 10px;
	display: block;
}
.floatL {
	float: left;
	margin-bottom: 10px;
	display: block;
}
/* 余白のみ */
.space{
	margin-bottom: 0;
	padding-bottom: 0;
}
/* 点線 */
.dotted{ border-bottom: 1px dotted #999; }
.underline{
	text-decoration: underline;
}
/* 汎用ボックス */
.box{
	width: 920px;
	padding: 15px;
	border: 5px solid #CCC;
	background-color: #FFF;
}
/* 色指定 */
.color{
	color: #0D576D;
}
/* 重要 */
.significant{
	color: #CC0000;
}