@charset "utf-8";

.bread {
	font-size:90%;
	padding-bottom:10px;
	color:#888;
}


/* works 
-------------------------------------------------- */
article .works {
	margin:0 0 20px 0;
	overflow:hidden;
	}

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

article .works_txt {
	font-size:11px;
	line-height:200%;
	padding:2px 18px 4px 4px;
	overflow:hidden;
	}


/* works detail 
-------------------------------------------------- */
.contents-container {
	padding:18px 0;
}

article.works-detail .col-l {
	float:right;
	width:290px;
	
}

article.works-detail .col-r {
	float:left;
	width:630px;
}

article.works-detail h2 {
	font-size:150%;
	border-bottom:solid 1px #CCC;
}

article.works-detail h3 {
	font-weight:normal;
	font-size:90%;
	padding:4px 0 36px 0;
	color:#777;
}

article.works-detail h4 {
	font-weight:bold;
	font-size:120%;
	padding-bottom:10px;
}

article.works-detail .detail-img li {
	overflow:hidden;
	border:solid 5px #DEDEDE;
	padding:0;
	margin:0 0 24px 0;
	overflow:hidden;
	width:280px;
	height:220px;
}

article.works-detail .detail-img img {
	width:100%;
	height:auto;
}

article.works-detail li {
	
}

article.works-detail .works_txt {
	font-size:100%;
	padding:0 0 36px 0;
}


/* works category 
-------------------------------------------------- */
article.works-cat h2 {
	font-size:150%;
	border-bottom:solid 1px #CCC;
}

article.works-cat h3 {
	font-weight:normal;
	font-size:90%;
	padding:4px 0 36px 0;
	color:#777;
}

article.works-cat h4 {
	font-weight:bold;
	font-size:120%;
	padding-bottom:10px;
}

article.works-cat .works_txt {
	font-size:100%;
	padding:0 0 36px 0;
}