@charset "utf-8";

@import url(/ui/d/cs/assets/global/eng/css/common/global.css);
@import url(/ui/d/cs/assets/global/eng/css/common/search-panel.css);
@import url(/ui/d/cs/assets/global/eng/css/pages/hotels/hotels_common.css);



h1{
	margin: 0px 0px 20px 0px;
}

h1 span{
	margin: 0px 0px 0px 0.5em;
	font-size: 67%;
	font-weight: normal;
}



/*=============================================*/
/*search panel*/
/*=============================================*/

/* search panel header */
.searchPanelHeader{
	margin: 0px 0px 2px 0px;
}

.searchPanelHeader p.help{
	float: right;
}

.searchPanelHeader h2{
	float: left;
	font-weight: normal;
	color: #666666;
}



/* search panel */
.searchPanel .box{
	padding: 10px 10px 15px 10px;
	width: 720px;
	background: #fbf5e1 url(/ui/d/cs/assets/global/eng/img/common/searchpanel_bg.png) repeat-x left bottom;
	position: relative;
}

.searchPanel .row{
	padding: 6px 0px;
	width: 720px;
	border-bottom: 1px solid #d3c9b0;
}

.searchPanel .lastRow{
	border-bottom: none;
}

.searchPanel .area dd.itemCont p.areaName{
	margin: 0px 5px 0px 0px;
	padding: 0px 19px 0px 0px;
	background: url(/ui/d/cs/assets/global/eng/img/common/parts_searchpanel.png) no-repeat 100% 0px;
	line-height: 18px;
	cursor: pointer;
}

.searchPanel .area dd.itemCont p.areaName span{
	margin: 0px 0px 0px 5px;
	color: #1b47ff;
	text-decoration: underline;
}

.searchPanel .area dd.itemCont p.areaName span:hover{
	color: #ff5a00;
}

.searchPanel .area dd.itemCont .listbox{
	padding: 5px 10px 10px 10px;
	background-color: #fbf5e1;
	border: 1px solid #d3c9b0;
	position: absolute;
	display: none;
}

.searchPanel .area dd.itemCont .listbox li{
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 7px;
	line-height: 1.1;
}

.searchPanel .area dd.itemCont .listbox p.close{
	margin: 10px 0px 0px 0px;
	text-align: center;
}



.searchPanel .hotelPreferences dd.itemCont{
	padding: 0px 100px 0px 0px;
}

.searchPanel .hotelPreferences dd.itemCont a.showMore{
	display: block;
	float: left;
	white-space: nowrap;
}



.searchPanel p.submitBtn{
	position: absolute;
	right: 10px;
	bottom: 15px;
}

.searchPanel p.help{
	margin: 3px 0px 0px 0px;
	text-align: right;
}

.room-crack-panel {
  top: 0;
  z-index: 1;
  margin: 42px 0 0;
  opacity: 0;
  transition: 0.2s opacity ease-out;
}

/*=============================================*/
/*result list*/
/*=============================================*/

/* result list header */
.resultListHeader{
	margin: 30px 0px 0px 0px;
}

.resultListHeader .top{
	padding: 0px 0px 18px 0px;
	width: 740px;
	background-color: #fafafa;
	position: relative;
}



.resultListHeader .viewSwitch{
	padding: 0px 0px 0px 5px;
	background-color: #ffffff;
	border-bottom: 2px solid #ff7e00;
}

.resultListHeader .viewSwitch dd{
	width: 165px;
	height: 36px;
	float: left;
	position: relative;
	top: 2px;
}

.resultListHeader .viewSwitch dd span,
.resultListHeader .viewSwitch dd a{
	width: 165px;
	height: 36px;
	background: url(/ui/d/cs/assets/global/eng/img/pages/hotels/parts_hotels_01.png) no-repeat 0px 0px;
	display: block;
	overflow: hidden;
}

.resultListHeader .viewSwitch dd.switch01 a{background-position: 0px 0px;}
.resultListHeader .viewSwitch dd.switch01 a:hover{background-position: 0px -36px;}
.resultListHeader .viewSwitch dd.switch02 a{background-position: -165px 0px;}
.resultListHeader .viewSwitch dd.switch02 a:hover{background-position: -165px -36px;}

.resultListHeader .viewSwitch dd.switch01 span{background-position: 0px -72px;}
.resultListHeader .viewSwitch dd.switch02 span{background-position: -165px -72px;}



.resultListHeader .sort{
	position: absolute;
	top: 17px;
	right: -5px;
}

.resultListHeader .sort dt,
.resultListHeader .sort dd{
	display: inline;
}

.resultListHeader .sort dd{
	margin: 0px 0.5em 0px 0px;
	padding: 0px 0px 0px 0.5em;
	border-left: 1px solid #333333;
}

.resultListHeader .sort dd.firstChild{
	border-left: none;
}

.resultListHeader .sort dd span{
	font-weight: bold;
}



.resultListHeader .resultPageControl{
	margin: 5px 0px 0px 0px;
	float: right;
	position: relative;
	left: 0.5em;
	text-align: right;
}

.resultListHeader .resultPageControl dd{
	margin: 0px 0.5em 0px 0px;
	padding: 0px 0px 0px 0.5em;
	border-left: 1px solid #333333;
	display: inline;
}

.resultListHeader .resultPageControl dd.firstChild{
	border-left: none;
}



.resultListHeader p.help{
	padding: 10px 0px 0px 0px;
	clear: both;
	text-align: right;
}



.resultListHeader .referencePrice{
	margin: 10px 0px 0px 0px;
	float: right;
}

.resultListHeader .referencePrice dt{
	padding: 0px 5px 0px 0px;
	float: left;
}

.resultListHeader .referencePrice dd{
	float: left;
}



.resultListHeader h2.resultMsg{
	margin: 10px 0px 0px 0px;
}

.resultListHeader h2.resultMsg span.resultNum{
	margin: 0px 0.2em 0px 0px;
	font-size: 150%;
	font-weight: bold;
	color: #ff5a00;
}

.resultListHeader h2.resultMsg span.engInfoHotelsNum{
	margin: 0px 0.2em 0px 0px;
	font-weight: bold;
	color: #ff5a00;
}



/* english result list article */
.engResultList .resultListArticle{
	margin: 30px 0px 0px 0px;
}

.engResultList .resultListArticle p.header{
	padding: 3px 10px;
	width: 720px;
	background-color: #ffe065;
	font-weight: bold;
}

.engResultList .resultListArticle p.areaText{
	margin: 3px 0px 10px 0px;
	color: #666666;
}



.engResultList .resultListArticle .leftCol{
	width: 222px;
	float: left;
}

.engResultList .resultListArticle .photo{
	width: 222px;
}

.engResultList .resultListArticle .photo li{
	padding: 0px 8px 8px 0px;
	float: left;
}



.engResultList .resultListArticle .rightCol{
	width: 518px;
	float: right;
}

.engResultList .resultListArticle .data01{
	width: 365px;
	float: left;
}

.engResultList .resultListArticle p.hotelName{
	padding: 0px 0.5em 0px 0px;
	float: left;
	font-size: 133%;
	font-weight: bold;
}

.engResultList .resultListArticle p.hotelType{
	margin: 3px 0px 5px 0px;
	float: left;
}

.engResultList .resultListArticle p.ratingStar{
	margin: 0px 0px 10px 0px;
	clear: left;
}

.engResultList .resultListArticle p.hotelInfo{
	padding: 0px 0px 11px 0px;
	background: url(/ui/d/cs/assets/global/eng/img/common/line_dot_666.png) repeat-x left bottom;
}

.engResultList .resultListArticle .access{
	margin: 8px 0px 0px 0px;
}

.engResultList .resultListArticle .supportLang{
	margin: 5px 0px 0px 0px;
}

.engResultList .resultListArticle .access dt,
.engResultList .resultListArticle .supportLang dt{
	margin: 0px 0.5em 0px 0px;
	display: inline;
	font-weight: bold;
}

.engResultList .resultListArticle .access dd,
.engResultList .resultListArticle .supportLang dd{
	display: inline;
}



.engResultList .resultListArticle .data02{
	width: 143px;
	float: right;
	text-align: right;
}

.engResultList .resultListArticle .data02 p.price span{
	margin: 0px 0px 0px 0.5em;
	font-size: 133%;
	font-weight: bold;
	color: #cc0000;
}

.engResultList .resultListArticle .data02 p.currency{
	margin: 3px 0px 0px 0px;
}

.engResultList .resultListArticle .data02 p.detail{
	margin: 3px 0px 0px 0px;
}

.engResultList .resultListArticle .data02 p.detail span{
	color: #cc0000;
}

.engResultList .resultListArticle .data02 .featureIcon{
	margin: 10px 0px 0px 0px;
	width: 136px;
	float: right;
	position: relative;
	left: 4px;
}



.engResultList .resultListArticle .plan{
	padding: 5px 0px 0px 0px;
	width: 518px;
	clear: both;
}

.engResultList .resultListArticle .plan dt.caption{
	padding: 0px 0px 3px 0px;
	border-bottom: 1px solid #cccccc;
}

.engResultList .resultListArticle dt.roomType{
	margin: 5px 0px 0px 0px;
	line-height: 1.2;
}

.engResultList .resultListArticle dt.roomType span.description{
	margin: 0px 0.5em 0px 0px;
	font-weight: bold;
}

.engResultList .resultListArticle dd.planDataArticle{
	margin: 0px 0px 0px 20px;
	padding: 3px 0px 5px 0px;
	background: url(/ui/d/cs/assets/global/eng/img/common/line_dot_ccc.png) repeat-x left bottom;
}

.engResultList .resultListArticle dd.planDataArticle .leftCol{
	width: 330px;
	float: left;
}

.engResultList .resultListArticle dd.planDataArticle p.planName{
	margin: 3px 0px 0px 0px;
	line-height: 1.2;
}

.engResultList .resultListArticle dd.planDataArticle .feature{
	margin: 3px 0px 0px 0px;
}

.engResultList .resultListArticle dd.planDataArticle .feature li{
	margin: 0px 0.5em 0px 0px;
	float: left;
	line-height: 1.2;
	white-space: nowrap;
}

.engResultList .resultListArticle dd.planDataArticle .rightCol{
	width: 168px;
	float: right;
	text-align: right;
}

.engResultList .resultListArticle dd.planDataArticle p.price{
	font-size: 92%;
}

.engResultList .resultListArticle dd.planDataArticle p.price span.priceText{
	margin: 0px 0px 0px 0.3em;
	font-size: 127%;
	font-weight: bold;
}

.engResultList .resultListArticle dd.planDataArticle p.price span.currency{
	margin: 2px 0px 0px 0.5em;
	font-size: 92%;
}

.engResultList .resultListArticle dd.planDataArticle p.detail{
	margin: 2px 0px 0px 0px;
	clear: both;
	font-size: 92%;
}

.engResultList .resultListArticle dd.seeMore{
	margin: 8px 0px 0px 0px;
	font-weight: bold;
}



/* don't have english info message */
p.jpnInfoHeader{
	margin: 30px 0px -10px 0px;
	padding: 50px 0px 0px 0px;
	border-top: 1px solid #666666;
	font-size: 150%;
	font-weight: bold;
	color: #cc0000;
}



/* japanese result list article */
.jpnResultList .resultListArticle{
	margin: 20px 0px 0px 0px;
}

.jpnResultList .resultListArticle p.header{
	padding: 3px 10px;
	width: 720px;
	background-color: #ffe065;
	font-weight: bold;
}

.jpnResultList .resultListArticle p.areaText{
	margin: 3px 0px 10px 0px;
	color: #666666;
}



.jpnResultList .resultListArticle .data01{
	width: 600px;
	float: left;
}

.jpnResultList .resultListArticle p.hotelName{
	padding: 0px 1em 0px 0px;
	float: left;
	font-size: 133%;
	font-weight: bold;
}

.jpnResultList .resultListArticle p.tojpnInfo{
	margin: 3px 0px 10px 0px;
	float: left;
}

.jpnResultList .resultListArticle p.tojpnInfo a{
	margin: 0px 0px 0px 0.3em;
}

.jpnResultList .resultListArticle p.hotelInfo{
	padding: 0px 0px 11px 0px;
	background: url(/ui/d/cs/assets/global/eng/img/common/line_dot_666.png) repeat-x left bottom;
	clear: left;
}

.jpnResultList .resultListArticle .access{
	margin: 8px 0px 0px 0px;
}

.jpnResultList .resultListArticle .access dt{
	margin: 0px 0.5em 0px 0px;
	display: inline;
	font-weight: bold;
}

.jpnResultList .resultListArticle .access dd{
	display: inline;
}



.jpnResultList .resultListArticle .data02{
	width: 140px;
	float: right;
	text-align: right;
}

.jpnResultList .resultListArticle .data02 p.price span{
	margin: 0px 0px 0px 0.5em;
	font-size: 133%;
	font-weight: bold;
	color: #cc0000;
}

.jpnResultList .resultListArticle .data02 p.detail{
	margin: 3px 0px 0px 0px;
}

.jpnResultList .resultListArticle .data02 p.detail span{
	color: #cc0000;
}



/* result list footer */

.mainContentsFooter .resultPageControl{
	padding: 0px 0px 5px 0px;
	float: right;
	position: relative;
	left: 0.5em;
	text-align: right;
}

.mainContentsFooter .resultPageControl dd{
	margin: 0px 0.5em 0px 0px;
	padding: 0px 0px 0px 0.5em;
	border-left: 1px solid #333333;
	display: inline;
}

.mainContentsFooter .resultPageControl dd.firstChild{
	border-left: none;
}

/*----------------------------------------------------------*/
/* map entry																*/
/*----------------------------------------------------------*/

/* ページング */
#search-pagenavi {
	position: relative;
	padding: 0;
	margin: 0 auto;
	width: 950px;
	height: 37px;
	background-color:#FAFAFA;
	/*margin: 20px 0px 1px 0px;*/
	margin: 0px 0px 1px 0px;
	text-align: center;
}

#search-pagenavi * {
	padding: 0;
	margin: 0;
}

#search-pagenavi a:link {
	text-decoration: underline !important;
	color: #1b47ff; !important;
}

#search-pagenavi a:hover {
	color: #ff7d00 !important;
	text-decoration: underline !important;
}

#search-pagenavi a:visited{
	text-decoration: underline !important;
	color: #9720c9; !important;
}

#search-pagenavi p {
	font-size: 100%;
	line-height: 1em;
}
	#search-pagenavi p.noresult {
	padding-top: 3px;
	font-weight: bold;
}
#search-pagenavi p.page {
	position: absolute;
	top: 3px;
	left: 362px;
	width: 205px;
	font-weight: bold;
}
#search-pagenavi p.page strong {
	color: #FF6600;
}
#search-pagenavi p.back {
	position: absolute;
	top: 7px;
	left: 259px;
	width: 107px;
	text-align: left;
}
#search-pagenavi p.next {
	position: absolute;
	top: 7px;
	left: 566px;
	width: 107px;
	text-align: left;
}
#search-pagenavi p.back span {
	padding-right: 18px;
	position: relative;
	top: -4px;
	white-space: nowrap;
}
#search-pagenavi p.next span {
	padding-left: 18px;
	position: relative;
	top: -4px;
	white-space: nowrap;
}
#search-pagenavi p.back img,
#search-pagenavi p.next img {
	vertical-align: text-bottom;
}

/* ページボディ */
#search-body {
	margin: 0 auto;
	padding: 0px;
	width: 950px;
	height: 533px;
	position:relative;
	text-align: left;
}

#search-body * {
	padding: 0;
	margin: 0;
}

#search-body a:link {
	text-decoration: underline !important;
	color: #1b47ff; !important;
}

#search-body a:hover {
	color: #ff7d00 !important;
	text-decoration: underline !important;
}

#search-body a:visited{
	text-decoration: underline !important;
	color: #9720c9; !important;
}

#search-body p {
	font-size: 100%;
	line-height: 1.4em;
}

#search-body div.map{
	background: #FFFFFF url(/ui/d/cs/uw/images/map_icn_loading.gif) no-repeat 331px 236px;
	position:absolute;
	top: 0;
	left: 0;
	width: 685px;
	height: 495px;
}

#search-body div.map div.mapObj {
	width: 685px;
	margin-bottom: 4px;
}

#search-body div.map p.link {
	text-align: right;
}

#search-body div.nolist{
	position:absolute;
	top: 0;
	left: 695px;
	width: 255px;
	height: 498px;
	text-align: center;
	background-color: #EEEEEE;
}

#search-body div.nolist strong {
	color: #FF6600;
	padding-top: 230px;
	display: block;
}

#search-body div.list{
	background: #FFFFFF url(/ui/d/cs/uw/images/map_icn_loading.gif) no-repeat 106px 236px;
	position:absolute;
	top: 0;
	left: 695px;
	width: 254px;
	height: 498px;
	overflow: hidden;
	z-index: 1;
}

#search-body div.list h4{
	padding: 8px 0px 0px 0px;
	display: block;
	width: 255px;
	height: 29px;
	border-top: #CCCCCC 1px solid;
	font-weight: bold;
}

#search-body div.list h4 span#list-pagenavi{
	padding: 0px 3px;
}

#search-body div.list h4 strong {
	color: #FF6600;
	font-size: 140%;
}

#search-body div.list div.listObj {
	position:relative;
	width: 255px;
	height: 459px;
	overflow: auto;
}

#resultList {
	position:absolute;
	top: 0;
	left: 0;
	width: 230px;
	height: 459px;
}

#listresult-0 { border-top: solid 1px #FFA600; background-color: #FFFFFF; }
#listresult-1 { border-top: solid 1px #FFA600; background-color: #FFFFFF; }
#listresult-2 { border-top: solid 1px #FFA600; background-color: #FFFFFF; }
#listresult-3 { border-top: solid 1px #FFA600; background-color: #FFFFFF; }
#listresult-4 { border-top: solid 1px #FFA600; background-color: #FFFFFF; }
#listresult-5 { border-top: solid 1px #FFA600; background-color: #FFFFFF; }
#listresult-6 { border-top: solid 1px #FFA600; background-color: #FFFFFF; }
#listresult-7 { border-top: solid 1px #FFA600; background-color: #FFFFFF; }
#listresult-8 { border-top: solid 1px #FFA600; background-color: #FFFFFF; }
#listresult-9 { border-top: solid 1px #FFA600; background-color: #FFFFFF; }
#listresult-10 { border-top: solid 1px #FFA600; background-color: #FFFFFF; }
#listresult-11 { border-top: solid 1px #FFA600; background-color: #FFFFFF; }
#listresult-12 { border-top: solid 1px #FFA600; background-color: #FFFFFF; }
#listresult-13 { border-top: solid 1px #FFA600; background-color: #FFFFFF; }
#listresult-14 { border-top: solid 1px #FFA600; background-color: #FFFFFF; }
#listresult-15 { border-top: solid 1px #FFA600; background-color: #FFFFFF; }
#listresult-16 { border-top: solid 1px #FFA600; background-color: #FFFFFF; }
#listresult-17 { border-top: solid 1px #FFA600; background-color: #FFFFFF; }
#listresult-18 { border-top: solid 1px #FFA600; background-color: #FFFFFF; }
#listresult-19 { border-top: solid 1px #FFA600; background-color: #FFFFFF; }
#listresult-20 { border-top: solid 1px #FFA600; background-color: #FFFFFF; }
#listresult-21 { border-top: solid 1px #FFA600; background-color: #FFFFFF; }
#listresult-22 { border-top: solid 1px #FFA600; background-color: #FFFFFF; }
#listresult-23 { border-top: solid 1px #FFA600; background-color: #FFFFFF; }
#listresult-24 { border-top: solid 1px #FFA600; background-color: #FFFFFF; }
#listresult-25 { border-top: solid 1px #FFA600; background-color: #FFFFFF; }
#listresult-26 { border-top: solid 1px #FFA600; background-color: #FFFFFF; }
#listresult-27 { border-top: solid 1px #FFA600; background-color: #FFFFFF; }
#listresult-28 { border-top: solid 1px #FFA600; background-color: #FFFFFF; }
#listresult-29 { border-top: solid 1px #FFA600; background-color: #FFFFFF; }
#listresult-30 { border-top: solid 1px #FFA600; background-color: #FFFFFF; }

#resultList div.pack {
	border-bottom: solid 1px #FFA600;
	padding-top: 9px;
	padding-bottom: 7px;
	width: 230px;
}

#loadingList {
	background: #FFFFFF url(/ui/d/cs/uw/images/map_icn_loading.gif) no-repeat 106px 218px;
	width: 230px;
	height: 459px;
	text-indent: -999px;
	overflow: hidden;
	display: none;
}

#resultList div.heading {
	padding-bottom: 10px;
}

#resultList div.heading p.image {
	float: left;
	margin-right:5px;
	width: auto;
}

#resultList div.heading p.name {
	padding-right: 28px;
}

#resultList div.heading p.name a{
}

#resultList div.heading p.name img{
	margin-top: 4px;
}

#resultList p.period,
#resultList p.price {
	margin-bottom: 5px;
}

#resultList p.exp {
	margin-bottom: 7px;
}

#resultList p.link {
	text-align: right;
}

#resultList p.link a,
#resultList p.link a:link,
#resultList p.link a:hover,
#resultList p.link a:visited {
	text-decoration: none !important;
}

#resultList p.nolink {
}

#search-pagenavi p.page strong {
	color: #FF6600;
}