@charset "utf-8";


/* 詳細ページ */
.roomDetailtitle{
	width: 470px;
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 18px;
}
#roomDetailContents{
	height: auto;
	width: 720px;
}
#roomDetailContentsLeft{
	height: auto;
	width: 470px;
	float: left;
}
#roomDetailContentsRight{
	height: auto;
	width: 220px;
	float: right;
}
#roomGalleryContents{
	height: auto;
	width: 470px;
}
#roomArticleArea{
	width: 470px;
	margin-top: 25px;
}
.roomArticleTitle{
	font-size: 15px;
	line-height: 1.5;
	font-weight: bold;
	width: 470px;
}

.roomarticle{
	font-size: 12px;
	line-height: 2;
	margin-top: 11px;
	width: 470px;
}
#roomOtherNavi{
	margin-top: 15px;
	width: 470px;
}
.roomOtherNaviText{
	float: left;
	font-size: 13px;
	margin-top: 25px;
	margin-right: 15px;
	line-height: 1.5;
}
.roomOtherNaviBtn{
	float: left;
}
p.roomOtherNaviBtn {width:71px; height:61px;}
p.roomOtherNaviBtn a{display:block; width:100%; height:100%;background:url(../../../images/btn_otherroom.gif) 0px 0px no-repeat; text-indent:-9999px;}
p.roomOtherNaviBtn a:hover{ background-position:0px -61px;}

.otherRoomflort{
	float: right;
}
.otherRoomflort_left{
	float: left;
}
.serchLogArea{
	margin-top: 30px;
}
.socialBtnArea{ /* 2015.05.21追加 */
	margin-top: 30px;
	padding-right: 10px;
}
.recomendArea{
	margin-top: 50px;
}
.recomendArea h4, .serchLogArea h4{
	font-size: 10px;
	margin-top: 10px;
}
.serchLogTextStyle, .recomendTextStyle{
	font-size: 10px;
	margin-left: 10px;
}
.recomendPic, .serchLogPic{
	margin-left: 5px;
}
.recomendPicList li,.serchLogPicList li{
	float: left;
	width: 90px;
}
.recomendPicArea, .serchLogPicArea{
	margin-top: 10px;
}
.recomendcaption{
	font-size: 10px;
	color: #505050;
	margin-top: 4px;
}
.ipad .recomendcaption{
	font-size: 10px;
}
.iphone .recomendcaption{
	font-size: 10px;
}
.recomendstation{
	font-size: 9px;
	color: #a0a0a0;
	/*
	white-space: nowrap;
	text-overflow:ellipsis;
	-o-text-overflow: ellipsis;
  	overflow:hidden;
	*/
}

/* 部屋情報 */
#roomDataArea{
	height: auto;
	width: 220px;
	line-height: 1;
	letter-spacing: 1px;
	margin-top: 50px;
}
.win #roomDataArea{
	margin-top: 44px;
}
.win.gecko #roomDataArea{
	margin-top: 47px;
}
.ipad #roomDataArea{
	margin-top: 47px;
}
.iphone #roomDataArea{
	margin-top: 47px;
}
.android #roomDataArea{
	margin-top: 44px;
}
.roomDataFloat{
	float: left;
}
#roomDataArea dt{
	font-size: 12px;
	color: #a0a0a0;
}
#roomDataArea dd{
	font-size: 12px;
}
.roomDataDtMr{
	margin-top: 12px;
}
.location,.station{
	font-size: 12px;
}
.location{
	line-height: 1.5;
}
.roomDataMapBtn{
	margin-top: 30px;
	margin-left: 70px;
}
.station{
	line-height: 1.5;
}
.room_intodate{
	font-size: 9px;
	color: #f50079;
	float: right;
	letter-spacing: 0px;
	margin-top: 2px;
	width:130px;
}

#roomDataSocialBtn li{
	float: right; /* 2015.05.21 left を right に変更 */
}
li.room_tweet {width:88px; height:26px; margin-right:15px;} /* 2015.05.21 margin-right:5px を 15px に変更 */
li.room_tweet a{display:block;	width:100%;	height:100%;text-indent:-9999px;background-image: url(../../../images/btn_social.jpg);background-repeat: no-repeat;background-position: 0px 0px;}
li.room_tweet a:hover{background-position: 0px -26px;}

li.room_facebook {width:70px; height:26px; margin-right:5px;}
li.room_facebook a{display:block; width:100%; height:100%;background:url(../../../images/btn_social.jpg) -69px 0px no-repeat; text-indent:-9999px;}
li.room_facebook a:hover{ background-position:-69px -26px;}

li.room_mixi {width:70px;height:26px;}
li.room_mixi a{display:block; width:100%; height:100%;background:url(../../../images/btn_social.jpg) -139px 0px no-repeat; text-indent:-9999px;}
li.room_mixi a:hover{ background-position:-139px -26px;}
.btn-facebook {margin-left:10px;}
.btn-gplus {margin-left:-23px;}

/*一つ前に戻る*/
.returnPage {width:121px;height:25px;}
.returnPage a{display:block; width:100%; height:100%;background:url(../../../images/btn_returnpage.jpg) 0px 0px no-repeat; text-indent:-9999px;}
.returnPage a:hover{ background-position:-0px -25px;}

.marge-detail2{
	margin-top: 55px;
}

/* SPEC */
#roomSpecArea{
	margin-top: 30px;
	font-size: 10px;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}
.specH{
	font-size: 12px;
	padding-top: 7px;
}
.specH_FirstChild {
	height: 27px;
	width: 220px;
	border-bottom: 2px solid #a0a0a0;
	vertical-align: middle;
}
.specList {
	height: 27px;
	width: 220px;
	border-bottom: 1px solid #a0a0a0;
}
.specListWide{
	height: auto;
	width: 220px;
	border-bottom: 1px solid #a0a0a0;
}
.specDefinition{
}
.roomspectitle {
	float: left;
	margin-top: 7px;
}
.roomspecdescription {
	float: right;
	margin-top: 7px;
	text-align: right;
	line-height: 1.5;
}
.Malti{
	padding-bottom: 7px;
}
.roomParagraph{
	padding-top: 7px;
}
.roomExtentPhoto{
	margin-top: 30px;
}
.roomExtentPhoto{
	margin-top: 30px;
}
#contactMenuHead{
	margin-top: 30px;
	background: #323232;
	height: 42px;
	width: 220px;
}
.contactMenuHeadText{
	color: #ffffff;
	font-size: 17px;
	text-align: center;
	padding-top: 10px;
}
/* コンタクトボタン */
#contactMenuBtnArea li {
	float: left;
	margin-top: 20px;
}
li.btn_cost {width:77px; height:58px; margin-left: 5px;}
li.btn_cost a{display:block;	width:100%;	height:100%;text-indent:-9999px;background-image: url(../../../images/btn_calculation.jpg);background-repeat: no-repeat;background-position: 0px 0px;}
li.btn_cost a:hover{background-position: 0px -59px;}

li.btn_favorite {width:63px; height:59px; margin-left: 18px;}
li.btn_favorite a{display:block; width:100%; height:100%;background:url(../../../images/btn_favorit_detail.jpg) 0px -60px no-repeat; text-indent:-9999px;}
li.btn_favorite a:hover{ background-position:0px 0px;}

li.btn_copy {width:44px; height:60px; margin-left: 9px;}
li.btn_copy a{display:block; width:100%; height:100%;background:url(../../../images/btn_contactmenu.jpg) -46px 0px no-repeat; text-indent:-9999px;}
li.btn_copy a:hover{ background-position:-46px -60px;}

p.contactBtn {width:220px; height:35px; margin-top: 15px;}
p.contactBtn a{display:block; width:100%; height:100%;background:url(../../../images/btn_inquiry.jpg) 0px -35px no-repeat; text-indent:-9999px;}
p.contactBtn a:hover{ background-position:0px 0px;}

p.contactBtn2 {width:220px; height:35px; margin-top: 27px;}
p.contactBtn2 a{display:block; width:100%; height:100%;background:url(../../../images/btn_inquiry.jpg) 0px -35px no-repeat; text-indent:-9999px;}
p.contactBtn2 a:hover{ background-position:0px 0px;}

/* 2015.05.21追加ここから */
p.contactBtn3 a{
	display: block; width: 220px; height: 35px; margin-top: 15px;
	line-height: 36px; text-align: center; text-decoration: none;
	font-size: 14px; color: #ffffff;
	background : -moz-linear-gradient(50% 0% -90deg,rgba(90, 90, 90, 1) 30%,rgba(46, 46, 46, 1) 70%);
	background : -webkit-linear-gradient(-90deg, rgba(90, 90, 90, 1) 30%, rgba(46, 46, 46, 1) 70%);
	background : -webkit-gradient(linear,50% 0% ,50% 100% ,color-stop(0.3,rgba(90, 90, 90, 1) ),color-stop(0.7,rgba(46, 46, 46, 1) ));
	background : -o-linear-gradient(-90deg, rgba(90, 90, 90, 1) 30%, rgba(46, 46, 46, 1) 70%);
	background : -ms-linear-gradient(-90deg, rgba(90, 90, 90, 1) 30%, rgba(46, 46, 46, 1) 70%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#5A5A5A', endColorstr='#2E2E2E' ,GradientType=0)";
	background : linear-gradient(180deg, rgba(90, 90, 90, 1) 30%, rgba(46, 46, 46, 1) 70%);
	border-style : Solid;
	border-color : #000000;
	border-color : rgba(0, 0, 0, 1);
	border-width : 1px;
	border-radius: 5px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5A5A5A',endColorstr='#2E2E2E' , GradientType=0);
}
p.contactBtn3 a:hover{
	background : -moz-linear-gradient(50% 0% -90deg,rgba(46, 46, 46, 1) 30%,rgba(0, 0, 0, 1) 70%);
	background : -webkit-linear-gradient(-90deg, rgba(46, 46, 46, 1) 30%, rgba(0, 0, 0, 1) 70%);
	background : -webkit-gradient(linear,50% 0% ,50% 100% ,color-stop(0.3,rgba(46, 46, 46, 1) ),color-stop(0.7,rgba(0, 0, 0, 1) ));
	background : -o-linear-gradient(-90deg, rgba(46, 46, 46, 1) 30%, rgba(0, 0, 0, 1) 70%);
	background : -ms-linear-gradient(-90deg, rgba(46, 46, 46, 1) 30%, rgba(0, 0, 0, 1) 70%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#2E2E2E', endColorstr='#000000' ,GradientType=0)";
	background : linear-gradient(180deg, rgba(46, 46, 46, 1) 30%, rgba(0, 0, 0, 1) 70%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2E2E2E',endColorstr='#000000' , GradientType=0);
}
/* 2015.05.21追加ここまで */


/* zoomアイコン */
.galleryZoomicon{
	float: right;
	margin-top: -75px;
}
.ie7 .galleryZoomicon{
	float: right;
	margin-top: -75px;
}
.ie7 .galleryZoomicon img{
	zoom:1;
}
.ExtentArea{
	margin-top: 30px;
}
.ExtentPhoto{
	margin-left: 10px;
}
.ExtentZoomBtn{
	float: right;
}

.roomMapArea{
	height: 218px;
	width: 218px;
	border: 1px solid #a0a0a0;
	margin-top: 20px;
}
.mapLinkIcon{
	background: url(../../../images/btn_mapzoom.gif) no-repeat;
	margin-top: 5px;
}
.mapLink{
	padding-left: 25px;
	font-size: 10px;
}
#roomnumberBox{
	font-size: 10px;
	width: 470px;
	height: 10px;
	line-height: 1;
	font-family: MuseoSans-300;
	margin-top: 5px;
}
.roomnumber{
	font-size: 12px;
	text-align: right;
	line-height: 1;
}
#roomDetailContentsRight .textNotice{
	text-align: justify!important;
	font-size: 8px;
	margin-top: 5px;
	color: #505050;
}

.win #roomDetailContentsRight .textNotice{
	text-align: justify!important;
	font-size: 9px;
	margin-top: 5px;
	color: #505050;
}