@charset "UTF-8";

/*
  コンテンツスライダーskitter
============================================================*/

.box_skitter {
	position:relative;
	background:#000;
	overflow:hidden;
}
.box_skitter ul {
	display:none;
}
.box_skitter .image {
	overflow:hidden;
}
.box_skitter .image img {
	display:none;
}
.box_skitter .box_clone {
	position:absolute;
	top:0;
	left:0;
	width:100px;
	overflow:hidden;
	display:none;
	z-index:20;
}
.box_skitter .box_clone img {
	position:absolute;
	top:0;
	left:0;
	z-index:20;
}
.box_skitter .prev_button {
	position:absolute;
	top:50%;
	left:35px;
	z-index:100;
	width:42px;
	height:42px;
	overflow:hidden;
	text-indent:-9999em;
	margin-top:-25px;
	background:url(../images/prev.png) no-repeat left top;
}
.box_skitter .next_button {
	position:absolute;
	top:50%;
	right:35px;
	z-index:100;
	width:42px;
	height:42px;
	overflow:hidden;
	text-indent:-9999em;
	margin-top:-25px;
	background:url(../images/next.png) no-repeat left top;
}
.box_skitter .info_slide {
	position:absolute;
	top:15px;
	left:15px;
	z-index:100;
	background:#000;
	color:#fff;
	font:bold 11px arial;
	padding:5px 0 5px 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	opacity:0.75;
}
.box_skitter .image_number {
	background:#333;
	float:left;
	padding:2px 10px;
	margin:0 5px 0 0;
	cursor:pointer;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
.box_skitter .image_number_select {
	background:#cc0000;
	float:left;
	padding:2px 10px;
	margin:0 5px 0 0;
}
.box_skitter .info_slide_thumb {
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	overflow:hidden;
	height:45px;
	top:auto;
	bottom:-5px;
	left:-5px;
	padding:5px;
	opacity:1.0;
}
.box_skitter .info_slide_thumb .image_number {
	overflow:hidden;
	width:70px;
	height:40px;
	position:relative;
}
.box_skitter .info_slide_thumb .image_number img {
	position:absolute;
	top:-50px;
	left:-50px
}
.box_skitter .box_scroll_thumbs {
	padding:0 10px;
}
.box_skitter .box_scroll_thumbs .scroll_thumbs {
	position:absolute;
	bottom:60px;
	left:50px;
	background:#ccc;
	background:-moz-linear-gradient(-90deg, #555, #fff);
	background:-webkit-gradient(linear, left top, left bottom, from(#555), to(#fff));
	width:200px;
	height:10px;
	overflow:hidden;
	text-indent:-9999em;
	z-index:101;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	cursor:pointer;
	border:1px solid #333;
}
.box_skitter .label_skitter {
	z-index:150;
	position:absolute;
	bottom:0px;
	left:0px;
	display:none;
}
.loading {
	position:absolute;
	top:50%;
	right:50%;
	z-index:10000;
	margin:-16px -16px;
	color:#fff;
	text-indent:-9999em;
	overflow:hidden;
	background:url(../images/ajax-loader.gif) no-repeat left top;
	width:32px;
	height:32px;
}



/*
  コンテンツスライダーskitter
============================================================*/
/* @override http://localhost/bxslider_v3_plugin/css/styles.css */

/*
 * To change the color scheme of slider change each 
 * background property for each of the five styles below
 */

/*next button*/
.bx-next {
	position:absolute;
	top:40%;
	right:-50px;
	z-index:999;
	width: 30px;
	height: 30px;
	text-indent: -999999px;
	background: url(../images/gray_next.png) no-repeat 0 -30px;
}

/*previous button*/
.bx-prev {
	position:absolute;
	top:40%;
	left:-50px;
	z-index:999;
	width: 30px;
	height: 30px;
	text-indent: -999999px;
	background: url(../images/gray_prev.png) no-repeat 0 -30px;
}

/*pager links*/
.bx-pager a {
	margin-right: 5px;
	color: #fff;
	padding: 3px 8px 3px 6px;
	font-size: 12px;
	zoom:1;
	background: url(../images/gray_pager.png) no-repeat 0 -20px;
}

/*auto start button*/
.bx-auto .start {
	background: url(../images/gray_auto.png) no-repeat 0 2px;
	padding-left: 13px;
}

/*auto stop button*/
.bx-auto .stop {
	background: url(../images/gray_auto.png) no-repeat 0 -14px;
	padding-left: 13px;
}

/*
 * End color scheme styles
 */


/*next/prev button hover state*/
.bx-next:hover,
.bx-prev:hover {
	background-position: 0 0;
}

/*pager links hover and active states*/
.bx-pager .pager-active,
.bx-pager a:hover {
	background-position: 0 0;
}

/*pager wrapper*/
.bx-pager {
	text-align:center;
	padding-top: 7px;
	font-size:12px;
	color:#666;
}

/*captions*/
.bx-captions {
	text-align:center;
	font-size: 12px;
	padding: 7px 0;
	color: #666;
}

/*auto controls*/
.bx-auto {
	text-align: center;
	padding-top: 15px;
}

.bx-auto a {
	color: #666;
	font-size: 12px;
}