/*

 * jQuery FlexSlider v1.8

 * http://flex.madebymufffin.com

 *

 * Copyright 2011, Tyler Smith

 * Free to use under the MIT license.

 * http://www.opensource.org/licenses/mit-license.php

 */

 

/* Browser Resets */

.flex-container a:active, .flexslider a:active {

	outline: none;

}

.slides, .flex-control-nav, .flex-direction-nav {

	margin: 0;

	padding: 0;

	list-style: none;

}



/* FlexSlider Necessary Styles

*********************************/ 

.flexslider {

/*	width:758px;

	height:474px;　*/

	width:624px;

	height:390px;

	margin: 0;

	padding: 0;

}

.flexslider .slides > li {

	display: none;

} /* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img {

	max-width: 100%;

	display: block;

}

.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 */

/* If you are not using another script, such as Modernizr, make sure you

 * include js that eliminates this class on page load */

.no-js .slides > li:first-child {

	display: block;

}



/* FlexSlider Default Theme

*********************************/

.flexslider {

	background: #fff;

	border: 1px solid #c6c6bd;

	position: relative;

	zoom: 1;

}

.flexslider .slides {

	zoom: 1;

}

.flexslider .slides > li {

	position: relative;

}

/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */

.flex-container {

	zoom: 1;

	position: relative;

}

/* Caption style */

/* IE rgba() hack */

.flex-caption {

	background:none;

-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);

	zoom: 1;

}

.flex-caption {

	width: 96%;

	padding: 2%;

	position: absolute;

	left: 0;

	bottom: 0;

	background: rgba(0,0,0,.3);

	color: #fff;

	text-shadow: 0 -1px 0 rgba(0,0,0,.3);

	font-size: 14px;

	line-height: 18px;

}

/* Direction Nav */

.flex-direction-nav li a {

	width: 43px;

	height: 83px;

	margin: -32px 0 0;

	display: block;

	position: absolute;

	top: 50%;

	cursor: pointer;

	text-indent:-999px;

}

.flex-direction-nav li .next {

right:0;

background: url(../images/btn_next.png) no-repeat 0 0;

}

.flex-direction-nav li .prev {

background: url(../images/btn_prev.png) no-repeat 0 0;

}

.flex-direction-nav li .disabled {

	opacity: .3;

	filter:alpha(opacity=30);

	cursor: default;

}

/* Control Nav */

.flex-control-nav {

	width: 100%;

	position: absolute;

/*	bottom:10px;

	right:10px;  */

	bottom:3px;

	right:4px;

text-align:right;

}

.flex-control-nav li {

	margin: 0 0 0 5px;

	display: inline-block;

	zoom: 1;

*display: inline;

background-color:#000;

border:1px #c6c6bd solid;

}

.flex-control-nav li:first-child {

	margin: 0;

}

.flex-control-nav li a {

	width: 33px;

	height: 33px;

	display: block;

	cursor: pointer;

	text-indent:40px;

	overflow:hidden;

opacity:0.4;

filter: alpha(opacity=40);

}





.flex-control-nav li a:hover {

opacity:1;

filter: alpha(opacity=100);



}

.flex-control-nav li a.active {

opacity:1;

filter: alpha(opacity=100);

cursor: default;

}



/*サムネイル（↓headタグ内へ移動）*/



/*.flex-control-nav li.thamb1 a {

background: url(images/sl_thamb01.jpg) no-repeat 0 0;

}

.flex-control-nav li.thamb2 a {

background: url(images/sl_thamb02.jpg) no-repeat 0 0;

}

.flex-control-nav li.thamb3 a {

background: url(images/sl_thamb03.jpg) no-repeat 0 0;

}

.flex-control-nav li.thamb4 a {

background: url(images/sl_thamb04.jpg) no-repeat 0 0;

}

.flex-control-nav li.thamb5 a {

background: url(images/sl_thamb05.jpg) no-repeat 0 0;

}

*/