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

.panel h2.title {
margin-bottom: 10px
}
noscript div {
background: #ccc;
border: 1px solid #900;
margin: 20px 0;
padding: 15px
}
/* スライドコンテンツの大きさと表示位置 */

.coda-slider-wrapper {
padding: 0;
position: relative;
width: 970px;
margin:0;
}
.coda-slider {
background: #ebebeb
}
/* JavaScriptが使用不能なときでも、箱に含まれるスライダー内容を保つために、これを使ってください（yahoo翻訳にて） */
.coda-slider-no-js .coda-slider {
height: 270px;
overflow: auto !important;
padding-right: 20px
}
/* スライドコンテンツの横幅と高さ */
.coda-slider, .coda-slider .panel {
width: 970px;
height: 305px;
}
/* ローディングバーの表示位置 */
.coda-slider p.loading {
padding: 20px;
text-align: center
}
/* ナビゲーション（四角いボタン）のスタイル */
.coda-nav ul {
position: absolute;
bottom: 10px;
right: 4px;
}
.coda-nav ul {
clear: both;
display: block;
margin: auto;
overflow: hidden
}
.coda-nav ul li {
display: inline;
padding:1px;
}
.coda-nav ul li a {
background: #d1d1d1;
width:15px;
height:15px;
display: block;
float: left;
margin-left: 10px;
padding: 0;
 border: none;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
text-indent:-9999px;
text-decoration: none;
}
.coda-nav ul li a.current {
background: #707070;
}
/* ベース（触らない方が良い部分） */
.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, .coda-nav-right {
float: left
}
.coda-nav-left a, .coda-nav-right a {
display: block;
text-align: center;
text-decoration: none
}