@charset "shift_jis";

/**----------------------------------------------------------
 *CSS information 
 *
 * file name	: style.css
 * author		: takaaki koyama
 * style info	: slideArea styles
 -----------------------------------------------------------*/

body#lec-jp #lec_contentsWrap #slideArea_wap {
	background:url(../images/slider/bg_slider_container_l.gif) #d4d9e6 no-repeat left top;
	width:943px;
	height: 170px;
	margin: 0 auto;
}

body#lec-jp #lec_contentsWrap #slideArea {
	background:url(../images/slider/bg_slider_container_r.gif) no-repeat right top;
	position:relative;
	width:943px;
	height: 170px;
	overflow:hidden;
}

body#lec-jp #lec_contentsWrap #slideArea #slideArea_inner {
	width:943px;
	height: 169px;
	overflow-x: scroll;
	overflow-y:hidden;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}

body#lec-jp #lec_contentsWrap #slideArea #slideArea_inner ul {
	position:absolute;
	top:0;
	left:0;
	padding:10px 38px 0px;
	width:4000px;
	height: 130px;
}

body#lec-jp #lec_contentsWrap #slideArea #slideArea_inner ul:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

body#lec-jp #lec_contentsWrap #slideArea #slideArea_inner li {
	margin:0px 2px;
	width: 138px;
	height: 130px;
	float:left;
}

body#lec-jp #lec_contentsWrap #slideArea #slideArea_inner li a {
	display:block;
	line-height:0;
	font-size:0;
	padding:4px;
	width: 130px;
	height: 122px;
	background-color:#FFF;
}

body#lec-jp #lec_contentsWrap #slideArea #slideArea_inner li a:hover { background:url(../images/slider/bg_slider_item_over.gif) repeat left top; }

/*=javascript parts
------------------------------------------------------*/

body#lec-jp #lec_contentsWrap #slideArea #slider_btn_l {
	width:28px;
	height:170px;
	background:url(../images/slider/btn_slider_l.png) no-repeat top left;
	position:absolute;
	top:0;
	left:0;
	z-index:100;
	cursor:pointer;
}

body#lec-jp #lec_contentsWrap #slideArea #slider_btn_r {
	width:28px;
	height:170px;
	background:url(../images/slider/btn_slider_r.png) no-repeat top left;
	position:absolute;
	top:0;
	right:0;
	z-index:110;
	cursor:pointer;
}

body#lec-jp #lec_contentsWrap #slideArea #slider_scroller {
	margin:0 auto;
	width:850px;
	height:15px;
	padding:3px;
	background:url(../images/slider/bg_slider_scroll.jpg) no-repeat left top;
	position:relative;
	top:145px;
	z-index:200;
}

body#lec-jp #lec_contentsWrap #slideArea #slider_scroll_tab {
	position:absolute;
	top:1px;
	left:0;
	width:200px;
	height:19px;
	z-index:201;
	cursor:pointer;
}

body#lec-jp #lec_contentsWrap #slideArea #slider_scroll_tab_left {
	position:absolute;
	top:0;
	left:2px;
	width:6px;
	height:19px;
	background:url(../images/slider/bg_slider_scroll_tab_l.png) no-repeat left top;
}

body#lec-jp #lec_contentsWrap #slideArea #slider_scroll_tab_body {
	position:absolute;
	left:8px;
	top:0;
	width:186px;
	height:19px;
	background:url(../images/slider/bg_slider_scroll_tab.png) repeat-x top left;
}

body#lec-jp #lec_contentsWrap #slideArea #slider_scroll_tab_right {
	position:absolute;
	top:0;
	right:0;
	width:6px;
	height:19px;
	background:url(../images/slider/bg_slider_scroll_tab_r.png) no-repeat left top;
}

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