/*

	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider

	Copyright (c) 2009 Niall Doherty

	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.

*/



/* Insignificant stuff, for demo purposes */



	noscript div { background: #fff; border: 1px solid #900; margin: 20px 0; padding: 15px; }



/* Most common stuff you'll need to change */



	.coda-slider-wrapper { padding: 0px; }

	.coda-slider { background: #fff }

	

	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */

	.coda-slider-no-js .coda-slider { overflow: auto; }

	

	/* Change the width of the entire slider (without dynamic arrows) */

	.coda-slider, .coda-slider .panel { width: 765px; } 

	
/*IE6以下対策*/
* html .coda-slider-wrapper { width: 765px; height: 300px; margin:0px; padding:0px; }
* html .coda-slider-wrapper.arrows { margin:0px; padding:0px; }
* html .panel { margin:0px; padding:0px; } 
* html #coda-slider-1 { margin:0px; padding:0px; } 
* html .coda-slider preload { margin:0px; padding:0px; } 
* html .panel-wrapper { margin:0px; padding:0px; } 
* html .panel-wrapper img {
	vertical-align:top; } 
	
/*IE7以下対策*/
*:first-child+html .panel-wrapper img {
	vertical-align:top; } 
	


	/* Change margin and width of the slider (with dynamic arrows) 

	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 697px }

	.coda-slider-wrapper.arrows .coda-slider { margin: 0 }*/

	

	/* Arrow styling 

	.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; font-size: 16px; font-weight:bold; padding: 30px 0; width:18px; height:20px; margin:180px 0 0 0; text-align:center; }

	

	.coda-nav-left a:hover, .coda-nav-right a:hover { background: #007fff;}

	.coda-nav-left a:link, .coda-nav-left a:visited, .coda-nav-left a:hover, .coda-nav-left a:action { color:#ffffff; text-decoration:none;}

	.coda-nav-right a:link, .coda-nav-right a:visited, .coda-nav-right a:hover, .coda-nav-right a:action { color:#ffffff; text-decoration:none;}

	*/

	

	/* Tab nav */

	.coda-nav ul li a.current { background: #333;}

	

	/* Panel padding */

	.coda-slider .panel-wrapper { padding: 0;}

	

	/* Preloader */

	.coda-slider p.loading { padding: 20px; text-align: center; }



/* Don't change anything below here unless you know what you're doing */



	/* Tabbed nav */

	.coda-nav ul { clear: both; display: block; overflow: hidden; margin: 0px 12px 10px 0; }

	.coda-nav ul li { display: inline }

	.coda-nav ul li a { width:0px; height:0px; background: #fff; border: 1px solid #ffffff; color:#ffffff; display: block; float: left; margin: 5px 3px 0 0; text-decoration: none }

	.coda-nav ul li a:hover { background: #ffffff; border: 1px solid #ffffff;}

	.coda-nav ul li a:link, .coda-nav ul li a:visited, .coda-nav ul li a:hover, .coda-nav ul li a:action { color:#ffffff; text-decoration:none;}

	

	/* Miscellaneous */

	.coda-slider-wrapper { clear: both; overflow: hidden }

	.coda-slider { float: left; overflow: hidden; position: relative }

	.coda-slider .panel { display: block; float: left }

	.coda-slider .panel-container { position: relative }

	.coda-nav-left, .coda-nav-right { float: left; display: none; }

	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }