@charset "UTF-8";


/*
	--------------------------
	hotel.css
	modefied: 2013.9.29
	--------------------------
*/



/* -----------------------------
	共通
------------------------------ */



/* -----------------------------
	個別ページ
------------------------------ */

#mainContent h2 {
	position: relative;
	width: 650px;
	margin: 0 0 20px 0;
	padding: 18px 0 14px 0;
	background: #fff url(../../common/img/h_line_01.png) no-repeat;
}

#mainContent h2 span {
	display: block;
	padding: 0 0 0 57px;
	background: url(../../common/img/h_ico_tour_01.png) no-repeat 13px 2px;
	color: #001352;
	font-size: 125%;
	line-height: 1.5;
	font-weight: bold;
}

#mainContent .section {
	width: 610px;
	margin: 20px 0 0 0;
	padding: 0 20px 20px 20px;
	background: #fff;
}

#mainContent .section h3 {
	position: relative;
	width: 662px;
	margin: 0 -26px 15px -26px;
}

#mainContent .section .icoOption {
	vertical-align: middle;
	line-height: 1;
}

#mainContent h2 span.localName {
	background: none;
	font-size: 87.5%;
	line-height: 1.286;
}

#mainContent h2 span.address {
	background: none;
	margin: 3px 0 0 0;
	color: #444444;
	font-size: 75%;
	font-weight: normal;
}



/*	cover
------------------------------ */

#cover {
	width: 650px;
	margin: 20px 0 0 0;
	padding: 0 0 30px 0;
	background: #fff;
}

#cover #mvImg {
	position: relative;
	width: 650px;
	height: 400px;
}

#cover #mvImg ul li {
	position: absolute;
	width: 650px;
	height: 400px;
	z-index: 1;
	filter: alpha(opacity=0);
	opacity: 0;
}

#cover #mvImg ul li.current {
	z-index: 2;
	filter: alpha(opacity=100);
	opacity: 1;
}

#cover #mvNav {
	position: relative;
	width: 650px;
	height: 0;
	z-index: 10;
}

#cover #mvNav ul {
	position: absolute;
	width: 650px;
	height: 61px;
	bottom: 10px;
	text-align: center;
}

#cover #mvNav ul li {
	display: inline;
	display: inline-block;
	vertical-align: middle;
	padding: 3px;
	cursor: pointer;
}

#cover #mvNav ul li.thumbnail:hover {
	background: #fff;
	background: rgba(255,255,255,0.7);
}

#cover #mvNav ul li.thumbnail.current {
	background: #fff;
}

#cover #mvNav ul li img {
	display: block;
}

#cover #mvNav ul li.prev,
#cover #mvNav ul li.next {
	padding: 0;
	background: #fff;
}

#cover #mvNav ul li.prev {
	margin: 0 3px 0 0;
}

#cover #mvNav ul li.next {
	margin: 0 0 0 3px;
}

#cover #mvNav ul li.prev:hover img,
#cover #mvNav ul li.next:hover img {
	filter: alpha(opacity=90);
	opacity: 0.90;
}


#cover p.lead {
	width: 600px;
	/*min-height: 140px;*/
	margin: 15px auto 0 auto;
	font-size: 14px;
	line-height: 35px;
	background: url(../../img/hotel/mv_txt_line.png);
}




/*	アンカーナビ
------------------------------ */

#mainContent .anav ul li {
	float: left;
	width: 130px;
	height: 40px;
	background: #fff;
	text-indent: -9999px;
	white-space: nowrap;
}

#mainContent .anav ul li a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../../img/hotel/anav.png) no-repeat;
}

#mainContent .anav ul li a:hover {
	filter: alpha(opacity=70);
	opacity: 0.70;
}

#mainContent .anav ul li.anav_detail a { background-position: 0px 0px; }
#mainContent .anav ul li.anav_plan a { background-position: -130px 0px; }




/*	ホテル詳細
------------------------------ */

#mainContent #detail h3 {
	margin-bottom: 8px;
}

#detail .data {
	float: left;
	width: 360px;
}

#detail .map {
	float: right;
	width: 230px;
	padding: 12px 0 0 0;
}

#detail .map #gmapContainer {
	width: 230px;
	height: 220px;
}

#detail .map .link {
	padding: 6px 0 0 0;
	font-size: 75%;
	line-height: 1.5;
	text-align: right;
}

#detail .dataTable th,
#detail .dataTable td {
	padding: 9px 0 9px 0;
	background: url(../../common/img/ds_h_01.png) repeat-x;
	font-size: 75%;
	line-height: 1.5;
	vertical-align: top;
}

#detail .dataTable tr:first-child th,
#detail .dataTable tr:first-child td {
	background: none;
}

#detail .dataTable th {
	padding: 9px 5px 9px 5px;
	font-weight: bold;
	text-align: right;
	white-space: nowrap;
}



/*	料金プラン
------------------------------ */

#plan h4 {
	padding: 0 0 5px;
	border-bottom: 2px solid #B6E6FA;
	color: #001554;
	font-size: 87.5%;
	line-height: 1.5;
	font-weight: bold;
}

#plan #selectStayDate {
	padding: 10px 0 0 0;
}

#plan #selectStayDate dl {
	float: left;
	margin: 0 10px 0 0;
}

#plan #selectStayDate dl dt {
	float: left;
	padding: 5px 7px;
	background: #ececec;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
}

#plan #selectStayDate dl dd {
	float: left;
}

#plan #selectStayDate dl dd input {
	width: 94px;
	margin: -1px 0 0 0;
	padding: 3px 6px 3px 6px;
	border: 1px solid #ccc;
	box-shadow: 0 4px 9px 0 rgba(0,0,0,0.1) inset;
	font-size: 12px;
	line-height: 18px;
}

#plan #selectStayDate p.btn {
	float: left;
	margin: -1px 0 0 0;
}

#plan #selectStayDate p.btn input[type=image]:hover {
	filter: alpha(opacity=80);
	opacity: 0.80;
}

#plan .msg {
	padding: 40px 0 12px 0;
	font-size: 87.5%;
	line-height: 1.5;
	font-weight: bold;
	text-align: center;
}

#plan .msg .lead {
	padding: 10px 0 30px 0;
}

#plan .msg .error {
	color: #d83500;
}

#plan .msg .error li {
	margin: 0 0 9px 0;
	line-height: 1.285;
}

#plan .msg .error li span {
	padding: 1px 0 0 16px;
	background: url(../../common/img/ico_caution.png) no-repeat 0em 0.1em;
}

#plan .resultList {
	padding: 12px 0 0 0;
}

#plan .resultList .condition {
	background: #edf9fe;
	padding: 3px 9px 3px 9px;
	font-size: 75%;
	line-height: 1.5;
	font-weight: bold;
}

#plan .result {
	padding: 25px 0 20px 0;
}

#plan .result div.head {
	position: relative;
	width: 610px;
	background: url(../../common/img/h_line_03.png) no-repeat left bottom;
}

#plan .result p.name {
	width: 475px;
	padding: 0 0 6px 3px;
	font-size: 100%;
	line-height: 1.5;
	font-weight: bold;
}

#plan .result ul.meal {
	position: absolute;
	bottom: 9px; right: 0;
	width: 124px;
}

#plan .result ul.meal li {
	float: left;
	width: 41px;
}

#plan .result ul.meal li img {
	display: block;
}

#plan .result .summary {
	padding: 12px 0 0 0;
}

#plan .result .summary p.img {
	float: left;
	width: 180px;
	padding: 3px 10px 0 0;
}

#plan .result .summary .data_01 {
	float: left;
	width: 295px;
	background: url(../../common/img/ds_v_01.png) repeat-y right top;
}

#plan .result .summary .data_02 {
	float: right;
	width: 114px;
}

#plan .result .summary .data_01 .detail {
	font-size: 75%;
	line-height: 1.333;
}

#plan .result .summary .data_01 .detail dt {
	padding: 0 10px 2px 0;
	font-weight: bold;
}

#plan .result .summary .data_01 .detail dd {
	padding: 0 10px 0 0;
}

#plan .result .summary .data_02 table {
	font-size: 75%;
	line-height: 1.333;
}

#plan .result .summary .data_02 table th {
	padding: 8px 0 4px 0;
	font-weight: bold;
	text-align: center;
}

#plan .result .summary .data_02 table td {
	text-align: center;
}

#plan .result .summary .data_02 table td .price {
	color: #d83400;
	font-size: 150%;
	line-height: 1.333;
	font-weight: bold;
}

#plan .result .summary .data_02 table td .btn {
	padding: 5px 0 0 0;
}

#plan .result .summary .data_02 table td .btn a:hover img {
	filter: alpha(opacity=80);
	opacity: 0.80;
}


#plan .result table.dataTable {
	width: 610px;
	margin: 15px 0 0 0;
	border-bottom: 1px solid #dddddd;
}

#plan .result table.dataTable th,
#plan .result table.dataTable td {
	background: url(../../common/img/ds_h_01.png) repeat-x;
	text-align: center;
}

#plan .result table.dataTable tr.head + tr th,
#plan .result table.dataTable tr.head + tr td {
	background-image: none;
}

#plan .result table.dataTable tr.head th {
	background: #ededed;
	font-weight: bold;
}

#plan .result table.dataTable th {
	padding: 3px 5px;
	font-size: 75%;
	line-height: 1.5;
}

#plan .result table.dataTable td {
	padding: 6px 5px;
	font-size: 87.5%;
	line-height: 1.5;
}




/*	お申込みはこちら
------------------------------ */

/* お申し込みにあたってのご案内 --- */

#apply .notification {
	margin: 20px 0 0 0;
	padding: 14px 20px 18px;
	background: #e7e7e7;
	border-radius: 3px;
}

#apply .notification h4 {
	border-bottom: 1px solid #fff;
	font-size: 100%;
	font-weight: bold;
}

#apply .notification h4 span {
	display: block;
	padding: 0 0 8px 0;
	border-bottom: 1px solid #d2d2d2;
	font-size: 87.5%;
	line-height: 1.5;
	font-weight: bold;
}

#apply .notification p.txt {
	padding: 1em 0 0 0;
	font-size: 75%;
	line-height: 1.5;
}

#apply .notification p.txt a {
	text-decoration: underline;
}

#apply .notification p.txt strong.caution {
	color: #ff2626;
}




/* -----------------------------
	一覧ページ
------------------------------ */

/*	タイトル
------------------------------ */

#title {
	margin: 0 0 20px 0;
}

#title h2 {
	position: relative;
	width: 950px;
	padding: 16px 0 10px 0;
	background: #fff url(../../common/img/h_line_01.png) no-repeat;
}

#title h2 span {
	display: block;
	padding: 0 0 0 57px;
	background: url(../../common/img/h_ico_tour_01.png) no-repeat 13px 2px;
	color: #001352;
	font-size: 125%;
	line-height: 1.5;
	font-weight: bold;
}


/*	絞り込み
------------------------------ */

#filter {
	position: relative;
	width: 910px;
	padding: 20px 20px 20px 20px;
	background: #fff;
	box-shadow: 0 1px 4px 0 rgba(192,192,192,0.4) inset;
}

#filter .head p {
	margin: -5px 0 -4px 0;
	font-size: 87.5%;
	line-height: 1.286;
	font-weight: bold;
}

#filter .row {
	position: relative;
	width: 910px;
	padding: 14px 0 0 0;
}

#filter .row + .row {
	margin: 12px 0 0 0;
	padding: 14px 0 0 0;
	background: url(../../common/img/ds_h_01.png) repeat-x;
}

#filter dl {
	float: left;
	margin: 0 10px 0 0;
	background: #ececec;
}

#filter dl dt {
	float: left;
	padding: 5px 7px;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
}

#filter dl dd {
	float: left;
}

#filter dl dd select {
	padding: 1px 0 1px 4px;
	border: 1px solid #ccc;
	box-shadow: 1px 0 0 0 rgba(0,0,0,0.2) inset,
	0 5px 10px 0 rgba(0,0,0,0.1) inset;
	font-size: 14px;
	line-height: 18px;
}
#filter dl.country dd select { width: 115px; }
#filter dl.area dd select { width: 185px; }

#filter p.keyword input {
	width: 175px;
	padding: 1px 6px 1px 6px;
	border: 1px solid #ccc;
	box-shadow: 1px 0 0 0 rgba(0,0,0,0.2) inset,
	0 5px 10px 0 rgba(0,0,0,0.1) inset;
	font-size: 14px;
	line-height: 18px;
}

#filter p.keyword:first-child input {
	width: 500px;
}

#filter dl dd input {
	width: 110px;
	padding: 1px 6px 1px 6px;
	border: 1px solid #ccc;
	box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1) inset;
	font-size: 14px;
	line-height: 18px;
}

#filter p.tbd {
	padding: 4px 0 0 0;
	font-size: 12px;
	line-height: 1.5;
	font-weight: bold;
}

#filter p.tbd input {
	margin: 0 3px 0 0;
}

#filter p.btn {
	position: absolute;
	top: 12px; right: 140px;
}

#filter p.clear {
	position: absolute;
	top: 12px; right: 18px;
}

#filter p input[type=image]:hover {
	filter: alpha(opacity=80);
	opacity: 0.80;
}


/* 該当件数 */
#title .resultCount {
	float: left;
	margin: 0 0 -20px 0;
	padding: 13px 0 8px 0;
	font-size: 75%;
	line-height: 1.5;
	vertical-align: bottom;
}

#title .resultCount span {
	color: #d23f10;
	font-size: 133%;
	font-weight: bold;
}

/* 注釈 */
#title .note {
	float: right;
	margin: 0 0 -20px 0;
	padding: 13px 0 13px 0;
	font-size: 75%;
	line-height: 1.5;
	vertical-align: bottom;
}



/*	一覧
------------------------------ */

#hotelList {
}

#hotelList .hotel {
	position: relative;
	width: 620px;
	margin: 0 0 20px 0;
	padding: 15px 15px 15px 15px;
	background: #fff;
}

#hotelList .hotel .images {
	float: left;
	width: 200px;
}

#hotelList .hotel .images p.term {
	padding: 4px 4px 0 4px;
	font-size: 62.5%;
	line-height: 1.5;
}

#hotelList .hotel .texts {
	float: right;
	width: 405px;
	padding: 0 0 5px 0;
}

#hotelList .hotel div.head {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	background: url(../../common/img/list_h_line_01.png) no-repeat left bottom;
}

#hotelList .hotel h3 {
	color: #001352;
	font-size: 113%;
	line-height: 1.389;
}

#hotelList .hotel h3 span {
	display: block;
	padding: 0 0 0 28px;
	background: url(../../common/img/h_ico_tour_02.png) no-repeat 0em 0.1em;
}

#hotelList .hotel h3 span.localName {
	background: none;
	font-size: 75%;
	line-height: 1.333;
}

#hotelList .hotel h3 span.address {
	background: none;
	color: #444444;
	font-size: 62.5%;
	line-height: 1.5;
	font-weight: normal;
}

#hotelList .hotel .head .grade {
	margin: 5px 0 0 28px;
	font-size: 75%;
	line-height: 1.5;
	font-weight: bold;
}


#hotelList .hotel p.flag {
	position: absolute;
	top: 0px; right: 0px;
}

#hotelList .data_01 {
	float: left;
	width: 225px;
	background: url(../../common/img/ds_v_01.png) repeat-y right top;
}

#hotelList .data_02 {
	float: right;
	width: 165px;
}

#hotelList .data_01 .detail {
	padding: 0 10px 0 2px;
	font-size: 87.5%;
	line-height: 1.5;
}

#hotelList .data_02 table {
	font-size: 75%;
	line-height: 1.333;
}

#hotelList .data_02 table th {
	padding: 8px 0 4px 0;
	font-weight: bold;
	text-align: center;
}

#hotelList .data_02 table td {
	text-align: center;
}

#hotelList .data_02 table td .price {
	color: #d83400;
	font-size: 150%;
	line-height: 1.333;
	font-weight: bold;
}

#hotelList .data_02 table td .btn {
	padding: 5px 0 0 0;
}

#hotelList .data_02 table td .btn a:hover img {
	filter: alpha(opacity=80);
	opacity: 0.80;
}



/* ページング */
#hotelList .paging {
	margin: 0 0 20px 0;
}




/* -----------------------------
	index
------------------------------ */

#hotelIndex {
}


/*	探す
------------------------------ */

#findHotel {
	width: 650px;
	padding: 0 0 20px 0;
	background: #fff;
}


/* 地図から探す ----- */

#hotelIndex #byMap {
	padding: 10px 0 0 0;
}

#hotelIndex #byMap h3 {
	position: relative;
	margin: 0 0 0 -6px;
}

#hotelIndex #areaMap {
	padding: 12px 20px 0 20px;
}

#hotelIndex #byMap .northern {
	float: left;
	width: 394px;
	height: 300px;
	border: 3px solid #dddddd;
}

#hotelIndex #byMap .central {
	float: right;
	width: 194px;
	height: 300px;
	border: 3px solid #dddddd;
}



/* 日付から探す ----- */

#hotelIndex #byDate {
	padding: 20px 0 0 0;
}

#hotelIndex #byDate h3 {
	position: relative;
	margin: 0 0 0 -6px;
}

#hotelIndex #byDate .searchBox {
	width: 560px;
	margin: 10px 0 0 20px;
	padding: 15px 20px 20px 20px;
	border: 5px solid #ededed;
}

#hotelIndex #byDate p.lead {
	font-size: 87.5%;
	line-height: 1.5;
}

#hotelIndex #byDate .byDateBody {
	font-size: 87.5%;
	line-height: 1.5;
}

#hotelIndex #byDate .byDateBody .row {
	padding: 10px 0 5px 0;
}

#hotelIndex #byDate dl {
	float: left;
	margin: 0 10px 0 0;
}

#hotelIndex #byDate dl dt {
	float: left;
	padding: 5px 7px;
	background: #ececec;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
}

#hotelIndex #byDate dl dd {
	float: left;
}

#hotelIndex #byDate dl dd input {
	width: 94px;
	margin: -1px 0 0 0;
	padding: 3px 6px 3px 6px;
	border: 1px solid #ccc;
	box-shadow: 0 4px 9px 0 rgba(0,0,0,0.1) inset;
	font-size: 12px;
	line-height: 18px;
}

#hotelIndex #byDate p input[type=checkbox] {
	position: relative;
	top: -1px;
	margin: 0 3px 0 0;
	border: 1px solid #ccc;
	box-shadow: 0 4px 9px 0 rgba(0,0,0,0.1) inset;
}

#hotelIndex #byDate dl dd select {
	padding: 1px 0 1px 4px;
	border: 1px solid #ccc;
	box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1) inset;
	font-size: 14px;
	line-height: 18px;
}

#hotelIndex #byDate .byDateFoot {
	margin: 15px 0 0 0;
	padding: 12px 0 0 0;
	background: url(../../common/img/ds_h_01.png) repeat-x;
}

#hotelIndex #byDate .error {
	text-align: center;
	color: #d83500;
	font-size: 87.5%;
	line-height: 1.285;
	font-weight: bold;
}

#hotelIndex #byDate .error li {
	margin: 0 0 9px 0;
}

#hotelIndex #byDate .error li span {
	padding: 1px 0 0 16px;
	background: url(../../common/img/ico_caution.png) no-repeat 0em 0.1em;
}

#hotelIndex #byDate .btns {
	position: relative;
	width: 555px;
	margin: 10px 0 0 0;
	padding: 0 0 0 5px;
	text-align: center;
	line-height: 1;
}

#hotelIndex #byDate .btns li {
	vertical-align: middle;
}

#hotelIndex #byDate .btns li input:hover {
	filter: alpha(opacity=80);
	opacity: 0.80;
}

#hotelIndex #byDate .btns li.btnClear {
	position: absolute;
	top: 3px; left: 60px;
}



/* キーワードから探す ----- */

#hotelIndex #byKeyword {
	padding: 20px 0 0 0;
}

#hotelIndex #byKeyword h3 {
	position: relative;
	margin: 0 0 0 -6px;
}

#hotelIndex #byKeyword .searchBox {
	width: 530px;
	margin: 10px 0 0 20px;
	padding: 15px 35px 15px 35px;
	border: 5px solid #ededed;
}

#hotelIndex #byKeyword .searchBox p.keyword {
	float: left;
	width: 365px;
}

#hotelIndex #byKeyword .searchBox p.keyword input {
	width: 345px;
	padding: 6px 6px 5px 6px;
	border: 1px solid #ccc;
	box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1) inset;
	font-size: 14px;
	line-height: 18px;
}

#hotelIndex #byKeyword .searchBox p.btn {
	float: right;
}

#hotelIndex #byKeyword .searchBox p.btn input:hover {
	filter: alpha(opacity=80);
	opacity: 0.80;
}

#hotelIndex #byKeyword .searchBox dl.popular {
	clear: both;
	padding: 4px 0 0 0;
	font-size: 87.5%;
	line-height: 1.5;
}

#hotelIndex #byKeyword .searchBox dl.popular dt {
	display: inline;
	padding: 0 3px 0 0;
}

#hotelIndex #byKeyword .searchBox dl.popular dd {
	display: inline;
}


/* テーマから探す ----- */

#hotelIndex #byTheme {
	padding: 30px 0 0 0;
}

#hotelIndex #byTheme h3 {
	position: relative;
	margin: 0 0 -5px -6px;
	z-index: 1;
}

#hotelIndex #byTheme .list {
	position: relative;
	width: 610px;
	overflow: hidden;
	margin: 0 0 0 20px;
	background: url(../../img/hotel/bytheme_bg_b.png) no-repeat 440px 98%;
	z-index: 2;
}

#hotelIndex #byTheme .list ul {
	width: 630px;
}

#hotelIndex #byTheme .list ul li {
	float: left;
	width: 295px;
	margin: 0 20px 0 0;
}

#hotelIndex #byTheme .list ul li a {
	display: block;
}

#hotelIndex #byTheme .list ul li a:hover {
	filter: alpha(opacity=80);
	opacity: 0.80;
}



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

#hotelIndex #hotelList {
	padding: 18px 0 0 0;
}

#hotelIndex #hotelList .hotelListHead h3 {
	margin: 0 0 10px 0;
	color: #001352;
	padding: 0 0 4px 0;
	background: url(../../common/img/h_line_00.png) no-repeat left bottom;
	font-size: 133%;
	line-height: 1.5;
}

#hotelIndex #hotelList .hotelListHead h3 span {
	display: block;
	padding: 0 0 0 48px;
	background: url(../../common/img/h_ico_recom_01.png) no-repeat 13px 0.05em;
}