@import "common.css";

/* ----- index CSS ----- */
/* // rayouts // */
#company_summary {
	padding				: 20px;
}

.photo {
	height				: 210px;
	padding				: 0 0 0 170px;
	background			: url(../images/top/img_1.jpg) no-repeat;
}

/* middle area */
#content_middle {
	height				: 220px;
	padding				: 0 0 20px 0;
}

#content_middle_l {
	float				: left;
	width				: 400px;
	height				: 220px;
	margin				: 0 0 0 20px;
	border-right		: dotted 1px #999;
}

#content_middle_r {
	float				: right;
	width				: 380px;
	height				: 220px;
	margin				: 0 20px 0 0;
}

#content_middle p {
	padding				: 0 5px 0 0;
	background			: #e8e8e8;
	text-align			: right;
	font-size			: 80%;
}

.logbox {
	width				: 380px;
	overflow			: auto;
}

#links {
	display				: block;
	overflow			: hidden;
}

#links li {
	float				: left;
	margin				: 40px 20px 0 0;
}


/* // tags // */
h3 {
	height				: 30px;
	margin				: 0 0 10px 0;
	background			: url(../images/top/h3_1.gif) no-repeat;
}

h4 {
	height				: 20px;
	margin				: 0 0 5px 0;
	padding				: 0 0 0 25px;
	background			: url(../images/top/h4_bg.gif) no-repeat;
	font-size			: 90%;
	color				: #6194cf;
}

dl#list {
	padding				: 5px;
	font-size			: 90%;
}

dl#list dt {
	clear				: both;
	float				: left;
	width				: 80px;
	font-weight			: bold;
	text-align			: right;
}

dl#list dd {
	margin				: 0 0 0 80px;
	padding				: 0 0 0 10px;
}


/* IE6 */
*html #content_middle_l {
	float				: left;
	width				: 399px;
	height				: 220px;
	margin				: 0 0 0 10px;
	border-right		: dotted 1px #999;
}

*html #content_middle_r {
	float				: right;
	width				: 370px;
	height				: 220px;
	margin				: 0 10px 0 0;
}

*html #links {
	display				: block;
	overflow			: hidden;
	width				: 570px;
}

*html #links li {
	float				: left;
	margin				: 60px 10px 0 0;
}