/** 
 *  sliderkit-demos.css
 *	> CSS code for demos
 *  
 *  This file is part of Slider Kit jQuery plugin.
 *  http://www.kyrielles.net/sliderkit/
 *  
 *  Copyright (c) 2010-2012 Alan Frog
 *  Licensed under the GNU General Public License
 *  See <license.txt> or <http://www.gnu.org/licenses/>
 *
 */

/*
 *  PHOTOS SLIDERS
 *  ------------------------------------------------
 */

/*---------------------------------
 *  Slideshow > + Carousel
 *---------------------------------*/
.slideshow-carousel{width:1000px;height:500px;padding:0 0 0;} /* 元　padding:0 0 0; */

/* Navbar */
.slideshow-carousel .sliderkit-nav{left:0;bottom:10px;width:480px;padding:3px 9px;}
.slideshow-carousel .sliderkit-nav-clip ul li{float:left;margin:0;}
.slideshow-carousel .sliderkit-nav-clip ul li a{display:block;width:316px;height:64px;overflow:hidden;margin:0;padding:7px;}
/* .slideshow-carousel .sliderkit-nav-clip ul li.sliderkit-selected a{padding:0;border:3px solid #fff;} */

/* selectedなサムネイルに対して、ボーダーを設定するだけではなく画像の切り替え処理を行いたいため、それぞれのサムネイルにクラスを振って背景画像の切り替えで対応 */
.slideshow-carousel .sliderkit-nav-clip ul li a.thumb-01 {
	background:url("/images/group01.png") no-repeat 3px 3px;
}
.slideshow-carousel .sliderkit-nav-clip ul li.sliderkit-selected a.thumb-01 {
	background:url("/images/group01_on.png") no-repeat 3px 3px;
}
.slideshow-carousel .sliderkit-nav-clip ul li a.thumb-03 {
	background:url("/images/group03.png") no-repeat 3px 3px;
}
.slideshow-carousel .sliderkit-nav-clip ul li.sliderkit-selected a.thumb-03 {
	background:url("/images/group03_on.png") no-repeat 3px 3px;
}
.slideshow-carousel .sliderkit-nav-clip ul li a.thumb-04 {
	background:url("/images/group04.png") no-repeat 3px 3px;
}
.slideshow-carousel .sliderkit-nav-clip ul li.sliderkit-selected a.thumb-04 {
	background:url("/images/group04_on.png") no-repeat 3px 3px;
}




/* Controls */
/* .slideshow-carousel .sliderkit-controls{position:absolute;bottom:0;left:0;width:295px;padding:10px 0 10px 205px;background:#000;} */

/* Go buttons */
/*
.slideshow-carousel .sliderkit-go-btn a,
.slideshow-carousel .sliderkit-play-btn a{position:relative;float:left;display:block;width:20px;height:23px;margin:0 5px;background:transparent none no-repeat 0 0;}
.slideshow-carousel .sliderkit-btn span,
.slideshow-carousel .sliderkit-play-btn span{display:none;}
.slideshow-carousel .sliderkit-play-btn a{background-position:-50px 0;}
.slideshow-carousel .sliderkit-play-btn a:hover,
.slideshow-carousel .sliderkit-play-btn a:focus{background-position:-50px -23px;}
.slideshow-carousel .sliderkit-pause-btn a{background-position:-75px 0;}
.slideshow-carousel .sliderkit-pause-btn a:hover,
.slideshow-carousel .sliderkit-pause-btn a:focus{background-position:-75px -23px;}

.slideshow-carousel .sliderkit-go-prev a{background-position:-25px 0;}
.slideshow-carousel .sliderkit-go-next a{background-position:0 0;}
.slideshow-carousel .sliderkit-go-prev a:hover,
.slideshow-carousel .sliderkit-go-prev a:focus{background-position:-25px -23px;}
.slideshow-carousel .sliderkit-go-next a:hover,
.slideshow-carousel .sliderkit-go-next a:focus{background-position:0 -23px;}
*/

/* Panel */
.slideshow-carousel .sliderkit-panel{top:0;left:0;width:1000px;height:500px;}