@charset "utf-8";
@import "cmn.css";
@import "price.css";

#main .floorMap{
	position:relative;
}
#main .floorMap a{
	position:absolute;
	display:block;
}
#main .floorMap a.stA{
	top:11px;
	left:103px;
	width:76px;
	height:33px;
	background:url('../img/studio/a.gif') no-repeat;
}
#main .floorMap a.stB{
	top:46px;
	left:122px;
	width:57px;
	height:27px;
	background:url('../img/studio/b.gif') no-repeat;
}
#main .floorMap a.stC{
	top:75px;
	left:122px;
	width:57px;
	height:24px;
	background:url('../img/studio/c.gif') no-repeat;
}
#main .floorMap a.stD{
	top:11px;
	left:63px;
	width:38px;
	height:50px;
	background:url('../img/studio/d.gif') no-repeat;
}
#main .floorMap a.stE{
	top:77px;
	left:63px;
	width:38px;
	height:50px;
	background:url('../img/studio/e.gif') no-repeat;
}
#main .floorMap a.stF{
	top:11px;
	left:274px;
	width:50px;
	height:31px;
	background:url('../img/studio/f.gif') no-repeat;
}
#main .floorMap a.stG{
	top:44px;
	left:274px;
	width:50px;
	height:32px;
	background:url('../img/studio/g.gif') no-repeat;
}
#main .floorMap a.st1{
	top:162px;
	left:338px;
	width:40px;
	height:57px;
	background:url('../img/studio/1.gif') no-repeat;
}
#main .floorMap a.st2{
	top:221px;
	left:338px;
	width:40px;
	height:57px;
	background:url('../img/studio/2.gif') no-repeat;
}
#main .floorMap a.st3{
	top:162px;
	left:295px;
	width:41px;
	height:50px;
	background:url('../img/studio/3.gif') no-repeat;
}
#main .floorMap a.st4{
	top:228px;
	left:295px;
	width:41px;
	height:50px;
	background:url('../img/studio/4.gif') no-repeat;
}
#main .floorMap a.st5{
	top:72px;
	left:471px;
	width:36px;
	height:47px;
	background:url('../img/studio/5.gif') no-repeat;
}
#main .floorMap a.st6{
	top:72px;
	left:509px;
	width:36px;
	height:47px;
	background:url('../img/studio/6.gif') no-repeat;
}
#main .floorMap a.rec{
	top:20px;
	left:471px;
	width:47px;
	height:26px;
	background:url('../img/studio/rec.gif') no-repeat;
}
#main .floorMap a:link, #main .floorMap a:visited{
	background-position:top left;
}
#main .floorMap a:hover, #main .floorMap a:active{
	background-position:top right;
}
#main .info{
	position:absolute;
	top:20px;
	right:115px;
}
#main .info th{
	background:#333333;
}
#main .info th, #main .info td{
	width:50px;
	padding:2px 0;
	border:1px solid #444444;
	text-align:center;
	vertical-align:middle;
	font:bold 80% 'Arial';
}
#main a.switch{
	position:absolute;
	top:14px;
	right:0;
	display:block;
	width:100px;
	height:30px;
}
#main a.switch.toSpec{
	background:url('../img/studio/switch_info.gif') no-repeat;
}
#main a.switch.toInfo{
	background:url('../img/studio/switch_spec.gif') no-repeat;
}
#main a.switch:link, #main a.switch:visited{
	background-position:top left;
}
#main a.switch:hover, #main a.switch:active{
	background-position:top right;
}
#main .equipList{
	margin-top:40px;
	position:relative;
}
#main .equipList a{
	display:block;
	width:135px;
	height:30px;
	margin-right:10px;
}
#main .equipList a.gamp{
	background:url('../img/studio/equip_gamp.gif') no-repeat;
}
#main .equipList a.bamp{
	background:url('../img/studio/equip_bamp.gif') no-repeat;
}
#main .equipList a.drum{
	background:url('../img/studio/equip_drum.gif') no-repeat;
}
#main .equipList a.pa{
	background:url('../img/studio/equip_pa.gif') no-repeat;
}
#main .equipList a:link, #main .equipList a:visited{
	background-position:top left;
}
#main .equipList a:hover, #main .equipList a:active{
	background-position:top right;
}
#main .equipList a:link table, #main .equipList a:visited table{
	display:none;
}
#main .equipList a:hover table, #main .equipList a:active table{
	display:block;
}
#main .equipList a table{
	position:absolute;
	top:35px;
	left:0;
	width:570px;
	background:url('../img/cmn/baloon.png') top left repeat;
	border:1px solid #66ff00;
	cursor:default;
	color:#cccccc;
}
#main .equipList a th{
	padding:5px;
	background:#333333;
	text-align:left;
	font:bold 80% 'Arial';
	border-bottom:1px solid #666666;
	white-space:nowrap;
}
#main .equipList a td{
	padding:5px;
	font-size:80%;
	color:#cccccc;
	border-bottom:1px solid #666666;
}
#main .price{
	margin-top:40px;
}
#main .specTable{
	width:100%;
}
#main .specTable th, #main .specTable td{
	border:1px solid #666666;
}
#main .specTable th{
	padding:1px 5px 0 10px;
	background:#333333;
	text-align:right;
	font:bold 80% 'Arial';
}
#main .specTable td{
	width:70%;
	padding:1px 0 0 5px;
	background:#111111;
	font:80% 'Arial';
	color:#dddddd;
}
#main .priceTable.regular{
	margin-bottom:10px;
}
