@charset "utf-8";


/* --------------------
	header
--------------------*/
header {
	width: auto;
	min-width:940px;
	height:740px;
	margin:0 auto;
	position: relative;
	z-index:10;
	background: url(../img/bg.jpg) no-repeat center center;
	background-size:cover;
}
header .logo {
	width:107px;
	height:60px;
	position:absolute;
	top:40px;
	left:40px;
	font-size:0;
	margin:0 auto;
	padding:0;
	z-index:16;
}
header .logo a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}
header h1 {
	width:100%;
	height:740px;
	position:absolute;
	top:0;
	left:0;
	font-size:0;
	margin:0 auto;
	padding:0;
	text-align: left;
	z-index:15;
	overflow:hidden;
}


/* --------------------
	content
--------------------*/
#content .bnrList {
	margin:-80px auto 0;
	min-height:2360px;
}
#content .bnrList li {
	margin:0 auto;
	padding:0 0 60px;
	font-size:0;
}
#content .bnrList li a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}



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


/* --------------------
	header
--------------------*/
header {
	width: auto;
	min-width:320px;
	height:370px;
	margin:0 auto;
	position: relative;
	z-index:10;
	background: url(../img/bg.jpg) no-repeat center center;
	background-size:cover;
}
header .logo {
	width:54px;
	height:30px;
	position:absolute;
	top:20px;
	left:20px;
	font-size:0;
	margin:0 auto;
	padding:0;
	z-index:16;
}
header .logo a:hover img {
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}
header h1 {
	width:100%;
	height:370px;
	position:absolute;
	top:0;
	left:0;
	font-size:0;
	margin:0 auto;
	padding:0;
	text-align: left;
	z-index:15;
	overflow:hidden;
}
header h1 img {
	width: auto;
	height:370px;
}


/* --------------------
	content
--------------------*/
#content .bnrList {
	margin:-40px 15px 0;
	min-height:100vh;
}
#content .bnrList li {
	margin:0 auto;
	padding:0 0 30px;
	font-size:0;
}
#content .bnrList li a:hover img {
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}



}