/* header -----------------------------------------------*/
header{
	margin: 0px 0 0;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(../img2/main_bg_01_1.jpg);
}


.navi{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 70px;
	background-repeat: repeat-x;
	background-image: url(../img2/menu_btn_bg.png);
	z-index: 100;
}
nav{
	position: relative;
	margin: 0 auto;
	width: 1000px;
	height: 70px;
}
.mainNav{
	display: block;
	margin: 0 0 0 1px;
	height: 70px;

}
.mainNav>li{
	display: inline-block;
	margin: 0 10px 0 0;
	height: 70px;
}
.mainNav>li>a{
	display: block;
	width: 200px;
	height: 70px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-image: url(#);
}
.mainNav>li:last-child>a{
	display: block;
	width: 134px;
	height: 70px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-image: url(#);
	margin-left:-11px;
}
.mainNav>li:nth-child(1)>a:hover,
.mainNav>li:nth-child(2)>a:hover,
.mainNav>li:nth-child(3)>a:hover,
.mainNav>li:nth-child(4)>a:hover,
.mainNav>li:nth-child(5)>a:hover{
	background-position-y:bottom;
}
.mainNav>li:nth-child(1)>a{width: 235px;background-position: -58px 0px;}
.mainNav>li:nth-child(2)>a{width: 120px;background-position: -318px 0px;}
.mainNav>li:nth-child(3)>a{width: 137px;background-position: -475px 0px;}
.mainNav>li:nth-child(4)>a{width: 134px;background-position: -645px 0px;}


.headerInn{
	height: 1252px;
}
.headerInn>h1{
	position: absolute;
	top: 92px;
	left: 232px;
}

.playerCount{
	position: absolute;
	top: 495px;
	right: 150px;
}
.banner1,
.banner2{
	position: absolute;
}
.banner1{bottom: 64px;left: 78px;}
.banner2{
	top: 1110px;
	z-index: 98;
	left: 39px;
}

.banner3{
	top: 1140px;
	z-index: 98;
	left: 39px;
	margin-top: 181px;
}
.banner4{
	top: 1220px;
	z-index: 98;
	left: 39px;
	margin-top: 181px;
}
.banner1{
	width: 358px;
	height: 219px;
	background-image: url(#);
}
.banner1 a{
	position: relative;
	display: block;
	margin: 40px 0px 0 20px;
	width: 310px;
	height: 166px;
}
.banner1 a span{
	position: absolute;
	bottom: 13px;
	right: 13px;
	display: inline-block;
	-webkit-transition: all 400ms linear;
	transition: all 400ms linear;
}
.banner1 a:hover span{
	-webkit-transform: scale(0.96) ;
	transform: scale(0.96) ;
}

.poppop {
	position: absolute;
	z-index: 50;
	max-width: 100%%;
	padding-left: auto;
	padding-right: auto;
	margin-left: auto;
	margin-right: auto;
	width: 700px;
700; 								text-align: center;
	left: 10%;
	right: 10%;
}


#effect{
 	position: absolute;
 	top: 270px;
 	width: 100%;
    height: 500px;
}
#tmode_area{
	position:absolute;
	top:737px;
	margin:0 auto;
	left:0;
	right:0;
	width:100%;
	height:276px;
	max-width:1060px;
	z-index:98;
}

#tmode_area a:hover {
	opacity: 0.8;
}
#tmode_mediaplay_area p a{
       -webkit-transition: all 400ms linear;
    transition: all 400ms linear;
}
#tmode_mediaplay_area p a:hover{
-webkit-transform: scale(0.97);
    transform: scale(0.97);
}
#tmode_mediaplay_area ul{
	text-align:center;
	font-size:0;
	padding:101px 0 0 0;
	}
	
#tmode_mediaplay_area ul li{
	display:inline-block;
	position: relative;
	margin:0 -2px 0 -2px;
	}
#tmode_mediaplay_area ul li p{
	position:absolute;
	top:61px;
	left:0;
	right:3px;
	margin:0 auto;
	width:195px;
	height:57px;
	
	}

.topCmWrap{
	position: absolute;
	top: 626px;
	left: 354px;
	width: 289px;
	height: 98px;
	z-index: 99;
}
.topCmWrap > p{
	display: inline-block;
}

.topDownload{
	position: absolute;
	top: 460px;
	left: 87px;
	width: 852px;
	height: 260px;
	background-repeat: no-repeat;
	background-position: center top;
	z-index: 99;
}
.topDownload > h2{
	position: absolute;
	top: -1px;
	right: 15px;
}
.topDownload > h3{
	position: absolute;
	top: -18px;
	left: 20px;
}
.topDownload > ul{
	position: absolute;
	top: 80px;
	left: 20px;
	width: 388px;
	height: 62px;

}
.topDownload > ul > li,
.topDownload > ul > li>a{
	display: inline-block;
}
.topDownload > ul > li>a{
	-webkit-transition: all 400ms linear;
	transition: all 400ms linear;
}
.topDownload > ul > li>a:hover{
	-webkit-transform: scale(0.96) ;
	transform: scale(0.96) ;
}

.topTwitter{
	position: absolute;
	top: 1049px;
	padding: 72px 50px 0;
	width: 517px;
	height: 539px;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(../img2/timeline_bg.png);
	z-index: 10;
	right: 10px;
}
.btnFollow{
	position: absolute;
	bottom: 22px;
	left: 38px;
}


#report{
	position: absolute;
	top: 1328px;
	right: -8px;
	width: 500px;
	height: 257px;
	text-align: center;
	background-repeat: no-repeat;
	background-image: url(../img2/report_bg3.png);
	z-index: 10;
	background-position: 0% 455%;
}
#report>h1{
	position: relative;
	margin: -27px auto 0px;
	text-align: center;
	z-index: 1;
}
#report ul{
	position: relative;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	/*padding:45px 0 0; */
	/*width: 1030px;*/
	/*height: 236px;*/
	
	z-index: 0;
	margin-top: -36px;
}
#report ul li{
	position: relative;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	width: 449px;
	height: 99px;
}
#report ul li h2{
	position: relative;
	width: 449px;
	height: 99px;
	line-height: 99px;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
}
#report ul li h2>img{
	/*display: inline-block;
	margin: 5% 0 0 -19%;
	width: 135%;*/
}
#report ul li>p{
	position: absolute;
	top: 17px;
	right: 26px;
	display: inline-block;
}
#report ul li p a {
	display: inline-block;
	-webkit-transition: all 300ms ease-in;
	transition: all 300ms ease-in;
}
#report ul li p a:hover{
	-webkit-transform: scale(0.97);
	transform: scale(0.97);
}


.infoWrap{
	position: absolute;
	top: 544px;
	margin: 0 auto;
	padding: 20px;
	width: 384px;
	height: 132px;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../img2/news_bg.png);
}
.info{
	position: relative;
	padding: 0 5px; 
	width: 374px;
	height: 130px;
	color: #fff;
	overflow: auto;
}
.info > h2{
	padding: 4px 0;
	border-bottom: 1px #fff dashed;
	font-size: 15px;
	line-height: 24px;
}
.info > p{
	display: inline-block;
	padding-top: 6px;
	font-size: 12px;
	line-height: 18px;
}
.info > p em{
	color: #DF8C30;
}

/*----------------------------------------------- header */

.contentsWrap{
	position: relative;
	margin-top: -610px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
	padding: 330px 0 0;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(../img2/paper_bg_bottom_02.png);
}
.contentsWrap:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 120%;
	-webkit-background-size: 320px;
	background-size: 320px;
	background-position: center top;
	background-image: url(../img2/net.png);
	z-index: -1;
	opacity: 0.5;
}
#bgMovieWrap{
	position: fixed;
	top: 0;
	left: 0;
	display: block;
	margin: 0;
	padding: 0; 
	width: 100%;
	height: 100%;
	z-index: -5;
}
#bgMovie{
	position: relative;
	margin: 0 auto;
	display: block;
}

#about,
#story,
#weapon{
	margin: 0 auto;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center top;
	z-index: 5;
}
#about{
	height: 1090px;
}
#about>.sectionInn{
	margin: 40px auto 0;
	height: 780px;
	background-repeat: no-repeat;
	background-position: center 150px;
	background-image: url(#);
}
#about>.sectionInn>.btnMovie{
	margin: 40px auto 0px;
}
#about>.sectionInn>.btnMore{
	margin: 150px auto 0px;
}

#about .btnMore{
	margin: 14px auto 0;
}

#story{
	height: 1150px;
	background-repeat: no-repeat;
	background-position: center 180px;
	background-image: url(../img2/about_poin2_bg1_2.png);
	margin-top: -171px;
}
#story:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center 960px;
	z-index: -1;
}
#story>.sectionInn{
}
#story>.sectionInn>.btnMovie{
	margin: 570px auto 0px;
}
#story>.sectionInn>.btnMore{
	margin: 30px auto 0px;
}

#weapon{
	padding: 32px 0 0;
	height: 984px;
	background-repeat: no-repeat;
	background-position: center -120px;
}
#weapon>.sectionInn{

}
#weapon>.sectionInn>.btnMovie{
	margin: 10px auto 20px;
}
#weapon>.sectionInn>.btnMore{
	margin: 30px auto 0px;
}

#about h1,
#about p,
#story h1,
#story p,
#weapon h1,
#weapon p{
	display: inline-block;
	width: 1000px;
	text-align: center;
}
/*#about .overWidth{
	margin: 0 0 0 -50px;
	width: 1100px;
}
*/
#weapon p.caution{
	margin: 40px 0 0;
}

/* friendCam --------------------------------------------*/
#friendCam{
	height: 10px;
	margin-top: 19px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
	padding: 313px 0 0px;
	background-repeat: no-repeat;
	background-position: center 60px
}



#friendCam>.sectionInn{
	padding: 70px 0 0;
	width: 1030px;
	height: 1400px;
	text-align: center;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(../img2/present_contents_bg.png)
}
#friendCam>.sectionInn>h1{
	margin: 0 auto 30px;
}
#friendCam>.sectionInn>p{
	display: inline-block;
}
.presentCaution{
	position: absolute;
	display: block;
	left: 10px;
	bottom: 40px;
	width: 1000px;
	font-size: 17px;
	line-height: 24px;
	z-index: 1;
}


/*-------------------------------------------- friendCam */


#secFriendCam{
	background-image: none;
}
#spec{
	background-color: rgba(0,0,0,.0);
}

/* secDownload ------------------------------------------*/
#secDownload{
	background:none;
}


.bottomWrap{
	margin: -950px 0 0;
	padding: 930px 0 0;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(../img2/spec_bg5.png);
}

.sectionInn>p.copyright {
	margin: 30px 0;
}
.banner4 {
}