@charset "utf-8";

.flickSlideBottom {
}

#flicker {
	margin: 0 0 10px;
	padding: 0;
}
#flicker * {
	margin: 0;
	padding: 0;
}
#flicker img {
	width: 100%;
	vertical-align: top;
}
#flicker #main_flick {
	width: 100%;
	list-style: none;
	overflow: hidden;
}
#flicker #main_flick .move {
	display: none;
	overflow: hidden;
}
#flicker #main_flick .move li {
	float: left;
	list-style: none;
}
#flicker #main_flick .flickSlideBottom {
	background: #e4fefb; 
	display: none;
}
#flicker #main_flick .flickSlideBottom ul {
	padding: 4px 0;
	text-align: center;
	line-height: 0;
}
#flicker #main_flick .flickSlideBottom ul li {
	display: inline-block;
	margin: 0 1%;
	width: 8px;
	height: 8px;
	background: url(../images/main/sp_flick_circle.gif) no-repeat left top;
	background-size: 100%;
	line-height: 0;
}
#flicker #main_flick .flickSlideBottom ul .active {
	background-image: url(../images/main/sp_flick_circle_on.gif);
}
#flicker #main_flick .flickSlideBottom .bottomLeft, #flicker #main_flick .flickSlideBottom .bottomRight {
	display: none;
}
#flicker #thumb_flick {
	position: relative;
	padding-top: 5px;
	list-style: none;
	overflow: hidden; 
	padding-bottom: 5px;
	background-color: #000000;
}
#flicker #thumb_flick .move {
	display: none;
	overflow: hidden;
}
#flicker #thumb_flick .move li {
	width: 77px !important;
	position: relative;
	float: left;
	list-style: none;
}
#flicker #thumb_flick .move li .shadow {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
}
#flicker #thumb_flick .move .active .shadow {
	display: block;
	box-shadow: inset 0 0 20px white;
}
#flicker #thumb_flick .flickSlideContainer {
	position: relative;
	margin: 0 auto;
	width: 80%;
	overflow: hidden;
	z-index: 2;
}
#flicker #thumb_flick .slidePager {
	display: none;
}
#flicker #thumb_flick .flickSlideBottom {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
}
#flicker #thumb_flick .flickSlideBottom .bottomLeft, #flicker #thumb_flick .flickSlideBottom .bottomRight {
	position: absolute;
	top: 5px;
	width: 30px;
	height: 100%;
	background-position: left top;
	background-repeat: no-repeat;
	background-size: auto 100%;
	text-indent: -9999px;
}
#flicker #thumb_flick .flickSlideBottom .bottomLeft {
	left: 0;
	background-image: url(../img/common/sp_flick_prev.gif);
}
#flicker #thumb_flick .flickSlideBottom .bottomRight {
	right: 0;
	background-position: right top;
	background-image: url(../img/common/sp_flick_next.gif);
}