/* ----- clearfix ----- */
.cf:before, .cf:after {
  content: "";
  display: table;
  zoom: 1; }

.cf:after {
  clear: both; }

img, a img {
  border: none; }

div#body {
  width: 100%;
  padding: 15px 0 0 0; }
  div#body .ttl {
    position: relative;
    margin: 0 auto;
    width: 960px; }
  div#body .sns {
    top: 0; }

#main-visual {
  position: relative;
  width: 100%;
  height: 764px;
  overflow: hidden;
  background: url(../img/main_bg.jpg) center top repeat-x; }
  #main-visual #main-bg img {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -750px;
    width: 1500px;
    height: 764px;
    overflow: hidden; }
  #main-visual #bg2 {
    display: none; }
  #main-visual .inner {
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: 764px; }
    #main-visual .inner h2 {
      margin: 0 auto 27px;
      padding-top: 40px;
      width: 884px; }
    #main-visual .inner #copy {
      display: none;
      margin: 0 auto 0;
      width: 926px; }
    #main-visual .inner #items {
      display: none;
      position: absolute;
      top: 330px;
      left: 50%;
      margin-left: -710px;
      width: 1420px;
      height: 460px;
      overflow: hidden; }
    #main-visual .inner .items, #main-visual .inner .items-ref {
      position: absolute; }

#nav {
  position: absolute;
  bottom: 330px;
  left: 50%;
  margin-left: -470px;
  height: 132px; }
  #nav ul {
    list-style: none; }
  #nav li, #nav li a {
    display: block;
    float: left; }
  #nav #nav1 {
    margin-right: 36px; }
  #nav #nav2 {
    margin-right: 63px; }

#best-prize {
  width: 100%;
  height: 800px;
  overflow: hidden;
  background: #000 url(../img/best_bg.jpg) center top no-repeat; }
  #best-prize .inner {
    position: relative;
    margin: 0 auto;
    width: 960px;
    height: 800px; }
  #best-prize h2 {
    margin: 0 auto 33px !important;
    padding-top: 50px;
    width: 484px; }

#btn-detail1 {
  position: absolute;
  bottom: 220px;
  right: 40px; }

#btn-detail2 {
  position: absolute;
  bottom: 85px;
  right: 40px; }

#topic-prize {
  width: 100%;
  height: 485px;
  overflow: hidden;
  background: #000 url(../img/best_bg.jpg) center top no-repeat; }
  #topic-prize h2 {
    margin: 0 auto 33px !important;
    padding-top: 50px;
    width: 392px; }
  #topic-prize ul {
    margin: 0 auto;
    width: 960px;
    height: 260px; }
  #topic-prize li, #topic-prize li a {
    float: left; }
  #topic-prize #topic1 {
    position: relative;
    margin-right: 7px; }
    #topic-prize #topic1 .btn-check-detail {
      position: absolute;
      bottom: 20px;
      left: 30px; }
  #topic-prize #topic2 {
    position: relative; }
    #topic-prize #topic2 .btn-check-detail {
      position: absolute;
      bottom: 90px;
      left: 30px; }

#hit-prize {
  position: relative;
  margin-bottom: 30px;
  width: 100%;
  height: 2164px;
  overflow: hidden;
  background: #000 url(../img/hit_prize_bg.jpg) center top no-repeat; }
  #hit-prize h2 {
    margin: 0 auto 30px !important;
    padding-top: 50px;
    width: 601px; }
  #hit-prize ul {
    position: relative;
    margin: 0 auto;
    width: 960px; }
  #hit-prize li {
    position: absolute; }
    #hit-prize li .btn-check-best3 {
      position: absolute;
      top: 0;
      left: 0; }
  #hit-prize #hit1 {
    top: 5px;
    left: 40px; }
    #hit-prize #hit1 .btn-check-best3 {
      top: 284px;
      left: 193px; }
  #hit-prize #hit2 {
    top: -10px;
    left: 460px; }
    #hit-prize #hit2 .btn-check-best3 {
      top: 147px;
      left: 56px; }
  #hit-prize #hit3 {
    top: 400px;
    left: -5px; }
    #hit-prize #hit3 .btn-check-best3 {
      top: 181px;
      left: 60px; }
  #hit-prize #hit4 {
    top: 250px;
    left: 515px; }
    #hit-prize #hit4 .btn-check-best3 {
      top: 91px;
      left: 106px; }
  #hit-prize #hit5 {
    top: 710px;
    left: 80px; }
    #hit-prize #hit5 .btn-check-best3 {
      top: 159px;
      left: 494px; }
  #hit-prize #hit6 {
    top: 985px;
    left: 0; }
    #hit-prize #hit6 .btn-check-best3 {
      top: 197px;
      left: 37px; }
  #hit-prize #hit7 {
    top: 1010px;
    left: 430px; }
    #hit-prize #hit7 .btn-check-best3 {
      top: 98px;
      left: 43px; }
  #hit-prize #hit8 {
    top: 1355px;
    left: 130px; }
    #hit-prize #hit8 .btn-check-best3 {
      top: 149px;
      left: 86px; }
  #hit-prize #btn-onlineshop {
    position: absolute;
    bottom: 192px;
    left: 50%;
    margin-left: -178px; }
  #hit-prize #totop {
    position: absolute;
    bottom: 60px;
    left: 50%;
    margin-left: -30px; }

#banners {
  margin: 0 auto;
  width: 960px; }
  #banners .banner-chat a:hover, #banners li a:hover {
    display: block;
    zoom: 1;
    -ms-filter: "alpha( opacity=80 )";
    filter: alpha(opacity=80);
    opacity: 0.8; }

.banner-chat {
  margin-bottom: 20px; }

#banner-area {
  margin-bottom: 30px;
  width: 960px;
  height: 147px; }

#banner-area li {
  float: left; }

#banner-area .bt-list {
  padding-right: 14px;
  border-right: solid 1px #000; }

#banner-area .meihin-list {
  padding-left: 14px; }

#bt-pickup {
  margin-bottom: 20px; }
  #bt-pickup h2 {
    float: left;
    margin: 0 20px 0 0 !important; }
  #bt-pickup .bt-area, #bt-pickup .meihin-area {
    float: left; }
    #bt-pickup .bt-area ul, #bt-pickup .meihin-area ul {
      margin-bottom: 10px;
      height: 120px; }
    #bt-pickup .bt-area li, #bt-pickup .meihin-area li {
      float: left;
      margin-right: 10px; }
  #bt-pickup .separater {
    float: left; }

.note {
  margin-bottom: 30px;
  letter-spacing: -0.2px; }

#btn-onlineshop2 {
  margin-bottom: 30px;
  text-align: right; }

/* detail
----------------------------------------------------*/
body.detail {
  margin: 0;
  padding: 0;
  color: #333;
  font-size: 75%;
  /* 12px */
  font-family: 'ＭＳ Ｐゴシック', sans-serif;
  line-height: 1.6;
  text-align: center;
  background: #4c97b4; }
  body.detail #container {
    position: relative;
    margin: 0 auto;
    width: 928px; }
  body.detail #btn-close-top {
    position: absolute;
    top: 10px;
    right: 10px; }
  body.detail #btn-close-bottom {
    position: absolute;
    bottom: 30px;
    left: 50%;
    margin-left: -50px; }
  body.detail .btn-detail {
    position: absolute; }

body#detail1, body#detail2 {
  background: #000; }

#btn-detail11 {
  bottom: 205px;
  left: 530px; }

#btn-detail12 {
  bottom: 110px;
  left: 530px; }

#btn-detail21 {
  bottom: 70px;
  left: 215px; }

#btn-detail22 {
  bottom: 70px;
  left: 646px; }

#btn-detail31 {
  top: 558px;
  right: 40px; }

#btn-detail32 {
  bottom: 356px;
  left: 207px; }

#btn-detail33 {
  bottom: 356px;
  left: 660px; }

#btn-detail41 {
  top: 470px;
  left: 702px; }

#btn-detail42 {
  top: 589px;
  left: 702px; }

#btn-detail43 {
  bottom: 406px;
  left: 184px; }

#btn-detail44 {
  bottom: 289px;
  left: 184px; }

#btn-detail45 {
  bottom: 329px;
  left: 615px; }

#btn-detail51 {
  top: 658px;
  left: 444px; }

#btn-detail52 {
  bottom: 293px;
  left: 252px; }

#btn-detail53 {
  bottom: 351px;
  right: 92px; }

#btn-detail54 {
  bottom: 264px;
  right: 92px; }

#btn-detail61 {
  top: 685px;
  right: 60px; }

#btn-detail62 {
  bottom: 249px;
  left: 61px; }

#btn-detail63 {
  bottom: 249px;
  right: 263px; }

#btn-detail71 {
  top: 661px;
  right: 249px; }

#btn-detail72 {
  top: 661px;
  right: 57px; }

#btn-detail73 {
  bottom: 302px;
  left: 178px; }

#btn-detail74 {
  bottom: 302px;
  right: 97px; }

#btn-detail81 {
  top: 552px;
  right: 59px; }

#btn-detail82 {
  bottom: 323px;
  left: 271px; }

#btn-detail83 {
  bottom: 323px;
  right: 95px; }

#btn-detail91 {
  top: 640px;
  right: 217px; }

#btn-detail92 {
  bottom: 270px;
  left: 53px; }

#btn-detail93 {
  bottom: 270px;
  right: 39px; }

#btn-detail101 {
  top: 561px;
  right: 56px; }

#btn-detail102 {
  bottom: 302px;
  left: 274px; }

#btn-detail103 {
  bottom: 302px;
  right: 36px; }