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



/*＊＊＊＊＊＊＊＊＊＊＊スライダー＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊*/

#sr_top{
	position:relative;
	z-index:50;
	margin-top:-4px;
}

/*基本の大きさ*/
#top_slider{
	margin-top:35px;
	position:relative;
	width:1040px;
	height:370px;
	margin-left:0px;
	float:left;
	z-index:2;
}

/*基本設定*/
/*#top_slider ul {display:none;}*/
#top_slider .container_skitter {overflow:hidden;position:relative;}
#top_slider .image{overflow:hidden;}
#top_slider .image img {display:none;}
#top_slider .box_clone {position:absolute;top:0;left:0;width:100px;overflow:hidden;display:none;z-index:20;}
#top_slider .box_clone img {position:absolute;top:0;left:0;z-index:20;}

/*次ー前ボタン*/
#top_slider .prev_button,
#top_slider .next_button{
	position:absolute;
	top:0px;
	z-index:100;
	width:100px;
	height:280px;
	overflow:hidden;
	text-indent:-9999em;
	filter:alpha(opacity=30);
	opacity: 0.3;
}

#top_slider a:hover.prev_button,
#top_slider a:hover.next_button{
	filter:alpha(opacity=70);
	opacity: 0.7;
}

#top_slider .prev_button {
	left:0px;
	background:url(../js/img/slider_next.png) no-repeat 10px center;
}
#top_slider .next_button {
	right:0px;
	background:url(../js/img/slider_back.png) no-repeat 60px center;
}


/*メニュー回り？*/
#top_slider .info_slide {
	position:absolute;
	top:15px;
	left:15px;
	z-index:100;
	background:#CCC;
	color:#fff;
	font:bold 11px arial;
}
#top_slider .info_slide .image_number{
	float:left;
	cursor:pointer;
	filter:alpha(opacity=50);
	opacity: 0.5;
}
#top_slider .info_slide .image_number_select{
	float:left;
	filter:alpha(opacity=100);
	opacity: 1.0;
}

/*サムネイル*/
#top_slider .container_thumbs {
	position:relative;
	overflow:hidden;
	height:68px;
}
#top_slider .info_slide_thumb {
	overflow:hidden;
	height:68px;
	top:auto;
	/*bottom:-5px;*/
	left:0px;
}
#top_slider .info_slide_thumb .image_number {
	overflow:hidden;
	height:68px;
	width:163px;
	position:relative;
}

#top_slider .info_slide_thumb .image_number img {
	position:absolute;
	top:0px;
	left:0px;
	width:160px;
	height:68px;
}

#top_slider .box_scroll_thumbs {
	padding:0 10px;
}
#top_slider .box_scroll_thumbs .scroll_thumbs {
	position:absolute;
	bottom:60px;
	left:50px;
	background:#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;
}

#top_slider .info_slide_dots {position:absolute;bottom:-30px;z-index:100;padding:5px 0 5px 5px;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;}
#top_slider .info_slide_dots .image_number {
	background:#DCDCDC;
	float:left;
	margin:0 25px 0 0;
	cursor:pointer;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	border-radius:50px;
	width:10px;
	height:10px;
	text-indent:-9999em;
	overflow:hidden;
}
#top_slider .info_slide_dots .image_number_select {
	background:#B4B4B4;
	float:left;
	margin:0 25px 0 0;
}

#top_slider .label_skitter {
	/*background: #C3E086 none repeat scroll 0 0;*/
	background:url(images/topcp_bg.png) repeat center center;
	/*color: #F69400;*/
	color:#DD0000;
	z-index:150;
	position:absolute;
	bottom:0px;
	left:0px;
	display:none;
}

#top_slider .label_skitter p {
	margin: 0;
	font-weight:bold;
	font-size:17px;
	padding: 10px 0 10px 20px;
}


.loading {position:absolute; top:50%; right:50%; z-index:1000; margin:-16px -16px;color:#fff;text-indent:-9999em;overflow:hidden;background:url(images/ajax-loader.gif) no-repeat left top;width:32px;height:32px;}