.sliderL {
	margin: 10px auto;
	width: 100%;
	max-width: 100%;/*使用画像の幅
/*	max-width: 930px;/*使用画像の幅*/
/*	max-width: 700px;/*使用画像の幅*/
}
.bx-wrapper {/*reset*/
	position: relative;
	/*margin: 0 0 10px;*/
	margin: -5px 0 10px;
	padding: 0;
	*zoom: 1;
}
.bx-wrapper img {
	width: 100%;
	height: auto;/*auto又は100%に指定・縦横比を維持する*/
	display: block;
}
.bx-wrapper .bx-pager {/*ページャーの表示位置など*/
	position: absolute;
	bottom: 10px;
	width: 100%;
}


#bx-pager a { 
/*    background: #666;*/
/*    text-indent: -9999px;/*数字表示をブラウザ外に押しやる*/ */
    display: inline-block;
/*    display: block;*/ 
    margin: 0 10px; 
    -moz-border-radius: 5px;/*角丸指定 四隅を丸くすることで10pxの●に
    -webkit-border-radius: 5px;/*角丸指定*/ 
    border-radius: 5px;/*角丸指定*/ 
}


.bx-pager a:hover, 
.bx-pager a:active { 
    background: #000; 
} 
.bx-prev { 
    bottom: 40%;
    left: 1px;
    background: url(../img/wideslider/prev-s.png) no-repeat;/*prev用画像*/ 
} 
.bx-next { 
    bottom: 40%;
    right: 1px; 
    background: url(../img/wideslider/next-s.png) no-repeat;/*next用画像*/ 
} 
.bx-controls-direction a { 
    position: absolute; 
    margin-top: -16px; 
/*    margin: -16px -40px 0 0; */
    width: 35px;/*使用画像に応じて指定*/ 
    height: 35px;/*使用画像に応じて指定*/ 
    text-indent: -9999px;/*画像置換のためテキストを押しやる*/ 
    z-index: 9999; 

}