@charset "utf-8";

/* reset
-------------------------------------------------*/

body {
	-webkit-text-size-adjust:none;
}
a {
	cursor: pointer;
	_cursor: hand;
	outline: none;
}
embed,object {
	display:block;
	outline: none;
}
object,a:focus {
	-moz-outline-style: none;
}


/* moviearea
-------------------------------------------------*/

#moviearea {
	width:980px;
	margin: 0 auto;
	padding-bottom: 20px;
	background:url(/topcontents/img/top/bg_moviearea.gif) repeat-x bottom;
	z-index: 0;
}

#swf_external {
	outline: none;
}

#movielist {
	float:left;
	width: 720px;
	height: 435px;
}

#moviearea .buttonarea {
	float:left;
	width: 260px;
	height: 435px;
	background: #262626;
}

#moviearea .buttonarea li {
	width:240px;
	height:133px;
}

#moviearea .buttonarea a {
	text-indent: -9999px;
	text-decoration: none;
	display: block;
	width:240px;
	height: 133px;
}
#moviearea .buttonarea ul {
	padding-left: 9px;
}
#moviearea .buttonarea .btn1 {
	margin-top: 8px;
}
#moviearea .buttonarea .btn2 {
	margin-top: 9px;
}
#moviearea .buttonarea .btn3 {
	margin-top: 11px;
}
#moviearea .buttonarea .btn1 a {
	background: url(/topcontents/img/top/btn-movie.jpg) no-repeat 0px 0px;
}
#moviearea .buttonarea .btn2 a {
	background: url(/topcontents/img/top/btn-technology.jpg) no-repeat 0px 0px;
}
#moviearea .buttonarea .btn3 a {
	background: url(/topcontents/img/top/btn-environmental.jpg) no-repeat 0px 0px;
}
#moviearea .buttonarea .btn1 a:hover {
	background-position: -240px 0px;
}
#moviearea .buttonarea .btn2 a:hover {
	background-position: -240px 0px;
}
#moviearea .buttonarea .btn3 a:hover {
	background-position: -240px 0px;
}

/* topflash
-------------------------------------------------*/
#topflash {
}

#noFlash {
	visibility: hidden;
}


/* staticlist
-------------------------------------------------*/
#staticlist {
	width:980px;
	height:365px;
	margin:0 auto 15px;
	background:url(../img/top/bg_01.png) 0 0 no-repeat;
	position:relative;
	z-index:1;
}

#staticlist #movieMain {
	position:absolute;
	top:0;
	left:0;
	width:651px;
	height:365px;
}

	#staticlist #movieMain .movie01 {
		position:relative;
	}
	
		#staticlist #movieMain .movie01 .img {
			position:absolute;
			top:0;
			left:0;
		}
	
		#staticlist #movieMain .movie01 .tit {
			position:absolute;
			top:33px;
			left:308px;
			
			display:none;
		}
	
		#staticlist #movieMain .movie01 .txt {
			position:absolute;
			top:116px;
			left:322px;
			
			width:294px;
			height:25px;
			
			width:0;
			left:362px;
			overflow:hidden;
		}
		
	#staticlist #movieMain .movie02 {
		position:relative;
	}
	
		#staticlist #movieMain .movie02 .img {
			position:absolute;
			top:0;
			left:0;
		}
	
		#staticlist #movieMain .movie02 .tit {
			position:absolute;
			top:33px;
			left:58px;
			
			display:none;
		}
	
		#staticlist #movieMain .movie02 .txt {
			position:absolute;
			top:117px;
			left:58px;
			
			width:127px;
			height:25px;
			
			width:0;
			left:98px;
			overflow:hidden;
		}

#staticlist #movieThumb {
	position:absolute;
	bottom:0;
	left:0;
	width:651px;
	height:113px;
	
	background-color: rgba(69, 69, 69, 0.7);
	background: rgba(69, 69, 69, 0.7);
}

	#staticlist #movieThumb ul {
		position:absolute;
		top:10px;
		/*left:40%;
		margin-left:-60px;*/
		margin-left:120px;
		width:600px;
	}
	
		#staticlist #movieThumb ul li {
			margin-right:12px;
			float:left;
		}

#staticlist #movieSide {
	position:absolute;
	top:10px;
	left:664px;
}

	#staticlist #movieSide ul {
	}
	
		#staticlist #movieSide ul li {
			margin-bottom:6px;
		}