/*  --  スライドショー１　-- */
.infiniteCarousel {
  width: 625px;
   height:126px;
  position: relative;
  background: url(../common/images/index/photos_bg.gif) ;
}
.infiniteCarousel:after {
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}

.infiniteCarousel .wrapper {
  width: 576px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  height: 110px;
 /* padding-top:5px;*/
  margin: 10px 21px 0px;

}

.infiniteCarousel ul a img {
  border: 3px solid #dddddd;
}

.infiniteCarousel .wrapper ul {
  width: 840px; /* single item * n */
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;

}

.infiniteCarousel ul li {
  display:block;
  float:left;
  padding: 15px 10px 0px;
  height: 90px;
  width: 125px;
  overflow:hidden;
}
*:first-child+html .infiniteCarousel ul li {
  display:block;
  float:left;
  padding:7px 10px 0px;
  height: 90px;
  width: 125px;
  overflow:hidden;
}

.infiniteCarousel ul li img {
    -webkit-transition: border-color 400ms;
}

.infiniteCarousel ul:hover li img {
  border-color: #dddddd;
}

.infiniteCarousel ul:hover li:hover img {
  border-color: #999999;
}

.infiniteCarousel ul li a img {
  display:block;
}

.infiniteCarousel .arrow {
  display: block;
  height: 15px;
  width: 25px;
  background: url(../common/images/index/back.png) no-repeat 0 0;
  text-indent: -9999px;
  position: absolute;
  top: 55px;
  cursor: pointer;
  outline: 0;
}

.infiniteCarousel .forward {
  background-position: 0 0;
  right: 0;
}

.infiniteCarousel .back {
  background-position: 0 -15px;
  left: 0;
}


/*  --  スライドショー2　-- */

.infiniteCarousel2 {
  width: 625px;
   height:126px;
  position: relative;
  background: url(../common/images/index/photos_bg.gif) ;
}
.infiniteCarousel2:after {
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}

.infiniteCarousel2 .wrapper {
  width: 575px; /* .infiniteCarousel2 width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  height: 120px;
  padding-top:5px;
  margin: 10px 20px 0px;

}

.infiniteCarousel2 ul a img {
  border: 3px solid #999999;
}

.infiniteCarousel2 .wrapper ul {
  width: 1320px; /* single item * n */
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;

}

.infiniteCarousel2 ul li {
  display:block;
  float:left;
  padding: 10px;
  height: 84px;
  width: 112px;
}

.infiniteCarousel2 ul li img {
    -webkit-transition: border-color 400ms;
}

.infiniteCarousel2 ul:hover li img {
  border-color: #999999;
}

.infiniteCarousel2 ul:hover li:hover img {
  border-color: #dddddd;
}

.infiniteCarousel2 ul li a img {
  display:block;
}

.infiniteCarousel2 .arrow {
  display: block;
  height: 15px;
  width: 25px;
  background: url(../common/images/index/back.png) no-repeat 0 0;
  text-indent: -9999px;
  position: absolute;
  top: 55px;
  cursor: pointer;
  outline: 0;
}

.infiniteCarousel2 .forward {
  background-position: 0 0;
  right: 0;
}

.infiniteCarousel2 .back {
  background-position: 0 -15px;
  left: 0;
}