@charset "utf-8";
#imgbox {
  margin: 0;
  padding: 0;
  position: relative;
  background-color: white; }
  #imgbox * {
    margin: 0;
    padding: 0; }
  #imgbox #block1 .bg2 {
    background-image: url("../images/puru_1_bg.jpg"); }
  #imgbox #block1 .btn a {
    top: 240px;
    left: 495px; }
  #imgbox #block1 .bg1 {
    background-image: url("../images/puru_1_cpy.gif");
    background-repeat: no-repeat; }
  #imgbox #block2 .bg2 {
    background-image: url("../images/puru_2_bg.jpg"); }
  #imgbox #block2 .btn a {
    top: 240px;
    left: 530px; }
  #imgbox #block2 .bg1 {
    background-image: url("../images/puru_2_cpy.gif");
    background-repeat: no-repeat; }
  #imgbox #block3 .bg2 {
    background-image: url("../images/puru_3_bg.jpg"); }
  #imgbox #block3 .btn a {
    top: 240px;
    left: 530px; }
  #imgbox #block3 .bg1 {
    background-image: url("../images/puru_3_cpy.gif");
    background-repeat: no-repeat; }
  #imgbox #block4 .bg2 {
    background-image: url("../images/puru_4_bg.jpg"); }
  #imgbox #block4 .btn a {
    top: 240px;
    left: 530px; }
  #imgbox #block4 .bg1 {
    background-image: url("../images/puru_4_cpy.gif");
    background-repeat: no-repeat; }
  #imgbox #block5 .bg2 {
    background-image: url("../images/puru_5_bg.jpg"); }
  #imgbox #block5 .btn a {
    top: 240px;
    left: 460px; }
  #imgbox #block5 .bg1 {
    background-image: url("../images/puru_5_cpy.gif");
    background-repeat: no-repeat; }
  #imgbox #loading {
    background-color: white;
    width: 100%;
    height: 100%;
    position: absolute;
    background-image: url("../images/loader.gif");
    background-repeat: no-repeat;
    background-position: 250px 155px;
    z-index: 5; }
  #imgbox .background {
    background-color: white;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1; }
    #imgbox .background .bg2 {
      display: none;
      width: 100%;
      height: 100%;
      background-color: white;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2;
      overflow: hidden; }
      #imgbox .background .bg2 .productbg {
        display: inline; }
        #imgbox .background .bg2 .productbg img {
          display: block;
          position: absolute;
          top: -50px;
          left: -109px;
          width: 938px;
          height: 430px; }
      #imgbox .background .bg2 .btn {
        display: inline; }
        #imgbox .background .bg2 .btn a {
          display: block;
          overflow: hidden;
          text-indent: -9999px;
          width: 150px;
          height: 25px;
          background-image: url("../images/puru_btn.gif");
          position: absolute;
          z-index: 1; }
          #imgbox .background .bg2 .btn a:hover {
            background-position: 0 -25px; }
    #imgbox .background .bg1 {
      width: 100%;
      height: 100%;
      overflow: hidden;
      position: absolute;
      top: 0;
      left: 0;
      background-color: white;
      background-position: 340px 80px;
      z-index: 3; }
      #imgbox .background .bg1 li {
        display: inline;
        position: absolute;
        overflow: visible;
        top: 0px;
        left: 100px;
        z-index: 3; }
        #imgbox .background .bg1 li.click {
          top: 30px;
          left: 10px;
          z-index: 6; }
          #imgbox .background .bg1 li.click img {
            z-index: 6; }
        #imgbox .background .bg1 li.img1 {
          z-index: 5; }
        #imgbox .background .bg1 li.img2 {
          z-index: 4; }
          #imgbox .background .bg1 li.img2 img {
            z-index: 4;
            display: none; }
  #imgbox #purunavi {
    display: none;
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 100; }
    #imgbox #purunavi li {
      display: inline;
      float: left;
      width: 12px;
      height: 12px;
      border: 1px solid gray;
      background-color: white;
      overflow: hidden;
      text-indent: -9999px;
      margin-left: 10px; }
      #imgbox #purunavi li:hover {
        background-color: #82CFD7; }
      #imgbox #purunavi li.on {
        background-color: #82CFD7; }

#recommendarea {
  padding: 40px 15px 8px 15px;
  background-image: url("../images/product_bg.gif");
  background-repeat: no-repeat;
  background-position: left top; }

#recommendarea_btm {
  margin-bottom: 40px;
  height: 9px;
  background-image: url("../images/product_bgbottom.gif");
  background-repeat: no-repeat;
  background-position: left bottom; }