@charset "utf-8";
/* About CSS */

#about .ko {
	position:relative;
}
#about .ko img.spacer {
	width:160px;
	height:160px;
}

#about ul {
	clear:both;
	mmargin-left:0;
	list-style:none;
}
#about li {
	float:left;
	margin-right:10px;
	font-weight:bold;
	font-size:12px;
}
#about a {
	padding:0 5px 0 5px;
	border-radius:10px;
	text-decoration:none;
	color:#FFF;
	background:#999;
	display:block;
}
#about a:hover {
	color:#FF3366;

}

#about_N2 {
	clear:both;
	width:160px;
	height:160px;
	margin:0 10px 10px 0;
	background:url(../img/about/160_N2.jpg) no-repeat;
	float:left;
	z-index:1;
	}
	
#about_N2:hover {
	clear:both;
	width:400px;
	height:400px;
	border:4px solid #999999;
	border-radius:20px;
	background:url(../img/about/400_N2.jpg) no-repeat;
	position:absolute;
	top:-120px;
	left:-120px;
	z-index:100;
	}
	
#about_MR {
	clear:both;
	width:160px;
	height:160px;
	margin:0 10px 10px 0;
	background:url(../img/about/160_MR.jpg) no-repeat;
	float:left;
	z-index:1;
	}
	
#about_MR:hover {
	clear:both;
	width:400px;
	height:400px;
	border:4px solid #999999;
	border-radius:20px;
	background:url(../img/about/400_MR.jpg) no-repeat;
	position:absolute;
	top:-120px;
	left:-120px;
	z-index:100;
	}
	
#about_FU {
	clear:both;
	width:160px;
	height:160px;
	margin:0 10px 10px 0;
	background:url(../img/about/160_FU.jpg) no-repeat;
	float:left;
	z-index:1;
	}
	
#about_FU:hover {
	clear:both;
	width:400px;
	height:400px;
	border:4px solid #999999;
	border-radius:20px;
	background:url(../img/about/400_FU.jpg) no-repeat;
	position:absolute;
	top:-120px;
	left:-120px;
	z-index:100;
	}
	
#about_HO {
	clear:both;
	width:160px;
	height:160px;
	margin:0 10px 10px 0;
	background:url(../img/about/160_HO.jpg) no-repeat;
	float:left;
	z-index:1;
	}
	
#about_HO:hover {
	clear:both;
	width:400px;
	height:400px;
	border:4px solid #999999;
	border-radius:20px;
	background:url(../img/about/400_HO.jpg) no-repeat;
	position:absolute;
	top:-120px;
	left:-120px;
	z-index:100;
	}
	
#about_HA {
	clear:both;
	width:160px;
	height:160px;
	margin:0 10px 10px 0;
	background:url(../img/about/160_HA.jpg) no-repeat;
	float:left;
	z-index:1;
	}
	
#about_HA:hover {
	clear:both;
	width:400px;
	height:400px;
	border:4px solid #999999;
	border-radius:20px;
	background:url(../img/about/400_HA.jpg) no-repeat;
	position:absolute;
	top:-120px;
	left:-120px;
	z-index:100;
	}