a{color: #fff;}
.slider { position: relative; width: 95%; max-width: 750px;  overflow: hidden; margin: 20px auto; border: solid 1px #000; background:#000;}
.slides { height: 100%; overflow: hidden; *zoom: 1; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d;}
.slide { height: 100%; float: left; clear: none;}
.slide img {width:100%;}



.slider-nav { position: absolute; top: 2%;}
.slider-nav__item { width: 20px; height: 20px; float: left; clear: none; display: block; margin: 0 5px; background: #fff; border: solid 2px #fff;
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;

}
.slider-nav__item:hover { background: #cccc66;}
.slider-nav__item--current { background: #800000;}

/* prev&nextボタンの配置 */
.slider-arrow { position: absolute; display: block; margin-bottom: -20px; padding: 15px; background-color: rgba(255,255,255,0.2); border-radius: 5px; font-size: 15px;}
.slider-arrow:hover { background-color: rgba(255,255,255,0.5);}
.slider-arrow--right { bottom: 50%; right: 30px;}
.slider-arrow--left { bottom: 50%; left: 30px;}