@charset "UTF-8";
/* CSS Document */

html,body,div,ul,ol,li,dl,dt,dd,form,fieldset,input,textarea,h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,th,td { margin:0; padding:0;}

body{ background-color: #000; color: #BBB; margin: 0; padding: 0; font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, ＭＳ Ｐゴシック, MS PGothic, sans-serif;}
img { border: 0;}
a {	color: #F00; text-decoration: none;}
a:hover{ color: #A7030E;}
a:visited{ color: #C00;}

#wrapper{
	margin: 0 auto;
	height: 125px;
	background-repeat: no-repeat;
	background-position: center top;
}
#header{
	margin: auto;
	height: 80px;
	width: 970px;
}
#header h1 a{
	display: block;
	width: 285px;
	height: 79px;
	background-image: url(../img/ngs2p-logo-s.png);
	text-indent: -9999px;
	float: left;
}

#header h1 a:hover{ background-position:0 -79px;}

#navigation{
	width: 970px;
	margin: 0 auto;
	height: 45px;
	background-image: url(../img/top_line.gif);
}
#navigation ul{ list-style:none;}
#navigation li{ float:left; text-indent:-9999px; overflow:hidden; margin-top:6px;}
#navigation li.nv1 a{ display:block; width:99px; height:35px; background-image:url(../img/fr/nv1.png); margin-left:109px;}
#navigation li.nv2 a{ display:block; width:165px; height:35px; background-image:url(../img/fr/nv2_up.png); margin-left:9px;}
#navigation li.nv3 a{ display:block; width:161px; height:35px; background-image:url(../img/fr/nv3_up.png); margin-left:7px;}
#navigation li.nv4 a{ display:block; width:168px; height:35px; background-image:url(../img/fr/nv4.png); margin-left:7px;}
#navigation li.nv5 a{ display:block; width:96px; height:35px; background-image:url(../img/fr/nv5_up.png); margin-left:2px;}


#navigation li.nv1 a:hover{ background-position:0 -42px;}
#navigation li.nv2 a:hover{ background-position:0 -42px;}
#navigation li.nv3 a:hover{ background-position:0 -42px;}
#navigation li.nv4 a:hover{ background-position:0 -42px;}
#navigation li.nv5 a:hover{ background-position:0 -42px;}


#navigation li.nv1r { display:block; width:99px; height:35px; background-image:url(../img/fr/nv1.png); background-position:0 -42px; margin-left:109px;}
#navigation li.nv2r { display:block; width:165px; height:35px; background-image:url(../img/fr/nv2_up.png); background-position:0 -42px; margin-left:9px;}
#navigation li.nv3r { display:block; width:161px; height:35px;  background-image:url(../img/fr/nv3_up.png); background-position:0 -42px; margin-left:7px;}
#navigation li.nv4r { display:block; width:168px; height:35px;  background-image:url(../img/fr/nv4.png); background-position:0 -42px; margin-left:7px;}
#navigation li.nv5r { display:block; width:96px; height:35px;  background-image:url(../img/fr/nv5_up.png); background-position:0 -42px; margin-left:2px;}



#navigation2{
	width: 970px;
	margin: 0 auto;
	height: 46px;
	text-align:center;
	}
#navigation2 ul{ list-style:none;}
#navigation2 li{ float:left; text-indent:-9999px; overflow:hidden; margin-top:20px;}

#navigation2 li.cnv1 a{ display:block; width:206px; height:27px; background-image:url(../img/fr/c-nv1.png); margin-left:210px; }
#navigation2 li.cnv2 a{ display:block; width:93px; height:27px; background-image:url(../img/fr/c-nv2.png); margin-left:5px;}
#navigation2 li.cnv3 a{ display:block; width:194px; height:27px; background-image:url(../img/fr/c-nv3.png); margin-left:5px;}
#navigation2 li.cnv1 a:hover{ background-position:0 -35px;}
#navigation2 li.cnv2 a:hover{ background-position:0 -35px;}
#navigation2 li.cnv3 a:hover{ background-position:0 -35px;}
#navigation2 li.cnv1r { display:block; width:206px; height:27px; background-image:url(../img/fr/c-nv1.png); background-position:0 -35px; margin-left:250px;}
#navigation2 li.cnv2r { display:block; width:93px; height:27px; background-image:url(../img/fr/c-nv2.png); background-position:0 -35px; margin-left:5px;}
#navigation2 li.cnv3r { display:block; width:194px; height:27px;  background-image:url(../img/fr/c-nv3.png); background-position:0 -35px; margin-left:5px;}





#footer{ margin:0 auto;	width: 1000px;}
#footer2{ margin:0 auto; width: 1000px; background-image: url(../img/footer.jpg); text-align:center;}

#copyright{	position: absolute;	top: 1009px; text-align:center;	background-image: margin: 0 auto;}
#copyright2{	position: absolute;	top: 917px; text-align:center;	background-image: margin: 0 auto;}
#copyright3{
	position: absolute;
	top: 1530px;
	width: 1000px;
	text-align: center;
background-image: margin: 0 auto;
}
#copyright4{	position: absolute;	top: 1000px; text-align:center; margin: 0 auto;}
#copyright-index{
	margin: 0 auto;
	width: 1000px;
}


#copyright5{ margin: 0 auto; text-align: center;}

#copyright5 table{ margin-left: auto; margin-right: auto;}


#copyright-index{
	margin: 0 auto;
	width: 1000px;
}


.page{width:1200px; height: 850px; margin:0 auto; background-image:url(../img/page-bg.jpg); background-position:center bottom; background-repeat:no-repeat;}

.page-in{width:970px; margin:0 auto;}
.page-in2{width:970px; height:1310px; margin:0 auto;}
.page-in .chara{width:765px; margin:0 auto;}

.page-in .features{width:820px; margin:0 auto;}

.page-in .order{width:900px; margin:0 auto; background-image:url(../img/eu/ordertop.jpg); background-position:center top; background-repeat:no-repeat;}


.f-box{width:820px; margin-top:35px;}
.f-box2{
	width: 790px;
	margin-top: 15px;
	padding-left: 40px;
	color: #fff;
	font-size: 14px;
	line-height: 135%;
}
.f-box3{width:800px; height:300px; margin-top:15px; padding-left:40px;}


.page-in .characters{width:1000px; margin:0 auto; background-position:top;}
.c-box-chara{width:550px; padding-left:40px; margin-bottom:10px;}
.c-box{width:500px; margin-top:40px; margin-left:20px; margin-bottom:20px; background-position:top center;}
.c-box2{width:562x; margin-top:20px; padding-left:40px; color:#fff; font-size:14px; line-height: 135%;}
.c-box3{width:500x; color:#fff; font-size:14px; line-height: 135%;}
.costume{color: #fff; font-size: 14px; line-height: 135%;}

.back{ width:150px; margin-top:35px; margin-left:20px; padding-left:40px;}
.back a{ color:#39F; font-size:12px; }
.back a:hover{ color:#39F; }


#region{ margin: 0 auto; width: 265px;}
#region ul{list-style:none;}
#region li { padding:0 3px;	float:left;}

#header #preorder{ float:right; margin-top:15px;}
#header #preorder ul{ list-style:none;}
#header #preorder li{ float:right; text-indent:-9999px;}
#header #preorder li.facebook a{ display:block; width:16px; height:16px; background-image:url(../img/b_fb.gif); margin-right:10px; margin-top:10px;}
#header #preorder li.twitter a{ display:block; width:16px; height:16px; background-image:url(../img/b_tw.gif); margin-right:20px; margin-top:10px;}
#header #preorder li.preorder { display:block; width:192px; height:37px; background-image:url(../img/fr/pre-order.gif); overflow:hidden;}
#header #preorder li.preorder a{ display:block; width:192px; height:37px; background-image:url(../img/fr/pre-order.gif); overflow:hidden;}
#header #preorder li.preorder a:hover{ background-position:0 -37px;}

#main2{	background-image:url(../img/bg2.gif); background-repeat: no-repeat; background-position: center top; position:relative;}
#main2 #inner{ width:900px; margin:0 auto 0 auto; padding-bottom:60px;}
#main2 #inner h2{ padding:50px 0 30px 0; float:left;}
#main2 #inner .back a { margin:80px 0 0 430px; font-size:12px; font-weight:bold; position:absolute; color:#FFF; background-image:url(../img/ya.gif); background-repeat:no-repeat; background-position: 0 -2px; text-indent:18px;}
#main2 #inner .back a:hover{ color:#c00; background-position:0 -20px;}

#main3{	background-image:url(../img/bg3.jpg); background-repeat: no-repeat; background-position: center top; position:relative;}
#main3 #inner{ width:900px; margin:0 auto 60px auto;}
#main3 #inner h2{ padding:50px 0 30px 0; float:left;}
#main3 #inner .back a {	margin:80px 0 0 430px; font-size:12px; font-weight:bold; position:absolute; color:#FFF; background-image:url(../img/ya.gif); background-repeat:no-repeat; background-position: 0 -2px; text-indent:18px;}
#main3 #inner .back a:hover{ color:#c00; background-position:0 -20px;}

#main3 #inner .charatext{ border-bottom:dotted 1px #c00; width:400px; margin-left:40px;}
#main3 #inner .charatext h3{ margin-top:40px;}
#main3 #inner .charatext h4{ margin-top:5px; margin-bottom:20px; padding-bottom:10px; font-size:30px; color:#c00; font-weight:bold; border-bottom:dotted 1px #c00; width:400px;}
#main3 #inner .charatext p{ padding-bottom:25px; color:#FFF; font-size:14px; line-height:140%;}
#main3 #inner .charatext p span{ color:#F00; font-weight:bold;}

#main4{	background-image:url(../img/bg4.jpg); background-repeat: no-repeat; background-position: center top; position:relative;}
#main4 #inner{ width:900px; margin:0 auto 60px auto;}
#main4 #inner h2{ padding:50px 0 30px 0; float:left;}

#trial_inner{ width:824px; margin:0 auto; font-size:14px; color:#FFF; line-height:150%;}
#trial_inner .outline{ border-top:solid #600 1px; border-bottom:solid #600 1px; font-size:14px; line-height:250%;}
#trial_inner .outline td{ border-bottom:dotted #600 1px;}
#trial_inner .notice{ margin-top:20px; color:#ccc; font-size:12px; margin-bottom:35px;}
#trial_inner span{ color:#F00; font-size:12px;}

#features_inner{ width:824px; margin:0 auto;}
#features_inner .box1{ width:390px; float:left; margin-right:42px; margin-bottom:40px;}
#features_inner .box2{ width:390px; float:left; margin-bottom:40px;}
#features_inner .box11{ width:390px; float:left; margin-right:42px; }
#features_inner .box22{ width:390px; float:left; }
#features_inner .box33{ width:700px; margin-bottom:40px;}

#features_inner .box3{ width:580px; float:left; margin-bottom:40px;}
#features_inner h3{	font-size: 18px; color: #C00; margin-bottom: 8px;}
#features_inner p{ margin-top:15px; font-size:14px; line-height:140%; color:#FFF;}
#features_inner .box1 span{	color:#FF0; font-size:10px; font-weight:bold; background:#f00; padding:3px 10px; margin-left:10px;}
#features_inner .box2 span{	color:#FF0; font-size:10px; font-weight:bold; background:#f00; padding:3px 10px; margin-left:10px;}
#features_inner .box11 span{ color:#FF0; font-size:10px; font-weight:bold; background:#f00; padding:3px 10px; margin-left:10px;}
#features_inner .box22 span{ color:#FF0; font-size:10px; font-weight:bold; background:#f00; padding:3px 10px; margin-left:10px;}

#features_inner dl{ color:#F00; font-size:14px; font-weight:bold; padding:7px 0 0 0;}
#features_inner .box4{ margin-bottom: 40px;}
#features_inner .box4 h3{ font-size: 18px; color: #C00;	font-weight: bold; margin-bottom: 3px;}
#features_inner .box4 p{ margin-bottom: 15px; font-size: 14px; color: #FFF;	line-height: 140%; margin-top: 1px;}
#features_inner .box5{ width:390px; float:left; margin-right:42px; }
#features_inner .box6{ width:390px; float:left; }
#features_inner .box44{ width:780px; margin-bottom:40px;}

#features_inner .box7{	border-bottom: solid 1px #333;	margin-bottom: 30px;	padding-bottom: 30px;}
#features_inner .box7 p{ margin-top:5px; }

#stage_inner{ width:824px; margin:0 auto;}
#stage_inner .box1{ width:398px; float:left; margin-right:26px; margin-bottom:40px; margin-top:30px;}
#stage_inner .box2{ width:398px; float:left; margin-bottom:40px; margin-top:30px;}
#stage_inner h3{ font-size:24px; color:#C00; margin-bottom:8px;}
#stage_inner p{ margin-top:15px; margin-bottom:15px; font-size:14px; color:#FFF; line-height:140%;}

#preorder_inner{ width:824px; margin:0 auto;}
#preorder_inner .box1{ width:390px; float:left; margin-right:50px; margin-bottom:40px;}
#preorder_inner .box2{ width:310px; float:left; margin-top:40px; border-top:solid 1px #333;}
#preorder_inner .box2 .shop{ border-bottom:solid 1px #333; padding:20px 0;}
#preorder_inner .box2 .shop ul{list-style:none;}
#preorder_inner .box2 .shop li{ display:block; float:left;}
#preorder_inner .box2 .shop li a{ display:block; width:99px; height:27px; overflow:hidden; text-indent:-9999px;}
#preorder_inner .box2 .shop li.ps3 a{ display:block; background-image:url(../img/b_ps3.gif); margin-right:10px;}
#preorder_inner .box2 .shop li.x360 a{ display:block; background-image:url(../img/b_x360.gif);}
#preorder_inner .box2 .shop li.ps3 a:hover{ background-position:0 -27px;}
#preorder_inner .box2 .shop li.x360 a:hover{ background-position:0 -27px;}
#preorder_inner h3{ font-size:24px; color:#C00; margin-bottom:8px;}
#preorder_inner h4{ margin-bottom:13px;}
#preorder_inner p{ margin-top:15px; font-size:14px;}

#content{width:900px; margin:0 auto;}

#movie{	margin:0 auto; }
#movie ul{list-style:none;}
#movie li{ float:left; margin:0 10px 10px 0; width:213px; height:145px;}
#movie li a{ float:left; margin:0 10px 10px 0; border:#C00 solid 1px; width:213px; height:145px;}
#movie li a:hover{ border:#fff solid 1px;}

#stage{	margin:0 auto; }
#stage ul{list-style:none;}
#stage li{ float: left;	margin: 0 15px 15px 0; width: 285px; height: 180px;}
#stage li a{ float:left; margin:0 15px 15px 0; border:#C00 solid 1px; width:285px; height:180px;}
#stage li a:hover{ border:#fff solid 1px;}

#screen{ margin:0 auto; }
#screen ul{list-style:none;}
#screen li{ float:left; margin:0 10px 10px 0; width:213px; height:120px;}
#screen li a{ float:left; margin:0 10px 10px 0; border:#C00 solid 1px; width:213px; height:120px;}
#screen li a:hover{ border:#fff solid 1px;}

#chara{	margin:0 auto; }
#chara ul{list-style:none;}
#chara li{ float:left; margin:0 10px 10px 0; width:166px; height:89px;}
#chara li a{ float:left; margin:0 10px 10px 0; border:#fff solid 2px; width:166px; height:89px;}
#chara li a:hover{ border:#C00 solid 2px;}
.chara-title{text-align:center;}

#getmovie{ margin-top:30px; margin-left:40px;}
#getmovie ul{ list-style:none;}
#getmovie li{ display:block; float:left; width:107px; height:46px; background-image:url(../img/btn_get_movie.gif); text-indent:-9999px;}
#getmovie li a{ display:block; width:107px; height:46px; background-image:url(../img/btn_get_movie.gif); overflow:hidden;}
#getmovie li a:hover{ background-position:0 -46px;}

#movie .ceebox li span{	position:absolute; color:#FF0; font-size:10px; font-weight:bold; background:#f00; padding:3px 10px; margin: 2px 0 0 -223px;}
#movie li span{	position:absolute; color:#FF0; font-size:10px; font-weight:bold; background:#f00; padding:3px 10px; margin: 2px 0 0 -223px; }
#chara li span{	position:absolute; color:#FF0; font-size:10px; font-weight:bold; background:#f00; padding:3px 10px; margin: 2px 0 0 -178px; }
#stage li span{	position:absolute; color:#FF0; font-size:10px; font-weight:bold; background:#f00; padding:3px 10px; margin: 2px 0 0 -300px; }

#left li a{ position:fixed; display:block; width:74px; height:92px; top:400px; z-index:1000;	background-image:url(../img/btn_left.png); text-indent:-9999px;}
#right li a { position:fixed; display:block; width:74px; height:92px; top:400px; z-index:1000; background-image:url(../img/btn_right.png); text-indent:-9999px; right:0;}
#left li a:hover{ background-position:0 -92px;}
#right li a:hover{ background-position:0 -92px;}

#tabArea,
#tab { width:824px; overflow:hidden; text-align:center; list-style:none;}
#tabArea { margin:0 auto; text-align:left;}
#tab li { float:left; height:32px;}
#tabBox { clear: both; padding: 10px 0 0 0; _zoom: 1; font-weight: normal; color: #333; line-height: 130%;}