.bx-wrapper { width: 760px; height: 225px; position: relative; top: 0px; margin-top: 0px; padding: 0; } .bx-wrapper img { max-width: 100%; } /* PAGER */ .bx-wrapper .bx-pager.bx-default-pager a { background: url(../images/dot.png) no-repeat; position: relative; float: left; top: -2px; margin-top: -19px; left: 590px; /*ボタンの位置調整 20pxずつ*/ width: 20px; height: 20px; outline: 0; text-indent: -9999px; z-index: 9999; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: url(../images/dot_o.png) no-repeat; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev { left: 570px; /*「←」の位置調整 20pxずつ*/ background: url(../images/prev.png) no-repeat; } .bx-wrapper .bx-next { right: 10px; background: url(../images/next.png) no-repeat; } .bx-wrapper .bx-prev:hover { background: url(../images/prev_o.png) no-repeat; } .bx-wrapper .bx-next:hover { background: url(../images/next_o.png) no-repeat; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 219px; margin-top: -16px; outline: 0; width: 20px; height: 20px; text-indent: -9999px; z-index: 9999; } .bx-wrapper .bx-controls-direction a.disabled { display: none; }