.cf {
  zoom: 1; }

.cf:before, .cf:after {
  content: "";
  display: table;
  overflow: hidden; }

.cf:after {
  clear: both; }

html {
  width: 100%;
  height: 100%; }
  html body {
    -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
            text-size-adjust: 100%;
    width: 100%;
    height: 100%;
    background: #000 0 0 no-repeat; }
    html body #bg_texture {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      overflow: hidden; }
    html body #wrap {
      position: relative;
      top: 0px;
      left: 0px;
      width: 100%;
      overflow: hidden; }
      html body #wrap #first-view {
        width: 100%;
        height: 100%; }
        html body #wrap #first-view .left {
          width: 35%;
          height: 100%;
          display: inline-block;
          background: url('../fig/l.png') center left no-repeat;
          background-size: cover; }
        html body #wrap #first-view .center {
          width: 260px;
          height: 100%;
          display: inline-block; }
        html body #wrap #first-view .right {
          width: 35%;
          height: 100%;
          display: inline-block;
          background: url('../fig/r.png') center left no-repeat;
          background-size: cover; }