@charset "UTF-8";

/*--------------------------------------------------------

2009.12.30
(c)UMEZAWA STRUCTURAL ENGINEERS Inc. All rights reserved.

--------------------------------------------------------*/

@import url(global.css);

/* info */
#info { border-top:#666 1px solid; border-bottom:#666 1px solid; margin-bottom:40px; padding:10px; }
.main { float:right; width:650px; }
.main h2 { font-size:14px; font-weight:bold; }
.main li { margin-bottom:5px; }
.sub { float:right; width:200px; }
dl.news { border-top:#666 1px solid; }
.news dt { float:left; margin:20px 10px; }
.news dd { float:left; margin:20px 10px; }


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

/* navi */
.navi li.project10 a       { width: 71px; background-image: url(../images/navi_10.gif); background-position: top left; }
.navi li.project10 a:hover { background-position: 0px -10px; }
.navi li.project05 a       { width: 69px; background-image: url(../images/navi_05.gif); background-position: top left; }
.navi li.project05 a:hover { background-position: 0px -10px; }
.navi li.project00 a       { width: 69px; background-image: url(../images/navi_00.gif); background-position: top left; }
.navi li.project00 a:hover { background-position: 0px -10px; }
.navi li.project95 a       { width: 68px; background-image: url(../images/navi_95.gif); background-position: top left; }
.navi li.project95 a:hover { background-position: 0px -10px; }
.navi li.project90 a       { width: 68px; background-image: url(../images/navi_90.gif); background-position: top left; }
.navi li.project90 a:hover { background-position: 0px -10px; }

#anchor10, #anchor05, #anchor00, #anchor95, #anchor90 {
	text-indent: -9999px;
	display: block;
	width: 100px;
	height: 10px;
	background-repeat: no-repeat;
	background-position: top -12px;
	float: left;
}

#anchor10 { background-image: url(../images/navi_10.gif); }
#anchor05 { background-image: url(../images/navi_05.gif); }
#anchor00 { background-image: url(../images/navi_00.gif); }
#anchor95 { background-image: url(../images/navi_95.gif); }
#anchor90 { background-image: url(../images/navi_90.gif); }

/* project */
#project {
	text-indent: -9999px;
	display: block;
	width: 128px;
	height: 36px;
	margin: 0;
	padding: 0;
	background-image: url(../images/project.gif);
	background-repeat: no-repeat;
	background-position: top left;
	float: left;
}

.projectList {
	display: block;
	width: 897px;
	margin: 0 -1px 0 0;
	padding: 0 0 40px;
	overflow: hidden;
	_zoom: 1;
}

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

.projectList li {
	display: block;
	float: left;
	width: 298px;
	margin-right: 1px;
	padding: 0;
}

.projectList .img {
	width: 298px;
	height: 180px;
	padding: 0 0 10px;
}

.projectList .ttl {
	font-size: 10px;
	display: block;
	width: 298px;
	padding: 0 0 5px 20px;
	background-image: url(../images/arrow.gif);
	background-position: 10px 3px;
	background-repeat: no-repeat;
}

.projectList .txt {
	font-size: 10px;
	display: block;
	width: 298px;
	padding: 0 0 0 20px;
}

/* project detail */
.ttl h2 {
	color: #fff;
	text-align: center;
}

#projectDetail {
	display: block;
	width: 896px;
	border-top: 1px solid #adadad;
}

.credit {
	display: block;
	float: left;
	width: 275px;
	margin: 30px 20px;
	padding: 10px 20px 10px 0px;
	font-size: 10px;
	color: #adadad;
	text-align: left;
	border-right: 1px solid #adadad;
}

.comment {
	display: block;
	float: right;
	width: 520px;
	margin: 30px 20px;
	padding: 10px 0px;
	font-size: 10px;
	color: #adadad;
	text-align: left;
}