@charset "utf-8";
/* portfolio */
#port-title {
	width: 710px;
	height: 23px;
	margin: 0 0 0px 20px;
}
#port-title h3 {
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	border: none;
	width: 710px;
	height: 23px;
	display: block;
	cursor: pointer;
}
.t-pinhole {
	background: url(../img/portfolio/hed_port_01.gif) no-repeat;
}
.t-self {
	background: url(../img/portfolio/hed_port_02.gif) no-repeat;
}
.t-hand {
	background: url(../img/portfolio/hed_port_03.gif) no-repeat;
}
.t-samsara {
	background: url(../img/portfolio/hed_port_04.gif) no-repeat;
}
.t-toji {
	background: url(../img/portfolio/hed_port_05.gif) no-repeat;
}
.t-print {
	background: url(../img/portfolio/hed_port_06.gif) no-repeat;
}
#port-text-box {
	margin: 20px 20px 5px 20px;
}
#port-text-box2 {
	margin: 20px 20px 20px 20px;
}
.port-img1 {
	float: left;
	margin: 0 15px 15px 0;
}
.port-img2 {
	float: left;
	margin: 0 15px 5px 0;
}
#port-cate-box, #port-concept-box {
	margin: 0 20px 0 20px;
}
#port-cate-box-l {
	float: left;
	width: 344px;
}
#port-cate-box-r {
	float: right;
	width: 344px;
}
#port-cate-box-ls {
	float: left;
	width: 161px;
}
#port-cate-box-rs {
	float: right;
	width: 161px;
}
#port-cate-box h4 {
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #D4D4D4;
}
.pankuzu {
	margin: 10px 20px 20px 20px;
	color: #999999;
}
.work-text {
	margin: 0px 20px 20px 20px;
}
#port-top-l {
	text-align: center;
	margin-top: 20px;
}

/* pinhole */
#pinhole-box {
	margin: 0 20px 20px 20px;
}
#pinhole-box-l {
	float: left;
	width: 344px;
}
#pinhole-box-r {
	float: right;
	width: 344px;
}
#pinhole-box-ls {
	float: left;
	width: 161px;
	text-align: center;
}
#pinhole-box-rs {
	float: right;
	width: 161px;
	text-align: center;
}
.pinhole-caption {
	text-align: right;
	margin: 10px 0 0 0;
	color: #999999;
}
.pihole-clear {
	clear: both;
	height: 20px;
}

/* self ohara */
#ohara-box, #commen-box {
	margin: 0 20px 0px 20px;
}
.commen-clear {
	clear: both;
	height: 22px;
}


/* hand */
.mr-28 {
	margin-right: 28px;
}
.mr-27 {
	margin-right: 27px;
}

/* to-ji */
.concept-mani-l {
	float: left;
	width: 433px;
}
.concept-mani-r {
	float: right;
	width: 262px;
}
#port-concept-box h4 {
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #D4D4D4;
}
#toji-ins-box {
	margin: 0 20px 20px 20px;
}
#toji-ins-box h4 {
	margin: 0 0 10px 0;
}
.mt27 {
	margin-top: 27px;
}