@charset "utf-8";
html, body {
	width: 100%;
	height: 100%;
	margin:  0;
	padding: 0;
	background-image:none;
}
#blockin {
	background-image:url(../images/sbac.png);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center top;
	width:100%;
	height:100%
}
#block1 {
	background-attachment: fixed;
	width: 100%;
	height: 100%;
}
#block2 {
	background-color: #22ac38;
	background-image:url(../images/lbac.png), url(../images/rbac.png);
	background-repeat: repeat-y, repeat-y;
	background-position:left, right;
}
#block2 #infobase {
	margin:0 auto 40px auto;
	overflow:hidden;
}
#block2 #guidebase {
	margin: 30px auto 0 auto;
	overflow: hidden;
}
.scroll {
	position: absolute;
	bottom: 15px;
	left: 50%;
	margin-left: -28px;
}
#eventlink {
	position:absolute;
	z-index:10
}
.traderbase {
	width:1020px;
	margin:100px auto 40px auto;
	overflow:hidden;
	color:#FFFFFF
}
.traderbox h3 {
}




/*タブレット用表示制御*/
@media screen and (min-width: 768px) and (max-width: 1024px) {
body {
	width:100%;
	margin: auto;
}
.traderbase {
	width:738px;
	margin:20px auto 10px auto;
	overflow:hidden;
}
#block1 {
	width:0px;
	height: 0px;
	display: none;
}
}
 @media screen and (min-width: 0px) and (max-width: 768px) {
body {
	width:100%;
	margin: auto;
}
#block2 {
	background-color: #22ac38;
	background-image:url(../images/mlbac.png), url(../images/mrbac.png);
	background-repeat: repeat-y, repeat-y;
	background-position:left, right;
	width:100%;
}
.traderbase {
	width:320px;
	margin:0 auto 10px auto;
	overflow:hidden;
}
#block1 {
	width:0px;
	height: 0px;
	display: none;
}
}