@charset "utf-8";
/* CSS Document */

/*----------トップページ------------------------------------------------------------*/

#main_v {
margin-top:115px;
}
#silde_show {
width:980px;
height:520px;
background:url(../images/bg/sdw.jpg) no-repeat bottom left;}
#ss_thumbnail {
}
#ss_thumbnail ul{
   text-align: center;
   }
#ss_thumbnail ul li {
  display: -moz-inline-box;
  display: inline-block;
  /display: inline;
  /zoom: 1;
  padding-right: 10px;
}



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

	.coda-slider-wrapper { 
	padding: 0px 0px 60px; 
	position:relative;
	}
	.coda-slider { background: #ebebeb }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	 .coda-slider .panel{
	 z-index:1000;
	 }
	.coda-slider, .coda-slider .panel {
	overflow:hidden;
	width: 980px;
	height:490px;
} 

	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 980px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0px }
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { width: 42px; height:35px; margin-top:210px; }
	.coda-nav-right a { float:right;}
	
	/* Tab nav */
	.coda-nav ul li a.current { background: #482A25 }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 0px }
	.coda-slider .panel-wrapper p a img {
	width:980px;}
	.coda-slider .panel-wrapper p a:hover {
	filter: alpha(opacity=60);
  -moz-opacity:0.6;
  opacity:0.6;
	}
	
	/* 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; margin: auto; overflow: hidden }
	.coda-nav ul li { display: inline }
	.coda-nav ul li a { 
	background: #D0D2D3; 
	color: #fff; 
	display: block; 
	float: left; 
	margin-right: 10px; 
	padding: 3px; 
	text-decoration: none;
	width:36px;
	height:36px;
	overflow:hidden;
	 }
	 .coda-nav ul li a span{
	 	display: block; 
	width:36px;
	height:36px;
	overflow:hidden;

	 }
	 .coda-nav ul li a img {
	 display:inline;
	 text-align:center;
	 height:36px;}
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	
	
	
	
	.coda-nav-left{ display:block; position:absolute; top:0; left:0px; z-index:1000; width:110px; height:450px; cursor:pointer ; margin-top:20px;
	filter: alpha(opacity=0);
  -moz-opacity:0;
  opacity:0;
  }
  .coda-nav-left:hover{filter: alpha(opacity=100);
  -moz-opacity:1;
  opacity:1;}
	.coda-nav-right { position:absolute; top:0; right:0px; z-index:1000; width:110px; height:450px; cursor:pointer; margin-top:20px;
	filter: alpha(opacity=0);
  -moz-opacity:0;
  opacity:0;}
  .coda-nav-right:hover{filter: alpha(opacity=100);
  -moz-opacity:1;
  opacity:1;}
	
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
	
	#coda-slider-9 h2.title {display: none;}
	
	#coda-nav-1{
	position:absolute;
	left:0px;
	bottom:0px;
	padding-top:20px;
	background:url(../images/bg/sdw.jpg) no-repeat top left;
	}
	#coda-nav-1 ul {
	}
	#coda-nav-1 ul li {
	width:42px;
	height:42px;
	}