@charset "utf-8";

/* CSS Document */



/* ==========================================

	* slider

===========================================*/



/* #flickscroll

--------------------------- */

#flickscroll {

    margin: 15px auto 0 auto;

    width: 300px;

    height: 450px;

	background: #000;

    text-align: left;

    position: relative;

}

#flickscroll ul {

	width: 300px;

	height: 450px;

    top: 0;

    left: 0;

    position: absolute;

    overflow: hidden;

}

#flickscroll ul li {

	width: 300px;

	height: 450px;

    float: left;

    display: inline;

    overflow: hidden;

	position: relative;

}

 

#flickscroll ul li img{

	position: absolute;

	top: -100%;

	left: -100%;

	right: -100%;

	bottom: -100%;

	margin: auto;

} 

 

#flickscroll #moveprev {

    top: 200px;

    left: 5px;

    background: transparent url(../img/common/prev.png) no-repeat;

    position: absolute;

    cursor: pointer;

	width:20px;

	height:50px;

	background-size:20px 33px;

}

 

#flickscroll #movenext {

    top: 200px;

    right: 5px;

    background: transparent url(../img/common/next.png) no-repeat;

    position: absolute;

    cursor: pointer;

	width:20px;

	height:50px;

	background-size:20px 33px;

}



/* #flickthumb

--------------------------- */

#flickthumb {

    margin: 10px auto 8px auto;

    width: 290px;

    height: 170px;

    text-align: center;

}

#flickthumb ul {

    width: 290px;

    height: 170px;

}

#flickthumb ul li {

    width: 56px;

    height: 56px;

    float: left;

    cursor: pointer;

    display: inline;

	margin:0 2px 2px 0;

	overflow: hidden;

	position: relative;

}



#flickthumb ul li img{

	position: absolute;

	top: -100%;

	left: -100%;

	right: -100%;

	bottom: -100%;

	margin: auto;	

	width: 85px;

}



#flickthumb ul li.active {

    filter:alpha(opacity=100)!important;

    -moz-opacity: 1!important;

    opacity: 1!important;

}

 

/* ClearFixElements

--------------------------- */ 

#flickscroll ul:after,

#flickthumb ul:after {

    content: ".";

    height: 0;

    clear: both;

    display: block;

    visibility: hidden;

}

#flickscroll ul,

#flickthumb ul {

    display: inline-block;

    overflow: hidden;

}