@charset "UTF-8";

/* ========================================
	no-js
======================================== */
.nojs .nojs-img{
	display: block;
}
.nojs-img{
	display: none;
}
/* ========================================
	_top
======================================== */
._top{
	width: 100%;
	min-width: 960px;
	background: url('../images/index/bg_top.png') center top no-repeat;
	height: 840px;
	margin: 0 auto;
	position: relative;
	z-index: 10;
}
._top h1{
	position: absolute;
	top: 6px;
	left: -33px;
}
._top ._info{
	position: absolute;
	top: 540px;
	left: 0px;
}

/*	_info
=============================*/
._info .movie{
	position: absolute;
	top: 7px;
	left: 21px;
	width: 233px;
	height: 199px;
	background-image: url('../images/index/info_movie_bg.png');
	background-position: left top;
	background-repeat: no-repeat;
	padding: 98px 0 0 19px;
}
._info .column{
	position: absolute;
	top: 15px;
	left: 283px;
	width: 232px;
	height: 200px;
	background-image: url('../images/index/info_column_bg.png');
	background-position: left top;
	background-repeat: no-repeat;
	padding: 90px 0 0 13px;
}
._info .img-soft{
	position: absolute;
	top: 16px;
	left: 542px;
}
._info .icon-soft{
	position: absolute;
	top: 16px;
	left: 620px;
}
._info .icon-nnet{
	position: absolute;
	top: 16px;
	left: 682px;
}
._info .txt1{
	position: absolute;
	top: 0px;
	left: 730px;
}
._info .btn-detail{
	position: absolute;
	top: 94px;
	left: 736px;
}
._info .icon-cero{
	position: absolute;
	top: 81px;
	left: 620px;
}
._info .txt2{
	position: absolute;
	top: 81px;
	left: 660px;
}
._info .btn-pc{
	position: absolute;
	top: 150px;
	left: 542px;
}


/* ========================================
	_news
======================================== */
.news-body {
    width: 920px;
    margin: 30px auto;
	border: 1px solid #7b7b7b;
	font-size: 15px;
	background-color: #313131;
    border-radius: 3px;
}

.news-title {
    background-color: #c80000;
    padding: 5px 10px;
}

/* ========================================
	_navi
======================================== */
._navi{
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 100;
	padding: 7px 0;
	background-image: url('../images/index/navi_bg.png');
	background-repeat: repeat;
	background-position: center top;
}
._navi.fixed{
	position: fixed;
	top: 0;
	left: 0;
}
._navi ul{
	padding: 0 0 0 18px;
}
._navi ul:after{
	content: '';
	display: block;
	clear: both;
}
._navi li{
	float: left;
	margin: 0 0 0 10px;
}
._navi li:first-child{
	margin: 0;
}


/* ========================================
	_about
======================================== */
._about{
	/* height: 602px; */
	background-image: url('../images/index/about_bg.png');
	background-position: center top;
	background-repeat: repeat-x;
	position: relative;
}
._about h2{
	position: absolute;
	top: 145px;
	left: 0;
}
._about .movie{
	position: absolute;
	top: 290px;
	left: 15px;
}
._about .movie .nojs-img{
	position: absolute;
	top: 0px;
	left: 0px;
}
._about .txt{
	position: absolute;
	top: 290px;
	left: 522px;
}


/* ========================================
	_story
======================================== */
._story{
	position: relative;
}
._story .bg01{
	background-image: url('../images/index/story_bg01.png');
	background-position: center top;
	background-repeat: no-repeat;
	height: 942px;
}
._story .bg02{
	background-image: url('../images/index/story_bg02.png');
	background-position: center top;
	background-repeat: no-repeat;
	height: 823px;
}
._story .section02 h3{
	position: absolute;
	top: 107px;
	left: 350px;
}
._story .section02 .txt{
	position: absolute;
	top: 304px;
	left: 356px;
}
._story .section02 .img{
	position: absolute;
	top: 53px;
	left: 40px;
	z-index: 10;
}
._story .bg-move{
	position: absolute;
	top: 1460px;
	left: 0;
	width: 100%;
	height: 193px;
	background-image: url('../images/index/story_movebg.png');
	background-position: center top;
	background-repeat: repeat-x;
}


/* ========================================
	_soloplay
======================================== */
._soloplay{
	position: relative;
	height: 1305px;
	background-image: url('../images/index/soloplay_bg.png');
	background-position: center top;
	background-repeat: repeat-x;
}
._soloplay:after{
	content: '';
	display: block;
	clear: both;
}
._soloplay h2{
	margin: 0 0 220px;
}
._soloplay .box{
	width: 480px;
	height: 390px;
	float: left;
	position: relative;
}
._soloplay .box .youtube{
	position: relative;
	padding: 21px 0 0 12px;
	z-index: 10;
}
._soloplay .box .nojs-img{
	position: absolute;
	top: 21px;
	left: 12px;
}
._soloplay .box .txt{
	position: absolute;
	bottom: 0;
	left: 0;
}
._soloplay .bg-move{
	position: absolute;
	top: 150px;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 193px;
	background-image: url('../images/index/soloplay_movebg.png');
	background-position: center top;
	background-repeat: repeat-x;
}

/* ========================================
	_multiplay
======================================== */
._multiplay{
	position: relative;
}
._multiplay .bg01 h2{
	margin: 0 0 220px;
}
._multiplay .bg01{
	height: 1350px;
	background-image: url('../images/index/multiplay_bg01.png');
	background-position: center top;
	background-repeat: repeat-x;
	position: relative;
}
._multiplay .bg02{
	height: 600px;
	background-image: url('../images/index/multiplay_bg02.png');
	background-position: center top;
	background-repeat: repeat-x;
}
._multiplay .bg-move{
	position: absolute;
	top: 140px;
	left: 0;
	width: 100%;
	height: 193px;
	background-image: url('../images/index/multiplay_movebg.png');
	background-position: center top;
	background-repeat: repeat-x;
}
._multiplay .top p{
	text-align: center;
}
._multiplay .section01{
	position: relative;
}
._multiplay .section01 h4{
	position: absolute;
	top: 0px;
	left: 0px;
}
._multiplay .section01 .txt01{
	position: absolute;
	top: 122px;
	left: 0px;
}
._multiplay .section01 .img01{
	position: absolute;
	top: 0px;
	left: 510px;
}
._multiplay .section01 .img02{
	position: absolute;
	top: 426px;
	left: 0px;
}
._multiplay .section01 .img03{
	position: absolute;
	top: 426px;
	left: 326px;
}
._multiplay .section01 .img04{
	position: absolute;
	top: 426px;
	left: 634px;
}
._multiplay .section01 .txt02{
	position: absolute;
	top: 685px;
	left: 0px;
}

._multiplay .section02 h4{
	position: absolute;
	top: 38px;
	left: 0px;
}
._multiplay .section02 .txt01{
	position: absolute;
	top: 142px;
	left: 0px;
}
._multiplay .section02 .img01{
	position: absolute;
	top: 311px;
	left: 21px;
}
._multiplay .section02 .img02{
	position: absolute;
	top: 311px;
	left: 329px;
}
._multiplay .section02 .img03{
	position: absolute;
	top: 311px;
	left: 636px;
}
._multiplay .section02 .txt02{
	position: absolute;
	top: 595px;
	left: 21px;
}


/* ========================================
	_bottom
======================================== */
._bottom{
	height: 250px;
}
._bottom p{
	text-align: center;
}
._bottom .txt{
	padding: 39px 0 11px;
}


/* ========================================
	modal
======================================== */
#modal {
	display: none;
	position: absolute;
	z-index: 9200;
	left: 50%;
	width: 960px;
	margin-left: -480px;
	background-color: #000;
}

#popBody {
	background-color: transparent;
}
#modalWrap1 {
	margin: 0 auto;
	/*padding-bottom: 30px;*/
	/*height: 898px;*/
	/*background: url(../images/modal_item_bg.png) 0 0 no-repeat;*/
	position: relative;
}
#pop-close {
	position: absolute;
	top: 0px;
	right: 0px;
}
#coverLayer {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9000;
	height: auto;
	height: 100%;
	min-height: 100%;
	width: 100%;
	min-width: 960px;
	overflow: hidden;
	background-image: url('../images/index/modal_bg.png');
}
.modalttl{
	padding: 18px 0 0 90px;
}
.modal-movie{
	width: 880px;
	margin: 0 auto;
}


.news-article {
    padding: 15px;
}