@charset "euc-jp";
/* css for smt_banner-1.0.0.js */
.smtBannerConfig,
.smtBannerList,
.smtBannerPrototype,
.smtBannerExistItemDisplay{display:none;}
/* [smtBannerItem 80 version] */
.smtBannerItem80,
.smtBannerItem80Txt{
  width:80px;
  margin:0 5px;
}
/* [smtBannerItem 80 text version] */
.smtBannerItem80Txt a{
  line-height:1.0;
  color:#333;
}

/* [smtBannerItem 100 version] */
.smtBannerItem100{
margin: 10px 2px 3px 2px;
width: 102px;
}

.smtBannerItem100Txt{
width: 102px;
  margin:0 2px;
}


/* [smtBannerItem 80 text version] */
.smtBannerItem100Txt a{
  line-height:1.0;
  color:#333;
}


/* [smtBannerItem 133 version] */
.smtBannerItem133{
  width:133px;
  margin:0 5px;
}
.smtBannerItem133  > p{margin-bottom:10px;}
.smtBannerItem133  > p:last-child{margin-bottom:0;}
/* [smtBannerItem 300 version] */
.smtBannerItem300{
  width:300px;
  margin:0 5px;
}
.smtBannerItem300 > p{margin-bottom:3px;}
.smtBannerItem300 > p:last-child{margin-bottom:0;}
/* [smtBannerItemsDisplay] */
.smtBannerItemsDisplay{
  overflow:hidden;
  margin:0 auto;
}
.smtBannerItemsDisplay > ul{
  display:-webkit-box;
  display:box;
  -webkit-box-align:top;
  box-align:top;
  margin-bottom:15px;
}
.smtBannerItemsDisplay img{
  border:solid 1px #999;
  /* -webkit-box-shadow:0px 0px 3px #666; */
  /* box-shadow:0px 0px 3px #666; */
}
.smtBannerSubDisplay{
  display:-webkit-box;
  display:box;
}

/*[button old]
.smtBannerPrevButton,
.smtBannerNextButton{
  -webkit-box-shadow:#666 0px 0px 4px;
  -webkit-border-radius:7px;
  background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.2, white), to(#DEDEDE));
  box-shadow:#666 0px 0px 4px;
  border-radius:7px;
  background-image:gradient(linear, 0% 0%, 0% 100%, color-stop(0.2, white), to(#DEDEDE));
  color:#BF0000;
  font-weight:bold;
  padding:5px;
  margin:0 10px 10px 10px;
  text-align:center;
  width:60px;
}
.smtBannerPageIndicators{
  text-align:center;
  min-width:90px;
  display:-webkit-box;
  -webkit-box-flex:1;
  -webkit-box-align:center;
  -webkit-box-pack:center;
  display:box;
  box-flex:1;
  box-align:center;
  box-pack:center;
}
.smtBannerPageIndicators .smtBannerLamper{
  width:10px;
  height:10px;
  border:solid 1px white;
  margin:3px;
  -webkit-box-shadow:0px 0px 3px #666;
  box-shadow:0px 0px 3px #666;
}
.smtBannerPageIndicators .cur{ background:#BF0000; }
.smtBannerLoading{
  width:100%;
  height:84px;
  display:-webkit-box;
  -webkit-box-align:center;
  -webkit-box-pack:center;
  display:box;
  box-align:center;
  box-pack:center;
}
*/


/* [button]_201410 */

.smtBannerPrevButton,.smtBannerNextButton {
  text-indent:-999em;
  font-weight:bold;
  padding:5px;
  margin:8px 10px;
  text-align:center;
  width:60px;
  border-radius:2px;
  border:1px solid #ccc;
  background:url(https://r.r10s.jp/com/img/home/smart/top/top/201203/btn_arrwow_red.png) no-repeat center;
  background-size:24px 24px
}

.smtBannerPrevButton {
  background:url(https://r.r10s.jp/com/img/home/smart/top/top/201405/btn_arrwow_red_l.png) no-repeat center;
  -webkit-background-size:24px 24px;
  background-size:24px 24px;
  transform:none;-webkit-transform:none
}

.smtBannerPageIndicators {
  text-align:center;min-width:90px;
  display:-webkit-box;
  -webkit-box-flex:1;
  -webkit-box-align:center;
  -webkit-box-pack:center;
  display:box;box-flex:1;
  box-align:center;
  box-pack:center
}

.smtBannerPageIndicators .smtBannerLamper{
  width:10px;
  height:10px;
  border:solid 1px white;
  margin:3px;
  background:#f2f2f2;
  border:1px solid #ccc
}

.smtBannerPageIndicators .cur{ background:#BF0000; }
.smtBannerLoading {
  width:100%;
  height:84px;
  display:-webkit-box;
  -webkit-box-align:center;
  -webkit-box-pack:center;
  display:box;
  box-align:center;
  box-pack:center
}



/* spinner styles */
div.spinner{
  position:relative;
  width:100px;
  height:100px;
  display:inline-block;
}
div.spinner div{
  width:9%;
  height:26%;
  background:#888;
  position:absolute;
  left:44.5%;
  top:37%;
  -webkit-opacity:0;
  -webkit-animation:fade 1s linear infinite;
  -webkit-border-radius:5px;
  -webkit-box-shadow:0 0 3px rgba(0,0,0,0.2);
  opacity:0;
  animation:fade 1s linear infinite;
  border-radius:5px;
  box-shadow:0 0 3px rgba(0,0,0,0.2);
}
div.spinner div.bar1{
  -webkit-transform:rotate(0deg) translate(0, -142%); -webkit-animation-delay:0s;
  transform:rotate(0deg) translate(0, -142%); animation-delay:0s;
}
div.spinner div.bar2{
  -webkit-transform:rotate(30deg) translate(0, -142%); -webkit-animation-delay:-0.9167s;
  transform:rotate(30deg) translate(0, -142%); animation-delay:-0.9167s;
}
div.spinner div.bar3{
  -webkit-transform:rotate(60deg) translate(0, -142%); -webkit-animation-delay:-0.833s;
  transform:rotate(60deg) translate(0, -142%); animation-delay:-0.833s;
}
div.spinner div.bar4{
  -webkit-transform:rotate(90deg) translate(0, -142%); -webkit-animation-delay:-0.75s;  
  transform:rotate(90deg) translate(0, -142%); animation-delay:-0.75s;  
}
div.spinner div.bar5{
  -webkit-transform:rotate(120deg) translate(0, -142%); -webkit-animation-delay:-0.667s;  
  transform:rotate(120deg) translate(0, -142%); animation-delay:-0.667s;  
}
div.spinner div.bar6{
  -webkit-transform:rotate(150deg) translate(0, -142%); -webkit-animation-delay:-0.5833s;  
  transform:rotate(150deg) translate(0, -142%); animation-delay:-0.5833s;  
}
div.spinner div.bar7{
  -webkit-transform:rotate(180deg) translate(0, -142%); -webkit-animation-delay:-0.5s;  
  transform:rotate(180deg) translate(0, -142%); animation-delay:-0.5s;  
}
div.spinner div.bar8{
  -webkit-transform:rotate(210deg) translate(0, -142%); -webkit-animation-delay:-0.41667s;  
  transform:rotate(210deg) translate(0, -142%); animation-delay:-0.41667s;  
}
div.spinner div.bar9{
  -webkit-transform:rotate(240deg) translate(0, -142%); -webkit-animation-delay:-0.333s;  
  transform:rotate(240deg) translate(0, -142%); animation-delay:-0.333s;  
}
div.spinner div.bar10{
  -webkit-transform:rotate(270deg) translate(0, -142%); -webkit-animation-delay:-0.25s;  
  transform:rotate(270deg) translate(0, -142%); animation-delay:-0.25s;  
}
div.spinner div.bar11{
  -webkit-transform:rotate(300deg) translate(0, -142%); -webkit-animation-delay:-0.1667s;  
  transform:rotate(300deg) translate(0, -142%); animation-delay:-0.1667s;  
}
div.spinner div.bar12{
  -webkit-transform:rotate(330deg) translate(0, -142%); -webkit-animation-delay:-0.0833s;  
  transform:rotate(330deg) translate(0, -142%); animation-delay:-0.0833s;  
}
@-webkit-keyframes fade{
  from{opacity:1;}
  to{opacity:0.25;}
}
@keyframes fade{
  from{opacity:1;}
  to{opacity:0.25;}
}