@charset "utf-8";

/*!
*  - v1.3
* Homepage: http://bqworks.com/slider-pro/
* Author: bqworks
* Author URL: http://bqworks.com/
*/

/* Core
--------------------------------------------------*/
.slider-pro {
	position:relative; margin:0 auto;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
}
.slider-pro * {
	-moz-box-sizing:content-box;
	box-sizing:content-box;
}

.sp-slides-container { position:relative; }
.sp-mask { position:relative; overflow:hidden; }

.sp-slides {
	position:relative;
	-webkit-backface-visibility:hidden;
	-webkit-perspective:1000;
}
.sp-slide { position:absolute; }
.sp-slide img { display:block; width:100%; height:100%; }
.sp-image-container { overflow:hidden; }

.sp-image { position:relative; display:block; border:none; }

.sp-no-js { overflow:hidden; max-width:100%; }

/* Buttons
--------------------------------------------------*/
.sp-buttons {
	position:absolute; bottom:0; width:100%;
	text-align:center; margin:0 auto;
}

.sp-button {
	width:10px; height:10px; margin:0 3px;
	display:inline-block; cursor:pointer;
	background-color: rgba(0,0,0,1);
	border:1px solid #000;
	box-shadow:0 0 0 1px #FFF inset;
}
.sp-selected-button {
	background-color: rgba(255,255,255,0.5);
}
.sp-button:hover { background-color:rgba(204,0,0,1); }

/* animation */
.sp-button {
	-moz-transition: -moz-transform 0.1s linear;
	-webkit-transition: -webkit-transform 0.1s linear;
	-o-transition: -o-transform 0.1s linear;
	-ms-transition: -ms-transform 0.1s linear;
	transition: transform 0.1s linear;
}
.sp-button:hover,
.sp-button:focus {
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
/* ���`���T�C�Y */
@media screen and (max-width:600px) {
	.sp-buttons { display:none; }
}


/* Arrows
--------------------------------------------------*/
.sp-arrows { position: absolute; }

.sp-horizontal .sp-arrows { width:100%; left:0; top:48%; }

.sp-arrow {
	position:absolute; display:block;
	width:53px; height:64px; cursor:pointer;
}
.sp-arrow:hover { opacity:0.8; }

.sp-horizontal .sp-previous-arrow {
	background:url(./images/arrow_l.png) no-repeat 90% center;
	left:20px; right:auto;
}
.sp-horizontal .sp-next-arrow {
	background:url(./images/arrow_r.png) no-repeat 10% center;
	right:20px; left:auto;
}
.sp-horizontal .sp-previous-arrow:hover { left:15px; }
.sp-horizontal .sp-next-arrow:hover { right:15px; }

/* ���`���T�C�Y */
@media screen and (max-width:1000px) {
	.sp-arrows { display:none; }
}