@charset "utf-8";
/* -----------------------------------------------------------
* Filename: coda-slider.css
* Version: 1.1 (2007-12-10)
* Website: http://www.sala-azabu.co.jp/
* Author: Name
* Description: coda-slider用
----------------------------------------------------------- */

.slider-wrap {
/* This div isn't entirely necessary but good for getting the side arrows vertically centered */
position:relative;
}

/* These 2 lines specify style applied while slider is loading */
.csw {
width:100%;
height:350px;
background:#FFF;
overflow:no;
}
.csw .loading {
padding:150px 0 200px 0;
text-align:center;
}

.stripViewer {
/* This is the viewing window */
position:relative;
overflow:hidden; 
margin:auto;
width:686px; /* Also specified in  .stripViewer .panelContainer .panel  below */
height:350px;
clear:both;
}

.stripViewer .panelContainer {
/* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
position:relative;
left:0;
top:0;
width:100%;
list-style-type: none;
/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel {
/* Each panel is arranged end-to-end */
float:left;
position:relative;
width:686px; /* Also specified in  .stripViewer  above */
}

.stripNav {
/* This is the div to hold your nav (the UL generated at run time) */
margin:auto;
}

.stripNav ul {
/* The auto-generated set of links */
list-style:none;
}

.stripNav ul li {
float:left;
margin-right:2px; /* If you change this, be sure to adjust the initial value of navWidth in slideviewer.js */
}

.stripNav a {
/* The nav links */
display:none;
}

.stripNavL, .stripNavR {
/* The left and right arrows */
position:absolute;
top:230px;
text-indent:-9000em;
}

.stripNavL a, .stripNavR a {
display:block;
height:40px;
width:40px;
}