@charset "UTF-8";


/* slideShow */
.slideShow {margin: 0 auto; padding: 0; text-align: left; background-color: #DDDDDD; display: none; position: relative;}
/* .mainView */
.slideShow .mainView {width: 100%; position: relative; overflow: hidden;}
.slideShow .mainView ul {width: 100%; overflow: hidden; position: relative;}
.slideShow .mainView ul li {top: 0; left: 0; width: 100%; position: absolute;}
.slideShow .mainView ul li img {width: 100%;}
 /* .thumbNail */
.slideShow .thumbNail {width: 100%; margin-top: 5px; overflow: hidden;}
.slideShow .thumbNail ul {width: 100%;}
.slideShow .thumbNail ul li {display: inline-block; vertical-align: top; overflow: hidden; cursor: pointer; text-align: center;}
.slideShow .thumbNail ul li img {width: 94%;}
.slideShow .thumbNail ul li.active {filter: alpha(opacity=100)!important; -moz-opacity: 1!important; opacity: 1!important;}
/* sideNavi */
.slideShow .mainView .btnPrev,.slideShow .mainView .btnNext {top: 0; width: 5%; height: 100%; position: absolute; z-index: 90;}
.slideShow .mainView .btnPrev {left: 0; background: #ccc url(../img/btnPrev.png) no-repeat center center;}
.slideShow .mainView .btnNext {right: 0; background: #ccc url(../img/btnNext.png) no-repeat center center;}
/*  ClearFixElements */
.slideShow ul:after {content: "."; height: 0; clear: both; display: block; visibility: hidden;}
.slideShow ul {display: inline-block; overflow: hidden;}