@charset "UTF-8";

/* import
----------------------------------------------- */
@import "lib.css";
@import "common.css";



/* design
----------------------------------------------- */
h3 { margin: 35px 0 0; }
h4 { margin: 30px 0 0; }

.column {
	width: 580px;
	margin: 15px 0 0;
}
.column .left {
	float: left;
	width: 280px;
}
.column .right {
	float: right;
	width: 280px;
}
.column h4 {
	margin: 0;
	padding: 1px 5px;
	background: #dcdcdc;
	color: #303393;
	font-size: 9pt;
}

.column ul {
	margin: 5px 0 0;
}
.column li {
	list-style: disc;
	margin: 0 0 0 20px;
}

.list {
	width: 280px;
	margin: 3px 0 0;
}
.list_left {
	float: left;
	width: 140px;
}
.list_right {
	float: right;
	width: 140px;
}

.concurrentArea {
	padding: 15px;
}
#extepo { border: 1px solid #a7203d; }
#gardex { border: 1px solid #007542; }

.concurrentArea .column {
	width: 550px;
	margin: 0;
}
* html .concurrentArea .column { width: 548px; } /* for IE6 */

.concurrentArea .column .left {
	float: left;
	width: 285px;
}
.concurrentArea .column .right {
	float: right;
	width: 250px;
}

.listType_link {
	padding: 0 0 0 18px;
	background: url(../common/icon_arrow.gif) no-repeat left center;
}


/* clear float
----------------------------------------------- */
.column:after,
.list:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}