@charset "utf-8";
@import "normalize.css";
@import "common.css";
/* /////////////////////////////////////////////////////////
	お部屋
///////////////////////////////////////////////////////// */

/* ====================================
	glovalNavi
==================================== */
#glovalNavi .c2 a{ 
	background-position:-180px -43px;
}

/* ====================================
	page-title
==================================== */
#page-title{
	background:url(../room/images/page-title.png) no-repeat;
	margin:0 auto 20px auto;
}

/* ====================================
	room
==================================== */
#room{
	width:760px;
}
#room #type p{
	font-size:120%;
	font-weight:bolder;
	margin-bottom:10px;
}
#room #type ul{
	width:760px;
	height:49px;
	margin-bottom:30px;
}
#room #type ul li{
	float:left;
}
/*
#room #type ul .r1{width:209px}
#room #type ul .r2{width:206px;}
#room #type ul .r3{width:172px;}
#room #type ul .r4{width:173px;}
*/
#room #type ul .r1{width:191px}
#room #type ul .r2{width:190px;}
#room #type ul .r3{width:190px;}
#room #type ul .r4{width:189px;}

#room #type ul li a{
	height:0px;
	padding-top:49px;
	display:block;
	overflow:hidden;
	background:url(../room/images/room-type.png) no-repeat;
}
	/*
	#room #type ul .r1 a{
		background-position:0 0;
	}
	#room #type ul .r1 a:hover{
		background-position:0 -49px;
	}
	
	#room #type ul .r2 a{
		background-position:-209px 0;
	}
	#room #type ul .r2 a:hover{
		background-position:-209px -49px;
	}
	
	#room #type ul .r3 a{
		background-position:-415px 0;
	}
	#room #type ul .r3 a:hover{
		background-position:-415px -49px;
	}
	
	#room #type ul .r4 a{
		background-position:-587px 0;
	}
	#room #type ul .r4 a:hover{
		background-position:-587px -49px;
	}
	*/
	#room #type ul .r1 a{
		background-position:0 0;
	}
	#room #type ul .r1 a:hover{
		background-position:0 -49px;
	}
	
	#room #type ul .r2 a{
		background-position:-191px 0;
	}
	#room #type ul .r2 a:hover{
		background-position:-191px -49px;
	}
	
	#room #type ul .r3 a{
		background-position:-381px 0;
	}
	#room #type ul .r3 a:hover{
		background-position:-381px -49px;
	}
	
	#room #type ul .r4 a{
		background-position:-571px 0;
	}
	#room #type ul .r4 a:hover{
		background-position:-571px -49px;
	}
	
/* 共通 */
#room #single-a,
#room #single-b,
#room #double,
#room #twin{
	width:760px;
}
#room #single-a,
#room #single-b,
#room #double{
	margin-bottom:80px;
}

/* 共通 text */
#room #single-a .text,
#room #single-b .text,
#room #double .text,
#room #twin .text{
	margin-bottom:10px;
}

#room #single-a .text p,
#room #single-b .text p,
#room #double .text p,
#room #twin .text p{
	width:540px;
	color:#292b22;
	font-weight:bolder;
	float:left;
}
#room #single-a .text .reserve,
#room #single-b .text .reserve,
#room #double .text .reserve,
#room #twin .text .reserve{
	width:217px;
	float:right;
}
#room #single-a .text .reserve a,
#room #single-b .text .reserve a,
#room #double .text .reserve a,
#room #twin .text .reserve a{
	height:0px;
	padding-top:46px;
	display:block;
	overflow:hidden;
	background:url(../room/images/reserve-btn.png) 0 0 no-repeat;
}
	#room #single-a .text .reserve a:hover,
	#room #single-b .text .reserve a:hover,
	#room #double .text .reserve a:hover,
	#room #twin .text .reserve a:hover{
		background-position:0 -46px;
	}
	
/* 共通 overview */
#room #single-a .overview dt,
#room #single-b .overview dt,
#room #double .overview dt,
#room #twin .overview dt{
	color:#292b22;
	font-weight:bolder;
	padding-bottom:10px;
	border-bottom:2px solid #292b22;
}

#room #single-a .overview dd,
#room #single-b .overview dd,
#room #double .overview dd,
#room #twin .overview dd{
	background:#EEE;
	border-left:1px solid #d7d7d7;
	border-right:1px solid #d7d7d7;
	border-bottom:1px solid #d7d7d7;
	padding:20px;
}

#room #single-a .overview dd .left,
#room #single-b .overview dd .left,
#room #double .overview dd .left,
#room #twin .overview dd .left{
	width:300px;
	float:left;
}

#room #single-a .overview dd .right,
#room #single-b .overview dd .right,
#room #double .overview dd .right,
#room #twin .overview dd .right{
	width:415px;
	float:right;
}

#room #single-a .overview dd ul li ul li,
#room #single-b .overview dd ul li ul li,
#room #double .overview dd ul li ul li,
#room #twin .overview dd ul li ul li{
	font-size:90%;
	list-style-type:disc;
	list-style-position:inside;
	margin-left:10px;
}


/* single-a */
#room #single-a .headline01{
	background:url(../room/images/headline01.gif) no-repeat;
}

/* single-b */
#room #single-b .headline01{
	background:url(../room/images/headline02.gif) no-repeat;
}

/* double */
#room #double .headline01{
	background:url(../room/images/headline03.gif) no-repeat;
}

/* twin */
#room #twin{
	margin-bottom:20px;
}
#room #twin .headline01{
	background:url(../room/images/headline04.gif) no-repeat;
}

/*=================================
	slides
==================================*/
	
.slides .bx-pager {
	width:162px;
	position:absolute;
	right:25px;
	bottom:20px;
}