@charset "utf-8";

.topimg {
	max-width:100%;
	height:auto;
}

.topimg img {
	max-width:100%;
	height:auto;
}


/* works 
-------------------------------------------------- */
#index article .works {
	margin:0 36px 36px 0;
	overflow:hidden;
	width:290px;
	float:left;
	}

#index article .works:nth-child(4n) {
	margin:0 0 36px 0;
}

#index article .works a {
	text-decoration:none;
	color:#333;
}

#index article .works a:hover {
	text-decoration:underline;
	}

#index article .works_img {
	overflow:hidden;
	border:solid 5px #DEDEDE;
	padding:0;
	margin:0 0 14px 0;
	overflow:hidden;
	height:220px;
	}

#index article .works_img img {
	width:100%;
	height:100%;
}


#index article .works_txt {
	font-size:13px;
	line-height:1.8;
	padding:2px 18px 4px 4px;
	overflow:hidden;
	}

#index article.list-blog .works_img {
	height:200px;
}

#index article.list-blog .works_txt {
	font-weight:bold;
	font-size:14px;
}