/*
 * 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:400px;
		max-height:300px;
		margin:0px auto 0px auto;
		padding:0px 0px 0px 0px;
		text-align:center;
		background:transparent;
		position:relative;
/*		zoom:1;*/
		}

	.flexslider .slides > li{
		display:none;
		}

/* Hide the slides before the JS is loaded. Avoids image jumping */
	.flexslider .slides img{
		max-width:400px;
		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 .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:300px;
		padding:5px 0px 5px 0px;
		position:absolute;
		left:auto;
		bottom:0;
		background:rgba(0,0,0,0.5);
		color:#fff;
		text-shadow:0 -1px 0 rgba(0,0,0,0.5);
		font-size:12px;
		font-family:HiraKakuProN-W6,"ヒラギノ角ゴ Pro W6";
		line-height:16px;
		text-align:center;
		}


/* Direction Nav */
	.flex-direction-nav li a{
		width:52px;
		height:52px;
		margin:-13px 0 0;
		display:block;
		position:absolute;
		top:50%;
		cursor:pointer;
		text-indent:-9999px;
		}

	.flex-direction-nav li .next{
		background-position:-52px 0;
		right:-21px;
		}

	.flex-direction-nav li .prev{
		left:-20px;
		}

	.flex-direction-nav li .disabled{
		opacity:.3;
		filter:alpha(opacity=30);
		cursor:default;
		}


/* Control Nav */
	.flex-control-nav{
		width:100%;
		position:absolute;
		bottom:-30px;
		text-align:center;
		}

	.flex-control-nav li{
		margin:0 0 0 5px;
		display:inline-block;
		zoom:1;
		*display:inline;
		}

	.flex-control-nav li:first-child{
		margin:0;
		}

	.flex-control-nav li a{
		width:13px;
		height:13px;
		display:block;
		cursor:pointer;
		text-indent:-9999px;
		}

	.flex-control-nav li a:hover{
		background-position:0 -13px;
		}

	.flex-control-nav li a.active
		{background-position:0 -26px;
		cursor:default;
		}

