@charset "UTF-8";
/* CSS Document */

body,ul,li { margin:0px; padding:0px;}

#tabArea {	width: 1000px;	overflow: hidden;	list-style: none;	margin: 0 auto;	text-align: left;}
#tab {	overflow: hidden;	list-style: none;	float:left;}
#tab span{	position: absolute;	padding: 2px 0 0 10px;	font-size: 13px;}
#tab li { height: 35px;}
#tab a{ color:#FFF;}
#tabBox {	clear: both;	padding: 0px 0 40px 0;	color: #333;	float:right;	margin-top:-380px;}
/* ページ内リンクがずれるのを合わす
#tabBox div {       margin:-55px 0 0;        padding:55px 0 0;        display:none;} */
#spec{ margin:0 0 15px 0; font-size:10px; color:#666;}
#spec a{ color:#666;	text-decoration: none;}
#spec a:hover{ color:#000; text-decoration:underline;}
#spec #left{float:left;}
#spec #right{float:right;}

/* ▼(A)表示領域全体 */
.stabbox { margin: 0px; padding: 0px; width: 800px;	height: 470px; overflow: hidden; background-image: url(../room/00.jpg);	background-repeat: no-repeat;}

/* ▼(B)タブ部分 */
p.stabs { margin: 0px; padding: 0px; }
p.stabs a {	display: block;float: left;	color: #666; overflow: hidden;	width:50px;	margin-right:10px;}
p.stabs img{ width:100%;}
/* ◇各タブの配色 */
p.stabs a:hover {	color: #000;}

/* ▼(C)タブ中身のボックス */
div.stab {	height: 450px;	overflow: auto;	clear: left;}
div.stab p { margin: 10px; }
.notice{ witdh:100%; max-width:1000px; margin:0 auto 50px; font-size:14px;}


@media screen and (max-width: 639px) {
#tabArea { width: 100%;	overflow: hidden; list-style: none;	margin: 0 auto;	text-align: left;}	
#tab { overflow: hidden; list-style: none;}
#tab li img{ width:100%;}
#tab span{ position: absolute; padding: 2px 0 0 10px; font-size: 13px;}
#tab li { height: 35px; float:left; width:50%;}
#tab a{ color:#FFF;}
p.stabs { margin-left: 10px; padding: 0px; }
#tabBox { clear: both; padding: 0px 0 40px 0; color: #333; margin-top:10px; width:100%; height:100%;}
#tabBox img{ width:100%;}
p.stabs a {	display: block;float: left;	color: #666; overflow: hidden;	width:50px;	margin-right:10px; margin-bottom:5px;}
}

@media screen and (min-width: 481px) and (max-width: 639px) {
.stabbox { margin: 0px; padding: 0px; width: 100%;  overflow: hidden; background-image:none; background-image: url(../room/00.jpg);	background-repeat: no-repeat; -moz-background-size:contain; background-size:contain; height:360px; }
}

@media screen and (min-width: 431px) and (max-width: 480px) {
.stabbox { margin: 0px; padding: 0px; width: 100%;  overflow: hidden; background-image:none; background-image: url(../room/00.jpg);	background-repeat: no-repeat; -moz-background-size:contain; background-size:contain; height:270px; }
}

@media screen and (max-width: 430px) {
.stabbox { margin: 0px; padding: 0px; width: 100%;  overflow: hidden; background-image:none; background-image: url(../room/00.jpg);	background-repeat: no-repeat; -moz-background-size:contain; background-size:contain; height:250px; }
}