@charset "UTF-8";

/*==============================================
 吸着バナー(#marks_area)
==============================================*/

.marks_bnr {
  background-attachment: scroll;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0;
  display: block;
  width: 320px;
  /* バナーの幅 */
  height: 130px;
  /* バナーの高さ */
  position: fixed;
  right: -200px;
  text-indent: -9993px;
  z-index: 9999;
  /* 以下アニメーションの設定 */
  -webkit-transition: ease-in-out 0.5s;
  -moz-transition: ease-in-out 0.5s;
  -ms-transition: ease-in-out 0.5s;
  -o-transition: ease-in-out 0.5s;
  transition: ease-in-out 0.5s;
}
.marks_bnr:hover {
  right: 0;
}
.marks_bnr a {
  display: block;
  height: 100%;
  width: 100%;
}

/* ここから個々のバナー設定 */
#marks_bnr_01 {
  background-image: url(../img/right_bnr/right_bnr_01.png);
  top: 160px;
}

#marks_bnr_02 {
  background-image: url(../img/right_bnr/right_bnr_02.png);
  top: 300px;
}

#marks_bnr_03 {
  background-image: url(../img/right_bnr/right_bnr_03.png);
  top: 440px;
}

#marks_bnr_04 {
  background-image: url(../img/right_bnr/right_bnr_04.jpg);
  top: 580px;
}


/*#marks_bnr_04 {
  background-image: url(../img/right_bnr/right_bnr_04.jpg);
  top: 580px;
}*/

/*# sourceMappingURL=style.css.map */