@charset "UTF-8";

/* home.css --------------------

----------------------------- */

/* room list */
.room {
	position: relative;
	width: 710px;
	background-position: 0 -120px;
}

.tabsMenu li,
.tabsMenu .update1 a,
.tabsMenu .update2 a,
.tabsMenu .update3 a,
.tabsMenu .update4 a,
.tabsMenu .update5 a,
.tabsMenu .update6 a,
.room {
	background-image:url(../img/common/tabs.gif);
	background-repeat: no-repeat;
	overflow: hidden;
}
.tabsMenu .list a {
	overflow: hidden;
}

/* *display */
#roomFrame li a,
.tabsMenu .update1 a,
.tabsMenu .update2 a,
.tabsMenu .update3 a,
.tabsMenu .update4 a,
.tabsMenu .update5 a,
.tabsMenu .update6 a,
.roomList dd a  {
	display: block;
}
.room li span,
.tabsMenu .update1 a span,
.tabsMenu .update2 a span,
.tabsMenu .update3 a span,
.tabsMenu .update4 a span,
.tabsMenu .update5 a span,
.tabsMenu .update6 a span,
.tabsMenu .page a span {
	display: none;
}


.tabsMenu .update1{
	width: 110px;
}
.tabsMenu li a {
	height: 40px;
}
.tabsMenu li.update1,
.tabsMenu .update1 a { background-position: 0 0; }
.tabsMenu .update1 a:hover { background-position: 0 -40px; }
.tabsMenu .update1 a.active,
.tabsMenu .update1 a.active:hover { background-position: 0 -80px;}

.tabsMenu li {
	float: left;
	margin-right:6px;
}
.tabsMenu .update2,
.tabsMenu .update3,
.tabsMenu .update4,
.tabsMenu .update5{
	width: 110px;
}

.tabsMenu .update6 {
	width: 124px;
}

.tabsMenu .update2 a,
.tabsMenu .update3 a,
.tabsMenu .update4 a,
.tabsMenu .update5 a,
.tabsMenu .update6 a {
	height: 40px;
}

.tabsMenu li.update2,
.tabsMenu .update2 a { background-position: -110px 0; }
.tabsMenu .update2 a:hover { background-position: -110px -40px; }
.tabsMenu .update2 a.active,
.tabsMenu .update2 a.active:hover { background-position: -110px -80px; }
.tabsMenu li.update3,
.tabsMenu .update3 a { background-position: -220px 0; }
.tabsMenu .update3 a:hover { background-position: -220px -40px; }
.tabsMenu .update3 a.active,
.tabsMenu .update3 a.active:hover { background-position: -220px -80px; }
.tabsMenu li.update4,
.tabsMenu .update4 a { background-position: -330px 0; }
.tabsMenu .update4 a:hover { background-position: -330px -40px; }
.tabsMenu .update4 a.active,
.tabsMenu .update4 a.active:hover { background-position: -330px -80px; }
.tabsMenu li.update5,
.tabsMenu .update5 a { background-position: -440px 0; }
.tabsMenu .update5 a:hover { background-position: -440px -40px; }
.tabsMenu .update5 a.active,
.tabsMenu .update5 a.active:hover { background-position: -440px -80px; }
.tabsMenu li.update6,
.tabsMenu .update6 a { background-position: -550px 0; }
.tabsMenu .update6 a:hover { background-position: -550px -40px; }
.tabsMenu .update6 a.active,
.tabsMenu .update6 a.active:hover { background-position: -550px -80px; }

.tabsMenu:after{
	display: block;
	height: 0;
	clear :both;
	content: "";
}

.roomList {
	clear: both;
	display: block;
	background-position: 0 bottom;
}
#roomFrame .roomList {
	display: none;
}
#roomFrame .roomList.active {
	display: block;
}


/* 追加 */
#roomFrame .roomList.active {
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
	padding: 20px 14px;
	*padding: 10px 14px 0;
}