@charset "UTF-8";

.sample_text {
  width: 200px;
  font-size: 20px;
  position: relative;
  top: 5%;
  left: 10%; }



#inner_wiper_demo,
#inner_wiper_demo2 {
  width: 640px;
  height: 320px;
  position: relative;
  top: 5%;
  left: 10%;
  margin-bottom: 30px; }

  #inner_wiper_demo .li_sample1,
  #inner_wiper_demo .li_sample2,
  #inner_wiper_demo .li_sample3,
  #inner_wiper_demo .li_sample4,
  #inner_wiper_demo .li_sample5 {
    color: #fff;
    position: relative;
    text-shadow: 1px 2px 5px #000;
    opacity: 0.7;
    font-size: 13px; }
  #inner_wiper_demo ul#inner_wiper li {
    width: 100%;
    height: 376px !important;
    overflow: hidden; }
    #inner_wiper_demo ul#inner_wiper li h2 {
      color: #fff;
      box-shadow: 0px -2px 1px #000;
      width: 346px !important; }
  #inner_wiper_demo ul#inner_wiper li:nth-child(1) {
    background: url(../images/demo1_1.jpg);
    background-repeat: no-repeat; }
    #inner_wiper_demo ul#inner_wiper li:nth-child(1) .li_sample5 {
      width: 300px;
      top: 250px;
      left: 200px; }
  #inner_wiper_demo ul#inner_wiper li:nth-child(2) {
    background: url(../images/demo1_2.png);
    background-repeat: no-repeat;
    background-size: contain; }
    #inner_wiper_demo ul#inner_wiper li:nth-child(2) .li_sample4 {
      width: 300px;
      top: 210px;
      left: 300px; }
  #inner_wiper_demo ul#inner_wiper li:nth-child(3) {
    background: url(../images/demo1_3.png);
    background-repeat: no-repeat;
    background-size: cover; }
    #inner_wiper_demo ul#inner_wiper li:nth-child(3) .li_sample3 {
      left: 75px;
      top: 20px;
      color: #fff; }
  #inner_wiper_demo ul#inner_wiper li:nth-child(4) {
    background: url(../images/demo1_4.png);
    background-repeat: no-repeat; }
    #inner_wiper_demo ul#inner_wiper li:nth-child(4) .li_sample2 {
      width: 140px;
      left: 80px;
      top: 40px; }
  #inner_wiper_demo ul#inner_wiper li:nth-child(5) {
    width: 100%;
    background: url(../images/demo1_5.png);
    background-repeat: no-repeat; }
    #inner_wiper_demo ul#inner_wiper li:nth-child(5) .li_sample1 {
      left: 286px;
      top: 5px;
      color: #fff;
      width: 140px;
      opacity: 0.6;
      font-size: 20px; }

#inner_wiper_demo2 {
  width: 640px;
  height: 320px;
  position: relative;
  top: 5%;
  left: 10%; }
  #inner_wiper_demo2 li .color {
    width: 100px;
    height: 20px;
    position: relative; }
    #inner_wiper_demo2 li .color .color_text {
      width: 70px;
      line-height: 20px;
      padding-left: 5px;
      background: #fff; }
  #inner_wiper_demo2 ul#inner_wiper2 li {
    width: 100%;
    height: 376px !important;
    overflow: hidden;
    background: none; }
    #inner_wiper_demo2 ul#inner_wiper2 li h2 {
      color: #fff;
      box-shadow: 0px -2px 1px #000;
      width: 346px !important; }
  #inner_wiper_demo2 ul#inner_wiper2 li:nth-child(1) h2 {
    background: url(../images/demo1.jpg) no-repeat;
    height: 640px; }
  #inner_wiper_demo2 ul#inner_wiper2 li:nth-child(1) .color {
    top: -350px;
    left: 525px; }
  #inner_wiper_demo2 ul#inner_wiper2 li:nth-child(1) #demo_logo {
    position: relative;
    top: -19px;
    left: 50px; }
    #inner_wiper_demo2 ul#inner_wiper2 li:nth-child(1) #demo_logo img {
      width: 19px;
      height: 18px; }
  #inner_wiper_demo2 ul#inner_wiper2 li:nth-child(2) {
    left: 10px !important; }
    #inner_wiper_demo2 ul#inner_wiper2 li:nth-child(2) .color {
      top: -340px;
      left: 515px;
      background: #ff0000; }
    #inner_wiper_demo2 ul#inner_wiper2 li:nth-child(2) h2 {
      background: url(../images/demo2_2.png);
      height: 630px; }
  #inner_wiper_demo2 ul#inner_wiper2 li:nth-child(3) {
    left: 25px !important; }
    #inner_wiper_demo2 ul#inner_wiper2 li:nth-child(3) .color {
      top: -325px;
      left: 500px;
      background: #ffd700; }
    #inner_wiper_demo2 ul#inner_wiper2 li:nth-child(3) h2 {
      height: 615px;
      opacity: 0.4; }
  #inner_wiper_demo2 ul#inner_wiper2 li:nth-child(4) {
    left: 50px !important; }
    #inner_wiper_demo2 ul#inner_wiper2 li:nth-child(4) .color {
      top: -300px;
      left: 475px;
      background: #adff2f; }
    #inner_wiper_demo2 ul#inner_wiper2 li:nth-child(4) h2 {
      height: 590px;
      opacity: 0.2; }
  #inner_wiper_demo2 ul#inner_wiper2 li:nth-child(5) {
    left: 83px !important;
    width: 100%; }
    #inner_wiper_demo2 ul#inner_wiper2 li:nth-child(5) .color {
      top: -300px;
      left: 442px;
      background: #4169e1; }
    #inner_wiper_demo2 ul#inner_wiper2 li:nth-child(5) h2 {
      height: 590px;
      opacity: 0.6; }
  #inner_wiper_demo2 ul#inner_wiper2 li:nth-child(6) {
    left: 125px !important;
    width: 100%; }
    #inner_wiper_demo2 ul#inner_wiper2 li:nth-child(6) .color {
      top: -230px;
      left: 400px;
      background: #8a2be2; }
    #inner_wiper_demo2 ul#inner_wiper2 li:nth-child(6) h2 {
      background: #8a2be2;
      height: 520px;
      opacity: 0.3;
      padding-right: 90px; }



    html body .en_box {
      display: block; }
    html body .ja_box {
      display: none; }
      html body footer {
      width: 275px;
      height: 50px;
      position: relative;
      bottom: 45px;
      float: right; }

      html body footer #translation_box {
        float: right; }
        html body footer #translation_box a {
          color: #191970;
          text-align: center;
          margin-right: 5px;
          border: 1px solid #778899;
          width: 50px;
          font-size: 10px;
          background: #fff;
          float: left; }
        html body footer #translation_box a:hover {
          background: #ccc; }
        html body footer #translation_box #copyrights {
          width: 170px;
          font-size: 10px;
          line-height: 30px;
          clear: both;
          float: right; }
        html body footer #translation_box #translation {
          position: relative;
          right:10px;
          width: 115px;
          height: 20px;
          float: right; }
