/* @charset "UTF-8"; */

/* CENTER						##################################### */
div#center{
	float: left;
	padding-top: 0;
	width: 576px;
	background: none;
	border: none;
}

	/* MAIN						##################################### */
	div#main{
		width: 574px;
		margin-left: 0;
		background: #e9e9e9;
		border: #ccc 1px solid;
	}
		div#main-content{
			margin: 3px;
			width: 568px;
			background: #fff;
		}

/* FLASH					##################################### */
div#flash-center{
	padding-top: 6px;
	width: 576px; height: 214px;
	background: url("../img/bg_flash_center.png") no-repeat;
}
	div#flash-center-area{
		margin-left: 6px;
		width: 564px; height: 202px;
		background: #333;
	}
	
/* NEWEST			##################################### */
div#newest{
	width: 568px; height: 137px;
	background: url("../img/bg_newest.gif") no-repeat;
}
	div#newest h3{
		padding-top: 8px;
		padding-bottom: 2px;
		margin-left: 7px;
		width: 554px;
		border-bottom: #b08700 1px solid; 
	}
	div#newest p{
		overflow: hidden;
		padding-top: 5px;
		margin: 0 10px;
		width: 554px; height: 100px;
	}
	
/* NEWS/TOPICS		##################################### */
div#topics{
	float: left;
	width: 284px; height: 390px;
	background: url("../img/border_dotted_y.gif") repeat-y right;
}
	div#topics h3{
		margin: 10px 0 6px 9px;
		width: 125px; height: 14px;
		background: url("../img/h3_topics.gif") no-repeat;
		text-indent: -7777px;
	}
	div#topics h3#h-blog{
		margin-top: 15px;
		background-image: url("../img/h3_blog.gif");
	}
	div#topics ul{
		/*margin-left: 10px;*/
	}
		div#topics ul li{
			/*margin-top: 1px;
			padding-top: 2px;*/
			list-style: none none;
			border-top: #d9d9d9 1px solid;overflow: hidden;
		}
			div#topics ul li a{
				display: block;
				padding-top: 2px;
				padding-left: 12px;
				width: 284px; height: 35px;
				text-decoration: none;
			}
			div#topics ul li a:hover{
				background: #222;
				color: #fff;
				text-decoration: none;
			}


/* VISION PRO		##################################### */
div#vision-pro{
	float: right;
	width: 260px; height:;
}
	div#vision-pro h3{
		margin: 20px 0 10px 17px;
		width: 196px; height: 29px;
		background: url("../img/h3_vision_pro.gif") no-repeat;
		text-indent: -7777px;
	}
	div#vision-pro-flash-area{
		margin: 0 0 10px 0;
		padding: 6px;
		width: 234px; height: 314px;
		background: url("../img/box_vision_pro.gif") no-repeat;
	}
		div#vision-pro-flash-area span{
			display: block;
			margin: 6px 2px;
			width: 222px; height: 77px;
			color: #fff;
			line-height: 1.2;
			overflow: hidden;
		}

/* INTERVIEW		##################################### */
div#interview{
	margin: 10px auto;
	width: 554px;
	clear: both;
	background: url("../img/bg_interview_bottom.gif") repeat-x bottom #f5f5f5;
}
	div#interview h3{
		padding: 7px 7px 0 7px;
		height: 29px;
		background: url("../img/h3_interview.gif") repeat-x;
	}
	div#interview p{
		margin: 0 7px 0 7px; padding-bottom: 10px;
	}
	div#interview ul{
		margin: 3px 0 10px 10px;
	}
		div#interview ul li{
			display: block;
			margin-bottom: 3px;
			margin-left: 10px;
			padding: 3px 3px 3px 10px;
			border-top: #b08700 1px solid;
			background: url("../img/border_dotted_x.gif") bottom repeat-x #ddd;	
		}
			div#interview ul li a{}

/* RECRUIT			##################################### */
div#recruit{
	margin: 0 auto;
	width: 554px;
}
	div#recruit h3{
		padding: 7px 7px 0 7px;
		height: 29px;
		background: url("../img/h3_interview.gif") repeat-x;
	}
	
	div#recruit h4{
		margin-left: 0px;
		margin-bottom: 3px;
		padding: 1px 5px 0 5px;
		color: #555;
	}
	div#recruit p{
		margin: 10px 0;
	}
	div#recruit img.icon{
		margin-bottom: 0;
		border: 0px solid #bbb;	
	}
	div#recruit img{
		margin-bottom: 7px;
		border: 1px solid #bbb;
	}