/* @override http://www.highnesshotel.co.jp/css/stay.css */

@import "reset.css";
@import "basic.css";
@import "module.css";
@import "layout.css";


#headerArea {
	background: url(../images/stay/bgHeaderStay.png) no-repeat center top;
}

h2.mainTitle {
	background: transparent url(../images/stay/h2Stay.png) no-repeat scroll 0 0;
	height: 45px;
	width: 260px;
	margin: 49px 0 0 8px;
	text-indent: -9999px;
	overflow: hidden;
}

/* stayTop */

#roomType {
	margin: 18px 0 40px 0;
}

#roomType h3.titleH3 {
	margin-bottom: 25px;
}

#roomType h3.titleH3 span {
	background: transparent url(../images/stay/h3RoomType.png) no-repeat scroll 0 0;
	overflow: hidden;
}

#box {
	margin-left: 8px;
}

.roomTypeBox {
	width: 206px;
	margin: 0 19px 40px 0;
}

#roomType #box div.roomTypeBox img {
	height: 151px;
	width: 206px;
}

.rB {
	margin-right: 0;
}

#box .detail h4 a {
	background: transparent no-repeat scroll 0 0;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	margin: 10px 0 3px;
}

#roomType .detail h4#single a {
	background-image: url(../images/stay/h4Single.png);
}

#roomType .detail h4#twin a {
	background-image: url(../images/stay/h4Twin.png);
}

#roomType .detail h4#double a {
	background-image: url(../images/stay/h4Double.png);
}

#roomType .detail h4#exSingle a {
	background-image: url(../images/stay/h4ExSingle.png);
}

#roomType .detail h4#exTwin a {
	background-image: url(../images/stay/h4ExTwin.png);
}

#roomType .detail h4#triple a {
	background-image: url(../images/stay/h4Triple.png);
}  

#stayPlan h2.titleH2 span {
	background: url(../images/home/h2StayPlan.png) no-repeat;
}

#planBox h4 {
	color: #1f2a0a;
}

#planBox h4 a {
	text-decoration: none;
}

#planBox h4 a:visited {
	text-decoration: none;
}

#planBox h4 a:hover {
	text-decoration: underline;
}

#planBox {
	margin-left: -20px;
	width: 680px;
}

.plan {
	float: left;
	width: 320px;
	margin-left: 20px;
	display: inline;
}

#planBox div.photoBox {
	float: left;
	display: inline;
	width: 112px;
	margin-right: 8px;
}


.plan p {
	margin-bottom: 0;
}

#planBox div.detail {
	width: 195px;
	float: right;
	display: inline;
}

.plan {
	width: 320px;	
	display: inline;
	margin-bottom: 25px;
}

#stayTop #roomType .bgBox {
	padding: 7px 12px 7px;
	margin-top: -8px;
}


#stayTop #roomType .bgBox p.btn {
	float: right;
	display: inline;
	width: 175px;
}

p.btn a {
	width: 175px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	height: 26px;
	background: transparent no-repeat scroll 0 0;
	margin-top: 3px;
}

#stayTop #roomType .bgBox p.btn a {
	background-image: url(../images/home/btnPlan.png);
}

#stayTop #roomType .bgBox p.btn a:hover {
	background-position: 0 -28px;
}

#stayTop #roomType .bgBox p {
	float: left;
	width: 440px;
	font-size: 88%;
	margin-bottom: 0;
	display: inline;
}

/* @group service */

#service h3.titleH3 span  {
	background: transparent url(../images/stay/h3Service.png) no-repeat scroll 0 0;
	height: 21px;
	overflow: hidden;
}

#serviceBox.bgBox {
	background: url(../images/contact/backboxBottom.png) no-repeat 0 bottom;
	overflow: hidden;
}

#serviceBox.bgBox {
	background-color: #faf8dd;
	padding: 0;
	margin: 20px 0 30px;
}

.bgBoxInner {	
	background-color: #faf8dd;
	background: url(../images/contact/backboxTop.png) no-repeat 0 top;
	width: 665px;
	padding: 20px 0 20px;
	overflow: hidden;
}

#service div.bgBoxInner div.serviceInner {
	padding: 10px 30px 10px;
}

#service div.border p {
	border-bottom: 1px solid #e9e1b4;
	padding-bottom: 10px;	
}

#service p {
	margin: 0 0 0 3px;
	font-size: 88%;
}

#service h4 {
	height: 14px;
	margin-bottom: 7px;
	text-indent: -9999px;
	overflow: hidden;
	background: transparent no-repeat scroll 0 0;
}

#service #equipment {
	background-image: url(../images/stay/h4Equipment.png);
	width: 106px;
}

#service #amenity {
	background-image: url(../images/stay/h4Amenity.png);
	width: 87px;
}

#service #freeRent {
	background-image: url(../images/stay/h4FreeRent.png);
	width: 109px;
}

#service #massage {
	background-image: url(../images/stay/h4Massage.png);
	width: 81px;
}

#service #laundry {
	background-image: url(../images/stay/h4Laundry.png);
	width: 73px;
}

#service #morningCall {
	background-image: url(../images/stay/h4MorningCall.png);
	width: 122px;
}

#service #cloak {
	background-image: url(../images/stay/h4Cloak.png);
	width: 138px;
}

#service #delivery {
	background-image: url(../images/stay/h4Delivery.png);
	width: 59px;
}

#service #vendingMachine {
	background-image: url(../images/stay/h4VendingMachine.png);
	width: 85px;
}

#service #insideFacilities {
	background-image: url(../images/stay/h4Inside.png);
	width: 72px;
}

#service #outsideFacilities {
	background-image: url(../images/stay/h4Outside.png);
	width: 72px;
}

#service #parking {
	background-image: url(../images/stay/h4Parking.png);
	width: 59px;
}

#service #payment {
	background-image: url(../images/stay/h4Payment.png);
	width: 120px;
}

/* @end service */


/* faq */

#faq #section01 h3 {
	margin-bottom: 12px;
}

#faq #section01 h3.titleH3 span {
	background: transparent url(../images/stay/h3Faq.png) no-repeat scroll 0 0;
	overflow: hidden;
}

h4.titleH4 {
	background: transparent url(../images/stay/h4Faq.png) no-repeat scroll 0 0;
	overflow: hidden;
	margin-bottom: 20px;
}

div.imgSC {
	margin-bottom: 14px;
}

#section01 {
	margin-bottom: 45px;
}

.group00 .left{
	width: 300px;
	border-right: 1px solid #efecc6; 
}

.group00 .right{
	width: 300px;
}

.bgBox li {
	padding-left: 28px;
	margin-bottom: 14px;
}

.bgBox li {
	background: transparent no-repeat scroll 0 0.3em;
	overflow: hidden;
}

.bgBox #no01 {
	background-image: url(../images/stay/no01.png);
		}

.bgBox #no02 {
	background-image: url(../images/stay/no02.png);
	}
	
.bgBox #no03 {
	background-image: url(../images/stay/no03.png);
	}

.bgBox #no04 {
	background-image: url(../images/stay/no04.png);
	}

.bgBox #no05 {
	background-image: url(../images/stay/no05.png);
	}

.bgBox #no06 {
	background-image: url(../images/stay/no06.png);
	}

.bgBox #no07 {
	background-image: url(../images/stay/no07.png);
	}
	
.bgBox #no08 {
	background-image: url(../images/stay/no08.png);
	}
	
.bgBox #no09 {
	background-image: url(../images/stay/no09.png);
	}
	
.bgBox #no10 {
	background-image: url(../images/stay/no10.png);
	}

.bgBox #no11 {
	background-image: url(../images/stay/no11.png);
	}
	
.bgBox #no12 {
	background-image: url(../images/stay/no12.png);
	}

.bgBox #no13 {
	background-image: url(../images/stay/no13.png);
	}

.bgBox #no14 {
	background-image: url(../images/stay/no14.png);
	}
	
.bgBox #no15 {
	background-image: url(../images/stay/no15.png);
	}

.bgBox #no16 {
	background-image: url(../images/stay/no16.png);
	}

.bgBox #no17 {
	background-image: url(../images/stay/no17.png);
	}

.sectionInner {
	background: url(../images/stay/backboxFaq.png) no-repeat 0 22px;
	overflow: hidden;
	width: 664px;
	margin-top: 0;
	margin-right: 0;
}

#faq .group49 {
	margin-bottom: 60px;
}

.sectionInner h5 {
	background: url(../images/stay/dtQ.png) no-repeat 0 center;
	overflow: hidden;
	padding-left: 35px;
}

.sectionInner p.answer {
	background: url(../images/stay/ddA.png) no-repeat 0 0;
	overflow: hidden;
	padding: 7px 40px 0 35px;
	margin-bottom: 0;
}

.backtoTheList a {
	background: transparent url(../images/stay/btnFaq.png) no-repeat scroll 0 0;
	display: block;
	margin-top: 12px;
	overflow: hidden;
	text-indent: -9999px;
	width: 78px;
}

div.backtoTheList p {
	margin-bottom: 0;
} 

.sectionInner span {
	padding-left: 20px;
	text-indent: -9999px;
	display: inline;
	float: left;
	background: transparent no-repeat scroll 0 center;
	overflow: hidden;
}

#faq01 span {
	background-image: url(../images/stay/no01s.png);
}

#faq02 span {
	background-image:url(../images/stay/no02s.png);
}

#faq03 span {
	background-image: url(../images/stay/no03s.png);
}

#faq04 span {
	background-image: url(../images/stay/no04s.png);
}

#faq05 span {
	background-image: url(../images/stay/no05s.png);
}

#faq06 span {
	background-image: url(../images/stay/no06s.png);
}

#faq07 span {
	background-image: url(../images/stay/no07s.png);
}

#faq08 span {
	background-image: url(../images/stay/no08s.png);
}

#faq09 span {
	background-image: url(../images/stay/no09s.png);
}

#faq10 span {
	background-image: url(../images/stay/no10s.png);
}

#faq11 span {
	background-image: url(../images/stay/no11s.png);
}

#faq12 span {
	background-image: url(../images/stay/no12s.png);
}

#faq13 span {
	background-image: url(../images/stay/no13s.png);
}

#faq14 span {
	background-image: url(../images/stay/no14s.png);
}

#faq15 span {
	background-image: url(../images/stay/no15s.png);
}

#faq16 span {
	background-image: url(../images/stay/no16s.png);
}

#faq17 span {
	background-image: url(../images/stay/no17s.png);
}


/* roomType01, roomType02 */

#roomGuide01 {
	padding-top: 30px;
}

#roomGuide01 h3.titleH3, #roomGuide02 h3.titleH3, #roomGuide03 h3.titleH3 {
	background: transparent no-repeat scroll 0 0;
	border: none;
	text-indent: -9999px;
	height: 39px;
	overflow: hidden;
} 

#roomType01 #roomGuide01 h3.titleH3 {
	background-image: url(../images/stay/h3Single.png);
}

#roomType01 #roomGuide02 h3.titleH3 {
	background-image: url(../images/stay/h3ExSingle.png);
}

#roomType01 #roomGuide03 h3.titleH3 {
	background-image: url(../images/stay/h3Double.png);
}

#roomType02 #roomGuide01 h3.titleH3 {
	background-image: url(../images/stay/h3Twin.png);
}

#roomType02 #roomGuide02 h3.titleH3 {
	background-image: url(../images/stay/h3ExTwin.png);
}

#roomType02 #roomGuide03 h3.titleH3 {
	background-image: url(../images/stay/h3Triple.png);
}

div.photoBox {
	float: left;
	display: inline;
	width: 324px;
}

#roomType01 div.bgBox, #roomType02 div.bgBox {
	margin-bottom: 11px;
	padding: 10px 10px 9px 21px;
}

#roomGuide01 div.contBox div.bgBoxIn, #roomGuide02 div.contBox div.bgBoxIn {
	padding: 13px 5px 0 5px;
}

div.boxIn {
	margin-top: 7px;
}

div.boxIn p {
	margin-bottom: 0;
}

div.contBox {
	float: right;
	display: inline;
	width: 321px;
}

#roomType01 div.bgBox h4, #roomType02 div.bgBox h4 {
	background: url(../images/stay/h4RoomData.png) no-repeat;
	width: 149px;
	height: 17px;
	text-indent: -9999px;
	margin-bottom: 4px;
	overflow: hidden;
}

#roomGuide01 dl, #roomGuide02 dl, #roomGuide03 dl {
	margin-bottom: 7px;
}

#roomGuide01 dl dt, #roomGuide02 dl dt, #roomGuide03 dl dt {
	background: transparent no-repeat 0 center;
}

#roomGuide01 dl.tbL dt, #roomGuide02 dl.tbL dt, #roomGuide03 dl.tbL dt {
	text-indent: -9999px;
}

#roomGuide01 dl.tb02 dt, #roomGuide02 dl.tb02 dt, #roomGuide03 dl.tb02 dt {
	text-indent: -9999px;
	margin-bottom: 3px;
}

#roomGuide01 dl.tb02 dd, #roomGuide02 dl.tb02 dd, #roomGuide03 dl.tb02 dd {
	margin-left: 14px;
}

#roomGuide01 dl.tbL dd, #roomGuide02 dl.tbL dd, #roomGuide03 dl.tbL dd {
	margin-left: 66px;
}

#roomGuide01 dl.width, #roomGuide02 dl.width, #roomGuide03 dl.width {
	width: 130px;
}

#roomGuide01 dl.people, #roomGuide02 dl.people, #roomGuide03 dl.people {
	width: 130px;
}

#roomGuide01 dl.price dt, #roomGuide02 dl.price dt, #roomGuide03 dl.price dt {
	background-image: url(../images/stay/dtPrice.png);
	width: 40px;
}

#roomGuide01 dl.people dt, #roomGuide02 dl.people dt, #roomGuide03 dl.people dt {
	background-image: url(../images/stay/dtPeople.png);
	width: 41px;
}

#roomGuide01 dl.width dt, #roomGuide02 dl.width dt, #roomGuide03 dl.width dt {
	background-image: url(../images/stay/dtWidth.png);
	width: 40px;
}

#roomGuide01 dl.bed dt, #roomGuide02 dl.bed dt, #roomGuide03 dl.bed dt {
	background-image: url(../images/stay/dtBed.png);
	width: 60px;
	height: 20px;
}

#roomGuide01 dl.equipment dt, #roomGuide02 dl.equipment dt, #roomGuide03 dl.equipment dt {
	background-image: url(../images/stay/dtEquipment.png);
	width: 65px;
	height: 22px;
}

#roomGuide01 dl.amenity dt, #roomGuide02 dl.amenity dt, #roomGuide03 dl.amenity dt {
	background-image: url(../images/stay/dtAmenity.png);
	width: 69px;
	height: 22px;
}

p.btnInfo a {
	background: transparent url(../images/stay/btnInfo.png) no-repeat 0 0;
	display: block;
	height: 26px;
	width: 321px;
	text-indent: -9999px;
	overflow: hidden;
}

p.btnInfo a:hover{
	background-position: 0 -28px;
}