@charset "utf-8";

/* CSS Info ================
Description: ProductPage Style
========================= */

/* 共通 */
.lineup {
	width: 100%;
}
.lineup:after {
	clear: both;
	display: block;
	content: " ";
}
.lineup .intro {
	float: left;
	margin: 0 0 10px 0;
	width: 357px;
}
.lineup .intro h3 {
	margin: 0 5px 10px 5px;
	padding: 5px 10px;
	border: solid 1px #cccccc;
	background: url("../../img/bar.jpg") repeat-x 0px 0px;
}
.lineup .intro img {
	float: left;
	margin: 0 10px;
}
.lineup .intro p {
	float: left;
	width: 177px;
}
.lineup .intro ol {
	float: left;
	margin: 20px 0 0 0;
	width: 177px;
}
.lineup .intro ol li {
	margin: 0 0 0 20px;
	list-style: url('../../img/icon.gif');
}

.intromain {
	padding: 0 0 10px 0px;
	width: 100%;
}
.intromain img {
	float: left;
	width: 250px;
}
.intromain div, .intromain div img {
	float: left;
	width: 200px;
}
.intromain p em {
	display: block;
	padding-top: 10px;
	font-size: x-small;
}
.intromain:after {
	clear: both;
	display: block;
	content: " ";
}
.introsub {
	clear: both;
	padding: 0 0 10px 0;
	border: solid 1px #cccccc;
}

.introsub .basic {
	margin: 10px;
}

.intromain2 img {
	float: left;
	width: 169px;
}
.intromain2:after {
	clear: both;
	display: block;
	content: " ";
}

/* 水処理・環境 */
.intromain .system-inner {
	float: right;
	width: 440px;
}
.intromain .system-inner img {
	clear: both;
	width: 440px;
}
.intromain2 .system-inner {
	float: right;
	width: 323px;
}
.intromain2 .system-inner img {
	clear: both;
	width: 323px;
}
.feature {
	margin: 0 10px;
}
.feature li {
	margin: 0 0 5px 20px;
	list-style: disc;
}
.spec {
	margin: 0 20px;
	border-style: solid;
	border-color: #cccccc;
	border-width: 1px 0 0 1px;
}
.spec caption {
	display: none;
}
.spec th, .spec td {
	padding: 3px 5px;
	border-style: solid;
	border-color: #cccccc;
	border-width: 0 1px 1px 0;
}
.spec th {
	background: #9ADDF0;
}
.spec td {
	background: #C3ECF7;
}

h3.pagesubtitle {
	font-size: 110%;
}
img.kaitan-img {
	margin: 5px 0 10px 0;
}
dl.summary {
	margin: 0 10px;
}
dl.summary dt {
	float: left;
	margin: 0 0 5px 10px;
	width: 100px;
}
dl.summary dd {
	margin: 0 0 5px 0;
}
p.summary {
	margin: 0 0 5px 5px;
}
img.summary {
	margin: 0 20px;;
}

p.summary-top {
	margin: 0 0 10px 0;
}

div.introsub-left {
	clear: both;
	margin: 0 20px;
	width: 670px;
}
div.introsub-left:after {
	clear: both;
	display: block;
	content: " ";
}
div.introsub-left img {
	float: left;
}
div.introsub-left p {
	float: right;
	padding: 0px;
	width: 360px;
}
div.introsub-left ol {
	float: right;
	padding: 0px;
	width: 360px;
}
div.introsub-left ol li {
	margin: 0 0 5px 20px;
	list-style: disc;
}

div.introsub-right {
	clear: both;
	margin: 0 20px;
	width: 670px;
}
div.introsub-right:after {
	clear: both;
	display: block;
	content: " ";
}
div.introsub-right img {
	float: right;
}
div.introsub-right p {
	float: left;
	padding: 0px;
	width: 360px;
}

div.kaitan01-top {
	margin: 0 0 10px 0;
	width: 100%;
}
div.kaitan01-top:after {
	clear: both;
	display: block;
	content: " ";
}
div.kaitan01-top img {
	float: left;
	width: 336px;
}
div.kaitan01-top p {
	float: left;
	width: 360px;
}
img.kaitan01-img {
	float: left;
	margin: 0 0 20px 0;
}
ul.kaitan01-feature {
	float: right;
	margin: 30px 0 0 0;
	width: 370px;
}
ul.kaitan01-feature li {
	margin: 0 0 5px 25px;
	list-style: outside decimal;
}

.kaitan02-dl dt {
	margin: 0 0 10px 0;
	font-weight: bold;
}
.kaitan02-left {
	clear: both;
	margin: 0 0 10px 0;
	width: 100%;
}
.kaitan02-left:after {
	clear: both;
	display: block;
	content: " ";
}
.kaitan02-left img {
	float: left;
}
.kaitan02-left p {
	float: right;
	width: 400px;
}
.kaitan02-left dl {
	float: right;
	margin: 10px 0 0 0;
}
.kaitan02-right {
	clear: both;
	margin: 0 0 10px 0;
	width: 100%;
}
.kaitan02-right:after {
	clear: both;
	display: block;
	content: " ";
}
.kaitan02-right img {
	float: right;
}
.kaitan02-right p {
	float: left;
	width: 400px;
}
.kaitan02-right dl {
	float: left;
	margin: 10px 0 0 0;
	width: 400px;
}
.kaitan02-left dl dt, .kaitan02-right dl dt {
	float: left;
	margin: 0 0 5px 0;
	padding: 0 0 0 15px;
	width: 145px;
	background: url('../../img/icon.gif') no-repeat 0px;
}
.kaitan02-left dl dd, .kaitan02-right dl dd {
	float: left;
	margin: 0 0 5px 0;
	width: 240px;
}
h3.systemtitle {
	background: url("../../img/bar.jpg") repeat-x scroll 0 0 transparent;
	border: 1px solid #CCCCCC;
	margin: 10px 0px 20px 0px;
	padding: 5px 10px;
	height: 20px;
}

table.spec td.right {
	text-align: right;
}

div.mizupiclist01 {
	overflow: hidden;
	margin: 5px 0;
	width: 100%;
}
div.mizupiclist01 ul {
	position: relative;
	left: 50%;
	float: left;
}
div.mizupiclist01 ul li {
	position: relative;
	right: 50%;
	float: left;
	margin: 0 10px;
	text-align: center;
}
table.mizustrc {
	margin: 0 0 5px 20px;
	width: 670px;
	border-style: solid;
	border-width: 1px 0 0 1px;
	border-color: #cccccc;
}
table.mizustrc th, table.mizustrc td {
	padding: 3px 5px;
	border-style: solid;
	border-width: 0 1px 1px 0;
	border-color: #cccccc;
}
table.mizustrc th {
	width: 150px;
	background: #9ADDF0;
}
ul.mizuexp {
	margin: 0 10px;
}
ul.mizuexp li {
	padding: 0 0 0 13px;
	background: url("../../img/icon.gif") no-repeat 0;
}

ul.mizupiclist03 {
	width: 100%;
	border: solid 1px #cccccc;
}
ul.mizupiclist03:after {
	clear: both;
	display: block;
	content: " ";
}
ul.mizupiclist03 li {
	float: left;
	margin: 5px;
	width: 225px;
	text-align: center;
}
div.hydromain {
	padding: 0 0 5px 0px;
	width: 100%;
}
div.hydromain img {
	float: left;
	margin: 0 15px 10px 0;
	width: 300px;
}
div.hydromain:after {
	clear: both;
	display: block;
	content: " ";
}

dl.hydrolist {
	margin: 0 25px;
	width: 100%;
}
dl.hydrolist:after {
	clear: both;
	display: block;
	content: " ";
}
dl.hydrolist dt, dl.hydrolist dd {
	float: left;
	padding: 0 5px;
}
dl.hydrolist dd {
	padding: 0 15px 0 5px;
}

/* ネットワーク・ソフトウェア */
.intromain p {
	float: right;
	width: 440px;
}
.funclist {
	width: 100%;
}
.funclist:after {
	clear: both;
	display: block;
	content: " ";
}
.funclist li {
	float: left;
	width: 350px;
}
.funclist li h4 {
	margin: 0 0 5px 10px;
	padding: 5px 5px 5px 5px;
	line-height: 20px;
	background: #f6f6f6;
	text-decoration: underline;
	font-size: 100%;
}
.funclist li h4.mail {
	padding: 5px 5px 5px 45px;
	background: #f6f6f6 url('../software/img/gw_mail.gif') no-repeat 5px;
}
.funclist li h4.schedule {
	padding: 5px 5px 5px 45px;
	background: #f6f6f6 url('../software/img/gw_schedule.gif') no-repeat 10px;
}
.funclist li h4.todo {
	padding: 5px 5px 5px 45px;
	background: #f6f6f6 url('../software/img/gw_todo.gif') no-repeat 8px;
}
.funclist li h4.reserve {
	padding: 5px 5px 5px 45px;
	background: #f6f6f6 url('../software/img/gw_reserve.gif') no-repeat 4px;
}
.funclist li h4.board {
	padding: 5px 5px 5px 45px;
	background: #f6f6f6 url('../software/img/gw_board.gif') no-repeat 5px;
}
.funclist li h4.folder {
	padding: 5px 5px 5px 45px;
	background: #f6f6f6 url('../software/img/gw_folder.gif') no-repeat 5px;
}
.funclist li h4.address {
	padding: 5px 5px 5px 45px;
	background: #f6f6f6 url('../software/img/gw_address.gif') no-repeat 5px;
}
.funclist li h4.info {
	padding: 5px 5px 5px 45px;
	background: #f6f6f6 url('../software/img/gw_info.gif') no-repeat 5px;
}
.funclist li h4.bbs {
	padding: 5px 5px 5px 45px;
	background: #f6f6f6 url('../software/img/gw_bbs.gif') no-repeat 5px;
}
.funclist li h4.enquete {
	padding: 5px 5px 5px 45px;
	background: #f6f6f6 url('../software/img/gw_enquete.gif') no-repeat 5px;
}
.funclist li h4.link {
	padding: 5px 5px 5px 45px;
	background: #f6f6f6 url('../software/img/gw_link.gif') no-repeat 8px;
}
.funclist li h4.fusen {
	padding: 5px 5px 5px 45px;
	background: #f6f6f6 url('../software/img/gw_fusen.gif') no-repeat 2px;
}
.funclist li p {
	margin: 0 0 0 10px;
	min-height: 50px;
	height: auto !important;
	height: 50px;
}
.envilist {
	width: 100%;
}
.envilist:after {
	clear: both;
	display: block;
	content: " ";
}
.envilist dt, .envilist dd {
	float: left;
	padding: 3px;
}
.envilist dt {
	margin: 0 0 0 10px;
	width: 100px;
}
.envilist dd {
	width: 550px;
}
.pamhlet {
	margin: 0 0 0 30px;
}
.worklist {
	margin: 0 30px;
}
.worklist dt {
	margin: 0 0 5px 0;
	font-size: 100%;
	font-weight: bold;
	text-decoration: underline;
}
.worklist dd {
	margin: 0 0 5px 20px;
}
.worklist dd ul li {
	list-style: disc;
}

/* 監視・制御システム */
.linetitle {
	float: right;
	margin: 0 0 5px 0;
	width: 440px;
}
.linewide {
	line-height: 1.5;
}
.introsub p {
	padding: 0 15px;
}
.piclist li {
	width: 225px;
	min-height: 180px;
	height: auto !important;
	height: 180px;
}
.cl {
	clear: both;
}
.ctr {
	text-align: center;
}

/* 修理・メンテナンス */
.maint-img {
	margin: 0 0 10px 0;
	text-align: center;
}

/* 機械工事 */
h4.basic {
	margin: 0 0 10px 10px;;
	padding: 0 5px 0 15px;
	background: url("../../img/icon.gif") no-repeat 0;
}
table.results {
	margin: 0 10px 10px 10px;
	width: 690px;
	border-style: solid;
	border-width: 1px 0 0 1px;
	border-color: #cccccc;
}
table.results caption {
	display: none;
}
table.results th, table.results td {
	padding: 3px 5px;
	border-style: solid;
	border-width: 0 1px 1px 0;
	border-color: #cccccc;
}
table.results th {
	background: #9ADDF0;
	text-align: center;
}
table.results th.w80 {
	width: 80px;
}
table.results th.w120 {
	width: 120px;
}
table.results th.w150 {
	width: 150px;
}
table.results th.w220 {
	width: 220px;
}

/* 産業機械 */
ul.sanki-img {
	margin: 20px;
}
ul.sanki-img:after {
	clear: both;
	display: block;
	content: " ";
}
ul.sanki-img li {
	text-align: center;
	padding: 5px;
}
ul.sanki-img li.ver2Left {
	clear: both;
	width: 325px;
	float: left;
}
ul.sanki-img li.ver2Right {
	width: 325px;
	float: right;
}
ul.sanki-img li.ver3Left {
	clear: both;
	width: 211px;
	float: left;
}
ul.sanki-img li.ver3Center {
	width: 211px;
	float: left;
}
ul.sanki-img li.ver3Right {
	width: 211px;
	float: right;
}

/* 産業機械2 */
div.sankipic {
	clear: both;
	overflow: hidden;
	margin: 0 0 10px 0;
	width: 100%;
}
div.sankipic:after {
	clear: both;
	display: block;
	content: " ";
}
div.sankipic ul {
	position: relative;
	float: left;
	left: 50%;
}
div.sankipic li {
	position: relative;
	float: left;
	right: 50%;
	margin : 0 5px;
	text-align: center;
}
div.sankipic li p {
	margin: 5px 0 0 0;
}

div.sankilist h3 {
	clear: both;
	margin: 0 0 10px 0;
	padding: 7px 10px 4px 10px;
	height: 20px;
	border: solid 1px #cccccc;
	background: url("../../img/bar.jpg") repeat-x scroll 0 0 transparent;
}
div.sankilist h3 span {
	padding: 0 15px;
	background: url("../../img/icon.gif") no-repeat scroll 1px 5px transparent;
}
div.sankilist div.exp {
	margin: 0 0 10px 0;
	width: 100%;
}
div.sankilist div.exp:after {
	clear: both;
	display: block;
	content: " ";
}
div.sankilist div.exp dl {
	float: left;
	margin: 0 0 0 10px;
	width: 500px;
}
div.sankilist div.exp dl dt, div.sankilist div.exp dl dd {
	margin: 0 0 5px 0;
}
div.sankilist div.exp dl dd li {
	margin: 0 0 0 10px;
	padding: 0 0 0 13px;
	background: url("../../img/icon.gif") no-repeat 0;
}
div.sankilist div img {
	float: right;
}
ul.sankianc {
	margin: 0 0 5px;
}
div.sankilist div.memo {
	padding: 0 20px 20px 20px;
}
div.sankilist div.memo:after {
	clear: both;
	display: block;
	content: " ";
}
div.sankilist div.memo ul {
	margin: 0 0 10px;
}
div.sankilist div.memo p.point {
	margin: 10px 0 0;
	border: dotted #CCCCCC;
	border-width: 1px 0 0;
	padding: 10px 0 0;
}
div.sankilist div.list {
	padding: 0 20px 20px 20px;
}
div.sankilist div.list:after {
	clear: both;
	display: block;
	content: " ";
}
div.sankilist div.list dl {
	float: left;
	width: 410px;
}
div.sankilist div.list dl dt {
	margin: 0 0 5px 0;
}
div.sankilist div.list dl dd {
	margin: 0 0 10px 10px;
	padding: 0 0 0 13px;
	background: url("../../img/icon.gif") no-repeat 0;
}
div.sankilist div.list img {
	float: left;
	padding: 0 0 0 5px;
}

/* 省エネ */
div.energy_summary {
	margin: 0 0 10px 0;
	text-align: center;
}
div.energy_summary p {
	margin: 0 0 10px 0;
	text-align: left;
}
div.energy_summary p.cav {
	margin: 0 10px;
	padding: 10px;
	text-decoration: underline;
}
div.energy_summary h4 {
	padding: 5px;
	text-align: left;
	text-decoration: underline;
}
div.energy_summary li {
	text-align: left;
}
dl.energy_flow dt {
	margin: 0 10px;
	line-height: 35px;
	background: #c3ecf7 url("../img/underallow.gif") no-repeat 5px;
}
dl.energy_flow dt strong {
	display: block;
	padding: 0 0 0 38px;
	border: solid 1px #cccccc;
}
dl.energy_flow dd {
	margin: 10px 50px;
}
dl.energy_flow dd li {
	padding: 0 0 0 13px;
	background: url("../../img/icon.gif") no-repeat 0 3px;;
}
ul.energy_system {
	margin: 0 10px;
}
ul.energy_system h4 {
	margin: 0 0 10px 0;
	padding: 0 0 0 38px;
	line-height: 35px;
	border: solid 1px #cccccc;
	background: #FFFF99 url("../img/underallow3.gif") no-repeat 5px;
}
ul.energy_system p {
	font-weight: bold;
	text-decoration: underline;
}
ul.energy_system ul {
	margin: 10px 0;
}
ul.energy_system ul li {
	padding: 0 0 0 13px;
	line-height: 1.5;
	background: url("../../img/icon.gif") no-repeat 0;
}
/* 排水処理診断 */
.drainage_summary {
	margin: 0 0 20px 0;
	text-align: center;
}
.drainage_summary p {
	margin: 0 0 10px 0;
	text-align: left;
}
.drainage_Box {
	clear: both;
	padding: 10px 0 5px 0;
	border: solid 1px #cccccc;
}
dl.drainage_flow dt {
	margin: 0 10px;
	line-height: 35px;
	background: #c3ecf7 url("../img/underallow.gif") no-repeat 5px;
}
dl.drainage_flow dt strong {
	display: block;
	padding: 0 0 0 38px;
	border: solid 1px #cccccc;
}
dl.drainage_flow dd {
	margin: 10px 50px;
}
dl.drainage_flow dd li {
	padding: 0 0 0 13px;
	background: url("../../img/icon.gif") no-repeat 0 3px;;
}
.drainage_Type {
	width: 100%;
}
.drainage_Type:after {
	clear: both;
	display: block;
	content: " ";
}
.drainage_Type .drainage_List {
	float: left;
	width: 350px;
}
.drainage_Type .drainage_List h4 {
	margin: 0 0 5px 10px;
	padding: 5px 5px 5px 5px;
	line-height: 20px;
	background: #f6f6f6;
	text-decoration: underline;
	font-size: 100%;
}
.drainage_Type  .drainage_List ul {
	margin: 0 0 0 20px;
}
.drainage_Type  .drainage_List li {
	margin: 0 0 5px 10px;;
	padding: 0 5px 0 10px;
	background: url("../../img/icon.gif") no-repeat 0;
}
/* 設備診断 */
div.setsubi_summary {
	margin: 0 0 10px 0;
	text-align: center;
}
div.setsubi_summary p {
	margin: 10px 0;
	text-align: left;
}
dl.setsubi_flow dt {
	margin: 0 10px;
	line-height: 35px;
	background: #c3ecf7 url("../img/underallow.gif") no-repeat 5px;
}
dl.setsubi_flow dt strong {
	display: block;
	padding: 0 0 0 38px;
	border: solid 1px #cccccc;
}
dl.setsubi_flow dd {
	margin: 10px 50px;
}
dl.setsubi_flow dd li {
	padding: 0 0 0 13px;
	background: url("../../img/icon.gif") no-repeat 0 3px;;
}

/* ワンストップ */
h3.onestop {
	padding: 0 0 15px;
	font-weight: bold;
	font-size: 130%;
	text-align: center;
}
#flow {
	background: url("../../img/bar.jpg") repeat-x scroll 0 0 transparent;
	border: 1px solid #CCCCCC;
	height: 15px;
	margin: 10px 0 20px;
	padding: 10px 5px;
	text-align: center;
}

#flow ol li {
	display: inline;
	font-weight: bold;
}

#flow ol li a {
	background: url("../../img/arrow.gif") no-repeat scroll right center transparent;
	font-weight: bold;
	margin-right: 7px;
	padding: 5px 15px 5px 0;
}

dl.onestop_flow {
	width: 100%;
}
dl.onestop_flow:after {
	clear: both;
	display: block;
	content: " ";
}
dl.onestop_flow dt {
	margin: 0 10px;
	line-height: 35px;
	background: #c3ecf7 url("../img/underallow.gif") no-repeat 5px;
}
dl.onestop_flow dt strong {
	display: block;
	padding: 0 0 0 38px;
	border: solid 1px #cccccc;
}
dl.onestop_flow dd {
	margin: 10px 0;
	width: 100%;
}
dl.onestop_flow dd:after {
	clear: both;
	display: block;
	content: " ";
}
dl.onestop_flow dd li {
	padding: 0 0 0 20px;
	line-height: 1.6;
	background: url("../../img/icon.gif") no-repeat scroll 5px 7px transparent;
}
dl.onestop_flow dd ul li.baner {
	padding: 0 0 0 5px;
	background: none;
}

dl.onestop_flow dd .w_engi {
	float: left;
	padding: 0 0 0 50px;
	width: 400px;
}

dl.onestop_flow dd .e_engi {
	float: right;
	width: 250px;
}

dl.onestop_flow dd:after {
	clear: both;
	display: block;
	content: " ";
}

/* 開発者の声 */
ul.developers {
	text-align: center;
}
ul.developers li {
	padding: 0 0 15px;
}
/* 開発者の声：逆走 */
div#pagetitle {
	position: relative;
}
div#pagetitle span {
	position: absolute;
	top: 5px;
	right: 10px;
	filter: expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.firstChild.src + ", sizingMethod=scale)");
	width: expression(this.firstChild.clientWidth+"px");
	height: expression(this.firstChild.clientHeight+"px");
}
div#pagetitle span img { visibility: expression("hidden"); }

div.reverse_results h3 {
	width: 545px;
}
div.reverse_results span {
	width: 120px;
	border-style: solid;
	border-width: 0 1px;
	border-color: #cccccc;
	text-align: center;
}
div.reverse_summary {
	width: 100%;
	margin-bottom: 5px;
}
div.reverse_summary:after {
	clear: both;
	display: block;
	content: " ";
}
div.reverse_summary img {
	float: left;
}
div.reverse_summary p {
	float: right;
	margin: 40px 0 0 0;
	width: 405px;
}
p.reverse_description {
	margin: 0 0 10px 0;
}
ul.reverse_results li {
	margin: 0 0 5px 0;
}
ul.reverse_results h4 {
	font-size: 100%;
}
ul.reverse_results dl {
	width: 100%;
}
ul.reverse_results dl:after {
	clear: both;
	display: block;
	content: " ";
}
ul.reverse_results dt {
	clear: both;
	float: left;
	margin: 0 0 0 20px;
	padding: 0 0 0 13px;
	width: 230px;
	line-height: 1.6;
	background: url("../../img/icon.gif") no-repeat 0;
}
ul.reverse_results dd {
	float: left;
	width: 390px;
	line-height: 1.6;
}

/* 診断 */
div.shindan {
	overflow: hidden;
	width: 100%;
}
div.shindan ul {
	position: relative;
	left: 50%;
	float: left;
}
div.shindan ul li {
	position: relative;
	right: 50%;
	float: left;
	padding: 5px;
}