@charset "utf-8";
/* CSS Document */


#containerindex{padding:0; width:960px; margin:0 auto; background:#fff;}
#footer{margin:15px 15px 0;}

#indexswf{width:560px; height:716px; float:left;}
#indexmain{width:370px; float:right; padding-right:15px;}
#indexlogo{padding:20px 0 20px; text-align:center;}
/*
#indexnavi{background:#ECE5DA; padding:10px; text-align:center;}
#indexnavi a{background:url(../img/index/navi.gif) no-repeat right center; padding-right:17px; margin-right:5px; color:#000;}
#indexnavi a.navirigth{background:url(../img/index/navi2.gif) no-repeat right center;}
#indexnavi a:hover{color:#89223E;}
*/

#indexnavi{
	position:relative;
	overflow:hidden;
	zoom:1;
	margin-right:-3px;
	margin-bottom:10px;
}
#indexnavi ul{
	margin-bottom:0;
}
#indexnavi li{
	float:left;
	width:122px;
	margin:0 2px 2px 0;
}
#indexnavi a{
	display:block;
	width:122px;
	text-align:center;
	line-height:1.66;
	color:#666;
	background:url(../img/index/indexnavi_body.jpg) repeat-x 0 0;
}
#indexnavi a:hover{
	color:#ddd;
	background:url(../img/index/indexnavi_body.jpg) repeat-x 0 -25px;
}


/* information */
#info{padding:15px 0 5px;}
#info #infotitle{clear:both; padding-bottom:5px;}
#info dl{clear:both; border-bottom:1px dotted #A29784; width:370px; padding:6px 0;}
#info dl:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}
#info dl dt{clear:both; float:left; width:75px; color:#c00;}
#info dl dd{float:left; width:290px;}

/* banner */
.indexbanner ul.banner li{
	position:relative;
	clear:both;
	overflow:hidden;
	zoom:1;
	margin-bottom:7px;
}
.indexbanner ul.banner li img.arrow{
	position:absolute;
	right:0;
	bottom:0;
	z-index:5;
}
.indexbanner ul.banner li a{
	position:relative;
	display:block;
	padding:5px 8px;
}
.indexbanner ul.banner li a img{
	border-bottom:1px dotted #fff;
	margin:0 0 2px;
}
.indexbanner ul.banner li a span.text{
	display:block;
	margin-left:3px;
	font-size:11px;
	line-height:1.4;
}
/* banner a */
.indexbanner ul.banner li.aseismic a{
	color:#666;
	border:1px solid #94b99c;
	background:#e4ede6;
}
.indexbanner ul.banner li.newhome a{
	color:#666;
	border:1px solid #b99497;
	background:#eadfe0;
}
.indexbanner ul.banner li.engineering a{
	color:#666;
	border:1px solid #94acb9;
	background:#dfe6ea;
}
/* banner a:hover */
.indexbanner ul.banner li.aseismic a:hover{
	text-shadow:1px 1px 1px #ccc,-1px -1px 1px #ccc,-1px 1px 1px #ccc,1px -1px 1px #ccc;
	-moz-box-shadow:1px 1px 1px #ccc,-1px -1px 1px #ccc,-1px 1px 1px #ccc,1px -1px 1px #ccc;
	-webkit-box-shadow:1px 1px 1px #ccc,-1px -1px 1px #ccc,-1px 1px 1px #ccc,1px -1px 1px #ccc;
	color:#ccc \9;
	border:1px solid #596f5e;
	background:#888d89;
}
.indexbanner ul.banner li.newhome a:hover{
	text-shadow:1px 1px 1px #ccc,-1px -1px 1px #ccc,-1px 1px 1px #ccc,1px -1px 1px #ccc;
	-moz-box-shadow:1px 1px 1px #ccc,-1px -1px 1px #ccc,-1px 1px 1px #ccc,1px -1px 1px #ccc;
	-webkit-box-shadow:1px 1px 1px #ccc,-1px -1px 1px #ccc,-1px 1px 1px #ccc,1px -1px 1px #ccc;
	color:#ccc \9;
	border:1px solid #6f595b;
	background:#8c8686;
}
.indexbanner ul.banner li.engineering a:hover{
	text-shadow:1px 1px 1px #ccc,-1px -1px 1px #ccc,-1px 1px 1px #ccc,1px -1px 1px #ccc;
	-moz-box-shadow:1px 1px 1px #ccc,-1px -1px 1px #ccc,-1px 1px 1px #ccc,1px -1px 1px #ccc;
	-webkit-box-shadow:1px 1px 1px #ccc,-1px -1px 1px #ccc,-1px 1px 1px #ccc,1px -1px 1px #ccc;
	color:#ccc \9;
	border:1px solid #59676f;
	background:#868a8c;
}



/* banner2 */
.indexbanner td{color:#999;font-size:11px; line-height:1.2;}
.indexbanner td img{margin-bottom:2px;}
.indexbanner img{margin-top:5px;}