@charset "UTF-8";

/* -----------------------------------------------------
indexスタイルシート
------------------------------------------------------*/

body {
	margin:0;
	padding:0;
	background: url("images/index/index_bg.png");
	font-size:12px;
	color:#444444;
}

div#index_contents{
	width: 485px;
	margin: 0px auto;
	clear: both;
}

div#index_info{
	position: relative;
	width: 485px;
	height: 314px;
	margin: 0px 0px 0px 0px;
	background: url(images/index/index_info_bg.png) no-repeat;
}

div#index_info p.comm{
	position: absolute;
	width: 440px;
	top: 40px;
	left: 20px;
	color:#FFFFFF;
	line-height: 180%;
}

div#index_info p.q18info{
	position: absolute;
	width: 380px;
	top: 143px;
	left: 85px;
	color:#E0C285;
}

div.enter_button{
	position: absolute;
	text-indent: -9999px;
	list-style: none;
	width:238px;
	height:47px;
	top: 181px;
	left: 204px;
}

div.enter_button a{
	background:url('images/index/enter.png');
	background-position:0px 0px;
	width:238px;
	height:47px;
	display:block;

}

div.enter_button a:hover {
	background-position:0px -47px;

}

div.leave_button{
	position: absolute;
	text-indent: -9999px;
	list-style: none;
	width:103px;
	height:21px;
	top: 240px;
	left: 340px;
}

div.leave_button a{
	background:url('images/index/leave.png');
	background-position:0px 0px;
	width:103px;
	height:21px;
	display:block;
}

div.leave_button a:hover {
	background-position:0px -21px;

}

div#index_logo{
	width: 485px;
	height: 103px;
	margin: 20px 0px 0px 0px;
	text-align: center;
}

div#index_header{
	width: 100%;
	height:35px;
	margin: 0px 0px 60px 0px;
	padding: 5px 0px 0px 0px;
	background-color: #333333;
}

div#index_header hgroup{
	margin: 0px;
}

div#index_header h1{
	font-size:12px;
	font-weight:normal;
	color:#FFFFFF;
	margin: 0px;
	text-align: center;
}

div#index_footer{
	width: 100%;
	height:200px;
	margin: 100px 0px 0px 0px;
	background-color: #333333;
	text-align: center;
}

div.index_copy{
	line-height: 200%;
	color:#FFFFFF;
}