@charset "utf-8";

/* ========================================================
	corporate.css => 会社情報用CSS
======================================================== */



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

	ごあいさつ

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

#greeting {
	font-size: 108%;
}
#greeting p + p {
	margin-top: 1.5em;
}
#greeting p.name {
	margin-top: 0;
	text-align: right;
}

/* 社名の由来
======================================================================================= */
#origin {
	margin: 40px 0 50px;
}
#origin .img {
	text-align: center;
	margin: 80px 0;
}

/* ロゴマークについて
======================================================================================= */
#logo {
	margin: 40px 0 50px;
}
#logo .contents {
	height: 175px;
	padding: 28px 0 0 25px;
	background: url(../images/logo_bg.png) no-repeat;
	zoom: 1;
}
#logo .contents:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; overflow: hidden;
}
#logo .contents p {
	margin-left: 150px;
}
#logo .contents .logo {
	float: left;
	margin: 0;
}

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





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

	会社概要

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

#outline {
}

/* table
======================================================================================= */
#outline table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
#outline table th,
#outline table td {
	padding: 0.8em 1em;
}
#outline table th {
	width: 20%;
}
#outline table .odd th,
#outline table .odd td {
	background-color: #e6e6e6;
}
#outline a {
	color: #0000ff;
}

/* アクセスマップ
======================================================================================= */
#access {
	margin: 40px 0;
}
#access p a {
	color: #0071bc;
}




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

	沿革

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

#history {
	margin-bottom: 50px;
}
#history dt {
	float: left;
	padding-left: 10px;
	border-left: 5px solid #53ba00;
}
#history dd {
	margin-bottom: 1em;
	padding: 0 0 1em 10em;
	border-bottom: 1px dotted #b6b6b6;
}



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

	所有設備一覧

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

#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.html);
}
#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.html) 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;
}