@charset "utf-8";

/*
----------------------------------------------------------
top
---------------------------------------------------------
*/


/*TOP slide Image*/
#slideshow {
    position:relative;
    height:400px;
	width:900px;
	margin:0 auto;
	top:36px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}


#topMainImage{
	width:100%;
	height:472px;
	background:url(../images/top_mainImage_bg.gif) repeat-x;
}


/*//////////////////////////////////////////////
contents
//////////////////////////////////////////////*/

/*#contentsLeft*/
#contents #contentsLeft{
	width: 450px;
	float: left;
}

#contents #contentsLeft .bannerBox{
	margin-top: 10px;
	margin-bottom: 10px;
	padding:10px;
}
#contents #contentsLeft .bannerBox a img{
	border: 0px;
}
#contents #contentsLeft .bannerBox a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}
#contents #contentsLeft div.mainbanner{
	padding-top:10px;
	display:block;
}
#contents #contentsLeft #newsBox{
	margin-top: 0px;
}
#contents #contentsLeft #newsBox h3{
	width: 150px;
	height: 30px;
	background-image: url(../images/h2_news.png);
	text-indent: -9999px;
}
#contents #contentsLeft #newsBox ul{
	padding-left: 10px;
	list-style: none;
	height: 330px;
	overflow-y: scroll;
	background-color: #EEEEEE;
}
#contents #contentsLeft #newsBox ul li{
	margin-bottom: 20px;
}
#contents #contentsLeft #newsBox ul li .newsTitle,
#contents #contentsLeft #newsBox ul li .newsTitle a{
	font-size: 14px;
	font-weight: bold;
	color: #47210D;
	line-height: 2.5em;
	display:block;
}

#contents div #movieBox{
	margin-top: 20px;
}
#contents div #movieBox p{
	font-size: 14px;
	text-indent: 10px;
}


/*#contentsRight*/
#contents #contentsRight{
	width: 430px;
	float: left;
}

#contents #contentsRight #bannerContainer{
	margin-top: 10px;
	padding-left:20px;
}
#contents #contentsRight #bannerContainer .bannerBox{
	margin-top: 10px;
	margin-bottom: 10px;
	text-align:right;
}
#contents #contentsRight #bannerContainer .bannerBox a img{
	border: 0px;
}
#contents #contentsRight #bannerContainer .bannerBox a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}

/**/
#banner-box{
	width:900px;
	}
#banner-box ul{
	width:900px;
	margin:0 auto;
	}
#banner-box ul li{
	float:left;
	margin:10px 0px;
	text-align:center;
	width:290px;
	color:#fff;
	}
	
#banner-box ul li#center-banner{
	margin:10px;
	}
		
#banner-box ul li img{
	border:none;
}