/*サンプル３のprev・nextの調整例*/
div#slider2 {
    text-align: center;
}

.bx-wrapper .bx-pager {
    margin-top: 5px;
    text-align: center;
}

.bx-wrapper .bx-pager a {
    background: none repeat scroll 0 0 #666666;
    border-radius: 5px;
    display: block;
    height: 10px;
    margin: 0 5px;
    overflow: hidden;
    text-indent: -9999px;
    width: 10px;
}
.bx-wrapper .bx-pager a:hover, .bx-wrapper .bx-pager a.active {
    background: none repeat scroll 0 0 #000000;
}
.bx-wrapper .bx-prev {
    background: url("demo-images/prev-img.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    left: 17px;
}
.bx-wrapper .bx-next {
    background: url("demo-images/next-img.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    right: 17px;
}
.bx-wrapper .bx-controls-direction a {
    height: 35px;
    margin-top: -16px;
    overflow: hidden;
    position: absolute;
    text-indent: -9999px;
    width: 35px;
    z-index: 9999;
}
.bx-wrapper .bx-pager {
    width: 160px;
    padding: 10px 0 20px;
    margin: 0 auto;
    clear: both;
}
.bx-wrapper .bx-pager .bx-pager-item {
    text-align: center;
    float: left;
    padding: 0 10px;
}