/**************************************************************************
CRバットマン
  SPEC
**************************************************************************/
body,html {
  width: 100%;
  height: 100%;
}

a img {
  border: 0;
}

ul {
  list-style: none;
}

li, div, p, ul {
  margin: 0;
  padding: 0;
}

#spec {
  margin: 0 !important;
  padding: 0 !important;
  text-align: center;
  background-color: #000;
}

#cts-1 {
  margin: 0;
  padding: 0;
  min-width: 980px;
  background-image: url(../images/bg.jpg);
  background-repeat: no-repeat;
  background-position: top center;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  background-image: url(../../common/images/btn_bg.png);
}

.header ul {
  margin: 0 auto;
  width: 980px;
  height: 90px;
  position: relative;
}

.header li {
  position: absolute;
}

.header .nav-1 {
  width: 323px;
  height: 90px;
  top: 0;
  left: 27px;
}

.header .nav-2 {
  width: 215px;
  height: 90px;
  top: 0;
  left: 385px;
}

.header .nav-3 {
  width: 216px;
  height: 90px;
  top: 0;
  left: 575px;
}

.header .nav-4 {
  width: 215px;
  height: 90px;
  top: 0;
  left: 765px;
}

.spec_text {
  padding-top: 90px;
}

.spec_text ul {
  margin: 0 auto;
  width: 980px;
  height: 819px;
  position: relative;
}

.spec_text li {
  position: absolute;
}

.spec_text .txt-1 {
  top: 153px;
  left: 152px;
}

.footer {
  background-image: url(../../common/images/ftr_bg.png);
}

.footer ul {
  margin: 0 auto;
  width: 980px;
  height: 91px;
  position: relative;
}

.footer .facebook {
  position: absolute;
  top: 30px;
  left:641px;
}

.footer .twitter {
  position: absolute;
  top: 30px;
  left:726px;
}

.footer .ftr-1 {
  position: absolute;
  top: 19px;
  left: 802px;
}

.footer .ftr-2 {
  position: absolute;
  top: 24px;
  left: 753px;
}

.footer .ftr-3 {
  position: absolute;
  top: 21px;
  left: 852px;
}

.footer .ftr-4 {
  position: absolute;
  top: 60px;
  left: 456px;
}