html, body{
	width:100%; height:100%;
    min-width: 1030px;
}

body{
    background: #000;
}

div#stage{
	width:100%; height:100%;
}




/*--------------------------------*/
/* [TOP] */

body#index div#stage{
	position:absolute;
}

body#index div#flaContent{
	width:100%; height:100%;
}

body#index ul#sns{
	position:absolute;
	left:20px; top:13px;
}

body#index ul#sns li{
	float:left;
    margin-right: 10px;
}



/*--------------------------------*/
/* [2ND共通] */

body.sec{
    background: #000;
}


/* BOX */
body.sec div#stage{
	position:relative;
    width:100%; height: 100%;
}

body.sec div#mainBg{
	width:100%; height:100%;
	min-width: 1030px;
	position: absolute;
}

body.sec div#main{
	width:998px;
	margin: 0 auto;
    padding-bottom:50px;
	position:relative;
	display:none;
}

.spMainBg{
	background: #000 url('../img/common/main_bg.jpg') no-repeat 50% 0;
	background-size: cover;
}


/* TITLE */
body.sec h2{
	
}

body.sec #sideNav{
    position: absolute;
    left:-5px; top:60px;
}


/* HEADER */
body.sec div#header{
	width:100%; height:78px;
	background: transparent url('../img/common/header_bg01.png') no-repeat 50% 0;
}

body.sec div#header div.cnt1{
	width:100%; height:78px;
	background: transparent url('../img/common/header_bg02.png') repeat-x;
}

body.sec div#header div.cnt1 div{
	width:1031px;
	margin: 0 auto;
}

body.sec div#header h1{
	width:171px;
	float:left;
}

body.sec div#header ul{
	width:860px;
	float:left;
	padding-top:8px;
}

body.sec div#header li{
	height:42px;
	float:left;
	overflow: hidden;
}

body.sec div#header li.nav1{width:107px;}
body.sec div#header li.nav2{width:94px;}
body.sec div#header li.nav3{width:132px;}
body.sec div#header li.nav4{width:123px;}
body.sec div#header li.nav5{width:147px;}
body.sec div#header li.nav6{width:93px;}
body.sec div#header li.nav7{width:93px;}
body.sec div#header li.nav8{width:106px;}

body.sec div#header li.active img{margin-top: -42px;}
body.sec div#header li.invalid img{
	filter:alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
}

body.sec div#header li a:link img{margin-top: 0;}
body.sec div#header li a:hover img{margin-top: -42px;}






/* FOOTER */
body.sec div#footer{
	position: absolute;
    left:0; bottom:0;
    width: 100%; height:100px;
    overflow: hidden;
	/*background: transparent url('../img/common/footer_bg.png') repeat-x;*/
    background-color: rgba(0, 0, 0, 0.8);
    border-top: 1px solid #004740;
}

.footerFixed{
    position: absolute;
    left:0; bottom:0;
}


body.sec div#footer div.cnt1{
	width:998px;
	margin: 0 auto;
}

body.sec div#footer div.le{
	width:75%;
	float:left;
}


body.sec div#footer div.ri{
	width:25%;
	float:left;
}


body.sec div#footer li{
	float:left;
	padding: 7px 10px 0 0;
}

body.sec div#footer p{
	padding-top: 14px;
	color:#fff;
	font-size:0.8em;
	text-align: right;
}



/*--------------------------------*/
/* [ABOUT] */

body#about #stage{
    min-height: 800px;
}

body#about div#mainBg{
    min-height: 800px;
}

body#about div#flabg{
	width:100%; height:100%;
}

body#about div#main .cnt1{
	
}

body#about div#main .cnt1In{
	width:732px; height:628px;
	margin: 0 auto 0 auto;
	background: transparent url('../about/img/bg_box.png') no-repeat;
}

body#about div#main .cnt1 h3{
	width:630px;
	margin:0 auto;
	padding-top:55px;
    color: #25B8AB;
    font-size:24px;
    line-height: 30px;
}

body#about div#main .cnt1 p{
	width:630px;
	margin:10px auto;
    color: #fff;
    line-height: 20px;
    font-size: 16px;
}
.text-accent {
    color: #25b8ab !important;
}

body#story div#main p {
    margin:10px auto;
    color: #fff;
    line-height: 20px;
    text-shadow: 0 0 5px #000, 0 0 5px #000, 0 0 8px #25b8ab, 0 0 8px #25b8ab, 0 0 8px #25b8ab;
}

/*--------------------------------*/
/* [CHARA] */

body#chara #stage{
    min-height: 1160px;
}

body#chara div#mainBg{
    min-height: 1160px;
}

body#chara div#mainBg{
    background: #000 url('../chara/img/main_bg.jpg') no-repeat 50% 100%;
    background-size: cover;
}


body#chara div#main .cnt1{
    
}

body#chara #charas1 img, body#chara #charas3 img{
    /*opacity: .2;*/
}

body#chara ul#charas1{
    width:518px;
    margin: 0 auto;
}

body#chara ul#charas1 li{
    width:176px; height:286px;
    float:left;
    overflow: hidden;
}

body#chara ul#charas1 li a:link img{margin-top:0;}
body#chara ul#charas1 li a:hover img{margin-top:-286px;}


body#chara ul#charas2{
    width:518px;
    margin: 0 auto;
}

body#chara ul#charas2 li{
    width:176px; height:277px;
    float:left;
    overflow: hidden;
}

body#chara ul#charas2 li a:link img{margin-top:0;}
body#chara ul#charas2 li a:hover img{margin-top:-277px;}


body#chara ul#charas3{
    width:694px;
    margin: 0 auto;
}

body#chara ul#charas3 li{
    width:176px; height:277px;
    float:left;
    overflow: hidden;
}

body#chara ul#charas3 li a:link img{margin-top:0;}
body#chara ul#charas3 li a:hover img{margin-top:-277px;}


body#chara ul#charas1 li.last, body#chara ul#charas2 li.last, body#chara ul#charas3 li.last{
    width:166px;
}


body#chara ul#charas4{
    width:166px;
    margin: 0 auto;
}

body#chara ul#charas4 li{
    width:176px; height:277px;
    float:left;
    overflow: hidden;
}

body#chara ul#charas4 li a:link img{margin-top:0;}
body#chara ul#charas4 li a:hover img{margin-top:-277px;}





/*--------------------------------*/
/* [OTHERS] */

body#others #stage{
    min-height: 910px;
}

body#others div#mainBg{
	 min-height: 910px;
}

body#others div#main .cnt1In{
	width:732px; height:694px;
	margin: 0 auto 0 auto;
	background: transparent url('../others/img/bg_box.png') no-repeat;
}

body#others div#bnrs{
	width:564px;
	margin:0 auto;
	padding-top:70px;
}

body#others div#bnrs dl{
	width:564px;
}

body#others div#bnrs dt{
	width:260px;
	padding-bottom: 30px;
	display: table-cell;
}

body#others div#bnrs dd{
	width:304px;
	padding-bottom: 30px;
	display: table-cell;
	vertical-align: middle;
}



/*--------------------------------*/
/* [CAMPAIGN] */

body#campaign #stage{
    min-height: 870px;
}

body#campaign div#mainBg{
    min-height: 870px;
    background: #000 url('../campaign/img/main_bg.jpg') no-repeat 50% 0;
	background-size: cover;
}

body#campaign h1{
    width:787px;
    margin:0 auto;
    padding-top: 20px;
}

body#campaign div#main .cnt1{
    
}
  
body#campaign div#main .cnt1In{
	width:787px; height:691px;
	margin: 0 auto;
	background: transparent url('../campaign/img/bg_box.png') no-repeat;
}



body#campaign h2{
    width:725px;
	margin: 0 auto;
    padding-top:50px;
    position:static;
}


body#campaign div#main ul{
    width:718px;
    margin: 0 auto;
    padding-top:35px;
}

body#campaign div#main li{
    float:left;
    width:186px;
}

body#campaign div#main li.last{
    width:160px;   
}


body#campaign div#main p{
    width:540px;
	margin: 0 auto;
    padding-top:25px;
    color:#fff;
    font-size:1.0em;
    line-height: 2;
}


body#campaign div#main p#twt{
    text-align: center;
}



/*--------------------------------*/
/* [Story] */

body#story #stage{
    min-height: 640px;
}

body#story div#mainBg{
    min-height: 640px;
    background: #000 url('../story/img/main_bg.jpg') no-repeat 50% 100%;
	background-size: cover;
}


body#story .cnt1 .txt{
    text-align: center;
    margin-top: 125px;
}



/*--------------------------------*/
/* [SPEC] */

body#spec #stage{
    min-height: 1320px;
}

body#spec div#mainBg{
    min-height: 1300px;
}

body#spec div#flabg{
	width:100%; height:100%;
}


body#spec h2{
	height:25px;
}

body#spec h3{
    width:636px;
    margin: 0 auto;
}


body#spec #sideNav li{
    margin-bottom: 20px;
}

body#spec #sideNav li span{
    display:block;
    width: 132px; height: 56px;
    overflow: hidden;
}

body#spec #sideNav li.active img{
    margin-top: -56px;
}



/* cnt1 */
body#spec #cnt1{
	margin-left: 20px;
}

body#spec #cnt1 .inner{
	width:732px; height:1094px;
	margin: 0 auto;
    padding-top: 50px;
	background: transparent url('../spec/img/bg_box.png') no-repeat;
}

body#spec #cnt1 div#package{
    width:636px;
    margin: 40px auto 0 auto;
}

body#spec #cnt1 div#package .le{
    width: 240px;
    float:left;
}

body#spec #cnt1 div#package .ri{
    width:396px;
    float:left;
}

body#spec #cnt1 div#package ul{
    margin-top: 40px;
}

body#spec #cnt1 div#package li{
    font-size:0.8em;
    line-height: 2;
    color:#FFF;
}

body#spec #cnt1 div#package li a{
    color:#009485;
}

body#spec #cnt1 .txt2{
    width:636px;
    margin: 40px auto 0 auto;
}

body#spec #cnt1 .txt3{
    width:636px;
    margin: 10px auto 0 auto;
}


body#spec #cnt1 .imgs{
   margin: 50px 0 0 55px; 
}

body#spec #cnt1 .imgs li{
    float:left;
    padding-right:20px;
}

body#spec #cnt1 .imgs p{
    width: 630px;
    text-align: right;
    margin-top:20px;
    font-size:0.8em;
    color:#FFF;
}


/* cnt2 */
body#spec #cnt2{
	margin-left: 20px;
    display: none;
}

body#spec #cnt2 .inner{
	width:732px; height:704px;
	margin: 0 auto;
    padding-top: 50px;
	background: transparent url('../spec/img/bg_box2.png') no-repeat;
}


body#spec #cnt2 .imgs{
    margin: 20px 0 0 35px;
}

body#spec #cnt2 .imgs li{
    float:left;
    padding-right:15px;
    text-align: center;
}

body#spec #cnt2 .imgs h4{
    height:155px;
}

body#spec #cnt2 .imgs p{
    margin-top:20px;
    font-size:0.8em;
    color:#FFF;
}


body#spec #cnt2 .att{
    width: 663px;
    margin: 30px auto 0 auto;
}

body#spec #cnt2 .att li{
    font-size:0.8em;
    line-height: 2;
    color:#FFF;
}


/* cnt3 */
body#spec #cnt3{
	margin-left: 20px;
    display: none;
}

body#spec #cnt3 .inner{
	width:728px; height:3154px;
	margin: 0 auto;
    padding-top: 50px;
	background: transparent url('../spec/img/bg_box3.png') no-repeat;
}

body#spec div.tokutenBox{
    width:655px;
    margin:30px auto 0 auto;
}

body#spec div.tokutenBox div.le{
    width:230px;
    float:left;
}

body#spec div.tokutenBox div.ri{
    width:425px;
    float:left;
}

body#spec div.tokutenBox div.ri p{
    margin-top: 30px;
}

body#spec div.tokutenBox div.ri p.txt{
    font-size:18px;
    line-height:2;
    color:#FFF;
}

body#spec div.tokutenBox div.ri p.att{
    margin-top:10px;
    font-size:12px;
    line-height:1.5;
    color:#FFF;
}

body#spec div.tokutenBox div.ri p.btn{
    height: 40px;
    overflow-y: hidden;
    text-align: center;
}

body#spec div.tokutenBox div.ri p.btn a:hover img{
    margin-top: -40px;
}


/* cnt2 */
body#spec_ps .le-link {
    color: #111;
    font-weight: 600;
    text-decoration: none;
    background-color: #FFF45C;
    padding: 10px;
    display: block;
    width: 25%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}

body#spec_ps .le-link:hover {
    color: #000;
    background-color: #C1B947;
}

body#spec_ps table {
    color: #fff;
    width: 100%;
    text-align: center;
    font-weight: 600;

}

body#spec_ps table .buy-platforms {
    background-color: #197169;
}

body#spec_ps table .buy-platforms td {
    border: 1px solid #000 !important;
}

body#spec_ps table a {
    color: #fff;
    text-decoration: none;
}

body#spec_ps table a:hover {
    color: #197169;
    text-decoration: none;
}

body#spec_ps table tr td{
    border: 1px solid #197169;
    line-height: 30px;
}

body#spec_ps #cnt2{
    display: none;
}

body#spec_ps div.tokutenBox{
    width:655px;
    margin:40px auto 0 auto;
}

body#spec_ps div.tokutenBox div.le{
    width:260px;
    float:left;
}

body#spec_ps div.tokutenBox div.ri{
    width:390px;
    float:left;
}

body#spec_ps div.tokutenBox div.ri p{
    margin-top: 20px;
    padding-left: 10px;
}

body#spec_ps div.tokutenBox div.ri p.txt{
    font-size:18px;
    line-height: 28px;
    color:#FFF;
}

body#spec_ps div.tokutenBox div.ri p.att{
    margin-top:10px;
    font-size:12px;
    line-height:1.5;
    color:#FFF;
}

body#spec_ps div.tokutenBox div.ri p.btn{
    height: 40px;
    overflow-y: hidden;
    text-align: center;
}

body#spec_ps div.tokutenBox div.ri p.btn a:hover img{
    margin-top: -40px;
}



/*--------------------------------*/
/* [RADIO] */

body#radio #stage{
    min-height: 1070px;
    font-size:1.0em;
    line-height: 2;
    color:#FFF;
}

body#radio div#mainBg{
    min-height: 1070px;
    background: #000 url('../radio/img/main_bg.jpg') no-repeat 50% 0;
	background-size: cover;
}

body#radio h1{
    width:787px;
    margin:0 auto;
    padding-top: 20px;
}

body#radio div#main .cnt1{
    
}
  
body#radio div#main .cnt1In{
	width:787px; height:867px;
	margin: 0 auto;
	background: transparent url('../radio/img/bg_box.png') no-repeat;
}

body#radio div.inner{
    width:695px;
    margin:0 auto;
    padding-top:55px;
    background: transparent url('../radio/img/mark.png') no-repeat center 40px;
}


body#radio h2{
    margin: 20px 0 20px 0;
    text-align: center;
}


body#radio div#detbox{
    width:695x;
    margin-top:20px;
}

body#radio div#detbox div.le{
    float:left;
    width:335px;
}

body#radio div#detbox div.le dl{
    margin-bottom:15px;
}

body#radio div#detbox div.le dt, body#radio div#detbox div.le dd{
    font-size:1.0em;
    line-height: 2;
}

body#radio div#detbox div.ri{
    width:360px;
    float:left;
}


body#radio div#detbox div.ri li{
    float:left;
}

body#radio div#detbox div.ri li.le{
    width: 194px;
}

body#radio div#detbox div.ri p{
    font-size:0.9em;
}



/*--------------------------------*/
/* [MOVIE] */

body#movie #stage{
    min-height: 560px;
}

body#movie div#mainBg{
    min-height: 560px;
}

body#movie div#flabg{
	width:100%; height:100%;
}

body#movie div#main .cnt1{
	margin-top: 100px;
}

body#movie div#main .cnt1In{
	width:728px; height:284px;
	margin: 0 auto 0 auto;
    padding-top: 70px;
	background: transparent url('../movie/img/bg_box.png') no-repeat;
}


body#movie dl.movieLst{
    width:600px;
    margin:0 auto;
}

body#movie dl.movieLst dt, body#movie dl.movieLst dd{
    display: table-cell;
    vertical-align: middle;
}

body#movie dl.movieLst dd{
    width:260px;
}




/*--------------------------------*/
/* [SYSTEM] */

body#system #stage{
    min-height: 2540px;
}
body#system div#mainBg{
    min-height: 2540px;
}
body#system div#flabg{
	width:100%; height:100%;
}
body#system div#main .cnt1In{
	width:728px; height: 2314px;
    padding: 50px 0 0 0;
    margin:0 auto;
	background: transparent url('../system/img/bg_box.png') no-repeat;
}
body#system .cSuper{
    width:640px;
    margin:0 auto;
}
body#system .boxSuper{
    position: relative;
    width:640px;
    overflow: hidden;
}
body#system .boxSuper div.le{
    float:left;
}
body#system .boxSuper div.ri{
    float:right;
}
body#system #c2box1 .att{
    position: absolute;
    left:0; bottom:0;
}
body#system h2 {
  height: 25px;
}
body#system #sideNav li{
    margin-bottom: 20px;
}
body#system #sideNav li span{
    display:block;
    width: 132px; height: 56px;
    overflow: hidden;
}
body#system #sideNav li.active img{
    margin-top: -56px;
}





body#system_smartglass h2 {
  height: 25px;
}
body#system_smartglass #sideNav li{
    margin-bottom: 20px;
}
body#system_smartglass #sideNav li span{
    display:block;
    width: 132px; height: 56px;
    overflow: hidden;
}
body#system_smartglass #sideNav li.active img{
    margin-top: -56px;
}
body#system_smartglass #cnt1{
    margin-left: 20px;
    margin-bottom: 60px;
}
body#system_smartglass #cnt1 .inner{
    width:732px;
    min-height: 640px;
    margin: 0 auto;
    padding-top: 60px;
    padding-bottom:20px;
    background: transparent url('../system/img/bg_box.png') top center no-repeat;
}
body#system_smartglass #cnt1 .bottom{
    width:732px;
    height: 40px;
    margin: 0 auto;
    background: transparent url('../system/img/bg_box.png') bottom center no-repeat;
}
body#system_smartglass div#stage {
  height: auto;
}
body#system_smartglass div#stage {
  height: auto;
}
body#system_smartglass h3 {
    color:#25B8AB;
    font-size: 20px;
    line-height: 24px;
    margin-left: 40px;
    margin-right: 40px;
    margin-bottom:30px;
}
body#system_smartglass h4 {
    color:#25B8AB;
    font-size: 16px;
    line-height: 20px;
    margin-left: 60px;
    margin-right: 60px;
    margin-bottom:20px;
    -webkit-text-size-adjust:none;
}
body#system_smartglass .text {
    color:#fff;
    font-size: 14px;
    line-height: 20px;
    margin-left: 60px;
    margin-right: 60px;
    margin-bottom:40px;
    -webkit-text-size-adjust:none;
}
body#system_smartglass .text:last-child {
    margin-bottom:0;
}




/*--------------------------------*/
/* [PS] */


body#system_ps,
body#system_ps #mainBg,
body#system_ps #stage {
    min-height:600px;
}

body#spec_ps,
body#spec_ps #mainBg,
body#spec_ps #stage {
    min-height:1650px;
}

body.sec2 .cnt h3 {
    width: 640px;
    margin: 0 auto;
}
body.sec2 .cnt > .inner > div {
    width: 640px;
    margin: 40px auto 0 auto;
}

body.sec2 #sideNav {
    top: 100px;
}
body.sec2 #sideNav li{
    margin-bottom: 20px;
}
body.sec2 #sideNav li span{
    display:block;
    width: 132px; height: 56px;
    overflow: hidden;
}

body.sec2 #sideNav li.active img{
    margin-top: -56px;
}

body.sec2 ul#platformNav {
    width: 527px;
    height: 40px;
    margin-bottom: 20px;
    margin-left: 240px;
}
body.sec2 ul#platformNav:after {
    content: " ";
    display: block;
    clear: both;
}
body.sec2 ul#platformNav li {
    float: left;
}
body.sec2 ul#platformNav li:after {
    content: " ";
    background: url(../img/common/platform_nav.png);
    background-repeat: no-repeat;
    background-position: -260px 0;
    height: 40px;
    width: 8px;
    display: block;
    float: left;
}
body.sec2 ul#platformNav li:last-child:after {
    display: none;
}
body.sec2 ul#platformNav li a {
    width: 255px;
    height: 40px;
    display: block;
    background: url(../img/common/platform_nav.png);
    background-repeat: no-repeat;
    text-indent: 105%;
    white-space: nowrap;
    overflow: hidden;
    float: left;
}
body.sec2 ul#platformNav li a.ps {
    background-position: 0 0;
}
body.sec2 ul#platformNav li a.xbox {
    background-position: -270px 0;
}
body.sec2 ul#platformNav li.active a.ps {
    background-position: 0 -40px;
}
body.sec2 ul#platformNav li.active a.xbox {
    background-position: -270px -40px;
}
body.sec2 .cnt {
    margin-left: 20px;
}
body.sec2 .cnt .inner {
    width:732px !important;
    height:auto !important;
    min-height: 290px;
    margin: 0 auto;
    padding-top: 60px;
    padding-bottom:20px;
    background: transparent url('../img/common/bg_box.png') top center no-repeat !important;
}
body.sec2 .cnt:after {
    content: " ";
    display: block;
    width:732px;
    height: 40px;
    margin: 0 auto;
    background: transparent url('../img/common/bg_box.png') bottom center no-repeat !important;
}


a.link {
    position: absolute;
    text-indent: 105%;
    white-space: nowrap;
    overflow: hidden;
    border-radius: 4px;
    background: rgba(0,216,194,1);
    transition-duration: 200ms;
    transition-timing-function: ease-out;
    transition-property: opacity;
    opacity: 0;
}
a.link:hover {
    opacity: 0.5
}

a.anchor {
    display: block;
}

.specs {
    display: block;
    float: left;
    color: #25b8ab;
    line-height: 20px;
    padding-left: 30px;
}
.specs-details {
    display: block;
    float: left;
    color:#fff;
    margin-left: 20px;
    line-height: 20px;
}
.specs li, .specs-details li {
    margin-bottom: 5px;
    font-size: 14px;
}

#footer .copyright {
    width: 100%;
    clear:both;
}

#footer .copyright p {
    text-align: left !important;
    font-size: 10px !important;
    line-height: 11px !important;
    display: block;
    position: absolute;
    bottom: 5px;
}