@charset "utf-8";
/* お部屋 */

#room h1 {
	background-image: url(../../room/images/hl01.gif)
}

#room .article.room {
	padding-bottom: 0;
	border-bottom: none;
	overflow: hidden;
	height: auto;
}

#room #header .article.room .room_list {
	width: 760px;
	height: 102px;
	margin: 0 auto;
	padding: 44px 120px 34px 120px;
	background-color: #464f53;
}

#room.con #description,
#room.con .main_description {
	height: auto;
}

#room.con #container {
	box-shadow: none;
}

/* お部屋一覧 */


#room #container .room ul li {
	height: 180px;
	overflow: hidden;
	display: block;
	padding-bottom: 38px;
	margin-bottom: 38px;
}

#room #room01 {
	border-top: 1px solid #5c5e5a;
	padding-top: 38px;
}

#room #container .room ul li dl,
#room #container .room ul li .introduction {
	width: 330px;
	margin-right: 30px;
}

#room h2 {
	position: relative;
	height: 20px;
	padding-top: 20px;
	background-position: bottom center;
}

#room #container .room ul li .introduction {
	float: left;
	font-size: 0.9em;
}

#room #container .room ul li dl {
	width: 330px;
	float: right;
	margin: 0;
}

#room #container .room ul li img {
	float: left;
}

#room .kana,
#room .floor {
	display: block;
	text-indent: -1000em;
	background-position: center center;
	background-repeat: no-repeat;
}

#room .kana {
	width: 100%;
	height: 10px;
	position: absolute;
	top: 0;
	left: 0;
}

#room dd {
	margin-bottom: 28px;
	font-size: 0.9em;
}

#room #room01 h2 {
	background-image: url(../../room/images/name_room01.gif);
}

#room #room02 h2 {
	background-image: url(../../room/images/name_room02.gif);
}

#room #room03 h2 {
	background-image: url(../../room/images/name_room03.gif);
}

#room #room04 h2 {
	background-image: url(../../room/images/name_room04.gif);
}

#room #room05 h2 {
	background-image: url(../../room/images/name_room05.gif);
}

#room #room06 h2 {
	background-image: url(../../room/images/name_room06.gif);
}

#room #room07 h2 {
	background-image: url(../../room/images/name_room07.gif);
}

#room #room01 .kana {
	background-image: url(../../room/images/kana_room01.gif);
}

/* 振り仮名 */

#room #room01 .kana {
	background-image: url(../../room/images/kana_room01.gif);
}

#room #room02 .kana {
	background-image: url(../../room/images/kana_room02.gif);
}

#room #room03 .kana {
	background-image: url(../../room/images/kana_room03.gif);
}

#room #room04 .kana {
	background-image: url(../../room/images/kana_room04.gif);
}

#room #room05 .kana {
	background-image: url(../../room/images/kana_room05.gif);
}

#room #room06 .kana {
	background-image: url(../../room/images/kana_room06.gif);
}

#room #room07 .kana {
	background-image: url(../../room/images/kana_room07.gif);
}

/* 階 */

#room .floor{
	width: 40px;
	height: 40px;
	margin-bottom: 12px;
}

#room #room01 .floor{
	background-image: url(../../room/images/icon_f1_01.gif);
}

#room #room02 .floor{
	background-image: url(../../room/images/icon_f1_02.gif);
}

#room #room03 .floor{
	background-image: url(../../room/images/icon_f1_03.gif);
}

#room #room04 .floor{
	background-image: url(../../room/images/icon_f1_04.gif);
}

#room #room05 .floor{
	background-image: url(../../room/images/icon_f1_05.gif);
}

#room #room06 .floor{
	background-image: url(../../room/images/icon_f1_06.gif);
}

#room #room07 .floor{
	background-image: url(../../room/images/icon_f1_07.gif);
}

#room.tsuki #room06 .floor{
	background-image: url(../../room/images/icon_f1_01.gif);
}

/*バリアフリー */

#room .article {
	display: block;
	height: auto;
	overflow: hidden;
}

#room .article.sea {
	border-right: 1px solid #333631;
	margin-bottom: 30px;
}

#room .article.barrierFree {
	height: 370px;
}

#room .barrierFree h3 {
	background-image: url(../../room/images/hl_0.gif);
}

#room .barrierFree .txt {
	width: 506px;
	float: right;
}

#room .barrierFree .photo_list {
	width: auto;
	position: relative;
	top: auto;
	right: auto;
}

#room .barrierFree li {
	width: auto;
	height: auto;
}

/*　部屋詳細　*/

#room.details.con .related ul {
	width: 480px;
}

#room.details.con h1 {
	height: 70px;
}

#room.details.con #description {
	box-shadow: 0px -8px 30px #222 inset;
	-moz-box-shadow: 0px 0px 6px 0 #222 inset; /* Firefox */
	-webkit-box-shadow: 0px 0px 6px #222 inset ; /* Chrome, Safari */
}

#room.details.con #header .article.room .room_list {
	background: none;
	padding: 0;
	margin: 0;
}

#room.details.con .article.room {
	width: auto;
	margin-bottom: 0;
	position: absolute;
	top: 100px;
	left: 146px;
}

#room.details.con #description {
	overflow: hidden;
	display: block;
}

#room.details.con .article.room,
#room.details.con .room_list.type_b li,
#room.details.con .room_list.type_b li a,
#room.details.con #header .article.room .room_list {
	height: 122px;
}

#room.details.room01 .room_list.type_b li.btn_01 a,
#room.details.room02 .room_list.type_b li.btn_02 a,
#room.details.room03 .room_list.type_b li.btn_03 a,
#room.details.room04 .room_list.type_b li.btn_04 a,
#room.details.room05 .room_list.type_b li.btn_05 a,
#room.details.room06 .room_list.type_b li.btn_06 a,
#room.details.room07 .room_list.type_b li.btn_07 a {
	box-shadow: 0 -35px 30px -30px rgba(0,0,0,0.4) inset;
	-moz-box-shadow: 0 -35px 30px -30px rgba(0,0,0,0.4) inset; /* Firefox */
	-webkit-box-shadow: 0 -35px 30px -30px rgba(0,0,0,0.4) inset; /* Chrome, Safari */
}

#room.details.room01 .room_list.type_b li.btn_01 a {
	background-image: url(../../room/images/tab_room01_b.png);
}

#room.details.room02 .room_list.type_b li.btn_02 a {
	background-image: url(../../room/images/tab_room02_b.png);
}

#room.details.room03 .room_list.type_b li.btn_03 a {
	background-image: url(../../room/images/tab_room03_b.png);
}

#room.details.room04 .room_list.type_b li.btn_04 a {
	background-image: url(../../room/images/tab_room04_b.png);
}

#room.details.room05 .room_list.type_b li.btn_05 a {
	background-image: url(../../room/images/tab_room05_b.png);
}

#room.details.room06 .room_list.type_b li.btn_06 a {
	background-image: url(../../room/images/tab_room06_b.png);
}

#room.details.room07 .room_list.type_b li.btn_07 a {
	background-image: url(../../room/images/tab_room07_b.png);
}

#room.details.con #pagetitle {
	background-color: #464f53;
	height: auto;
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
	padding: 27px 0;
}

#room.details.con #pagetitle h2,
#room.details.con #pagetitle p {
	width: 1000px;
	margin: 0 auto;
	text-align: center;
	color: #b9b0a9;
	letter-spacing: 3px;
	font-size: 0.9em;
}

#room.details.con #pagetitle .link_area {
	width: 1240px;
	height: auto;
	position: relative;
	margin: 0 auto;
}

#room.details.con #pagetitle a {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 124px;
	height: 45px;
	display: block;
	background-image: url(../../room/images/btn_room_yoyaku.gif);
	text-indent: -10000em;
}

#room.details.con #pagetitle h2 {
	background-position: top center;
	background-repeat: no-repeat;
	padding: 0;
	margin-bottom: 15px;
	height: 30px;
	text-indent: -10000em;
}

#room.details.room01 #pagetitle h2 {
	background-image: url(../../room/hama/images/name_room.gif);
}

#room.details.room02 #pagetitle h2 {
	background-image: url(../../room/kaze/images/name_room.gif);
}

#room.details.room03 #pagetitle h2 {
	background-image: url(../../room/oto/images/name_room.gif);
}

#room.details.room04 #pagetitle h2 {
	background-image: url(../../room/tsuki/images/name_room.gif);
}

#room.details.room05 #pagetitle h2 {
	background-image: url(../../room/hinata/images/name_room.gif);
}

#room.details.room06 #pagetitle h2 {
	background-image: url(../../room/sora/images/name_room.gif);
}

#room.details.room07 #pagetitle h2 {
	background-image: url(../../room/hoshi/images/name_room.gif);
}


#room.details .room_photo h3 {
	background-image: url(../../room/images/hl_01.gif);
	width: 158px;
	float: left;
}

#room.details .room_point h3 {
	background-image: url(../../room/images/hl_02.gif);
	height: 48px;
}

#room.details .room_scene h3 {
	background-image: url(../../room/images/hl_03.gif);
	width: 160px;
	float: left;
}

#room.details .room_scene h4 {
	float: left;
	width: 818px;
	height: 72px;
	background-position: left bottom;
}

#room.details.room01 .room_scene h4 {
	background-image: url(../../room/hama/images/hl_04.gif);
}

#room.details.room02 .room_scene h4 {
	background-image: url(../../room/kaze/images/hl_04.gif);
}

#room.details.room03 .room_scene h4 {
	background-image: url(../../room/oto/images/hl_04.gif);
}

#room.details.room04 .room_scene h4 {
	background-image: url(../../room/tsuki/images/hl_04.gif);
}

#room.details.room05 .room_scene h4 {
	background-image: url(../../room/hinata/images/hl_04.gif);
}

#room.details.room06 .room_scene h4 {
	background-image: url(../../room/sora/images/hl_04.gif);
}

#room.details.room07 .room_scene h4 {
	background-image: url(../../room/hoshi/images/hl_04.gif);
}


#room.details .room_photo,
#room.details .room_point {
	height: auto;
	overflow: hidden;
	float: left;
	border: none;
	padding-bottom: 0;
}

#room.details .room_photo {
	width: 806px;
	margin-right: 34px;
}

#room.details .room_point {
	width: 160px;
}

#room.details .room_scene {
	padding-top: 40px;
	clear: both;
	border-top: 1px solid #5c5e5a;
}

#room.details .room_photo #imageList {
	width: 640px;
	height: auto;
	float: right;
}

#room.details .room_photo #imageList ul {
	width: 640px;
	height: 270px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	display: block;
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #CCC;
	position: relative;
}

#room.details.room01 .room_photo #imageList ul {
	background-image: url(../../room/hama/images/img_room.gif);
}

#room.details.room02 .room_photo #imageList ul {
	background-image: url(../../room/kaze/images/img_room.gif);
}

#room.details.room03 .room_photo #imageList ul {
	background-image: url(../../room/oto/images/img_room.gif);
}

#room.details.room04 .room_photo #imageList ul {
	background-image: url(../../room/tsuki/images/img_room.gif);
}

#room.details.room05 .room_photo #imageList ul {
	background-image: url(../../room/hinata/images/img_room.gif);
}

#room.details.room06 .room_photo #imageList ul {
	background-image: url(../../room/sora/images/img_room.gif);
}

#room.details.room07 .room_photo #imageList ul {
	background-image: url(../../room/hoshi/images/img_room.gif);
}

#room.details .room_photo #imageList ul li {
	width: 55px;
	height: 55px;
	display: block;
	overflow: hidden;
	position: absolute;
}

#room.details .room_photo #imageList ul li a {
	width: 55px;
	height: 55px;
	display: block;
	overflow: hidden;
	background-image: url(../../room/images/icon_room_map.png);
	background-position: center center;
	background-repeat: no-repeat;
}

#room.details .room_photo #imageList ul li img {
	filter: alpha(opacity=0);
	-moz-opacity:0.0;
	opacity:0.0;
}

/*　濱　*/

#room.details.room01 .room_photo #imageList ul li.marker01 {
	top: 100px;
	left: 80px;
}

#room.details.room01 .room_photo #imageList ul li.marker02 {
	left: 150px;
	top: 90px;
}

#room.details.room01 .room_photo #imageList ul li.marker03 {
	left: 200px;
	top: 100px;
}

#room.details.room01 .room_photo #imageList ul li.marker04 {
	right: 140px;
	top: 85px;
}

#room.details.room01 .room_photo #imageList ul li.marker05 {
	right: 140px;
	bottom: 25px;
}

#room.details.room01 .room_photo #imageList ul li.marker06 {
	right: 225px;
	bottom: 20px;
}

#room.details.room01 .room_photo #imageList ul li.marker07 {
	left: 185px;
	bottom: 10px;
}

#room.details.room01 .room_photo #imageList ul li.marker08 {
	left: 145px;
	bottom: 80px;
}

/*　風　*/


#room.details.room02 .room_photo #imageList ul li.marker01 {
	bottom: 40px;
	left: 80px;
}

#room.details.room02 .room_photo #imageList ul li.marker02 {
	left: 270px;
	bottom: 100px;
}

#room.details.room02 .room_photo #imageList ul li.marker03 {
	left: 275px;
	bottom: 40px;
}

#room.details.room02 .room_photo #imageList ul li.marker04 {
	left: 355px;
	top: 180px;
}

#room.details.room02 .room_photo #imageList ul li.marker05 {
	top: 90px;
	right: 220px;
}

#room.details.room02 .room_photo #imageList ul li.marker06 {
	top: 50px;
	left: 320px;
}

#room.details.room02 .room_photo #imageList ul li.marker07 {
	top: 40px;
	right: 70px;
}

#room.details.room02 .room_photo #imageList ul li.marker08 {
	top: 80px;
	left: 140px;
}

/*　音　*/


#room.details.room03 .room_photo #imageList ul li.marker01 {
	bottom: 55px;
	left: 80px;
}

#room.details.room03 .room_photo #imageList ul li.marker02 {
	left: 270px;
	bottom: 30px;
}

#room.details.room03 .room_photo #imageList ul li.marker03 {
	right: 190px;
	bottom: 80px;
}

#room.details.room03 .room_photo #imageList ul li.marker04 {
	right: 110px;
	top: 160px;
}

#room.details.room03 .room_photo #imageList ul li.marker05 {
	top: 10px;
	right: 60px;
}

#room.details.room03 .room_photo #imageList ul li.marker06 {
	top: 120px;
	right: 50px;
}

#room.details.room03 .room_photo #imageList ul li.marker07 {
	top: 50px;
	right: 170px;
}

#room.details.room03 .room_photo #imageList ul li.marker08 {
	top: 15px;
	left: 110px;
}

/*　月　*/


#room.details.room04 .room_photo #imageList ul li.marker01 {
	top: 210px;
	left: 80px;
}

#room.details.room04 .room_photo #imageList ul li.marker02 {
	left: 205px;
	bottom: 50px;
}

#room.details.room04 .room_photo #imageList ul li.marker03 {
	right: 250px;
	top: 150px;
}

#room.details.room04 .room_photo #imageList ul li.marker04 {
	left: 375px;
	top: 190px;
}

#room.details.room04 .room_photo #imageList ul li.marker05 {
	top: 130px;
	right: 200px;
}

#room.details.room04 .room_photo #imageList ul li.marker06 {
	top: 70px;
	right: 90px;
}

#room.details.room04 .room_photo #imageList ul li.marker07 {
	top: 120px;
	right: 50px;
}

#room.details.room04 .room_photo #imageList ul li.marker08 {
	top: 120px;
	left: 80px;
}

/*　陽　*/


#room.details.room05 .room_photo #imageList ul li.marker01 {
	bottom: 40px;
	left: 80px;
}

#room.details.room05 .room_photo #imageList ul li.marker02 {
	left: 270px;
	bottom: 70px;
}

#room.details.room05 .room_photo #imageList ul li.marker03 {
	left: 335px;
	bottom: 70px;
}

#room.details.room05 .room_photo #imageList ul li.marker04 {
	right: 150px;
	top: 50px;
}

#room.details.room05 .room_photo #imageList ul li.marker05 {
	top: 70px;
	right: 100px;
}

#room.details.room05 .room_photo #imageList ul li.marker06 {
	top: 90px;
	right: 140px;
}

#room.details.room05 .room_photo #imageList ul li.marker07 {
	bottom: 20px;
	right: 130px;
}

#room.details.room05 .room_photo #imageList ul li.marker08 {
	top: 80px;
	left: 140px;
}

/*　空　*/


#room.details.room06 .room_photo #imageList ul li.marker01 {
	bottom: 55px;
	left: 80px;
}

#room.details.room06 .room_photo #imageList ul li.marker02 {
	left: 300px;
	bottom: 70px;
}

#room.details.room06 .room_photo #imageList ul li.marker03 {
	right: 110px;
	top: 160px;
}

#room.details.room06 .room_photo #imageList ul li.marker04 {
	right: 250px;
	bottom: 140px;	
}

#room.details.room06 .room_photo #imageList ul li.marker05 {
	top: 120px;
	right: 160px;
}

#room.details.room06 .room_photo #imageList ul li.marker06 {
	top: 70px;
	right: 140px;
}

#room.details.room06 .room_photo #imageList ul li.marker07 {
	top: 70px;
	left: 260px;
}

#room.details.room06 .room_photo #imageList ul li.marker08 {
	top: 80px;
	left: 170px;
}

#room.details.room06 .room_photo #imageList ul li.marker09 {
	top: 15px;
	left: 110px;
}

/*　星　*/


#room.details.room07 .room_photo #imageList ul li.marker01 {
	right: 290px;
	top: 60px;
}

#room.details.room07 .room_photo #imageList ul li.marker02 {
	left: 280px;
	top: 115px; 
}

#room.details.room07 .room_photo #imageList ul li.marker03 {
	left: 110px;
	top: 90px;
}

#room.details.room07 .room_photo #imageList ul li.marker04 {
	left: 250px;
	bottom: 10px;	
}

#room.details.room07 .room_photo #imageList ul li.marker05 {
	top: 120px;
	right: 180px;
}

#room.details.room07 .room_photo #imageList ul li.marker06 {
	top: 80px;
	right: 140px;
}

#room.details.room07 .room_photo #imageList ul li.marker07 {
	right: 170px;
	bottom: 10px;
}

#room.details.room07 .room_photo #imageList ul li.marker08 {
	top: 110px;
	right: 50px;
}

#room.details .room_photo #imageList p {
	width: 460px;
	height: 60px;
	color: #FFF;
	font-size: 0.9em;
	margin-top: 25px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 70px;
	line-height: 60px;
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url(../../room/images/icon_camera.png);
}

#room.details .room_point li {
	width: 128px;
	height: auto;
	margin-bottom: 8px;
	padding: 4px 16px;
	background-color: #5f676a;
	color: #e1eaf6;
	font-size: 0.8em;
	letter-spacing: 2px;
}

#room.details .room_scene p {
	color: #978b81;
	font-size: 0.8em;
	letter-spacing: 2px;
	text-align: center;
	margin-top: 10px;
}