@charset "utf-8";

/* ========================================================
	work.css => 業務内容用CSS
======================================================== */



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

	ボーリング(さく井)工事

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

#boring {
}

/* 温泉掘削工事
======================================================================================= */
#boring #springs {
	margin: 40px 0 50px;
	zoom: 1;
}
#boring #springs:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; overflow: hidden;
}
#boring #springs .contents {
	float: left;
	width: 350px;
}
#boring #springs .contents p + p {
	margin-top: 0.8em;
}
#boring #springs .img {
	float: right;
	width: 285px;
	height: 400px;
	background: url(../images/springs_bg.png) no-repeat;
}
#boring #springs .img a {
	display: block;
	height: 375px;
	padding-top: 25px;
	text-align: center;
	color: #505050;
	text-decoration: none;
}
#boring #springs .img a span {
	display: block;
	padding: 5px 27px 0;
	font-size: 93%;
	text-align: left;
}
#boring #springs .img a:hover {
	text-decoration: underline;
}


/* 水井戸掘削工事
======================================================================================= */
#boring #wells {
	zoom: 1;
}
#boring #wells:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; overflow: hidden;
}
#boring #wells .contents {
	float: left;
	width: 360px;
}
#boring #wells .img {
	float: right;
	width: 264px;
	padding-right: 12px;
}
#boring #wells .img dd {
	padding: 3px 0 10px;
	font-size: 93%;
}

/* より高度な技術による掘削工事
======================================================================================= */
#boring #advanced section {
	margin-bottom: 40px;
	zoom: 1;
}
#boring #advanced section:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; overflow: hidden;
}

#boring #advanced .contents {
	float: left;
	width: 414px;
}

#boring #advanced .img {
	float: right;
}
#boring #advanced dd {
	padding: 3px 0 10px;
	font-size: 93%;
}
#boring #advanced .contents {
	float: left;
	width: 414px;
}





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

	揚水設備設計および施工

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

#pumping_equipment {
}

/* 水井戸揚水設備
======================================================================================= */
#pumping_equipment #wells {
	margin: 40px 0 50px;
	zoom: 1;
}
#pumping_equipment #wells:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; overflow: hidden;
}
#pumping_equipment #wells .contents {
	float: left;
	width: 440px;
}
#pumping_equipment #wells .contents .box {
	margin-top: 20px;
	height: 268px;
	background: url(../pumping_equipment/images/wells_bg.gif) no-repeat;
	font-size: 93%;
}
#pumping_equipment #wells .contents .box dl {
	padding: 15px 14px 0;
}
#pumping_equipment #wells .contents .box dl dt {
	margin-bottom: 5px;
}
#pumping_equipment #wells .contents .box dl dd a {
	display: block;
	text-align: right;
}
#pumping_equipment #wells .contents .box dl dd a span {
	padding: 0 10px;
	background: url(../../common/images/parts/link_arrow.png) no-repeat left;
}
#pumping_equipment #wells .img {
	float: right;
}
#pumping_equipment #wells .img dt {
	font-size: 93%;
	margin-bottom: 8px;
}

/* 温泉揚水設備 / 可燃性ガス対策のコンサルおよびガスセパレーターの販売・施工
======================================================================================= */
#pumping_equipment #springs,
#pumping_equipment #consulting {
	margin: 40px 0;
	zoom: 1;
}
#pumping_equipment #springs:after,
#pumping_equipment #consulting:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; overflow: hidden;
}
#pumping_equipment #springs .contents,
#pumping_equipment #consulting .contents {
	margin: 0 12px 0 290px;
}
#pumping_equipment #springs .img,
#pumping_equipment #consulting .img {
	float: left;
}
#pumping_equipment #springs .img dd,
#pumping_equipment #consulting .img dd {
	padding: 3px 0;
	font-size: 93%;
}

#pumping_equipment #consulting .box {
	clear: both;
	width: 651px;
	height: 254px;
	position: relative;
	background: url(../pumping_equipment/images/bottom_box.gif) no-repeat;
	font-size: 85%;
	zoom: 1;
}
#pumping_equipment #consulting .box:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; overflow: hidden;
}
#pumping_equipment #consulting .box h2 {
	position: absolute;
	right: -20px;
	top: -77px;
}
#pumping_equipment #consulting .box .img {
	float: left;
	padding: 13px 0 0 16px;
}
#pumping_equipment #consulting .box .text {
	padding: 40px 20px 0 450px;
}




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

	坑井の調査・診断および改修工事

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

#wellbore {
}

/* 井戸調査
======================================================================================= */
#wellbore #wells {
	margin: 40px 0 50px;
}
#wellbore #wells .contents {
	margin-top: 30px;
	border-right: 1px dotted #b6b6b6;
	zoom: 1;
}
#wellbore #wells .contents:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; overflow: hidden;
}

#wellbore #wells .contents div {
	position: relative;
	float: left;
	width: 186px;
	padding: 0 16px;
	border-left: 1px dotted #b6b6b6;
}
#wellbore #wells .contents .num {
	position: absolute;
	left: 20px;
	top: -18px;
}
#wellbore #wells .contents dt {
	margin: 0.8em 0 0.4em;
	color: #0071bc;
	font-size: 108%;
}


/* 改修工事
======================================================================================= */
#wellbore #repair {
	margin: 40px 0;
}
#wellbore #repair .contents {
	margin-top: 30px;
	border-left: 1px dotted #b6b6b6;
	border-right: 1px dotted #b6b6b6;
	zoom: 1;
}
#wellbore #repair .contents:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; overflow: hidden;
}
#wellbore #repair .contents div {
	position: relative;
	float: left;
	width: 186px;
	padding: 0 0 0 20px;
}
#wellbore #repair .contents div:first-child {
	border-right: 1px dotted #b6b6b6;
	padding: 0 20px;

}
#wellbore #repair .contents dt {
	margin: 0.8em 0 0.4em;
	color: #0071bc;
	font-size: 108%;
	white-space: nowrap;
}
#wellbore #repair .contents dt span {
	font-size: 77%;
}
#wellbore #repair .contents dd.wide {
	width: 392px;
}
#wellbore #repair .contents .num {
	position: absolute;
	left: 24px;
	top: -18px;
}



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

	所有設備一覧

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

#equipment {
}

#equipment section {
	margin-bottom: 50px;
}

/* table
======================================================================================= */
#equipment table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 93%;
}
#equipment table th ,
#equipment table td {
	text-align: center;
	padding: 0.3em 0.5em;
	border: 1px solid #c8c5bb;
}
#equipment table thead th {
	background-color: #d7ddec;
}
#equipment table tbody th {
	background-color: #ffffed;
}

/* img_area
======================================================================================= */
#equipment .img_area {
	margin-top: 50px;
	zoom: 1;
}
#equipment .img_area:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; overflow: hidden;
}
#equipment .img_area dl {
	float: left;
	font-size: 93%;
}
#equipment .img_area dd {
	padding: 3px 0;
}
#equipment .img_area .camera {
	float: right;
	position: relative;
	top: -6px;
}
#equipment .img_area .camera dt {
	position: absolute;
	left: 10px;
	top: 10px;
}



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

	資源調査

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

#resource_survey {
}

/* 地下水資源
======================================================================================= */
#resource_survey #groundwater {
	margin-bottom: 50px;
	zoom: 1;
}
#resource_survey #groundwater:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; overflow: hidden;
}
#resource_survey #groundwater .contents {
	float: left;
	width: 355px;
}
#resource_survey #groundwater .contents div {
	position: relative;
	margin-top: 26px;
	padding: 9px;
	border: 1px solid #dcd8d9;
	background: url(../resource_survey/images/stripe.gif);
}
#resource_survey #groundwater .contents div .num {
	position: absolute;
	left: 4px;
	top: -20px;
}
#resource_survey #groundwater .contents div dl {
	padding: 10px;
	background-color: #ffffff;
}
#resource_survey #groundwater .contents div dl dt {
	color: #29abe2;
	font-size: 125%;
}
#resource_survey #groundwater .img {
	float: right;
	width: 267px;
}
#resource_survey #groundwater .img dd {
	font-size: 93%;
	padding: 3px 0 0;
}
#resource_survey #groundwater .img .ph {
	position: relative;
	margin-top: 15px;
	zoom: 1;
}
#resource_survey #groundwater .img .ph dd {
	position: absolute;
	top: 205px;
	right: 0;
}

/* 地質観察例
======================================================================================= */
#resource_survey #geothermal {
	margin-bottom: 50px;
}
#resource_survey #geothermal .box {
	width: 603px;
	height: 619px;
	margin-top: 15px;
	padding: 0 24px;
	background: url(../resource_survey/images/geothermal_bg.gif) no-repeat;
}
#resource_survey #geothermal .box h2 {
	padding: 10px 10px;
	font-size: 125%;
	line-height: 1.3;
}
#resource_survey #geothermal .box .row {
	zoom: 1;
}
#resource_survey #geothermal .box .row:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; overflow: hidden;
}
#resource_survey #geothermal dd {
	font-size: 93%;
	padding: 3px 0 10px;
}
#resource_survey #geothermal .box .left {
	float: left;
}
#resource_survey #geothermal .box .right {
	float: right;
}