/***************************************** navigation *****************************************/

.dtk-carousel a.prev{ 
	position:absolute; /* note that these controls are positioned absolutely to allow each property the most flexibility in positioning */
	left:-21px;top:50%;/* this is the absolute positioned coords */
	width:16px; height:16px;/* this is the width of the buttons */
	background:url(http://i.yimg.jp/images/topics/backnumber/archive/leftl1.gif) no-repeat;
	overflow:hidden; display:inline;
	cursor:pointer; cursor:pointer;
}

.dtk-carousel a.next { 
	position:absolute; /* note that these controls are positioned absolutely to allow each property the most flexibility in positioning */
	right:-21px;top:50%;/* this is the absolute positioned coords */
	width:16px; height:16px;/* this is the width of the buttons */
	background:url(http://i.yimg.jp/images/topics/backnumber/archive/rightl1.gif) no-repeat;
	overflow:hidden;
	display:inline;
	cursor:pointer;
}

a.off{
	cursor:pointer !important;
	background:none !important;
}

.dtk-carousel .ft {
	float:right;
}
/*************************************** /navigation *******************************************/

.dtk-carousel {
	width:850px;
	position:relative /* keep for child element positioning*/;
	text-align:left;
	margin:10px 0;
}


.dtk-carousel div.scrollbody { 
	text-align:left;
	width:850px;
	float:left;
	display:inline;
	overflow:hidden;
}


.dtk-carousel div.scrollpages {
	width:9999em; /* up this value if scrollable content is very wide - netscape 8.1+ limits the scalar value to 4 digits, so use em instead of px for larger widths */
	list-style-type:none;
	margin:0;
	padding0;
}

ul.dtk-list, .scrollpage {
	float:left;
}

ul.dtk-list {
	margin:0;
	padding:0px !important;
	text-align:left;
}

ul.dtk-list li.dtk-item { 
	float:left; 
	width:260px;
	margin:0 10px !important;
	display:inline;
	overflow:visible;
}


/* clearfix */
.dtk-carousel:after, .dtk-carousel .scrollpages:after, .dtk-carousel ul.scrollnav:after { content:".";display:block;height:0;clear:both;visibility:hidden; }
.dtk-carousel, .dtk-carousel .scrollpages, .dtk-carousel ul.scrollnav { zoom:1; } /* IE */