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

body {
	background-position:50% 0%;
	background-image: url(../design/background-image.jpg);
	background-repeat: no-repeat;
	background-color:#0a0a0a;
	color: #fff;
}

.wrap {
	text-align: center;
}

#title {
	text-align: center;
}

#entrance {

}

#entrance > div {
	display: inline-block;
}

#entrance > div.enter,
#entrance > div.exit {
	padding: 15px;
}

h2 {
	color: #ffd;
}
#greet {
	text-align: left;
	width: 640px;
	margin: 10px auto 40px;
}

.members {
	width: 600px;
	margin: 10px auto;
}

.members p {
	margin: 10px 0; 
}

#pay-credit {
	margin: 70px 0 20px; 
}

#group-list ul {
	width: 900px;
	margin: 0 auto;
}

#group-list ul li {
	display: inline-block;
	padding: 5px 20px;
}
#footer {
	margin: 15px 0;
}

#footer p {
	margin: 10px 0;
}

#link {
	margin: 20px 0;
}

#link > div {
	margin-bottom: 15px;
}

#link > div table {
	margin: 0 auto;
}

/** image viewer */
.mod-image { width: 600px; margin: 16px auto;}
.mod-image .main li { display: none; position: absolute; }
.mod-image .main { width: 600px; height: 305px; }

.mod-image .thumb { padding: 0 5px 5px; _margin: 0 -3px; overflow: hidden; _zoom: 1; background: url(../img/common/bg.gif); }
.mod-image .thumb li { position: relative; float: left; margin: 5px 3px 0; width: 84px; height: 39px; background: #000; cursor: pointer; }
.mod-image .thumb img { position: absolute; top: 0; background: #000; opacity: 0.6; -moz-opacity: 0.6; -webkit-opacity: 0.6; filter: alpha(opacity=60); }
.mod-image .thumb .current { position: absolute; top: 0px; width: 84px; height: 39px; opacity: 0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity=0); background: url(../img/common/target.gif) no-repeat; }