#colorbox .cboxIframe {
  background-color: black;
}

#wrapper.about #contents {
  background: url("../images/about/bg.jpg") no-repeat center top;
  min-height: 1200px;
  min-width: 1100px;
}

#wrapper.about .container .catch1 {
  position: absolute;
  top: 36px;
  left: 49px;
  width: 1001px;
  height: 339px;
}

#wrapper.about .container .screen {
  position: absolute;
  top: 206px;
  left: -231px;
  width: 1632px;
  height: 878px;
}

#wrapper.about .container .chr {
  position: absolute;
  top: 541px;
  left: 461px;
  width: 207px;
  height: 127px;
}

#wrapper.about .container .story {
  position: absolute;
  top: 801px;
  left: 880px;
  width: 150px;
  height: 133px;
  background: url(../images/about/story_off.png) top left no-repeat;
}

#wrapper.about .container .story:hover {
  background: url(../images/about/story_on.png) top left no-repeat;
}

#wrapper.about .container .story a {
  display: block;
  width: 100%;
  height: 100%;
}

#wrapper.about .container .chrbase a {
  display: block;
  width: 100%;
  height: 100%;
}

#wrapper.about .container .chr3 {
  position: absolute;
  top: 471px;
  left: 105px;
  width: 181px;
  height: 615px;
  background: url(../images/about/chr3_off.png) top left no-repeat;
}

#wrapper.about .container .chr3:hover {
  background: url(../images/about/chr3_on.png) top left no-repeat;
}

#wrapper.about .container .chr5 {
  position: absolute;
  top: 477px;
  left: 240px;
  width: 230px;
  height: 587px;
  background: url(../images/about/chr5_off.png) top left no-repeat;
}

#wrapper.about .container .chr5:hover {
  background: url(../images/about/chr5_on.png) top left no-repeat;
}

#wrapper.about .container .chr2 {
  position: absolute;
  top: 483px;
  left: 673px;
  width: 172px;
  height: 591px;
  background: url(../images/about/chr2_off.png) top left no-repeat;
}

#wrapper.about .container .chr2:hover {
  background: url(../images/about/chr2_on.png) top left no-repeat;
}

#wrapper.about .container .chr4 {
  position: absolute;
  top: 477px;
  left: 794px;
  width: 200px;
  height: 607px;
  background: url(../images/about/chr4_off.png) top left no-repeat;
}

#wrapper.about .container .chr4:hover {
  background: url(../images/about/chr4_on.png) top left no-repeat;
}

#wrapper.about .container .chr8 {
  position: absolute;
  top: 550px;
  left: 57px;
  width: 184px;
  height: 650px;
  background: url(../images/about/chr8_off.png) top left no-repeat;
}

#wrapper.about .container .chr8:hover {
  background: url(../images/about/chr8_on.png) top left no-repeat;
}

#wrapper.about .container .chr6 {
  position: absolute;
  top: 554px;
  left: 221px;
  width: 177px;
  height: 646px;
  background: url(../images/about/chr6_off.png) top left no-repeat;
}

#wrapper.about .container .chr6:hover {
  background: url(../images/about/chr6_on.png) top left no-repeat;
}

#wrapper.about .container .chr11 {
  position: absolute;
  top: 554px;
  left: 331px;
  width: 216px;
  height: 646px;
  background: url(../images/about/chr11_off.png) top left no-repeat;
}

#wrapper.about .container .chr11:hover {
  background: url(../images/about/chr11_on.png) top left no-repeat;
}

#wrapper.about .container .chr12 {
  position: absolute;
  top: 568px;
  left: 607px;
  width: 197px;
  height: 632px;
  background: url(../images/about/chr12_off.png) top left no-repeat;
}

#wrapper.about .container .chr12:hover {
  background: url(../images/about/chr12_on.png) top left no-repeat;
}

#wrapper.about .container .chr7 {
  position: absolute;
  top: 560px;
  left: 835px;
  width: 212px;
  height: 640px;
  background: url(../images/about/chr7_off.png) top left no-repeat;
}

#wrapper.about .container .chr7:hover {
  background: url(../images/about/chr7_on.png) top left no-repeat;
}

#wrapper.about .container .chr10 {
  position: absolute;
  top: 691px;
  left: 236px;
  width: 147px;
  height: 509px;
  background: url(../images/about/chr10_off.png) top left no-repeat;
}

#wrapper.about .container .chr10:hover {
  background: url(../images/about/chr10_on.png) top left no-repeat;
}

#wrapper.about .container .chr9 {
  position: absolute;
  top: 673px;
  left: 468px;
  width: 182px;
  height: 527px;
  background: url(../images/about/chr9_off.png) top left no-repeat;
}

#wrapper.about .container .chr9:hover {
  background: url(../images/about/chr9_on.png) top left no-repeat;
}

#wrapper.about .container .chr1 {
  position: absolute;
  top: 685px;
  left: 706px;
  width: 235px;
  height: 515px;
  background: url(../images/about/chr1_off.png) top left no-repeat;
}

#wrapper.about .container .chr1:hover {
  background: url(../images/about/chr1_on.png) top left no-repeat;
}

#wrapper.about .container .oizumi {
  position: absolute;
  top: 18px;
  left: 60px;
  width: 107px;
  height: 30px;
}

#wrapper.about .container .sns_fb {
  position: absolute;
  top: 17px;
  right: 58px;
  width: 38px;
  height: 38px;
}

#wrapper.about .container .sns_tw {
  position: absolute;
  top: 19px;
  right: 106px;
  width: 38px;
  height: 38px;
}

/*# sourceMappingURL=about.css.map */