@charset "utf-8";

/* ポートフォリオ
==========================================*/
#container .container-wrap {
	padding-top:20px;
}
#container .topic-path {
	margin-bottom:20px;
}
#container .topic-path li {
	float:left;
	margin-right:0.3em;
}
#container .topic-path li.cur {
	font-weight:bold;
}
#container h1 {
	margin-bottom:30px;
}
#container article .explan {
	float:right;
	width:530px;
}
#container article .explan .outline dl {
	padding-bottom:10px;
}
#container article .explan .outline dt {
	font-weight:bold;
	float:left;
	width:80px;
	padding-right:10px;
}
#container article .explan .outline dd {
	float:right;
	width:440px;
}
#container article .explan h2 {
	font-size:140%;
	font-weight:bold;
	margin:20px 0 15px;
}
#container article .explan h2 span {
	color:#1aab4a;
}
#container article .explan .flow dl {
	margin-bottom:10px;
}
#container article .explan .flow dt {
	font-weight:bold;
}
#container article .explan .flow .wire-pc {
	float:left;
	width:288px;
}
#container article .explan .flow .wire-sp {
	float:right;
	width:224px;
}
#container article .explan .psd li img {
	margin-left:3px;
	vertical-align:-5px;
}


#container article .image {
	float:left;
	width:400px;
}