@charset "utf-8";


.jcarousel-skin-sample .jcarousel-container-horizontal {
    width: 557px;	/* jcarousel()のオプション visibleの値×画像の幅+右方向のpadding=幅 */
    padding: 0px 17px 0px 27px;
}

.jcarousel-skin-sample .jcarousel-container-vertical {

}

.jcarousel-skin-sample .jcarousel-clip-horizontal {
    width:  557px;	/* .jcarousel-skin-sample .jcarousel-container-horizontalと同じ */
    height: 145px;
}



.jcarousel-skin-sample .jcarousel-item:hover {
    border-color: #fff;
    opacity: 1;
    -moz-opacity: 1;
    filter:alpha(opacity=100);
}



.jcarousel-skin-sample .jcarousel-item-placeholder {
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-sample .jcarousel-next-horizontal {
    position: absolute;
    top: 35px;	/* 画像の高さに合わせて配置を変更する */
    right: 0px;
    width: 20px;
    height: 76px;
    cursor: pointer;
    background: transparent url(imageSlideNext.jpg) no-repeat 0 0;
}

.jcarousel-skin-sample .jcarousel-next-horizontal:hover {
    background: transparent url(imageSlideNext_f2.jpg) no-repeat 0 0;
}

.jcarousel-skin-sample .jcarousel-next-horizontal:active {
    background: transparent url(imageSlideNext_f2.jpg) no-repeat 0 0;
}

.jcarousel-skin-sample .jcarousel-next-disabled-horizontal,
.jcarousel-skin-sample .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-sample .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background: transparent url(imageSlideNext_f2.jpg) no-repeat 0 0;
}

.jcarousel-skin-sample .jcarousel-prev-horizontal {
    position: absolute;
    top: 35px;	/* 画像の高さに合わせて配置を変更する */
    left: 2px;
    width: 20px;
    height: 76px;
    cursor: pointer;
    background: transparent url(imageSlideBack.jpg) no-repeat 0 0;
}

.jcarousel-skin-sample .jcarousel-prev-horizontal:hover {
    background: transparent url(imageSlideBack_f2.jpg) no-repeat 0 0;
}

.jcarousel-skin-sample .jcarousel-prev-horizontal:active {
    background: transparent url(imageSlideBack_f2.jpg) no-repeat 0 0;
}

.jcarousel-skin-sample .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-sample .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-sample .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background: transparent url(imageSlideBack_f2.jpg) no-repeat 0 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-sample .jcarousel-next-vertical {
    position: absolute;
    top: 35px;
    left: 0px;
    width: 20px;
    height: 76px;
    cursor: pointer;
    background: transparent url(next-vertical.gif) no-repeat 0 0;
}

.jcarousel-skin-sample .jcarousel-next-vertical:hover {
    background: transparent url(imageSlideNext_f2.jpg) no-repeat 0 0;
}

.jcarousel-skin-sample .jcarousel-next-vertical:active {
    background: transparent url(imageSlideNext_f2.jpg) no-repeat 0 0;
}

.jcarousel-skin-sample .jcarousel-next-disabled-vertical,
.jcarousel-skin-sample .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-sample .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background: transparent url(imageSlideNext_f2.jpg) no-repeat 0 0;
}

.jcarousel-skin-sample .jcarousel-prev-vertical {
    position: absolute;
    top: 35px;
    left: 0px;
    width: 20px;
    height: 76px;
    cursor: pointer;
    background: transparent url(prev-vertical.gif) no-repeat 0 0;
}

.jcarousel-skin-sample .jcarousel-prev-vertical:hover {
    background: transparent url(imageSlideNext_f2.jpg) no-repeat 0 0;
}

.jcarousel-skin-sample .jcarousel-prev-vertical:active {
    background: transparent url(imageSlideNext_f2.jpg) no-repeat 0 0;
}

.jcarousel-skin-sample .jcarousel-prev-disabled-vertical,
.jcarousel-skin-sample .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-sample .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background: transparent url(imageSlideNext_f2.jpg) no-repeat 0 0;
}