@charset "UTF-8";

/* システムフロー 詳細表示画面系 ２段組レイアウト
-------------------------------------------------------------------------*/

/* レイアウトフレーム 基本セット -------------------*/

.dual#CONTENTS {
	background: #FFFFFF url(/common_001/images/layout/bg_dual.gif) repeat-y;
	padding: 0;
	width: 970px;
}

/*コーナーエリア分割*/

.dual#CONTENTS  div.main_content {
	background: transparent url(/common_001/images/layout/bttm_dual.gif) no-repeat bottom left;
	padding: 0;
	width: 970px;
}

/*メインエリア メインコンテンツ*/

.dual#CONTENTS  div.main_content  div.left_main {
	float: left;
	width: 770px;
}

/*メインエリア  h3*/

.dual#CONTENTS  div.main_content  div.left_main  div.h3 {
	padding: 4px 10px;
}

.dual#CONTENTS  div.main_content  div.left_main  div.h3  h3 {
	font-weight: bold;
}

/*パンくずリンク*/

.dual#CONTENTS  div.main_content  div.topicpath {
	background-color: #FFFFFF;
	padding: 10px;
	color: #666666;
}

/*特集画像*/

.dual#CONTENTS  div.main_content  div.special {
	background-color: #FFFFFF;
	padding: 0 0 10px;
	color: #666666;
}

/* h4 */

.dual#CONTENTS  h4 {
	margin-top: 10px;
	padding: 2px 5px;
	font-weight: bold;
}

/*レフトメインエリア*/

.dual#CONTENTS  div.main_content  div.left_main  div.left  div.h3  h3 {
	padding: 2px 0;
}

.dual#CONTENTS  div.main_content  div.left_main  div.left  div.content {
	padding: 0 11px 11px;
}

.dual#CONTENTS  div.main_content  div.left_main  div.left  div.content  h4 {
	padding: 3px 0 0;
	font-weight: bold;
}

/*基本情報*/

.dual#CONTENTS  div.main_content  div.left_main  div.information {
	width: 770px;
}

.dual#CONTENTS  div.main_content  div.left_main  div.information  div.photo {
	float: left;
	width: 161px;
	margin: 0;
}

.dual#CONTENTS  div.main_content  div.left_main  div.information  div.table {
	float: left;
	width: 490px;
	margin: 0 0 0 9px;
}

.dual#CONTENTS  div.main_content  div.left_main  div.information  div.button {
	float: left;
	width: 100px;
	margin: 0 0 0 10px;
}

/*基本情報 テーブル*/

.dual#CONTENTS  div.main_content  div.left_main  div.information  table.typeA {
	width: 100%;
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
	border-width: 1px 0 0 1px;
}

.dual#CONTENTS  div.main_content  div.left_main  div.information  table.typeA  th {
	padding: 6px;
	background-color: #F6F6F6;
	border: 1px solid #CCCCCC;
	border-width: 0 1px 1px 0;
	text-align: left;
	width: 108px;
	vertical-align: top;
}

.dual#CONTENTS  div.main_content  div.left_main  div.information  table.typeA  th  h4 {
	font-weight: bold;
}

.dual#CONTENTS  div.main_content  div.left_main  div.information  table.typeA  td {
	padding: 6px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-width: 0 1px 1px 0;
	vertical-align: top;
}

.dual#CONTENTS  div.main_content  div.left_main  div.information  table.typeA  span.note {
	color: #666666;
}

/*詳細情報*/

.dual#CONTENTS  div.main_content  div.left_main  div.detail {
	width: 770px;
}

/*詳細情報 タブ*/

.dual#CONTENTS  div.main_content  div.left_main  div.detail  ul.detail_tab {
	width: 770px;
	margin: 0;
	padding: 0;
}

.dual#CONTENTS  div.main_content  div.left_main  div.detail  ul.detail_tab  li {
	float: left;
	margin: 0 0 0 1px;
	padding: 0;
	width: 147px;
	text-align: center;
	background-color: #F6F6F6;
	border-top: 2px solid #BBBBBB;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

.dual#CONTENTS  div.main_content  div.left_main  div.detail  ul.detail_tab  li.current {
	padding: 5px;
}

.dual#CONTENTS  div.main_content  div.left_main  div.detail  ul.detail_tab  li.current  h3 {
	font-weight: bold;
}

.dual#CONTENTS  div.main_content  div.left_main  div.detail  ul.detail_tab  li.first_element {
	margin: 0;
}

.dual#CONTENTS  div.main_content  div.left_main  div.detail  ul.detail_tab  li  a {
	display: block;
	margin: 0;
	padding: 5px;
	width: 137px;
}

.dual#CONTENTS  div.main_content  div.left_main  div.detail  div.detail_tab_line {
	width: 770px;
	height: 2px;
}

.dual#CONTENTS  div.main_content  div.left_main  div.detail  div.detail_lead_line {
	width: 770px;
	height: 3px;
}

/*条件指定*/

.dual#CONTENTS  div.main_content  div.left_main  div.detail  div.detail_limit {
	width: 770px;
	margin: 0;
	padding: 10px 0;
}

.dual#CONTENTS  div.main_content  div.left_main  div.detail  div.detail_limit  .solid {
	width: 752px;
	margin: 0 9px;
	padding: 0;
}

.dual#CONTENTS  div.main_content  div.left_main  div.detail  div.detail_limit  div.title {
	float: left;
	font-weight: bold;
}

.dual#CONTENTS  div.main_content  div.left_main  div.detail  div.detail_limit  ul {
	margin: 0;
	padding: 0;
}

.dual#CONTENTS  div.main_content  div.left_main  div.detail  div.detail_limit  ul  li {
	float: left;
}

.dual#CONTENTS  div.main_content  div.left_main  div.detail  div.detail_limit  ul  li  label {
	font-weight: bold;
	margin: 0 0 0 12px;
}

.dual#CONTENTS  div.main_content  div.left_main  div.detail  div.detail_limit  ul  li  select {
	width: 118px;
}

/*カレンダー操作*/

.dual#CONTENTS  div.main_content  div.left_main  div.detail  div.calendar_navi {
	width: 770px;
	margin: 0;
	padding: 10px 0;
}

.dual#CONTENTS  div.main_content  div.left_main  div.detail  div.calendar_navi  .solid {
	width: 752px;
	margin: 0 9px;
	padding: 0;
}

.dual#CONTENTS  div.main_content  div.left_main  div.detail  div.calendar_navi  ul.info {
	float: left;
	width: 490px;
}

.dual#CONTENTS  div.main_content  div.left_main  div.detail  div.calendar_navi  ul.info  li {
	float: left;
	padding: 0 25px 0 0;
}

.dual#CONTENTS  div.main_content  div.left_main  div.detail  div.calendar_navi  ul.info  li  span.red {
	font-weight: bold;
	color: #FF6600;
}

.dual#CONTENTS  div.main_content  div.left_main  div.detail  div.calendar_navi  ul.date {
	float: right;
}

.dual#CONTENTS  div.main_content  div.left_main  div.detail  div.calendar_navi  ul.date  li {
	float: left;
	padding: 0 0 0 8px;
}

/*プランカレンダー テーブル*/
/* 凡例 */

.roomNull {
	font-size: 140%;
}

.roomFull {
	color: #666666;
}

.dual#CONTENTS  div.main_content  div.left_main  div.detail  table.typeB {
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
}

.dual#CONTENTS  div.main_content  div.left_main  div.detail  table.typeB  th, .dual#CONTENTS  div.main_content  div.left_main  div.detail  table.typeB  td {
	border: 1px solid #CCCCCC;
	border-width: 0 1px 1px 0;
}

.dual#CONTENTS  div.main_content  div.left_main  div.detail  table.typeB  th {
	padding: 6px;
	background-color: #FFFDF4;
	width: 9%;
	text-align: center;
	vertical-align: top;
}

.dual#CONTENTS  div.main_content  div.left_main  div.detail  table.typeB  th.head2, .dual#CONTENTS  div.main_content  div.left_main  div.detail  table.typeB  th.price {
	width: 12%;
}

.dual#CONTENTS  div.main_content  div.left_main  div.detail  table.typeB  th.head {
	background-color: #FFFDF4;
	width: 28%;
	text-align: center;
}

.dual#CONTENTS  div.main_content  div.left_main  div.detail  table.typeB  th.linehead {
	background-color: #F6F6F6;
	width: 31%;
	text-align: left;
}

.dual#CONTENTS  div.main_content  div.left_main  div.detail  table.typeB  th.linehead2 {
	background-color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
}

.dual#CONTENTS  div.main_content  div.left_main  div.detail  table.typeB  span.link {
	display: inline;
}

.dual#CONTENTS  div.main_content  div.left_main  div.detail  table.typeB  td {
	padding: 6px 2px;
	text-align: center;
}

.dual#CONTENTS  div.main_content  div.left_main  div.detail  table.typeB  div  span {
	display: block;
	padding-top: 0.5em;
}

.dual#CONTENTS  div.main_content  div.left_main  div.detail  table.typeB  td  div  p.roomEmpty, .dual#CONTENTS  div.main_content  div.left_main  div.detail  table.typeB  td  div  p.roomLittle, .dual#CONTENTS  div.main_content  div.left_main  div.detail  table.typeB  td  div  p.roomFull {
	padding-bottom: 0 !important;
}

.dual#CONTENTS  div.main_content  div.left_main  div.detail  table.typeB  th.satCOL {
	background-color: #E5F0FF !important;
}

.dual#CONTENTS  div.main_content  div.left_main  div.detail  table.typeB  td.satCOL {
	background-color: #E5F0FF;
}

.dual#CONTENTS  div.main_content  div.left_main  div.detail  table.typeB  th.sunCOL {
	background-color: #FFE5E5 !important;
}

.dual#CONTENTS  div.main_content  div.left_main  div.detail  table.typeB  td.sunCOL {
	background-color: #FFE5E5;
}

/* anchor */

.dual#CONTENTS  div.main_content  div.left_main  div.detail  table.typeB  tbody  td  div  p  a:hover {
	color: #000066;
}

/* 曜日 */

.sat {
	color: #0066FF;
}

.sun {
	color: #FF0000;
}

.dual#CONTENTS  div.main_content  div.left_main  div.detail  table.typeB  th  div.note {
	color: #666666;
}

/*ページ内アンカーリンク*/

.dual#CONTENTS  div.main_content  div.left_main  div.detail  div.subNavi {
	margin: 0;
	padding: 0x;
	width: 770px;
}

.dual#CONTENTS  div.main_content  div.left_main  div.detail  div.subNavi  .inner {
	margin: 0;
	padding: 5px 5px 4px;
	* padding: 5px 5px 0; /*IE適用*/
}

.dual#CONTENTS  div.main_content  div.left_main  div.detail  div.subNavi  ul.link {
	float: left;
	margin: 0;
	padding: 0;
	width: 620px;
}

.dual#CONTENTS  div.main_content  div.left_main  div.detail  div.subNavi  li {
	float: left;
	margin: 0 0 0 8px;
	padding: 0;
}

.dual#CONTENTS  div.main_content  div.left_main  div.detail  div.subNavi  div.button {
	float: right;
	margin: 0;
	padding: 0;
	width: 116px;
}

.dual#CONTENTS  div.main_content  div.left_main  div.detail  div.subNavi  li.first_element {
	margin: 0;
}

/*詳細情報 テーブル*/

.dual#CONTENTS  div.main_content  div.left_main  div.detail  table.typeC {
	width: 100%;
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
	border-width: 1px 0 0 1px;
}

.dual#CONTENTS  div.main_content  div.left_main  div.detail  table.typeC  th {
	padding: 6px;
	background-color: #F6F6F6;
	border: 1px solid #CCCCCC;
	border-width: 0 1px 1px 0;
	text-align: left;
	width: 108px;
	vertical-align: top;
}

.dual#CONTENTS  div.main_content  div.left_main  div.detail  table.typeC  th  h4 {
	font-weight: bold;
}

.dual#CONTENTS  div.main_content  div.left_main  div.detail  table.typeC  td {
	padding: 6px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-width: 0 1px 1px 0;
	vertical-align: top;
	vertical-align: top;
}

.dual#CONTENTS  div.main_content  div.left_main  div.detail  table.typeC  span.note {
	color: #666666;
}

.dual#CONTENTS  div.main_content  div.left_main  div.detail  table.typeC  td  div.photo {
	float: left;
	width: 180px;
	margin: 0 5px 0 0;
}

/*詳細情報 写真*/

.dual#CONTENTS  div.main_content  div.left_main  div.detail  div.item_left {
	float: left;
	width: 380px;
}

.dual#CONTENTS  div.main_content  div.left_main  div.detail  div.item_right {
	float: right;
	width: 380px;
}

.dual#CONTENTS  div.main_content  div.left_main  div.detail  table.item {
	width: 380px;
}

.dual#CONTENTS  div.main_content  div.left_main  div.detail  table.item  td.photo {
	width: 165px;
}

.dual#CONTENTS  div.main_content  div.left_main  div.detail  table.item  td.top {
	width: 215px;
	vertical-align: top;
}

.dual#CONTENTS  div.main_content  div.left_main  div.detail  table.item  td.top  p.title {
	font-weight: bold;
}

.dual#CONTENTS  div.main_content  div.left_main  div.detail  table.item  td.bottom {
	width: 215px;
	vertical-align: bottom;
}

/*ライトエリア サブコンテンツ*/

.dual#CONTENTS  div.main_content  div.right_sub {
	float: right;
	width: 190px;
	padding: 0 0 11px;
}

/*ライトエリア*/

.dual#CONTENTS  div.main_content  div.right_sub  div.h3 {
	padding: 2px 10px;
}

.dual#CONTENTS  div.main_content  div.right_sub  div.h3  h3 {
	font-weight: bold;
	padding: 4px 0;
}

.dual#CONTENTS  div.main_content  div.right_sub  div.campaign_banner  div.content {
	padding: 0 11px;
}

.dual#CONTENTS  div.main_content  div.right_sub  div.hotel  div.content {
	padding: 0 6px;
}

.dual#CONTENTS  div.main_content  div.right_sub  div.content  h4 {
	padding: 3px 0 0;
	font-weight: bold;
}

.dual#CONTENTS  div.main_content  div.right_sub  div.content  h4.h4_line {
	padding: 0 0 3px;
}

/*見比べリスト*/

.dual#CONTENTS  div.right_sub  div.h2_link {
	padding: 5px 10px 4px;
	width: 170px;
}

.dual#CONTENTS  div.right_sub  div.h2_link  h2.left {
	padding: 0 5px;
	font-weight: bold;
	float: left;
	width: 80px;
}

.dual#CONTENTS  div.right_sub  div.h2_link  div.right {
	margin: 0;
	padding: 0;
	float: right;
	width: 60px;
	text-align: right;
}

.dual#CONTENTS  div.right_sub  div.h2_link  div  a {
	color: #FFFFFF;
}

.dual#CONTENTS  div.right_sub  div.content  div.hotel {
	padding: 1px 1px 0;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	width: 164px;
}

.dual#CONTENTS  div.right_sub  div.content  div.hotel  div.photo {
	float: left;
	width: 55px;
	margin-top: 1px;
}

.dual#CONTENTS  div.right_sub  div.content  div.hotel  div.text {
	float: right;
	width: 105px;
	margin-top: 1px;
}

.dual#CONTENTS  div.right_sub  div.content  div.hotel  div.text  p.price {
	font-weight: bold;
	color: #CC0000;
	display: block;
}

.dual#CONTENTS  div.right_sub  div.content  div.hotel  div.text  p.explain {
	color: #666666;
}

/*h2*/

.dual#CONTENTS  div.main_content  div.h2 {
	padding: 5px 10px;
}

.dual#CONTENTS  div.main_content  div.h2  h2 {
	padding: 0 5px;
	font-weight: bold;
}

/*h3*/

.dual#CONTENTS  div.right_sub  div.content  div.hotel  div.h3_hotel {
	padding: 2px 5px !important;
}

.dual#CONTENTS  div.right_sub  div.content  div.hotel  div.h3_hotel  h3 {
	float: left;
	width: 140px;
}

.dual#CONTENTS  div.right_sub  div.content  div.hotel  div.h3_hotel  div.button {
	float: right;
	width: 12px;
}

.dual#CONTENTS  div.right_sub  div.content  div.hotel  div.h3_hotel  h3  a {
	font-weight: bold !important;
}

/*イメージ オンマウス*/

a.photo-anc:hover {
	position: relative;
	top: 1px;
	left: 1px;
}

/* css Hack for Safari ／ カレンダー「○」表記
【重要！！  ： cssファイル末尾に配置 】
-------------------------------------------------- */

.roomEmpty, a.roomEmpty, a.roomEmpty:hover, a.roomEmpty:visited {
	font-size: 140% !important;
	line-height: 120% !important;
}

/*【重要！！  ： この下に追記しない 】 */