@charset "utf-8";

div#content{
	margin: 0 auto;
	overflow: hidden;
}

/*----------------------------------------
	flickNav
----------------------------------------*/
div#flick {
	overflow: hidden;
	width:100%;
}

ul.flickNav {
	margin: 10px 0;
	position: relative;
	left: 50%;
	float: left;
}

ul.flickNav li {
	float: left;
	display: inline;
	margin-right: 25px;
	margin-bottom: 6px;
	position: relative;
	left: -50%;
}

ul.flickNav li a {
	display: block;
	width: 30px;
	height: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	-o-border-radius: 30px;
	border-radius: 30px;
	background:url(../img/button_off.png) center top no-repeat;
}

ul.flickNav li.selected a {
	background:url(../img/button_on.png) center top no-repeat;	
}



div.container {
	position: relative;
	clear: both;
	overflow: hidden;
}
div.itemBox {
	position: relative;
}
div.container .item {
	float: left;
	text-align: center;
	background-color: #f5f5f5;
}

.moving {
	-webkit-transition: -webkit-transform .2s ease-out;
	-moz-transition: -moz-transform .2s ease-out;
	-o-transition: -o-transform .2s ease-out;
	-ms-transition: -ms-transform .2s ease-out;
}

div#flick figure {
	margin: 0 auto;
	background-color: #ccc;
	width: 300px;
	height: 230px;
}

ul.next_prev li {
	width:15%;
	margin: 10px;
	display: inline;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
}

ul.next_prev li.off {
	display: none;
}

ul.next_prev li.prev {
	float: left;
}
ul.next_prev li.next {
	float: right;
}