/* ------------------------------------------

  layout

------------------------------------------ */
#main .box1 {
  margin-left: 0;
}
#main .box2 {
  margin-left: 87px;
}
#main .box3 {
  margin-left: 132px;
}
#main .box4 {
  margin-left: 204px;
}
#main .box5 {
  margin-left: 340px;
}
#main .gim {
  width: 862px;
  height: 290px;
  background: url(../img/bg_gimmick.jpg) no-repeat 0 0;
}
#main .gim ul {
  padding: 29px 0 0 69px;
}
#main .gim li {
  float: left;
}
#main .gim .gim1 {
  margin-left: 0;
}
#main .gim .gim2 {
  margin-left: -41px;
}
#main .gim .gim3 {
  margin-left: -41px;
}
#main .detail {
  position: relative;
  width: 926px;
  height: 544px;
  background: url(../img/bg_machinearea.jpg) no-repeat 0 0;
}
#main .detail .topShadow {
  position: absolute;
  top: 0;
  left: 0;
  width: 830px;
  height: 80px;
  background: url(../img/bg_top_sdw.png) no-repeat 0 0;
}
#main .detail .shutter {
  position: absolute;
  top: 0;
}
#main .detail .shutterL {
  left: 0;
}
#main .detail .shutterR {
  left: 460px;
}
#main .detail .stage {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
#main .detail .gimList {
  position: absolute;
  top: 0;
  left: 143px;
  width: 270px;
  height: 453px;
  background: url(../img/bg_wire.png) no-repeat 0 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
#main .detail .gimList ul {
  padding-top: 61px;
}
#main .detail .gimList li {
  position: relative;
  width: 168px;
}
#main .detail .gimList li img {
  vertical-align: top;
}
#main .detail .gimList li .offImg {
  position: absolute;
  top: 0;
  left: 0;
}
#main .detail .gimList .expansion {
  width: 200px;
  margin-left: 7px;
  margin-bottom: 12px;
}
#main .detail .gimList .syogouki {
  margin-left: 21px;
}
#main .detail .gimList .juuji {
  margin-left: 30px;
}
#main .detail .gimList .rei {
  margin-left: 39px;
}
#main .detail .gimList .logoyaku {
  margin-left: 49px;
}
#main .detail .gimList .coreyaku {
  margin-left: 58px;
}
#main .detail .gimList .limit8 {
  margin-left: 67px;
}
#main .detail .gimList .angelhandle {
  margin-left: 77px;
}
#main .detail .gimList .corecontroller {
  margin-left: 86px;
}
#main .detail .gimList .migiuchi {
  margin-left: 95px;
}
#main .detail .machineBody {
  position: absolute;
  top: 38px;
  left: 417px;
  opacity: 0;
  filter: alpha(opacity=0);
}
#main .detail .modal {
  position: absolute;
  top: 0;
  left: 165px;
  width: 574px;
  height: 499px;
  background: url(../img/bg_modal_wire.png) no-repeat 82px 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
#main .detail .modal .pic {
  position: relative;
  padding-top: 87px;
}
#main .detail .modal .pic .close {
  position: absolute;
  top: 87px;
  left: 398px;
  opacity: 0;
  filter: alpha(opacity=0);
}
#main .detail .modal .pic .close:hover {
  cursor: pointer;
}
#main .detail .exModal {
  position: absolute;
  top: 0;
  left: 172px;
  opacity: 0;
  filter: alpha(opacity=0);
}
#main .detail .exClose {
  position: absolute;
  top: 0;
  left: 620px;
  width: 90px;
  background: url(../img/bg_modal_wire_ex.png) no-repeat 100% 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
#main .detail .exClose:hover {
  cursor: pointer;
}
#main .detail .exClose img {
  width: 76px;
  height: 59px;
  margin-top: 81px;
}
