@charset "UTF-8";

/* site */
.site {
	display:block;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	background:#EEEEEE;
	padding:3px;
	}
.site + .site {
	margin:30px 0 0 0;
	}
.site div {
	border:#DDDDDD 1px solid;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	background:#FFFFFF;
	}
.site div:hover {
	border:#CCCCCC 1px solid;
	}
.site div h2 {
	margin:5px;
	font-size:medium;
	}
.site div h2 a {
	color:#20A8C2;
	}
.site div p {
	margin:5px;
	font-size:small;
	}
.site div p a {
	text-decoration:none;
	color:#333333;
	}
.site div#lucid {
	background:#FFFFFF url("/img/works/site-lucid.png") right center no-repeat;
	padding:10px 150px 10px 10px;
	}
.site div#hubchat {
	background:#FFFFFF url("/img/works/site-hubchat.png") right top no-repeat;
	padding:10px;
	}