@charset "utf-8";

/* ========================================================
	special.css => 特殊技術用CSS
======================================================== */



/* =====================================================================================================================

	ワイヤーライン工法の技術革新

===================================================================================================================== */

#innovation {
}

/* ワイヤーライン工法とは
======================================================================================= */
#innovation #about {
	zoom: 1;
}
#innovation #about:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; overflow: hidden;
}
#innovation #about .contents {
	float: left;
	width: 387px;
}
#innovation #about .contents p {
	margin-bottom: 1em;
	margin-right: 30px;
}
#innovation #about .img {
	float: left;
}
#innovation #about dd {
	padding: 3px 0 10px;
	font-size: 93%;
}

/* ワイヤーライン掘削工法
======================================================================================= */
#innovation #excavation {
	margin: 40px 0 50px;
}

/* 3件の特許について
======================================================================================= */
#innovation #patent > .box {
	margin: 20px 0 40px;
	width: 393px;
	height: 206px;
	background: url(../images/patent_box_bg.gif) no-repeat;
}
#innovation #patent > .box dt {
	text-align: center;
	color: #ff0000;
	font-size: 131%;
	line-height: 1.3;
	padding: 30px 0 20px;
	font-weight: bold;
}
#innovation #patent > .box dd {
	padding-left: 15px;
}

#innovation #patent .patent h1 {
	position: relative;
	margin-bottom: 15px;
	padding: 0 0 3px 100px;
	font-size: 139%;
	border-bottom: 1px dotted #b6b6b6;
	zoom: 1;
}
#innovation #patent .patent h1 span {
	position: absolute;
	left: 0;
	top: -3px;
	width: 90px;
	background: url(../images/patent_title_bg.gif) no-repeat;
	text-align: center;
	line-height: 33px;
	color: #0071bc;
}
#innovation #patent .patent01 {
	margin-bottom: 40px;
	zoom: 1;
}
#innovation #patent .patent01:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; overflow: hidden;
}
#innovation #patent .patent01 .contents {
	float: left;
	width: 360px;
}
#innovation #patent .patent01 .img {
	float: right;
	position: relative;
	top: -5px;
}
#innovation #patent .patent01 .img dt {
	margin-bottom: 3px;
	font-size: 93%;
}
#innovation #patent .patent02 {
	margin-bottom: 40px;
}
#innovation #patent .patent03 {
	margin-bottom: 40px;
}
#innovation #patent .patent03 .box {
	position: relative;
	margin-top: 25px;
	height: 305px;
	background: url(../images/patent_img02_bg.gif) no-repeat;
}
#innovation #patent .patent03 .box p {
	padding: 15px 15px 0;
}
#innovation #patent .patent03 .box ol {
	position: absolute;
	left: 465px;
	top: 110px;
	width: 170px;
	font-size: 93%;
}
#innovation #patent .patent03 .box ol li {
	position: relative;
	margin-bottom: 1em;
}
#innovation #patent .patent03 .box ol li span {
	position: absolute;
	left: -26px;
	top: -1px;
}

/* ワイヤーライン工法 詳細資料
======================================================================================= */
#innovation #material {
	margin: 20px 0 50px;
}




/* =====================================================================================================================

	アースエアージェット工法

===================================================================================================================== */

#earth_jet {
}

/* アースエアージェット工法とは
======================================================================================= */
#earth_jet #about {
	margin-bottom: 50px;
}
#earth_jet #about .clearfix {
	margin: 20px 0;
}
#earth_jet #about .contents {
	float: left;
	width: 420px;
}
#earth_jet #about h2 {
	color: #53ba00;
	font-size: 124%;
}
#earth_jet #about p + h2 {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px dotted #b6b6b6;
}
#earth_jet #about .clearfix .img {
	float: right;
	width: 214px;
}
#earth_jet #about .clearfix .img dt img {
	margin-bottom: 5px;
}
#earth_jet #about .clearfix .img dd {
	font-size: 93%;
}

#earth_jet #about > .img {
	background: url(../../common/images/parts/shadow_line.gif) no-repeat;
}
#earth_jet #about > .img p {
	position: relative;
	width: 652px;
	margin: 0 auto;
	background: url(../../common/images/parts/shadow_line.gif) no-repeat bottom;
	padding: 35px 0;
}
#earth_jet #about > .img p a {
	position: absolute;
	top: 64px;
	right: 0;
}

#movieArea {
	margin: 30px 0;
	zoom: 1;
}
#movieArea:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; overflow: hidden;
}
#movieArea dl {
	float: left;
	width: 158px;
}
#movieArea dl + dl {
	padding-left: 9px;
}
#movieArea dt {
	line-height: 1.3;
	margin-bottom: 3px;
}
#movieArea dt span {
	font-size: 84%;
}
#movieArea a {
	display: block;
	text-align: right;
	font-size: 93%;
	color: #0000ff;
}
#movieArea a img {
	margin-bottom: 0.3em;
}
#movieArea a span {
	padding-left: 15px;
	background: url(../earth_jet/images/icon_movie.gif) no-repeat left;
}




/* アースエアージェット工法の特徴
======================================================================================= */
#earth_jet #feature {
	margin-bottom: 50px;
}
#earth_jet #feature section {
	margin-top: 30px;
}
#earth_jet #feature .comparison {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
#earth_jet #feature .comparison th ,
#earth_jet #feature .comparison td {
	text-align: center;
	padding: 0.3em 0.5em;
	border: 1px solid #c8c5bb;
}
#earth_jet #feature .comparison .item {
	background-color: #fdefd1;
	width: 48%;
}
#earth_jet #feature .comparison .conventional {
	background-color: #e9e5e2;
}
#earth_jet #feature .comparison thead .earthjet {
	background-color: #b81c22;
	color: #ffffff;
}
#earth_jet #feature .comparison tbody .earthjet {
	background-color: #f8ebe3;
	color: #b81c22;
	font-size: 134%;
	padding: 0.7em 1em;
}

#earth_jet #feature .range {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
#earth_jet #feature .range th ,
#earth_jet #feature .range td {
	padding: 0.3em 1em;
	border-top: 1px solid #c8c5bb;
	border-bottom: 1px solid #c8c5bb;
	height: 4em;
}
#earth_jet #feature .range th {
	width: 40%;
	background: url(../../common/images/parts/stripe_bg.gif);
}
#earth_jet #feature .range td {
	padding-left: 50px;
	background: url(../earth_jet/images/arrow.gif) no-repeat left;
}
#earth_jet #feature .range td .red {
	color: #b81c22;
}
#earth_jet #feature .range td .blue {
	color: #0071bc;
}

/* アースエアージェット工法の作業の流れ
======================================================================================= */
#earth_jet #flow {
	margin: 20px 0 50px;
}


/* アースエアージェット工法 詳細資料
======================================================================================= */
#earth_jet #material {
	margin: 20px 0 50px;
}