@charset "UTF-8";
/*==================================================
 CUSTOM CLASS LIB CSS
==================================================*/

#slide {
	width: 748px;
	height: 350px;
	position: relative;
	overflow: hidden;
	margin: 0px 0px 0px 0px;
}
	#slide .slideImage {
		position:relative;
		float:left;
		height: 309px;
	}
	#slide .slideImage a {display:block; }
	#slide .slideImage a { position:absolute; top:0; left:0; z-index:8; }
	#slide .slideImage a.this,
	#slide .slideImage a.active { z-index:10; }

	#slide .slideNavi {
		position: absolute;
		width: 748px;
		top: 309px;
		background: #DFDABB;
		z-index: 10;
	}

		#slide .slideNavi ul {
			padding: 0px 0px 0px 10px;
		}
			#slide .slideNavi ul li {
				width: 180px;
				float: left;
				display: inline;
				margin: 0px 10px 0px 0px;
				background: url(../img/slide/navi/slideNaviBg.gif) repeat-x 0px center;
			}
				#slide .slideNavi ul li a {
					display:block;
					height: 30px;
					background: url(../img/slide/navi/slideNaviLeft.gif) no-repeat left center;
				}
				#slide .slideNavi ul li a span {
					display:block;
					height: 30px;
					text-align: center;
					padding: 0px 10px 0px 10px;
					background: url(../img/slide/navi/slideNaviRight.gif) no-repeat right center;
				}
				
				#slide .slideNavi ul li a,
				#slide .slideNavi ul li a span {
					font-size: 12px;
					font-weight: bold;
					color: #817D66;
					line-height: 30px;
				}
				
				#slide .slideNavi ul li a.active,
				#slide .slideNavi ul li a.active span,
				#slide .slideNavi ul li a:hover,
				#slide .slideNavi ul li a.this
				#slide .slideNavi ul li a:hover span,
				#slide .slideNavi ul li a.this span {
					color: #990000;
				}