@charset "UTF-8";

body{
	background-position: center top;
	background-size: 100% auto;
	background-color:#000;
	font-family: "M PLUS 1p";
	margin: 0px;
	padding: 0px;
	font-size:12px;
	color:#000;
}

a:link {
	color: #333;
	text-decoration:none;
}

a:visited {
	color: #000;
	text-decoration:none;
}

a:hover {
	text-decoration: none;
	color: #666;
}

a:active {
	color: #000;
	text-decoration:none;
}
h1{
	text-align:center;
	background-color:#836752;
	width:100%;
	height:auto;
	overflow:hidden;
	font-size:1.2em;
	color:#FFF;
	line-height:2em;
	margin:0px;
}

#index_container{
	background-color:#FFF;
	width:70%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	text-align:center;
	box-shadow: 0 0 8px #333;
}
.index_img{
	width:100%;
	margin:5% auto 7%;
}
.index_img img{
	width:100%;
	vertical-align: bottom;
}
footer{
	width:100%;
	text-align:center;
	background-color:#836752;
	margin:-14px 0 0;
}
footer p{
	font-size:1.2em;
	color:#FFF;
	line-height:2em;
	
}

@media screen and (min-width: 960px) {
	#index_container{
		width:900px;
		height:auto;
		overflow:hidden;
		margin:0 auto;
	}
	.index_img{
		text-align:center;
		width:800px;
		margin:5em auto;
	}
	.index_img img{
		width:100%;
		vertical-align: bottom;
	}
}

@media screen and (max-width: 959px) {

}

@media screen and (max-width: 767px) {

}