/**/
body {background-color: white;}
* {
  margin: 0;
  padding: 0;
  border: 0;
  background: solid;
  box-sizing: border-box;
}
#container, #ad, #banner {
  width: 300px;
  height: 600px;
  position: absolute;
}
#container {
  display: block;
  z-index: 1;
  overflow: hidden;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

#ad {
  left: 0;
  display: block;
  z-index: 0;
  background: #fff;
  border: 1px solid #000;
  overflow: hidden;
}
#ad #click_area {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  z-index: 8;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: #fff;
  opacity: 0;
}
#roll_area {
  position: absolute;
  right: 198px;
    top: 462px;
    display: none;
    z-index: 10;
    width: 74px;
  height: 18px;
  cursor: pointer;
  background: #fff;
  opacity: 0;
}
#banner {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  z-index: 1;
  overflow: hidden;
}
#banner * {
  position: absolute;
  left: 0;
  top: 0;
}
#bg {
  opacity: 1;
}
#guide {
  opacity: 1;
}
#txt1a,#txt1b, #txt2, #txt3 {
  opacity: 0;
}
#scaleDown {
  position: absolute; 
  top:0; left:0;
  -webkit-transform: scale(0.6667);
    -moz-transform: scale(0.6667);
    -ms-transform: scale(0.6667);
    transform: scale(0.6667);
    -webkit-transform-origin: 50% 0 0;
    -moz-transform-origin: 50% 0 0;
    -ms-transform-origin: 50% 0 0;
    transform-origin: 50% 0 0;
}
#btn {
  opacity: 0;
  transform-origin: 122px 836px;
}
#txt2_see {
  top:0; left:0px;
  opacity: 0; 
}
#detail {
  top:900px;
}