.st-room {
	font-size: 17px;
	margin-top:5px;
	margin-bottom:120px;
	font-weight:normal;
}

.index {
	border-left:#BBB 1px solid;
	border-top:#BBB 1px solid;
	display:inline-block;
	box-sizing:border-box;
}
.index a {
	width:103px;
	border-right:#BBB 1px solid;
	border-bottom:#BBB 1px solid;
	text-align:center;
	padding:5px 0;
	background:#EEE;
	float:left;
	display:block;
	text-decoration:none;
	box-sizing:border-box;
}
.index a:hover {
	background:#555555;
	color:#FFF;
}


.commonTbl {
	width:100%;
	border-left:#BBB 1px solid;
	border-top:#BBB 1px solid;
	font-size:14px;
}
.commonTbl th,
.commonTbl td {
	border-right:#BBB 1px solid;
	border-bottom:#BBB 1px solid;
	padding:5px 10px;
	font-weight:normal;
	text-align:left;
}
.commonTbl th {
	white-space:nowrap;
	background:#FAFAFA;
	padding:5px 30px 5px 10px;
	vertical-align:middle;
}



/* room-img */
.room-img {
	margin:10px 0 0 0;
}
.room-img dt .bx-wrapper {
	width:870px;
	height:580px;
	float:left;
}
.room-img dt .thumbnail {
	width:172px;
	float:right;
}
.room-img dt .thumbnail a {
	height:115px;
	display:block;
	margin-bottom:1px;
}
.room-img dt .thumbnail a img {
	opacity: 0.5;  
	filter: alpha(opacity=50);
	width: 100%;
}
.room-img dt .thumbnail a.active img {
	opacity: 1;  
	filter: alpha(opacity=100);  
}
.room-img dt .bx-wrapper {
	margin-bottom:5px;
}
.room-img dt .bx-wrapper .bx-viewport {
    left: 0;
}
.room-img dd {
	margin-top:15px;
}
.room-img dd p {
	width:100%;
	border-bottom:#333 1px dotted;
	margin-bottom:10px;
	padding-bottom:10px;
	display:table;
	text-align:left;
}
.room-img dd .plan {
	display:inline-block;
	padding:5px 50px;
	background:#eee;
	border:#BBB 1px solid;
	text-decoration:none;
	margin-top:10px;
}

#room .st strong {
	display:block;
    margin-top:-60px;
    padding-top:60px;
}






@media only screen and (max-width: 980px) {
	
	.index a {
		width:33.3%;
	}
		
	
	.commonTbl th,
	.commonTbl td {
		display:block;
	}
	.commonTbl th {
		font-weight:bold;
	}
	
	/* room-img */
	.room-img dt .bx-wrapper {
		width:auto;
		height:auto;
		float:none;
	}
	.room-img dt .thumbnail {
		width:100%;
		float:none;
	}
	.room-img dt .thumbnail a {
		float: left;
		width: 20%;
		height:auto;
		margin-bottom:0;
	}
		
	.room-img dd p span {
		display:block;
	}
	
	#room .st strong {
		margin-top:0;
		padding-top:0;
	}
}