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

  reset

------------------------------------------ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

/* ------------------------------------------

  link

------------------------------------------ */
a:link {
  color: #333;
  text-decoration: none;
}

a:visited {
  color: #333;
  text-decoration: none;
}

a:active {
  color: #333;
  text-decoration: none;
}

a:hover {
  color: #333;
  text-decoration: underline;
}

/* ------------------------------------------

  clearfix

------------------------------------------ */
.cfx:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.cfx {
  display: inline-block;
}

.cfx {
  display: block;
}

/* ------------------------------------------

  z-index

------------------------------------------ */
.z10 {
  z-index: 10;
}

.z20 {
  z-index: 20;
}

.z30 {
  z-index: 30;
}

.z40 {
  z-index: 40;
}

.z50 {
  z-index: 50;
}

/* ------------------------------------------

  hidden

------------------------------------------ */
.hdn {
  display: none;
}

/* ------------------------------------------

  layout

------------------------------------------ */
html, body {
  height: 100%;
}

body {
  position: relative;
  background-color: #000;
  font-size: 75.0%;
  /* default font-size : 12px */
  font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
  line-height: 1.5;
  color: #fff;
  overflow-x: hidden;
  overflow-y: hidden;
}

/* ------------------------------------------

  default font-size: 12px

6px 50.0%
7px 58.3%
8px 66.7%
9px 75.0%
10px 83.3%
11px 91.7%
12px 100.0%
13px 108.3%
14px 116.7%
15px 125.0%
16px 133.3%
17px 141.7%
18px 150.0%
19px 158.3%
20px 166.7%
21px 175.0%
22px 183.3%
23px 191.7%
24px 200.0%
		
-------------------------------------- */
/* view */
#view {
  width: 100%;
  height: 100%;
  background: url(../img/footer.png) no-repeat 50% 1200px;
}

/* wrapper */
#wrapper {
  position: fixed;
  top: 0;
  left: 50%;
  width: 1600px;
  height: 1200px;
  margin-left: -800px;
}

#wrapFrm {
  position: relative;
  width: 100%;
  height: 100%;
}

/* headNav */
#headNav {
  position: fixed;
  top: 0;
  left: 50%;
  width: 1004px;
  height: 85px;
  margin-left: -502px;
  background: url(../img/bg_gnav.png) no-repeat 0 0;
  overflow: hidden;
}
#headNav ul {
  padding-left: 33px;
}
#headNav li {
  float: left;
  margin-right: 1px;
}
#headNav .navList a {
  position: relative;
  display: block;
  width: 129px;
  height: 54px;
  background-repeat: no-repeat;
  background-position: 0 0;
  overflow: hidden;
}
#headNav .navList a .navFrm {
  position: absolute;
  top: 0;
  left: 0;
}
#headNav .navList a .navFence {
  position: absolute;
  top: 0;
  left: 0;
}
#headNav .navList a .act {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
#headNav .navList a.active .navFrm {
  top: -54px;
}
#headNav .navList a.active .navFence {
  top: -54px;
}
#headNav .navList a.active:hover {
  cursor: default;
}
#headNav .nav_feature a {
  background-image: url(../img/nav_feature_2.png);
}
#headNav .nav_feature a.active {
  background-image: url(../img/nav_feature_1.png);
}
#headNav .nav_machine a {
  background-image: url(../img/nav_machine_2.png);
}
#headNav .nav_machine a.active {
  background-image: url(../img/nav_machine_1.png);
}
#headNav .nav_gameflow a {
  background-image: url(../img/nav_gameflow_2.png);
}
#headNav .nav_gameflow a.active {
  background-image: url(../img/nav_gameflow_1.png);
}
#headNav .nav_movie a {
  background-image: url(../img/nav_movie_2.png);
}
#headNav .nav_movie a.active {
  background-image: url(../img/nav_movie_1.png);
}
#headNav .nav_spec a {
  background-image: url(../img/nav_spec_2.png);
}
#headNav .nav_spec a.active {
  background-image: url(../img/nav_spec_1.png);
}
#headNav .nav_mobile a {
  background-image: url(../img/nav_mobile_2.png);
}
#headNav .nav_mobile a.active {
  background-image: url(../img/nav_mobile_1.png);
}

/* left */
#left {
  position: absolute;
  top: 50%;
  left: -800px;
  width: 950px;
  height: 1200px;
  margin-top: -600px;
}
#left #eva {
  position: absolute;
  top: 327px;
  left: 418px;
  opacity: 0;
  filter: alpha(opacity=0);
}

/* right */
#right {
  position: absolute;
  top: 50%;
  right: -860px;
  width: 950px;
  height: 1200px;
  margin-top: -600px;
}
#right #rightFrm {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* subnav */
#subnav {
  position: absolute;
  top: 100px;
  right: -435px;
  width: 950px;
  opacity: 0;
  filter: alpha(opacity=0);
}
#subnav li {
  position: relative;
  margin-bottom: 2px;
}
#subnav img {
  vertical-align: top;
}
#subnav .cover {
  position: absolute;
  top: 0;
  left: 0;
}
#subnav.row2 {
  height: 112px;
}
#subnav.row2 ul {
  margin-top: -106px;
}
#subnav.row3 {
  height: 160px;
}
#subnav.row3 ul {
  margin-top: -154px;
}
#subnav .sub1 {
  margin-left: 6px;
}
#subnav .sub2 {
  margin-left: 18px;
}
#subnav .sub3 {
  margin-left: 30px;
}

/* pagetop */
#pagetop {
  position: absolute;
  top: 500px !important;
  right: -535px !important;
  width: 950px;
  height: 65px;
  opacity: 0;
  filter: alpha(opacity=0);
}
#pagetop p {
  position: relative;
  margin-top: -59px;
  margin-left: 7px;
}
#pagetop p .cover {
  position: absolute;
  top: 0;
  left: 0;
}

/* topTitle */
#topTitle {
  position: absolute;
  top: 50%;
  left: 695px;
  margin-top: -100px;
  opacity: 0;
  filter: alpha(opacity=0);
}

/* topLoading */
#topLoading {
  display: none;
  position: absolute;
  top: 300px;
  left: 50%;
  margin-left: -32px;
}

/* mainWrap */
#mainWrap {
  position: relative;
  height: 1200px;
  margin-left: 285px;
  background: url(../img/bg_nerv.jpg) no-repeat 0 0;
  overflow: hidden;
}

/* mainMask */
#mainMask {
  position: absolute;
  top: 0;
  left: 0;
  width: 1400px;
  height: 1200px;
  background: black url(../img/bg_nerv.jpg) no-repeat 0 0;
  z-index: 15;
}

/* main */
#main {
  position: absolute;
  top: 0;
  left: 0;
}
#main .box1 {
  margin-left: 0;
}
#main .box2 {
  margin-left: 89px;
}
#main .box3 {
  margin-left: 133px;
}
#main .box4 {
  margin-left: 211px;
}

/* mainFoot */
#mainFoot {
  position: relative;
  width: 823px;
  height: 70px;
  background: url(../img/bg_footarea.png) no-repeat 0 0;
}
#mainFoot ul {
  position: absolute;
  top: 17px;
  left: 25px;
}
#mainFoot ul li {
  float: left;
}
#mainFoot .copyright {
  padding: 33px 45px 0 0;
  font-size: 83.3%;
  /* 10px */
  text-align: right;
  color: #fff;
}