@charset "UTF-8";

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

/* コラムボックス
--------------------------------------------------------------------------
 2コラムや3コラムの汎用コンテナです。
--------------------------------------------------------------------------*/
/* 客室案内、お食事、施設ガイド、小豆島を楽しむ　共通設定 */
.columns_index {
	clear: both;
	width: 720px;
	padding: 0 0 10px;
}
.columns_index .column_l,
.columns_index .column_r {
	float: left;
	width: 350px;
	padding-top: 25px;
}
.columns_index .column_r {
	float: right;
}

.columns_two {
	clear: both;
	width: 720px;
	padding: 0 0 10px;
}
.columns_two .column_l,
.columns_two .column_r {
	float: left;
	width: 350px;
}
.columns_two .column_r {
	float: right;
}

.size1of2 { width: 50%; }
.size1of3 { width: 33%; }
.size1of4 { width: 25%; }


/* リストのスタイル
--------------------------------------------------------------------------
 ulやolのスタイル設定を記述します。
--------------------------------------------------------------------------*/
ul.standard {
	margin: 10px 0 15px 0;
}
ul.standard li,
ul.standard2 li {
	margin-left: 10px;
	padding-left: 13px;
	padding-bottom: 3px;
	background: url(../images/icon_circle.gif) no-repeat left 5px;
	line-height: 1.7;
}
ul.standard2 {
	margin: 10px 0;
}
ul.standard2 li {
	background: url(../images/icon_glay.gif) no-repeat left 5px;
}

/* プライバシーポリシーで使用 */
ol.decimal li {
	list-style-type: decimal;
	margin: 0 0 0 25px;
}

/* ポイント付きリンク：左揃えリスト */
ul.link li {
	line-height: 1.8;
}
ul.link li a {
	zoom: 1;
	display: inline-block;
	padding: 0 0 0 18px;
	background: url(../images/icon_triangle_b.gif) no-repeat 0 3px;
}


/* table設定
--------------------------------------------------------------------------*/
table.default {
	margin: 5px 0 5px 0;
	width: 720px;
	border: 1px #DEDAB8 solid;
}
table.default th {
	color: #333333;
	padding: 6px;
	text-align: left;
	font-weight: normal;
	border-top: 1px #DEDAB8 solid;
	border-left: 1px #DEDAB8 solid;
}
table.default td {
	padding: 6px;
	text-align: left;
	border-bottom: 1px #DEDAB8 solid;
	border-left: 1px #DEDAB8 solid;
}
table.default th.room {
	width: 190px;
	background-color: #F8F7EF;
}

table.borderless th,
table.borderless td {
	font-weight: normal;
	line-height: 1.6;
	text-align: left;
	vertical-align: top;
}
table.borderless th {
	padding-right: 1em;
}


.TB {
	width: 720px;
	border: 1px #DEDAB8 solid;
}
.TB th, .TB td {
	padding: 6px;
	border-left: 1px #DEDAB8 solid;
}
.TB th {
	color: #333333;
	font-weight: normal;
	border-top: 1px #DEDAB8 solid;
	background-color: #F8F7EF;
}
.TB td {
	border-bottom: 1px #DEDAB8 solid;
}
.TB_baseL th { text-align: left; }
.header th { border-bottom: 3px double #DEDAB8; text-align: center; }

.W50per th, .W50per td, th.W50per, td.W50per { width: 50%; }
.W25per th, .W25per td, th.W25per, td.W50per { width: 25%; }

.imgL td, .imgR td { vertical-align: top; }
.imgL td.image { padding-right: 15px; }
.imgR td.image { padding-left: 15px; }


/* 共通：関連情報box
--------------------------------------------------------------------------*/
.information {
	width: 718px;
	margin: 0 0 10px;
	border: 1px #9DBD3E solid;
}
.information p {
	margin: 10px 0 0 10px;
	font-size: 8px;
}
.information ul {
	margin: 10px 0;
}
.information ul li {
	margin-left: 10px;
	padding-left: 18px;
	background: url(../images/icon_triangle_g.gif) no-repeat left 5px;
	line-height: 1.8;
}
.information ul li ul {
	margin: 0;
	padding: 0;
}
.information ul li a, .information ul li a:link, .information ul li a:visited {
    color: #333333;
}
.information ul li a:hover {
	color: #786345;
	text-decoration: underline;
}

table.g_list {
	margin: 2px 0;
}
table.g_list td {
	padding: 1px 10px 1px 0;
	text-align: left;
	vertical-align: top;
	line-height: 1.4;
	width: 100px;
	font-size: 95%;
}
table.g_list td.end {
	padding: 0;
	text-align: left;
	vertical-align: top;
	width: 90px;
}
table.g_list td a {
	display: inline-block;
	background: url(../images/icon_triangle_g.gif) no-repeat left 2px;
	padding-left: 17px;
	padding-bottom: 3px;
}


/* その他汎用設定
--------------------------------------------------------------------------*/
.caution { color: #E70012; }
.caution a {
	color: #E70012;
	text-decoration: underline;
}
.caution a:hover { color: #663399; }
.notes { color: #FF0000; }
.mini {
	font-size: 80%;
}
.small {
	font-size: 62.5%;
}


/* プライバシーポリシー：お問い合わせ、フォーム */
.frame_policy {
	margin: 30px 0 10px;
	padding: 13px 7px 13px 10px;
	border: 1px solid #cccccc;
}
.frame_policy .box {
	width: auto;
	height: 180px;
	padding: 0 10px 0 0;
	border: none;
	overflow: auto;
	overflow-x: hidden;
	scrollbar-base-color: #cccccc;
	scrollbar-track-color: #ffffff;
	scrollbar-face-color: #cccccc;
	scrollbar-shadow-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-highlight-color: #cccccc;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-arrow-color: #ffffff;
}
.frame_policy .box ol li {
	list-style-type: decimal;
	margin: 12px 0 0 25px;
	color: #2988C0;
	font-weight: bold;
}
.frame_policy .box ol li p {
	color: #333333;
	font-weight: normal;
}

/* 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, .indention li {
	text-indent: -1em;
	margin-left: 1em;
}
ul.indention {
	text-indent: 0;
	margin-left: 0;
}
.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_bx25 {margin-bottom: 25px;}
.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,
p.pagetop_in {
	clear: both;
	text-align: right;
	padding: 20px 0 0;
}
p.pagetop_in {
	padding-top: 5px;
}
#inbox p.pagetop a,
#inbox p.pagetop_in a {
	color: #2988C0;
}
#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; }
/* 汎用ボックス */
.box {
	width: 168px;
	padding: 5px;
	border: 1px solid #CCC;
	background-color: #FFF;
}
/* 色指定 */
.color {
	color: #9D805A;
}

/* 客室案内：平方メートル画像用 */
img.m2 {
	vertical-align: baseline;
}

/* ポイント付きリンク：右揃え */
#dinner p.link,
#angel p.link,
#enjoy p.link,
.info_service p.link {
	text-align: right;
}
#dinner p.link a,
#angel p.link a,
#enjoy p.link a,
.info_service p.link a {
	zoom: 1;
	display: inline-block;
	padding: 0 0 0 18px;
	background: url(../images/icon_triangle_b.gif) no-repeat 0 2px;
}

/* 画像グレー枠追加用 */
img.border, /* 基本：お食事対応済み */
/*.columns_plan .column1 img,*/
.event .column_l img,
table.activity td.photo img {
	padding: 1px;
	border: 1px solid #cccccc;
}

/* 外部リンクアイコン追加用 */
a.external {
	padding-right: 16px !important;
	background: url(../images/icon_external.gif) no-repeat right center;
}
/* 解除 */
.noblank a.external,
#footer a.external,
.side a.external,
.fishing_detail a.external,
p.btn_calendar a.external,
p.btn_reserve_basic a.external,
.btnreserve a.external,
.btnreserve2 a.external,
#visual a.external,
.topBnr a.external {
	padding-right: 0 !important;
	background: none !important;
}
p.link a.external {
	padding-right: 0 !important;
}
.icon-external {
	padding-left: 3px;
	text-decoration: none;
}
.icon-external img {
	vertical-align: baseline;
}
.info a.external {
	padding-right: 0 !important;
	background: none !important;
}
.info .icon-external img {
	margin: 0;
}

a:hover img.lucent,
ul.side_bnr a:hover img,
#visual a:hover img,
.list_price a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}






.icon-link a,
.main_area#reserv .icon-link a {
	padding-left: 17px;
	background: url(../images/icon_triangle_b.gif) no-repeat left center;
	color: #2988C0;
}
.icon-link a:hover,
.main_area#reserv .icon-link a:hover {
	color: #786345;
}


dl.box_angel {
	/*margin: 20px 0 10px 0;*/
	padding: 10px 10px 5px;
	width: 698px;
	/*border: 1px #2988C0 solid;*/
}
.box_angel dt {
	float: left;
}
.box_angel dd {
	float: right;
	width: 486px;
}
dl.box_angel h4 {
	margin: -2px 0 6px;
	padding: 0;
	font-size: 9px;
}
.box_angel .icon-link {
	margin: 5px 0 0;
	text-align: right;
}