@charset "utf-8";

#mainSlide {
  position: relative;
}
#mainSlide .slides-container {
  display: none;
}
#mainSlide .scrollable {
  *zoom: 1;
  position: relative;
  top: 0;
  left: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  height: 100%;
}
#mainSlide .scrollable:after {
  content: "";
  display: table;
  clear: both;
}

.slides-navigation a {
  position:absolute;
  top:50%;
  margin-top:-30px;
  width: 61px;
  height: 61px;
  overflow:hidden;
  font-size:0;
  line-height:0;
  text-indent:-999em;
  background-position:50% 50%;
  background-repeat:no-repeat;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  z-index:50;
}
.slides-navigation a.prev {
  left:10%;
  background-image:url("../images/main/slide_prev.png");
}
.slides-navigation a.next {
  right:10%;
  background-image:url("../images/main/slide_next.png");
}

.slides-pagination {
  position: absolute;
  z-index: 3;
  bottom: 246px;
  left:48%;
  display:block;
  overflow:hidden;
}
.slides-pagination a {
  border-radius: 12px;
  background:url("../images/main/visual_dot_off.png") 0 0 no-repeat;
  float:left;
  margin:0 3px;
  width: 24px;
  height: 24px;
  display: -moz-inline-stack;
  display: block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  overflow: hidden;
  text-indent: -100%;

}
.slides-pagination a.current {
  background:url("../images/main/visual_dot_on.png") 0 0 no-repeat;
}