@charset "utf-8";
/* CSS Document */

/* CSS Document */


/*
---------------------------------------------
05. banner with slideshow
---------------------------------------------
*/


/*
#banner .content { width:315px; float:left; padding-right:24px; padding-top:30px}
#banner .content .buttonview { float:left; padding-top:55px}
#banner .content .buttonview a { width:260px; height:54px; float:left; background:url(../images/bgmenu.png) no-repeat; background-position:0 -217px;}*/


#slideshow { width:980px; height:320px; float:left; /*background:#F00;*/ padding:0px;}

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

#slide-scroll.scrollable { width:980px; height:320px; position:relative; overflow:hidden;}

#slide-scroll.scrollable .items { width:20000em; height:320px; position:relative; clear:both;}
			
#slide-scroll.scrollable .item {	width:980px; float:left}
#slide-scroll.scrollable .item img { width:980px; height:320px}
#slide-scroll.scrollable .item a { text-decoration:none}
#slide-scroll.scrollable .item span { font-size:14px; font-weight:bold; color:#000; text-decoration:none; float:left; padding-top:16px;}

.prevPage, .nextPage { width:66px; height:68px; /*background:url(../images/bgmenu.png) no-repeat;*/ text-indent:-9999em; position:absolute; left:0px; top:125px; outline:0}

.prevPage { background:url(../images/ar_prev.png) no-repeat; right:auto; left:0px;}
.nextPage { background:url(../images/ar_next.png) no-repeat; left:auto; right:0px; !important}
		
#slide-scroller .navi { margin:-25px 0px 0 0; float:right; text-align:right; position:relative;}
#slide-scroller .navi a { background: none repeat scroll 0% 0% rgb(189, 199, 205);    border-radius: 20px;    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6) inset;    width: 12px;    height: 12px;    cursor: pointer;
    /*text-indent: -9999px;*/	display:inline-block; overflow:hidden}
#slide-scroller .navi a.active { background: none repeat scroll 0% 0% rgb(33, 125, 185);}