/*
 * div#head
 */
div#head ul li.gn1 a {
	background: url(../images/btn/gnavi1active.jpg) no-repeat;
}
div#head ul li.gn1 a:hover {
	background-position: 0px 0px;
}
/*
 * div#s1
 *
 * contents: a.bnavi, ul.room, ul.area
 *
 */
div#s1 {
	width: 820px;
	height: 102px;
	background: url(../images/back_s1.jpg) no-repeat;
	position: relative;
}
div#s1 a {
	display: block;
	text-indent: -9999px;
}
div#s1 a.bnavi {
	width: 101px;
	height: 91px;
	background: url(../images/btn/optimg.jpg) no-repeat;
	position: relative;
	top: 4px;
	left: 22px;
}
div#s1 a.bnavi:hover {
	background-position: 0px -91px;
}
div#s1 ul.room {
	width: 668px;
	height: 43px;
	position: absolute;
	top: 4px;
	left: 130px;
}
div#s1 ul.room li,
div#s1 ul.room li a {
	width: 111px;
	height: 43px;
}
div#s1 ul.room li.r6,
div#s1 ul.room li.r6 a {
	width: 113px;
}
div#s1 ul.room li,
div#s1 ul.area li {
	float: left;
}
div#s1 ul.room li a {
	background: url(../images/btn/room.jpg) no-repeat;
}
div#s1 ul.room li.r1 a:hover,
div#s1 ul.room li.onr1 a {
	background-position: 0px -43px;
}
div#s1 ul.room li.r2 a {
	background-position: -111px 0px;
}
div#s1 ul.room li.r2 a:hover,
div#s1 ul.room li.onr2 a {
	background-position: -111px -43px;
}
div#s1 ul.room li.r3 a {
	background-position: -222px 0px;
}
div#s1 ul.room li.r3 a:hover,
div#s1 ul.room li.onr3 a {
	background-position: -222px -43px;
}
div#s1 ul.room li.r4 a {
	background-position: -333px 0px;
}
div#s1 ul.room li.r4 a:hover,
div#s1 ul.room li.onr4 a {
	background-position: -333px -43px;
}
div#s1 ul.room li.r5 a {
	background-position: -444px 0px;
}
div#s1 ul.room li.r5 a:hover,
div#s1 ul.room li.onr5 a {
	background-position: -444px -43px;
}
div#s1 ul.room li.r6 a {
	background-position: -555px 0px;
}
div#s1 ul.room li.r6 a:hover,
div#s1 ul.room li.onr6 a {
	background-position: -555px -43px;
}
div#s1 ul.area {
	width: 668px;
	height: 43px;
	position: absolute;
	top: 52px;
	left: 130px;
}
div#s1 ul.area li,
div#s1 ul.area li a {
	width: 92px;
	height: 43px;
}
div#s1 ul.area li.a1 {
	width: 60px;
	text-indent: -9999px;
}
div#s1 ul.area li.a6 {
	width: 56px;
	text-indent: -9999px;
}
div#s1 ul.area li a,
div#s1 ul.area li.a1,
div#s1 ul.area li.a6 {
	background: url(../images/btn/area.jpg) no-repeat;
}
div#s1 ul.area li.a2 a {
	background-position: -60px 0px;
}
div#s1 ul.area li.a2 a:hover,
div#s1 ul.area li.ona2 a {
	background-position: -60px -43px;
}
div#s1 ul.area li.a3 a {
	background-position: -152px 0px;
}
div#s1 ul.area li.a3 a:hover,
div#s1 ul.area li.ona3 a {
	background-position: -152px -43px;
}
div#s1 ul.area li.a4 a {
	background-position: -244px 0px;
}
div#s1 ul.area li.a4 a:hover,
div#s1 ul.area li.ona4 a {
	background-position: -244px -43px;
}
div#s1 ul.area li.a5 a {
	background-position: -336px 0px;
}
div#s1 ul.area li.a5 a:hover,
div#s1 ul.area li.ona5 a {
	background-position: -336px -43px;
}
div#s1 ul.area li.a6 {
	background-position: -428px 0px;
}
div#s1 ul.area li.a7 a {
	background-position: -484px 0px;
}
div#s1 ul.area li.a7 a:hover,
div#s1 ul.area li.ona7 a {
	background-position: -484px -43px;
}
div#s1 ul.area li.a8 a {
	background-position: -576px 0px;
}
div#s1 ul.area li.a8 a:hover,
div#s1 ul.area li.ona8 a {
	background-position: -576px -43px;
}

/*
 * div#s2
 */
div#s2 {
	width: 820px;
	height:24px;
	background: url(../images/back_s2.jpg) no-repeat;
	position: relative;
}
div#s2 ul {
	width: 778px;
	height: 20px;
	position: relative;
	left: 23px;
	top: 2px;
}
div#s2 ul li {
	float: left;
	height: 20px;
}
div#s2 ul li a {
	display: block;
	height: 20px;
	background: url(../images/btn/spec.jpg) no-repeat;
	text-indent: -9999px;
}
div#s2 ul li.sp1,
div#s2 ul li.onsp1,
div#s2 ul li.sp1 a,
div#s2 ul li.onsp1 a {
	width: 64px;
}
div#s2 ul li.sp1 a {
	background-position: 0px 0px;
}
div#s2 ul li.sp1 a:hover,
div#s2 ul li.onsp1 a {
	background-position: 0px -20px;
}
div#s2 ul li.sp2,
div#s2 ul li.onsp2,
div#s2 ul li.sp2 a,
div#s2 ul li.onsp2 a {
	width: 68px;
}
div#s2 ul li.sp2 a {
	background-position: -64px 0px;
}
div#s2 ul li.sp2 a:hover,
div#s2 ul li.onsp2 a {
	background-position: -64px -20px;
}
div#s2 ul li.sp3,
div#s2 ul li.onsp3,
div#s2 ul li.sp3 a,
div#s2 ul li.onsp3 a {
	width: 113px;
}
div#s2 ul li.sp3 a {
	background-position: -132px 0px;
}
div#s2 ul li.sp3 a:hover,
div#s2 ul li.onsp3 a {
	background-position: -132px -20px;
}
div#s2 ul li.sp4,
div#s2 ul li.onsp4,
div#s2 ul li.sp4 a,
div#s2 ul li.onsp4 a {
	width: 77px;
}
div#s2 ul li.sp4 a {
	background-position: -245px 0px;
}
div#s2 ul li.sp4 a:hover,
div#s2 ul li.onsp4 a {
	background-position: -245px -20px;
}
div#s2 ul li.sp5,
div#s2 ul li.onsp5,
div#s2 ul li.sp5 a
div#s2 ul li.onsp5 a {
	width: 89px;
}
div#s2 ul li.sp5 a {
	background-position: -322px 0px;
}
div#s2 ul li.sp5 a:hover,
div#s2 ul li.onsp5 a {
	background-position: -322px -20px;
}
div#s2 ul li.sp6,
div#s2 ul li.onsp6,
div#s2 ul li.sp6 a,
div#s2 ul li.onsp6 a {
	width: 116px;
}
div#s2 ul li.sp6 a {
	background-position: -411px 0px;
}
div#s2 ul li.sp6 a:hover,
div#s2 ul li.onsp6 a {
	background-position: -411px -20px;
}
div#s2 ul li.sp7,
div#s2 ul li.onsp7,
div#s2 ul li.sp7 a,
div#s2 ul li.onsp7 a {
	width: 96px;
}
div#s2 ul li.sp7 a {
	background-position: -527px 0px;
}
div#s2 ul li.sp7 a:hover,
div#s2 ul li.onsp7 a {
	background-position: -527px -20px;
}
div#s2 ul li.sp8,
div#s2 ul li.onsp8,
div#s2 ul li.sp8 a,
div#s2 ul li.onsp8 a {
	width: 89px;
}
div#s2 ul li.sp8 a {
	background-position: -623px 0px;
}
div#s2 ul li.sp8 a:hover,
div#s2 ul li.onsp8 a {
	background-position: -623px -20px;
}
div#s2 ul li.sp9,
div#s2 ul li.onsp9,
div#s2 ul li.sp9 a,
div#s2 ul li.onsp9 a {
	width: 66px;
}
div#s2 ul li.sp9 a {
	background-position: -712px 0px;
}
div#s2 ul li.sp9 a:hover,
div#s2 ul li.onsp9 a {
	background-position: -712px -20px;
}
/*
 * div#main
 *
 * contents: div.cont 
 * div.cont contents: div.bar, div.field
 *
 */
div#main {
	width: 820px;
	height: 447px;
	background: url(../images/back_main.jpg) no-repeat;
	position: relative;
}
div#main div.cont {
	width: 775px;
	height:436px;
	position: relative;
	top: 9px;
	left: 23px;
	background: url(../images/back_mainc.jpg) left bottom no-repeat;
}
div#main div.cont div.bar {
	width: 775px;
	height: 56px;
	background: url(../images/back_mainbar.jpg) no-repeat;
	position: relative;
}
div#main div.cont div.bar span {
	color: #fff;
	font-size: 16px;
	position: relative;
	top: 7px;
	left: 42px;
}
div#main div.cont div.bar ul {
	width: 217px;
	height: 22px;
	position: absolute;
	top: 10px;
	left: 404px;
}
div#main div.cont div.bar ul li {
	float: left;
}
div#main div.cont div.bar ul li a {
	display: block;
	text-indent: -9999px;
	background: url(../images/btn/viewer.jpg) no-repeat;
}
div#main div.cont div.bar ul li.v1,
div#main div.cont div.bar ul li.v1 a {
	width: 99px;
	height: 22px;
}
div#main div.cont div.bar ul li.v2,
div#main div.cont div.bar ul li.v2 a {
	width: 108px;
	height: 22px;
}
div#main div.cont div.bar ul li.v1 a:hover {
	background-position: 0px -22px;
}
div#main div.cont div.bar ul li.v2 a {
	background-position: -99px 0px;
}
div#main div.cont div.bar ul li.v2 a:hover {
	background-position: -99px -22px;
}
div#main div.cont div.bar div {
	width: 88px;
	height: 39px;
	position: absolute;
	top: 10px;
	left: 673px;
}/*
div#main div.bar div img#popup {
	visibility: hidden;
} */
div#main div.cont div.field {
	width: 775px;
	height: 380px;
	position: relative;
}
div#main div.cont div.field ul.f1 {
	margin-left: 18px;
	margin-bottom: 0;
}
div#main div.cont div.field ul.f1 li {
	float: left;
	display: inline;
	width: 100px;
	height: 100px;
	background: url(../images/shade.jpg) no-repeat;
	margin-right: 7px;
	margin-bottom: 17px;
}
div#main div.cont div.field ul.f1 li.fav {
	background-image: url(../images/shade_fav.jpg);
}
div#main div.cont div.field ul.f1 li img {
	border: solid 1px #999;
}
div#main div.cont div.field table {
	width: 100%;
}

div#main div.cont div.field ul.f2 {
	margin: 0 auto;
	position: absolute;
	bottom: 6px;
	right: 24px;
}
div#main div.cont div.field ul.f2 li {
	float: left;
	display: inline;
}
div#main div.cont div.field ul.f2 a {
	text-decoration: none;
}
div#main div.cont div.field ul.f2 li.lk a {
	display: block;
}
div#main div.cont div.field ul.f2 li.prev {
	margin-right: 1px;
}
div#main div.cont div.field ul.f2 li.focus,
div#main div.cont div.field ul.f2 li.lk,
div#main div.cont div.field ul.f2 li.lk a {
	width: 18px;
	height: 18px;
}
div#main div.cont div.field ul.f2 li.focus,
div#main div.cont div.field ul.f2 li.lk {
	border: solid 1px #999;
	text-align: center;
	margin-right: 4px;
}
div#main div.cont div.field ul.f2 li.focus,
div#main div.cont div.field ul.f2 li.lk a:hover {
	background-color: #ff9;
}
div#main div.cont div.field ul.f2 li.oflow {
	line-height:18px;
}


div#main div.cont div.field ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
div#main div.cont div.field ul {
	display: inline-block;
}
/* \*/
* html div#main div.cont div.field ul {height: 1%;}
div#main div.cont div.field ul {display: block;}
/* */