@charset "utf-8";



/*
==============================================================
                                                    スライダー
==============================================================
*/

.slider { width: 920px; height: 560px; margin: 0 auto; position: relative;}
.sliderContent { width: 920px; height: 560px; margin: 0 auto; position: relative; overflow: hidden;}
.sliderContent .item { position: absolute; width:920px; height: 560px;}
.sliderContent .item img { width: 100%; height: auto;}
.sliderContent a { outline: none;}

.sliderArrows a { display: block; outline: none; z-index: 50; background-image: url(../images/prev_next.png); width: 43px; height: 43px; position: absolute; top: 46%; text-indent: 100%; white-space: nowrap; overflow: hidden;}

.prev { background-position: 0 0; left: 0px;}
.next { right: 0px; background-position: -43px 0;}

.sliderBullets { position: absolute; bottom: 10px; left: 14px; z-index: 50;}
.sliderBullets a { display: block; float: left; text-indent: -9999px; outline: none; margin-right: 10px !important; width: 10px; height: 11px; font-size: 0; line-height: 0; background: url(../images/bullets.png) no-repeat;}
.sliderBullets .active { background-position: 0 -12px;}


.slider02 { width: 920px; height: 351px; margin: 0 auto; position: relative;}
.sliderContent02 { width: 920px; height: 351px; margin: 0 auto; position: relative; overflow: hidden;}
.sliderContent02 .item { position: absolute; width:920px; height: 351px;}
.sliderContent02 .item img { width: 100%; height: auto;}
.sliderContent02 a { outline: none;}