/* Browser Resets
*********************************/
.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*********************************/
.flexslider {
	margin:0 auto;
	padding: 0;
	width:730px;
	height:230px;
	/*overflow:hidden;*/
	position: relative;
	zoom: 1;
	z-index:10;
	}
	
.flexslider a img {
	border:none;
}
	
.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden; /* JSがロードされる前に、スライドを非表示にします。画像ジャンプを回避させる */
	/*position:absolute;
	left:0;
	top:0;*/}
	
/*.flexslider .slides > li {display: block;}一時的に表示してます*/
.flexslider .slides img {
	display: block;
	width:730px;
	}
	
.flex-pauseplay span {text-transform: capitalize;}

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

/* No JavaScript Fallback */
.no-js .slides > li:first-child {display: block;}


/* デフォルトテーマ*********************************/
/* 左右矢印 */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {
	display: block;
	/*opacity: 0;
	visibility: hidden;*/
	z-index: 10;
	}
.flex-direction-nav a.flex-prev {
	position: absolute; 
	top: 100px; 
	left:-15px;
	z-index: 10; 
	width: 30px; height: 30px; 
	margin: 0;
	overflow: hidden;
	background:url(/cmn/js/flexslider/img/navPrev1.png) left top no-repeat;
	}
.flexslider:hover a.flex-prev{
	/*opacity: 1;*/
	left: -15px;
	cursor: pointer;
	visibility: visible;
	}
.flex-direction-nav a.flex-next {
	position: absolute; 
	top:100px;
	right:-15px;
	z-index: 10;
	width: 30px; height: 30px; 
	margin: 0;
	overflow: hidden;
	background:url(/cmn/js/flexslider/img/navNext1.png) left top no-repeat;
	}
.flexslider:hover a.flex-next { 
	/*opacity: 1;*/
	right: -15px;
	cursor: pointer; 
	visibility: visible;
	}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
	opacity: 0.5;
	}

.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }




/* 写真ナビゲーション */
.flex-control-nav {
	width: 730px;
	height:20px;
	background:#d4d3c4;
	/*background:#e6e6e3;*/
	/*background:#a7cdec;*/
	position: absolute;
	left:0;
	top:232px;
	text-align: center;
	/*z-index:200;*/
	}
	
.flex-control-nav li {
	margin: 0 6px;
	display: inline-block;
	zoom: 1; 
	*display: inline;
	vertical-align:top;
	padding-top:5px;
	}
		
.flex-control-paging li a {
	width: 10px; height: 10px; 
	display: block; 
	background: #ffffff; 
	/*background: rgba(0,0,0,0.5); */
	text-indent: -9999px; 
	-webkit-border-radius: 20px; 
	-moz-border-radius: 20px; 
	-o-border-radius: 20px; 
	border-radius: 20px; 
	cursor: pointer; 
	 }
	 
.flex-control-paging li a:hover {
	background:#076bbb;	
	}
.flex-control-paging li a.flex-active {
	background:#076bbb;	
	cursor: default; 
	}

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; 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;}
}