@charset "UTF-8";
html, body, 
#promotionWrap div,
#promotionWrap span,
#promotionWrap applet,
#promotionWrap object,
#promotionWrap iframe,
#promotionWrap h1,
#promotionWrap h2,
#promotionWrap h3,
#promotionWrap h4,
#promotionWrap h5,
#promotionWrap h6,
#promotionWrap p,
#promotionWrap blockquote,
#promotionWrap pre,
#promotionWrap a,
#promotionWrap abbr,
#promotionWrap acronym,
#promotionWrap address,
#promotionWrap big,
#promotionWrap cite,
#promotionWrap code,
#promotionWrap del,
#promotionWrap dfn,
#promotionWrap em,
#promotionWrap img,
#promotionWrap ins,
#promotionWrap kbd,
#promotionWrap q,
#promotionWrap s,
#promotionWrap samp,
#promotionWrap small,
#promotionWrap strike,
#promotionWrap strong,
#promotionWrap sub,
#promotionWrap sup,
#promotionWrap tt,
#promotionWrap var,
#promotionWrap b,
#promotionWrap u,
#promotionWrap i,
#promotionWrap center,
#promotionWrap dl,
#promotionWrap dt,
#promotionWrap dd,
#promotionWrap ol,
#promotionWrap ul,
#promotionWrap li,
#promotionWrap fieldset,
#promotionWrap form,
#promotionWrap label,
#promotionWrap legend,
#promotionWrap table,
#promotionWrap caption,
#promotionWrap tbody,
#promotionWrap tfoot,
#promotionWrap thead,
#promotionWrap tr,
#promotionWrap th,
#promotionWrap td,
#promotionWrap article,
#promotionWrap aside,
#promotionWrap canvas,
#promotionWrap details,
#promotionWrap embed,
#promotionWrap figure,
#promotionWrap figcaption,
#promotionWrap footer,
#promotionWrap header,
#promotionWrap hgroup,
#promotionWrap menu,
#promotionWrap nav,
#promotionWrap output,
#promotionWrap ruby,
#promotionWrap section,
#promotionWrap summary,
#promotionWrap time,
#promotionWrap mark,
#promotionWrap audio,
#promotionWrap video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

#promotionWrap ol,
#promotionWrap ul {
  list-style: none;
}

#promotionWrap table {
  border-collapse: collapse;
  border-spacing: 0;
}

#promotionWrap caption, 
#promotionWrap th, 
#promotionWrap td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

#promotionWrap q,
#promotionWrap blockquote {
  quotes: none;
}
#promotionWrap q:before,
#promotionWrap q:after,
#promotionWrap blockquote:before,
#promotionWrap blockquote:after {
  content: "";
  content: none;
}

#promotionWrap  a img {
  border: none;
}

#promotionWrap article,
#promotionWrap aside,
#promotionWrap details,
#promotionWrap figcaption,
#promotionWrap figure,
#promotionWrap footer,
#promotionWrap header,
#promotionWrap hgroup,
#promotionWrap main,
#promotionWrap menu,
#promotionWrap nav,
#promotionWrap section,
#promotionWrap summary {
  display: block;
}

/* ここから */
#promotionWrap {
  display: block;
  width: 100%;
  background: #000000;
  margin-bottom: 10px;
}
#promotionWrap #promotionArea {
  position: relative;
  width: 970px;
  height: 401px;
  margin: auto;
  background: #000000;
}
#promotionWrap #promotionArea .titleBlock {
  position: absolute;
  top: 47px;
  left: 23px;
  z-index: 10;
}
#promotionWrap #promotionArea .loadinBlock {
  position: absolute;
  top: 188px;
  left: 438px;
  z-index: 10;
}
#promotionWrap #promotionArea .loadinBlock img {
  float: left;
}
#promotionWrap #promotionArea .loadinBlock .loadingAnime{
  background: url(/assets/images/share/loading_anime.png) repeat left top;
  width: 24px;
  height: 24px;
  float: left;
}
#promotionWrap #promotionArea .bannerBlock {
  position: absolute;
  width: 344px;
  height: 401px;
  top: 0;
  right: 0;
  padding-left: 24px;
  background: url(/assets/images/share/bg_alpha_bk50.png) repeat left top;
  z-index: 2;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#promotionWrap #promotionArea .bannerBlock .bannerList {
  z-index: 3;
}
#promotionWrap #promotionArea .bannerBlock .bannerList li {
  padding-top: 6px;
}
#promotionWrap #promotionArea .bannerBlock .bannerList li a {
  display: inline-block;
  background: #FFFFFF;
}
#promotionWrap #promotionArea .bannerBlock .bannerList li a img {
  display: block;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
#promotionWrap #promotionArea .bannerBlock .bannerList li a img:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
#promotionWrap #promotionArea .leftCover {
  position: absolute;
  width: 62px;
  height: 401px;
  top: 0;
  left: 0;
  background: url(/assets/images/share/bg_alpha_bk50.png) repeat left top;
  z-index: 2;
}
#promotionWrap #promotionArea .controlBlock .btnControlPrev {
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -6px;
  cursor: pointer;
  z-index: 4;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
#promotionWrap #promotionArea .controlBlock .btnControlPrev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
#promotionWrap #promotionArea .controlBlock .btnControlNext {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -6px;
  cursor: pointer;
  z-index: 4;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
#promotionWrap #promotionArea .controlBlock .btnControlNext:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
#promotionWrap #promotionArea .controlBlock img {
  display: block;
}
#promotionWrap #promotionArea .promotionBlock {
  width: 100%;
  overflow: hidden;
}
#promotionWrap #promotionArea .promotionBlock .promotionList {
  /* JSで取得・調整してください */
  width: 3000px;
  white-space: nowrap;
  margin-left: -220px;
}
#promotionWrap #promotionArea .promotionBlock .promotionList li {
  float: left;
}
#promotionWrap #promotionArea .promotionBlock .promotionList li img {
  height: 100%;
}
#promotionWrap #promotionArea .promotionBlock .promotionList li:first-child {
  margin-left: 0px;
}
#promotionWrap #promotionImage {
  position: relative;
  width: 970px;
  margin: auto;
  background: #000000;
}