@charset "utf-8";

/* ポートフォリオ詳細
---------------------------------------- */

#portfolio {
	width: 600px;
	padding: 20px;
}

#portfolio .image {
	width: 180px;
	float: left;
}

#portfolio .right {
	width: 400px;
	float: right;
}

#portfolio .right h1 {
	margin: 0 0 12px 0;
	padding: 3px 0 5px 0;
	border-bottom: 1px solid #b22222;
	color: #b22222;
	font-size: 1.35em;
	font-weight: bold;
}

#portfolio .right dl {
	margin-bottom: 12px;
}

#portfolio .right dl dt {
	width: 60px;
	font-weight: bold;
	float: left;
}

#portfolio .right dl dd {
	margin: 0 0 8px 70px;
}

#portfolio .right p {
	margin: 0 0 2px 0;
}

#portfolio .right p span {
	margin: 0 3px 0 0;
}

#portfolio .right p span.full {
	color: #b22222;
}

#portfolio .right p span.ad {
	color: #f60;
}

#portfolio .right p span.design {
	color: #09f;
}

#portfolio .right p span.cw {
	color: #390;
}







/* clearfix
---------------------------------------- */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/* Mac版IEのみに適用 \*//*/
	height: auto;
	overflow: hidden;
	/**/
}