@charset "utf-8";

.coordination {
	float:left;
	width:700px;
	margin:0 0 20px 0;
}
.coordination p {
	float: none;
	clear: both;
	width:685px;
	padding-top:15px;
	text-align:right;
	font-size:12px;
}

.coordination .color1{
	border: solid 2px #FFB9B9;
}

.coordination .color2{
	border: solid 2px #FDCA7D;
}


.coordination .color3{
	border: solid 2px #FDEA8E;
}


.coordination .color4{
	border: solid 2px #D6FF75;
}

.coordination .color5{
	border: solid 2px #7CE9DB;
}


.coordination .color6{
	border: solid 2px #CDE4FC;
}


.coordination .color7{
	border: solid 2px #BAC5F5;
}

.coordination .color8{
	border: solid 2px #88ADCC;
}


.coordination .color9{
	border: solid 2px #D6C0F8;
}


.coordination .color10{
	border: solid 2px #E0E0E0;
}


.coordination .unit{
	float:left;
	width:310px;
	padding:2px;
	margin:25px 5px 0px 22px;
	_margin:25px 5px 0px 11px;

}

.coordination .unit img{
	float:left;
	width:120px;
	height:90px;
}

.coornm {
	float:left;
	width:140px;
	font-size:14px;
	font-weight:bold;
	padding:0 10px 0 25px;
	margin:3px 0 5px 14px;
	_margin:3px 0 5px 7px;
	line-height:120%;
	color:#333333;
	background:url(../img/ico_coor.gif) no-repeat center left;
}

.coorexp {
	float:left;
	width:170px;
	font-size:11px;
	padding:6px 0 0 0;
	margin:0 0 0 14px;
	_margin:0 0 0 7px;
	line-height:130%;
	color:#666666;
	background:url(../img/line174.gif) no-repeat top left;
}



.threeitem {
	float:left;
	width:700px;
	margin:0;
}

.threeitem img {
}

.threeitem .unit{
	float:left;
	width:206px;
	height:260px;
	margin:15px 0 0 22px;
	_margin:15px 0 0 13px;
}

.unitnm {
	float:left;
	width:170px;
	font-size:14px;
	font-weight:bold;
	padding:0 0 0 12px;
	margin:5px 0 0 10px;
	line-height:130%;
}

.unitexp {
	float:left;
	width:170px;
	font-size:11px;
	color:#666666;
	padding:0 0 0 13px;
	margin:7px 0 0 10px;
	line-height:130%;
}

.color1 .image{
	float:left;
	width:194px;
	height:94px;
	background:#ffffff;
	border: solid 6px #FFB9B9;
	margin:0 0 5px 0;
	text-align:center;
}

.color2 .image{
	float:left;
	width:194px;
	height:94px;
	background:#ffffff;
	border: solid 6px #FDCA7D;
	margin:0 0 5px 0;
	text-align:center;
}

.color3 .image{
	float:left;
	width:194px;
	height:94px;
	background:#ffffff;
	border: solid 6px #FDEA8E;
	margin:0 0 5px 0;
	text-align:center;
}

.color4 .image{
	float:left;
	width:194px;
	height:94px;
	background:#ffffff;
	border: solid 6px #D6FF75;
	margin:0 0 5px 0;
	text-align:center;
}

.color5 .image{
	float:left;
	width:194px;
	height:94px;
	background:#ffffff;
	border: solid 6px #7CE9DB;
	margin:0 0 5px 0;
	text-align:center;
}

.color6 .image{
	float:left;
	width:194px;
	height:94px;
	background:#ffffff;
	border: solid 6px #CDE4FC;
	margin:0 0 5px 0;
	text-align:center;
}

.color7 .image{
	float:left;
	width:194px;
	height:94px;
	background:#ffffff;
	border: solid 6px #BAC5F5;
	margin:0 0 5px 0;
	text-align:center;
}

.color8 .image{
	float:left;
	width:194px;
	height:94px;
	background:#ffffff;
	border: solid 6px #88ADCC;
	margin:0 0 5px 0;
	text-align:center;
}

.color9 .image{
	float:left;
	width:194px;
	height:94px;
	background:#ffffff;
	border: solid 6px #D6C0F8;
	margin:0 0 5px 0;
	text-align:center;
}

.color10 .image{
	float:left;
	width:194px;
	height:94px;
	background:#ffffff;
	border: solid 6px #E0E0E0;
	margin:0 0 5px 0;
	text-align:center;
}

.color1 .unitnm a{
	color:#FF9797;
}

.color2 .unitnm a{
	color:#FDCA7D;
}

.color3 .unitnm a{
	color:#FAD234;
}

.color4 .unitnm a{
	color:#AFF836;
}

.color5 .unitnm a{
	color:#00A89F;
}

.color6 .unitnm a{
	color:#01B9FE;
}

.color7 .unitnm a{
	color:#017DAE;
}

.color8 .unitnm a{
	color:#0D6380;
}

.color9 .unitnm a{
	color:#9E79DB;
}

.color10 .unitnm a{
	color:#616D78;
}

.color1 .unitnm {
	background:url(../img/top/ico_color1.jpg) no-repeat left top;
}

.color2 .unitnm {
	background:url(../img/top/ico_color2.jpg) no-repeat left top;
}

.color3 .unitnm {
	background:url(../img/top/ico_color3.jpg) no-repeat left top;
}

.color4 .unitnm {
	background:url(../img/top/ico_color4.jpg) no-repeat left top;
}

.color5 .unitnm {
	background:url(../img/top/ico_color5.jpg) no-repeat left top;
}

.color6 .unitnm {
	background:url(../img/top/ico_color6.jpg) no-repeat left top;
}

.color7 .unitnm {
	background:url(../img/top/ico_color7.jpg) no-repeat left top;
}

.color8 .unitnm {
	background:url(../img/top/ico_color8.jpg) no-repeat left top;
}

.color9 .unitnm {
	background:url(../img/top/ico_color9.jpg) no-repeat left top;
}

.color10 .unitnm {
	background:url(../img/top/ico_color10.jpg) no-repeat left top;
}

#Logs {
	width:330px;
	float:left;
	font-size:12px;
	line-height:150%;
	margin:30px 0 0 0;
	padding:0;
}

#Topics {
	width:330px;
	float:left;
	font-size:12px;
	line-height:150%;
	margin:30px 0 0 40px;
	padding:0;
}



#Visual {
	float:left;
	width:700px;
	margin:0px 0 15px 0;
	text-align:right;
}

#Visual2 {
	float:left;
	width:700px;
	margin:0px 0 10px 0;
	text-align:right;
}

#Visual table.pics{
	width:700px;
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#Visual table.lpic{
	background: url(../img/top_photo/bg_photo.gif) no-repeat right bottom;
}

#Visual table.rpic{
	background: url(../img/top_photo/bg_photo.gif) no-repeat right bottom;
}

.count {
	float:left;
	width:700px;
	height:31px;
	padding:0 0 0 0;
	margin:32px 0 0 0;
	background:url(../img/top/bg_count.jpg);
}

.count table {
	float:right;
	font-size:12px;
	margin:9px 0 0 85px;
}