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

.jumbotron{
	background:#3B3B3B url(../img/business/heading.png) no-repeat right top;
}

.steel-frame-work .jumbotron{
	background:#3B3B3B url(../img/business/steel-frame-work/heading.png) no-repeat right top;
}
.civil-engineering .jumbotron{
	background:#3B3B3B url(../img/business/civil-engineering/heading.png) no-repeat right top;
}

.main>.row{
	margin-left:-20px;
	margin-right:-20px;
}
	.main .nav,
	.main .contents{
		padding-left:20px;
		padding-right:20px;
	}

	.main .nav dl{
		margin-bottom:0;
		font-size:1.42857em;
	}
		.main .nav dt{
			font-weight:normal;
		}
		.main .nav dd{
			margin-top:2px;
		}
		.main .nav a{
			display:block;
			border:2px solid #aaa;
			background:#f5f5f5;
			line-height:2.7em;
			position:relative;
			padding-left:18px;
			transition-property:color, border-color, background-color;
		}
		.main .nav a:hover,
		.main .nav a:focus,
		.main .nav .active{
			text-decoration:none;
			background:#DEEEF7;
			border-color:#49A3E0;
		}
		.main .nav .civil-engineering a:hover,
		.main .nav .civil-engineering a:focus,
		.main .nav .civil-engineering .active{
			text-decoration:none;
			background:#F5E6E6;
			border-color:#8C4400;
			color:#8C4400;
		}
			.main .nav .fa{
				position:absolute;
				top:50%;
				right:10px;
				margin-top:-0.5em;
				color:#aaa;
				transition:0.5s;
				transition-property:color;
			}
			.main .nav a:hover .fa,
			.main .nav a:focus .fa,
			.main .nav .active .fa{
				color:#49A3E0;
			}
			.main .nav .civil-engineering a:hover .fa,
			.main .nav .civil-engineering a:focus .fa,
			.main .nav .civil-engineering .active .fa{
				color:#8C4400;
			}
.contents>section{
	margin-bottom:80px;
}

/* index */

.index .main h2{
	border:none;
	background:none;
	font-size:60px;
	text-indent:0;
	letter-spacing:0.2em;
	margin:15px 0 30px;
	line-height:1.4;
}
.index .main h2:before{
	display:none;
}
	.index .steel-frame-work h2 span,
	.index .steel-frame-work .lead{
		color:#4DA4DE;
	}
	.index .civil-engineering h2 span,
	.index .civil-engineering .lead{
		color:#97662B;
	}
.index .main p{
	line-height:1.7;
}
.index .main .lead{
	font-weight:bold;
	margin:0 0 20px;
	line-height:1.6;
	font-size:1.5;
}
.index .main .dl-horizontal{
	margin-top:20px;
}
	.index .main .dl-horizontal dt{
		width:80px;
		height:80px;
		border:solid 2px;
		border-radius:40px;
		text-align:center;
		line-height:80px;
		font-size:1.142857em;
	}
	.index .steel-frame-work .dl-horizontal dt{
		color:#49A3E0;
		border-color:#49A3E0;
	}
	.index .civil-engineering .dl-horizontal dt{
		color:#97672B;
		border-color:#97672B;
	}
	.index .main .dl-horizontal dd{
		font-size:0.857em;
		margin-left:90px;
	}
		.index .main ol{
			list-style:none;
			margin:0;
			padding:0;
			font-weight:bold;
			font-size:1.3333em;
			line-height:2.5;
		}
			.index .main ol li{
				float:left;
				position:relative;
				margin-top:5px;
				margin-right:12px;
				padding:0 4px 0 12px;
			}
			.index .civil-engineering ol li{
				padding-right:30px;
				padding-left:36px;
				letter-spacing:0.8em;
			}
			.index .steel-frame-work ol li{
				/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3fa1e6+0,4aa3e0+100&0+0,0.33+100 */
				background: -moz-linear-gradient(left,  rgba(63,161,230,0) 0%, rgba(74,163,224,0.33) 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(left,  rgba(63,161,230,0) 0%,rgba(74,163,224,0.33) 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(to right,  rgba(63,161,230,0) 0%,rgba(74,163,224,0.33) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003fa1e6', endColorstr='#544aa3e0',GradientType=1 ); /* IE6-9 */
			}
			.index .civil-engineering ol li{
				/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#986724+0,97672b+100&0+0,0.33+100 */
				background: -moz-linear-gradient(left,  rgba(152,103,36,0) 0%, rgba(151,103,43,0.33) 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(left,  rgba(152,103,36,0) 0%,rgba(151,103,43,0.33) 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(to right,  rgba(152,103,36,0) 0%,rgba(151,103,43,0.33) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00986724', endColorstr='#5497672b',GradientType=1 ); /* IE6-9 */
			}
			.index .main ol li:after{
				content:"";
				position:absolute;
				top:0;
				left:100%;
				display:block;
				width:0;
				height:0;
				border-top: 20px solid transparent;
				border-right: 12px solid transparent;
				border-bottom: 20px solid transparent;
				border-left: 12px solid #C3E1F5;
				border-left: 12px solid rgba(74,163,224,0.33);
			}
			.index .steel-frame-work ol li:after{
				border-left: 12px solid #C3E1F5;
				border-left: 12px solid rgba(74,163,224,0.33);
			}
			.index .civil-engineering ol li:after{
				border-left: 12px solid #DDCDB9;
				border-left: 12px solid rgba(151,103,43,0.33);
			}
.index .btn{
	width:80%;
	margin:0 auto;
	border:3px solid;
	font-size:1.7143em;
	border-radius:0;
	position:relative;
	line-height:2.24;
	padding-left:20px;
	font-weight:bold;
	transition:0.5s;
	transition-property:background-color;
}
.index .steel-frame-work .btn{
	border-color:#4EA4DE;
	color:#4CA4DE;
}
.index .civil-engineering .btn{
	border-color:#97672B;
	color:#97672B;
}
.index .steel-frame-work .btn:hover,
.index .steel-frame-work .btn:focus{
	background:#DEEEF7;
}
.index .civil-engineering .btn:hover,
.index .civil-engineering .btn:focus{
	background:#F5E6E6;
}
	.index .btn .fa{
		position:absolute;
		top:50%;
		right:20px;
		margin-top:-0.5em;
	}

/* steel-frame-work, civil-engineering */

.jumbotron h1{
	position:relative;
}
	.jumbotron i{
		font-style:normal;
		font-weight:normal;
		font-size:0.32em;
		position:absolute;
		top:30px;
		left:0;
		line-height:1.2;
		letter-spacing:0.25em;
	}
	.steel-frame-work h1 span{
		color:#4CA4DE;
	}
	.civil-engineering h1 span{
		color:#8B4400;
	}
.steel-frame-work .contents>section{
	margin-bottom:40px;
}

.summary{
	margin-bottom:25px;
	font-size:2.142857em;
}
.achievement{
	margin-bottom:40px;
}
	.achievement h3{
		font-size:1.142857em;
		line-height:2.625;
		color:#fff;
		font-weight:bold;
		padding-left:10px;
		margin-bottom:3px;
	}
	.steel-frame-work .achievement h3{
		background:#42A0E3;
	}
	.civil-engineering .achievement h3{
		background:#8C4400;
	}
		.achievement h3 span,
		.achievement h3 small{
			font-size:0.75em;
		}
		.achievement h3 span{
			font-weight:normal;
			margin-right:1em;
		}
		.achievement h3 small{
			font-size:0.75em;
			color:#fff;
			font-weight:bold;
		}
		.achievement h3 small:before{
			content:"（";
		}
		.achievement h3 small:after{
			content:"）";
		}
	.data{
		margin:0 -1px;
		font-size:1.142857em;
	}
	.data:after{
		content:"";
		display:block;
		clear:both;
	}
		.data div{
			padding-left:1px;
			padding-right:1px;
		}
			.data dl{
				background:#eee;
				padding:5px 10px;
			}
				.data dt{
					font-size:0.75em;
					font-weight:normal;
					display:inline-block;
				}
				.data dd{
					font-size:0.875em;
					display:inline-block;
				}