/* outmost wrapper element, containing all elements  */

#scrollable {

	width:441px;









	-moz-border-radius:7px;

	margin: 10px auto 20px;

	position: relative;

	height: 140px;

}



/* container for the scrollable items */

div.items {

	height:140px;

	margin-left:10px;

	float:left;

	width:400px!important;

	overflow: hidden;

	line-height: 1em;

}



/* single item */

div.items a {

	display:block;

	float:left;

	margin-right:10px;

	width:90px;

	height:140px;

	color:#FF6702;

	text-decoration:none;

	text-align:left;

	cursor:pointer;

	font-size: 10px;

	font-weight: bold;

	line-height: 130%;

}









/* next / prev buttons */

a.prev, a.next {

	background:url(/images/navi_l.jpg) no-repeat 0 0;

	display:block;

	width:15px;

	height:140px;

	float:left;	

	margin:0px 10 0 0;

	cursor:pointer;

}



a.next {

	background: url(/images/navi_r.jpg);

}







/* navigator */

div.navi {

	position:relative;

	top:-10px;

	left:255px;

	margin-left:-50px;

	width:50px;

	height:11px;

	overflow:hidden;



}





/* items inside navigator */

div.navi span {

	width:8px;

	height:8px;

	float:left;

	margin:3px;

	background:url(http://jpc-ltd.co.jp/images/dots.gif) 0 0 no-repeat;     

	cursor:pointer;



}



div.navi span:hover {

	background-position:0 -8px;      

}



div.navi span.active {

	background-position:0 -16px;     

}