@charset "utf-8";
html,body{
	position:relative;
}
#wrapper{
	position:relative;
	width:100%;
	min-width:1100px;
	height:1300px;
	overflow:hidden;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(left, rgb(255,255,255) 0%, rgb(10,27,57) 60%, rgb(0,0,0) 87%, rgb(0,0,0) 100%);
	background: -webkit-linear-gradient(left, rgb(255,255,255) 0%,rgb(10,27,57) 60%,rgb(0,0,0) 87%,rgb(0,0,0) 100%);
	background: linear-gradient(to right, rgb(255,255,255) 0%,rgb(10,27,57) 60%,rgb(0,0,0) 87%,rgb(0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=1 );
}
#repeat_bg{
	position:absolute;
	left:50%;
	width:50%;
	top:0;
	height: 790px;
	background:url(../img/top/repeat_x.png) repeat-x left top;
}
#visual{
	position:absolute;
	left:50%;
	margin-left:-640px;
	top:0;

}
#main_text{
	position:relative;
	width:100%;
	opacity:0;
}
#logo{
	position:absolute;
	left:50%;
	top:443px;
	margin-left:-291px;
}
#logo2{
	position:absolute;
	left:50%;
	top:443px;
	margin-left:-291px;
}
#copy1{
	position:absolute;
	left:50%;
	top:40px;
	margin-left:-510px;
}
#copy2{
	position:absolute;
	left:50%;
	top:40px;
	margin-left:450px;
}
#open{
	position:absolute;
	left:50%;
	margin-left: -402px;
	top: 615px;
	width: 812px;

}
#billing{
	position:absolute;
	left:50%;
	margin-left:-264px;
	top: 725px;
}

.layer{
	position:absolute;
	left:0;
	top:0;
}
.layer:nth-child(3){
	transform:translate3d(-20px,0,0);
}
.layer:nth-child(4){
	transform:translate3d(20px,0,0);
}
.vs_bg{
	position:relative;
}

/*---------------------
BANNER
----------------------*/
.bnr{
	position:absolute;
}
#bnr_list{
	position:absolute;
	width:1000px;
	left:50%;
	margin-left:-500px;
	top:0;
}

#bnr_list .bnr:nth-child(1){
	left: 25px;
	top: 575px;

}
#bnr_list .bnr:nth-child(2){
	right: 0px;
	top: 575px;

}

#bnr_list .bnr:nth-child(3){
	right: 65px;
	top: 436px;

}

#bnr_list .bnr:nth-child(4){
right: 0;
    top: 806px;

}

#bnr_list .bnr:nth-child(5){
	left: 0;
	top:735px;
	
}

#bnr_list .bnr:nth-child(6){
	right: 0;
	top: 735px;

}

#bnr_list .bnr:nth-child(7){
	left: 0;
	top: 806px;
	
}

#bnr_list .bnr:nth-child(8){
	right: 	45px;
    top: 731px;
}

#bnr_list .bnr:nth-child(9){
	left: 	0px;
    top: 797px;
}



.bnr_au{
    width:140px;
    position: absolute;
    top: 835px;
    right: 40px;
}
/*---------------------
canvas
----------------------*/
#bg{
	position:absolute;
	left:0;
	top:0;
}
#logo,#noise{
	position:absolute;
	left:50%;
	top:443px;
	margin-left:-441px;
}


/*---------------------
buzzes
----------------------*/
#buzzes-telop-container {
    position: absolute !important;	
	top:0 !important;
	right:0 !important;
	z-index:0 !important;
}



/*------------
DVDバナー追加
-------------*/

.dvd_box{
	width:1000px;
	height: auto;
	position:absolute;	
	margin: 0 auto;
	right: 0;
	left: 0;
	top: 890px; /*位置*/
	border: 1px solid #354c6e;
}

.dvd_box_inner{
	position:relative;	
	width: 1000px;
	height: 265px;
	margin:auto;
	bottom: 10px;
	right:0;
	left:0;
	top: 0;
	margin:0px auto;
	background:url(../img/top/dvd/dvd_bg.png) top center no-repeat;
	background-size:1005px 313px;
	padding-bottom: 40px;
}

.dvdbannerarea1{
	width: 892px;
	height: 45px;
	top: 6px;
	position: absolute;
	right:0;
	left:0;
	margin: 40px auto 0;
}

.dvdbannerarea1 img{
	/*margin-right:7px;	*/
	
}

.dvdbannerarea1 img:last-child{
	margin-right:0px;	
}

.dvdbannerarea2{
	width: 892px;
	height: 45px;
	top: 97px;
	position: absolute;
	right:0;
	left:0;
	margin: 40px auto 0;
}

.dvdbannerarea2 img{
	/*margin-right:7px;	*/
}

.dvd_1{
	width: 892px;
	height:45px;
	position: absolute;
	top:0;
	left:0;
	right:0;
	margin:0 auto;
}

.dvd_2{
	width: 892px;
	height:45px;
	position: absolute;
	top:50px;
	left:0;
	right:0;
	margin:0 auto;

}

.dvd_3{
	width: 892px;
	height:45px;
	position: absolute;
	top:100px;
	left:0;
	right:0;
	margin:0 auto;
}