.flex-container a:active, 
.flexslider a:active, 
.flex-container a:focus, 
.flexslider a:focus{outline:none}
.slides, 
.flex-control-nav, 
.flex-direction-nav{margin:0; padding:0; list-style:none}

.flexslider{margin:0; padding:0}
.flexslider .slides >li{display:none; -webkit-backface-visibility:hidden}

.flexslider .slides img{width:100%; height:auto; display:block}
.flex-pauseplay span{text-transform:capitalize}

.slides:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0}
html[xmlns] .slides{display:block}
* html .slides{height:1%}

.no-js .slides >li:first-child{display:block}

.flexslider{margin:0 auto; position:relative; zoom:1}
.flex-viewport{max-height:2000px; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease}
.flex-caption{padding:20px 20px 15px 20px; text-align:center; background:transparent; font-weight:bold}
.loading .flex-viewport{max-height:300px}
.flexslider .slides{zoom:1}

#mainvisual .flex-viewport{height:460px}
#mainvisual .flexslider ul li{width:100%; height:460px; overflow:hidden; position:relative}
#mainvisual .flexslider ul li img{width:100%; height:auto; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto}

#carousel .flex-viewport{width:505px}
#carousel{padding:0 15px}
#carousel .slides li{ height:67px; margin-right:10px; background:#fff; cursor:pointer}
#carousel .slides li:hover{opacity:0.8}

.flex-direction-nav{*height:0}
.flex-direction-nav a{text-decoration:none; display:block; width:10px; height:16px; margin:-5px 0 0; position:absolute; top:50%; z-index:10; overflow:hidden; cursor:pointer; font-size:0; line-height:0}
.flex-direction-nav .flex-prev{left:0px; background:url(../imgdir/common/slider-control.gif) no-repeat 0 0}
.flex-direction-nav .flex-next{right:0px; right; background:url(../imgdir/common/slider-control.gif) no-repeat -10px 0}
.flexslider:hover .flex-prev{background:url(../imgdir/common/slider-control.gif) no-repeat 0 -16px}
.flexslider:hover .flex-next{background:url(../imgdir/common/slider-control.gif) no-repeat -10px -16px}
.flex-direction-nav .flex-disabled{opacity:0!important; filter:alpha(opacity=0); display:none; cursor:default}

@media screen and (max-width:860px){ .flex-direction-nav .flex-prev{opacity:1; left:10px}
 .flex-direction-nav .flex-next{opacity:1; right:10px}
}