@charset "utf-8";

* {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

a {
	color: #0099ff;
	text-decoration: none;
}

a:hover { color: #33ccff; }

.clear { clear: both; }

body {
	
	font-size: 12px;
	line-height: 20px;
	color: #222222;
	
}

#header {
	
	display: block;
	width: 960px;
	margin: 0 auto 50px auto;
	padding-top: 20px;
	
}

#container {
	
	display: block;
	width: 960px;
	margin: 0 auto 50px auto;
	
}

#container .works {
	
	height: 200px;
	margin-bottom: 20px;
	
}

#container .works .works_img {
	
	margin-right: 30px;
	float: left;
	
}

#container .works .works_img img {
	
	border: #EEEEEE solid 1px;
	
}

#container .works .works_text {
	
	float: left;
	width: 628px;
	
}

#container .works .works_text h2 {
	
	font-size: 15px;
	
}

#container .works .works_text .url {
	
	font-size: 10px;
	letter-spacing: 2px;
	margin-bottom: 3px;
	
}

#container .works .works_text .area {
	
	color: #999999;
	font-size: 10px;
	line-height: 16px;
	margin-bottom: 15px;
	
}

#footer {
	
	display: block;
	width: 960px;
	margin: 0 auto 0 auto;
	padding-bottom: 50px;
	font-size: 11px;
	font-family: Times New Roman,Georgia,Arial;
	
}