/* スライダーをセンタリング iframeだと無効になっちゃう？ */
.container  {width: 100%; margin-bottom: 5px; overflow: hidden;}
.slide_all  {width: 600px; margin: 0 auto; height: 120px; position: relative;}
.slide_wrap {width: 1800px; position: absolute; left: 50%; margin-left: -900px;}
.banner-slider {width: 100%;}
.slide      {width: 600px;}
.slide img  {width: 100%; vertical-align: bottom;}

/* 枠線を消す */
.banner-wrapper .banner-viewport {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border:none;
    background-color:transparent;
}

/* 左右スライド配置 */

.banner-wrapper .banner-prev {
    left: 0px;
    background : none;
}

.banner-wrapper .banner-next {
    right: 10px;
    background : none;
}

/* 左右スライド移動の範囲指定 */
.banner-wrapper .banner-controls-direction a {
    position: absolute;
    top: 0;
    left: auto;
    margin: 0px;
    width: 595px;
    height: 100%;
    opacity: 0.0;
    filter: alpha(opacity=00);
    -ms-filter: "alpha(opacity=00)";
    -moz-opacity:0.0;
    -khtml-opacity: 0.0;
    background: #FFFFFF;
}

.banner-wrapper .banner-controls-direction a:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
    -ms-filter: "alpha(opacity=50)";
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    background: #FFFFFF;
}