@charset "utf-8";

/* CSS Document */

/*==========================================================================================

	// index.html

==========================================================================================*/
div#headerIndex {
	height: 14px;
	width: 900px;
	margin: 0 auto;
	font-size:89%;
	padding-top: 30px;
}

div#main h1{
	text-indent:-999999px;
	height:72px;
	width:389px;
	margin:200px 0 50px 0;
}


div#indexTextBox h1 { text-indent:-999999px;
float:left;}



div#indexTextBox h2 {
	height:34px;
}

div#indexTextBox {
	width:830px;
	padding: 5px;
	height: 600px;
	text-align: left;
	background:url(../images/index-img.jpg) no-repeat;
	margin: 0 auto;
}


/*enterArea*/
div#enterArea {
	width:400px;
	float:right;
}

div#enterArea div{
	height:130px;
	padding-top: 10px;
}


div#enterArea p {
	text-align:center;
	font-size: 87%;
	margin: 10px 0;
	line-height: 15px;
}



div#enterArea p#caution {
	color:#FF3366;
	line-height: 15px;
	padding-top: 5px;
}
	
	
div#enterArea p#age {
	color:#FF0000;
	font-weight:bold;
	font-size: 111.1%;}


ul#indexBtn {
	width: 300px;
	height:57px;
	margin: 0 auto 10px auto;
}


ul#indexBtn li#indexBtnEnter {
	float: left;
	width: 300px;
	background: url(../images/18overbutton.gif) no-repeat;
}



ul#indexBtn li#indexBtnEnter a:hover {
	float: left;
	width: 300px;
	background: url(../images/18overbutton.gif) no-repeat 0 -57px;
}


ul#indexBtn li a {
	display: block;
	height: 57px;
	width: 300px;
	text-indent: -9999px;
}



/*Exit Client*/
ul#exitBtn {
	width: 300px;
	margin: 0 auto 20px auto;
}


ul#exitBtn li#indexBtnExit {
	float: left;
	width: 150px;
	background: url(../images/exit-client-btn.gif) no-repeat;
}

ul#exitBtn li#indexBtnClient {
	float: right;
	width: 150px;
	background: url(../images/exit-client-btn.gif) no-repeat -150px 0;
}


ul#exitBtn li#indexBtnExit a:hover {
	float: left;
	width: 150px;
	background: url(../images/exit-client-btn.gif) no-repeat 0 -58px;
}

ul#exitBtn li#indexBtnClient a:hover {
	float: right;
	width: 150px;
	background: url(../images/exit-client-btn.gif) no-repeat -150px -58px;
}


ul#exitBtn li a {
	display: block;
	height: 58px;
	width: 150px;
	text-indent: -9999px;
}
