@charset "utf-8";

/*
 block
----------------------------------------------------------------------------------------------------*/
.prBannerV2 {
  position: relative;
  overflow: visible;
  margin:0 auto;
}
.prBannerV2Sp {
  margin:0 auto;
}

.prWrapper {
  position: relative;
  width: 725px;
  margin: 0 auto;
  padding-bottom: 40px;
}

.prWrapper ul {
  left: 0;
  margin: 0;
  padding: 0;
}

.prWrapper li {
  display: none;
  position: relative;
  float: left;
  margin: 0 20px 0 0;
  text-align: center;
  list-style-type: none;
}

.prWrapper li:first-child {
  display: block;
}

/*
 base parts
----------------------------------------------------------------------------------------------------*/
/*====================
 bnr
===================*/
.prBannerV2 .prWrapper ul {
  list-style: none;
}
.prBannerV2 .prWrapper ul a {
  display: block;
  position: relative;
}
.prBannerV2 .pagenation {
  position: absolute;
  bottom: 0px;
  right: 0;
  _overflow: hidden;
  zoom:1;
  list-style: none;
}
.prBannerV2 .pagenation li {
  float: left;
  margin: 0 0 0 12px;
  list-style-type: none;
}
.prBannerV2 .pagenation li a {
  display: block;
  text-indent: -9999px;
}
.prBannerV2 .pagenation li a {
  width: 9px;
  height: 9px;
  background: url(./pr_bnr_pagenation.png);
  background-position: 0 0;
}
.prBannerV2 .pagenation li a:hover,
.prBannerV2 .pagenation li.cur a {
  background-position: 0 9px;
}

/*
 side arrows
----------------------------------------------------------------------------------------------------*/
.prBannerV2 .arrow {
  position: absolute;
  top: 0;
  width: 113px;
  z-index: 1000;
  cursor: pointer;
  background-color: transparent;
}

/*
 IEでは背景が指定されていない場合のmouseenter,mouseleaveイベントにバグがあるため背景画像を指定
----------------------------------------------------------------------------------------------------*/
.prBannerV2 .arrow {
  background: url(./pr_banner_bg_bnrArrow.gif) 0 0 repeat;
}
.prBannerV2 .arrow img {
  display: none;
  position: relative;
  top: 125px;
}
.prBannerV2 .arrow.next {
  right: 0px;
  text-align: right;
}
.prBannerV2 .thumbArrow {
  overflow: visible;
  background: url(./pr_banner_bg_bnrArrow.gif) 0 0 repeat;
}
.prBannerV2 .thumbArrow img {
  position: absolute;
  top: 28px;
  z-index: 100;
  cursor: pointer;
}
.prBannerV2 .thumbArrow.prev img {
  left: 0;
}
.prBannerV2 .thumbArrow.next img {
  right: 0;
}

.prBannerLevel2 {
  height: auto;
}
.prBannerLevel2 .prWrapper {
  overflow: hidden;
  padding: 0;
  padding-bottom: 40px;
}
.prBannerLevel2 .arrow img {
  top: 45%;
}
.prBannerLevel2 .prev img {
  left: -20px;
}
.prBannerLevel2 .next img {
  right: -20px;
}

/*
 PRバナーサムネイル
----------------------------------------------------------------------------------------------------*/
.thumbOutline {
  display: none;
  position: relative;
  overflow: hidden;
  width: 972px;
}
.thumbWrapper {
  width: 948px;
  height: 50px;
  margin: 20px auto;
}
.thumbWrapper ul {
  position: absolute;
  width: 3000px;
  left: 0;
  list-style: none;
}
.thumbWrapper li {
  float: left;
  width: 180px;
  height: 48px;
  margin: 0 6px;
  cursor: pointer;
}
.thumbWrapper li img {
  vertical-align: top;
}
.thumbCur {
  position: relative;
  width: 176px;
  height:44px;
  margin: -70px auto 0;
  border: 2px solid #eb5505;
}

.thumbNoScript {
  clear: both;
  padding-top: 20px;
}

/*
 PRバナーJavaScript OFF時のテキストリンク
----------------------------------------------------------------------------------------------------*/
.prBnrTxt{
  width:980px;
  margin:0 auto;
}