@charset "utf-8";

/* == news =========================================================================*/
#news .topics {
	margin-top: -.6em;
}
#news .topics dt {
	clear: both; float: left;
	width: 150px;
	padding-top: .6em;
}
#news .topics dd {
	padding: .6em 0 0 150px;
}

/* == profile =========================================================================*/
#profile #prof-img {
	position: absolute;
	left: 340px; top: -130px;
}
#profile #prof-img img {
	width: 240px; height: 240px;
}

#profile .status {
}
#profile .status dt {
	margin-bottom: 40px;
	font-size: 117%;
}
#profile .status dd {
	padding-top: .4em;
}

#profile .history {
	margin-top: 40px;
}
#profile .history dt {
	clear: both; float: left;
	width: 150px;
	padding-top: .4em;
}
#profile .history dd {
	padding: .4em 0 0 150px;
}

/* == works =========================================================================*/
#works .project {
	margin-top: 40px;
}

#works .project-name span {
	display: block;
}
#works .project-name .jp {
	font-size: 117%;
}
#works .project-name .en {
	margin-top: 5px;
	font-family: georgia;
}
#works .project-name a {
	color: #060606;
}
#works .project-name a:not([target=_blank]) .jp:after,
#works .outbound .project-name a[target=_blank] .jp:after {
	content: '';
	margin-left: 1.2em;
	color: #ccc; font-size: 85%; font-weight: normal; font-family: 'Entypo';
}
#works .project-name a:not([target=_blank]) .jp:after { content: '\e86f'; }
#works .project-name a.active:not([target=_blank]) .jp:after { content: '\e872'; }
#works .outbound .project-name a[target=_blank] .jp:after { content: '\e867'; }
#works .project-name a:not([target=_blank]):hover .jp:after,
#works .outbound .project-name a[target=_blank]:hover .jp:after {
	color: #060606;
}


#works .project-base-info {
	font-family: georgia;
}
#works .project-base-info dt {
	float: left;
}
#works .project-base-info dt:after {
	content: ':';
}
#works .project-base-info dd {
	float: left;
	padding-left: .8em;
	margin-right: 2em;
}

#works .project-detail {
	display: none;
	padding-bottom: 80px;
	font-family: georgia, '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'メイリオ', Meiryo, 'MS P明朝', 'MS PMincho', serif;
}
#works .project-detail-info {
	margin-top: 40px;
}
#works .project-detail-info dt {
	clear: both; float: left;
	width: 160px;
	padding-top: .4em;
}
#works .project-detail-info dd {
	padding: .4em 0 0 160px;
}

#works .project-imgs {
	width: 650px;
	margin-top: 40px;
}
#works .project-imgs li {
	float: left;
	position: relative;
	margin-top: 10px;
}
#works .project-imgs li .loading {
	display: block;
	position: absolute;
	left: 50%; top: 50%; z-index: 1;
	width: 20px; height: 20px;
	margin-left: -10px;
	background: url(../img/common/loading.gif);
}
#works .project-imgs li img {
	position: relative;
}
#works .project-imgs li .dummy {
	position: absolute;
	left: 0; top: 0;
}

#works .project-imgs .copyright {
	position: absolute;
	right: 5px; bottom: 5px; z-index: 1;
	font-size: 77%; color: #fff; line-height: 1;
}

#works .notes {
	margin-top: 100px;
	font-size: 92%; color: #888;
}

#works .comment {
	width: 650px;
	margin-top: 60px;
}

#works .comment p {
	margin-top: 1em;
	text-align: justify;
}


/* == office =========================================================================*/
#office .info {
	margin-top: 40px;
}
#office .info dt {
	position: absolute;
	overflow: hidden;
	left: 0; top: 0;
	width: 1px; height: 1px;
}
#office .info dd {
	padding-top: .4em;
}