@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: Arial, Helvetica, sans-serif;}
img { border: 0;}
a {	color: #F00; text-decoration: none;}
a:hover{ color: #A7030E;}


#wrapper{ margin:0 auto; height: 116px;	background-image: url(../img/header.gif); background-repeat: no-repeat;	background-position: center top;}
#header{ margin: auto; height: 60px; width: 970px;}
#header h1 a{ display:block; width:343px; height:60px; background-image:url(../img/logo.gif); text-indent:-9999px; float:left;}

#navigation{ width:815px; margin:25px auto 0 auto;}
#navigation ul{ list-style:none;}
#navigation li{ float:left; text-indent:-9999px; overflow:hidden;}
#navigation li.nv1 a{ display:block; width:124px; height:30px; background-image:url(../img/nv1.gif);}
#navigation li.nv2 a{ display:block; width:90px; height:30px; background-image:url(../img/nv2.gif);}
#navigation li.nv3 a{ display:block; width:150px; height:30px; background-image:url(../img/nv3.gif);}
#navigation li.nv4 a{ display:block; width:100px; height:30px; background-image:url(../img/nv4.gif);}
#navigation li.nv5 a{ display:block; width:91px; height:30px; background-image:url(../img/nv5.gif);}
#navigation li.nv6 a{ display:block; width:164px; height:30px; background-image:url(../img/nv6.gif);}
#navigation li.nv7 a{ display:block; width:96px; height:30px; background-image:url(../img/nv7.gif);}

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

#navigation li.nv1 { display:block; width:124px; height:30px; background-image:url(../img/nv1.gif); background-position:0 -30px;}
#navigation li.nv2 { display:block; width:90px; height:30px; background-image:url(../img/nv2.gif); background-position:0 -30px;}
#navigation li.nv3 { display:block; width:150px; height:30px; background-image:url(../img/nv3.gif); background-position:0 -30px;}
#navigation li.nv4 { display:block; width:100px; height:30px; background-image:url(../img/nv4.gif); background-position:0 -30px;}
#navigation li.nv5 { display:block; width:91px; height:30px; background-image:url(../img/nv5.gif); background-position:0 -30px;}
#navigation li.nv6 { display:block; width:164px; height:30px; background-image:url(../img/nv6.gif); background-position:0 -30px;}
#navigation li.nv7 { display:block; width:96px; height:30px; background-image:url(../img/nv7.gif); background-position:0 -30px;}

#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: 1109px; text-align:center;	background-image: url(../img/footer.jpg); margin: 0 auto;}
#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 a{ display:block; width:192px; height:37px; background-image:url(../img/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; color:#c00; font-weight:bold; font-size:50px;}
#main3 #inner .charatext h4{ margin-top:10px; margin-bottom:20px; padding-bottom:10px; font-size:30px; color:#c00; border-bottom:dotted 1px #c00; width:400px; font-weight:bold; font-family:Impact, Helvetica, sans-serif;}
#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:420px; float:left; margin-bottom:240px;}
#features_inner .box3 p{ color:#FFF; line-height:150%; margin-top:0;}
#features_inner .box3 ul{ margin-left:1em;}
#features_inner .box3 li{ color:#FFF; margin-bottom:1em; font-size:14px;}
#features_inner h3{ font-weight:bold; font-size:19px; 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:20px; padding-bottom:20px; }
#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-weight:bold; font-size:20px; color:#C00; margin-bottom:3px;}
#stage_inner p{ margin-top:7px; 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 .box3{ width:420px; float:left; margin:0 60px 40px 0;}
#preorder_inner .box3 p{ color:#FFF; line-height:150%; margin-top:0;}
#preorder_inner .box3 ul{ margin-left:1em;}
#preorder_inner .box3 li{ color:#FFF; margin-bottom:1em; font-size:14px;}

#preorder_inner h3{ font-weight:bold; font-size:20px; 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;}

#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;}

#features_inner .box3 .shop{ border-bottom:solid 1px #333; border-top:solid 1px #333; padding:20px 0; margin-top:30px;}
#features_inner .box3 .shop ul{ list-style:none;}
#features_inner .box3 .shop li{ display:block; float:left;}
#features_inner .box3 .shop li a{ display:block; width:99px; height:27px; overflow:hidden; text-indent:-9999px;}
#features_inner .box3 .shop li.ps3 a{ display:block; background-image:url(../img/b_ps3.gif); margin-right:10px;}
#features_inner .box3 .shop li.x360 a{ display:block; background-image:url(../img/b_x360.gif);}
#features_inner .box3 .shop li.ps3 a:hover{ background-position:0 -27px;}
#features_inner .box3 .shop li.x360 a:hover{ background-position:0 -27px;}
#features_inner .box3 h4{ margin-bottom:13px; margin-left:15px;}



div.stabbox { margin: 0px; padding: 0px; width: 900px; }
p.stabs { margin: 0 0 0 720px; padding: 0px; }
p.stabs a {	display: block;	width: 90px; height:22px; float: left; text-align: center; text-decoration:none; color:#999; font-size:12px; line-height:200%;}
p.stabs a.tab1 { background-color: #ccc; color: white; }
p.stabs a.tab2 { background-color: #ccc; color: white; }
p.stabs a.tab3 { background-color: #ccc; color: white; }
p.stabs a:hover { color: #f00; background-position:0 -22px;}
div.stab { height: 510px; overflow: auto; clear: left; font-size:11px; line-height:110%;}

#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%;}

.box1 h3 { position:relative; }
.box1 h3 a{	position:absolute;	display:block; width:63px; height:20px; background-image:url(../img/more.gif); left:245px; top:1px; text-indent:-9999px;}
.box1 h3 a:hover{ background-position:0 -20px;}

.forU{width: 780px; border: solid 1px #FC0; margin: 0 auto 20px auto; padding: 10px;}
.forU a {color: #F00; text-decoration: none; text-decoration:underline;}
.forU a:hover{ color: #A7030E;}
.forU a:visited{ color: #F00;}