@charset "utf-8";
/*
---------------------------------------------
05. banner with slideshow
---------------------------------------------
*/
#banner { width:979px; float:left; background: url(../images/bgcontent.gif) repeat-x; padding:0px}
#banner .content { width:979px; float:left;}
#banner .content .buttonview { float:left; padding-top:0;}
#banner .content .buttonview a { width:979px; height:54px; float:left; background:url(../images/bgmenu.png) no-repeat; background-position:0 -217px;}

#banner #slideshow { width:989px; height:526px; float:left;}

#slide { width:989px}
#slide-scroller { margin:0;}

#slide-scroll.scrollable { width:979px; height:526px; position:relative; overflow:hidden; margin-left:10px;}

#slide-scroll.scrollable .items { width:20000em; height:526px; position:absolute; clear:both;}
			
#slide-scroll.scrollable .item { width:979px; float:left; margin:0;}
#slide-scroll.scrollable .item img { width:979px; height:526px;}
.prevPage, .nextPage {
	width:15px;
	height:63px;
	text-indent:-9999em;
	position: absolute;
	left:15px;
	top:230px;
	outline:0
}

.prevPage { background:url(../images/naviSliderLeftButton_bg.png) no-repeat;}
.nextPage {
	background:url(../images/naviSliderRightButton_bg.png) no-repeat;
	left:auto;
	right:14px !important
}
		
#slide-scroller .navi { margin:-18px -5px 0 0; float:right; background:#ECEBED; text-align:right; position:relative; padding-left:10px}
#slide-scroller .navi a { margin:0 2px; width:13px; height:14px; background:url(../images/bgmenu.png) no-repeat; background-position:0px -136px;	display:inline-block; overflow:hidden}
#slide-scroller .navi a.active { background-position:-13px -136px}