/*--------------------------------------------------------------------
common
cssの初期化
--------------------------------------------------------------------*/

* {
	font-family:'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', Osaka, sans-serif;
	margin: 0;
	padding: 0;
	outline:0px none black;
}
html, body {
	font-family:'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', Osaka, sans-serif;
	margin: 0;
	padding: 0;
	font-size: 100%;
}
h1, h2, h3, h4, h5, h6, address, div, blockquote, p, pre, ul, ol, li, dl, dt, dd, hr {
	font-family:'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', Osaka, sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}
table, caption, th, td {
	font-family:'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', Osaka, sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}
span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,
sup, q, br, ins, del, a, img, object, iframe {
	font-family:'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', Osaka, sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: inherit;
	font-size: 100%;
}

/* △△サイト全体設定 */
body {

	font-family:'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', Osaka, sans-serif;
	color:#333333;
	font-size: 12px;
	line-height: 1.6em;
	background-image: url(../../img/common/bgBody.jpg);
}


/*--------------------------------------------------------------------
common
ページ共通部分
--------------------------------------------------------------------*/

body {
	text-align: center;
	margin: 0px;
	padding: 0px;
	background-repeat: repeat-x;
	color: #333333;
	font-size: 12px;
	line-height: 1.6em;
	background-color: #FFFFFF;
	background-image: url(images/bg.jpg);
}

html>/**/body {  
    font-size: 12px;  
}  
 
* + html body {  
    font-family: "メイリオ","Meiryo";  
}  


/* IE7でpadding指定 */
*:first-child+html body {
padding-left: 1px;
}

/* IE6以下でpadding指定 */
*html body {
padding-left: 1px;
}

/*h1のスタイル*/
h1 {
	font-size: x-small;
	font-weight: normal;
	color: #333333;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	padding: 0px;
}

a {
	outline:none;
	color: #333333;
	text-decoration: none;
}

a:hover{
	color: #009EFF;
	text-decoration: underline;
}


p {
	margin: 0px;
	padding: 0px;
}

img {
	vertical-align:bottom;
}

.clear{
clear:both; 
}

#container {
	text-align: left;
	display: block;
	width: 840px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

#header {
	background-image: url(images/header_bg.jpg);
	background-repeat: no-repeat;
	display: block;
	padding: 0px;
	height: 74px;
	width: 840px;
	margin-bottom: 10px;
}

div#header p#header_logo a {
	display:block;
	width:360px;
	height:74px;
	text-indent:-9999px;
}
div#header p#header_logo {
	float:left;
}

div#header p#header_navi1 {
	float:left;
}

/*TOP NAVI*/
#topnavi {
	clear: both;
	padding-bottom: 15px;
	display: block;
	width: 840px;
}

#topnaviL {
	float: left;
	background-image: url(images/unei.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 13px;
	width: 169px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 70px;
	padding: 0px;
}

#topnaviR {
	color: #FFFFFF;
	display: block;
	float: right;
	margin-top: 1px;
	padding-right: 25px;
}

#topnaviR a {
	outline:none;
	color: #FFFFFF;
	text-decoration: none;
}

#topnaviR a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}


/*after擬似クラス使用によるfirefoxの背景画像回り込み対策*/
div#wrapper:after {/*clear*/
	content : "";
	display : block;
	height : 0;
	clear : both;
}

/*wrapperのスタイル*/

div#wrapper {
	width:840px;
	padding: 0px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

/*mainのスタイル*/

div#main {
	float:right;
	width:620px;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}

div#main div#crumbs {
	width:550px;
	font-size:small;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 10px;
	padding: 0;
}

div#main div#crumbs a {
	color: #009EFF;
	text-decoration: none;
}

div#main div#crumbs a:hover {
	color: #009EFF;
	text-decoration: underline;
}


/*サイドメニューのスタイル*/

div#side {
	display:inline;
	float:left;
	width:200px;
	padding: 0px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 0;
}

/*サイドエリア*/
#sideArea {
	margin-bottom: 10px;
}

#sideArea p {
	background-image: url(images/side_area_on.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	padding: 0px;
	height: 180px;
	width: 200px;
	margin: 0px;
}

#sideArea p a {
	background-image: url(images/side_area.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 180px;
	width: 200px;
}

#sideArea p a:hover {
	background-image: url(images/side_area_on.jpg);
	background-repeat: no-repeat;
}

/*見積もり*/
#sideInfo {
	margin-bottom: 10px;
}

#sideInfo p {
	background-image: url(images/side_info_on.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	padding: 0px;
	height: 90px;
	width: 200px;
	margin: 0px;
}

#sideInfo p a {
	background-image: url(images/side_info.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 90px;
	width: 200px;
}

#sideInfo p a:hover {
	background-image: url(images/side_info_on.jpg);
	background-repeat: no-repeat;
}

/*工事履歴　工事の流れ*/
#sideKoji {
	margin-bottom: 10px;
}

#sideKoji1 {
	background-image: url(images/siderireki_on.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	padding: 0px;
	height: 50px;
	width: 200px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#sideKoji1 a {
	background-image: url(images/siderireki.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 50px;
	width: 200px;
}

#sideKoji1 a:hover {
	background-image: url(images/siderireki_on.jpg);
	background-repeat: no-repeat;
}

#sideKoji2 {
	background-image: url(images/side_flow_on.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	padding: 0px;
	height: 50px;
	width: 200px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#sideKoji2 a {
	background-image: url(images/side_flow.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 50px;
	width: 200px;
}

#sideKoji2 a:hover {
	background-image: url(images/side_flow_on.jpg);
	background-repeat: no-repeat;
}

/*業務内容*/
#sideMenu {
	margin-bottom: 10px;
	background-color: #CCCCCC;
}

#sideMenuBox {
	display: block;
	width: 192px;
	margin-left: 4px;
	padding-bottom: 5px;
	padding-top: 5px;
}

#sideMenu1 {
	background-image: url(images/side_kyusui_on.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	padding: 0px;
	height: 52px;
	width: 192px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#sideMenu1 a {
	background-image: url(images/side_kyusui.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 52px;
	width: 192px;
}

#sideMenu1 a:hover {
	background-image: url(images/side_kyusui_on.jpg);
	background-repeat: no-repeat;
}

#sideMenu2 {
	background-image: url(images/side_suidou_on.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	padding: 0px;
	height: 52px;
	width: 192px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#sideMenu2 a {
	background-image: url(images/side_suidou.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 52px;
	width: 192px;
}

#sideMenu2 a:hover {
	background-image: url(images/side_suidou_on.jpg);
	background-repeat: no-repeat;
}

#sideMenu3 {
	background-image: url(images/side_genatu_on.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	padding: 0px;
	height: 52px;
	width: 192px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#sideMenu3 a {
	background-image: url(images/side_genatu.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 52px;
	width: 192px;
}

#sideMenu3 a:hover {
	background-image: url(images/side_genatu_on.jpg);
	background-repeat: no-repeat;
}

#sideKaiin {
	background-image: url(images/side_kaiin_on.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	padding: 0px;
	height: 120px;
	width: 200px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#sideKaiin a {
	background-image: url(images/side_kaiin.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 120px;
	width: 200px;
}

#sideKaiin a:hover {
	background-image: url(images/side_kaiin_on.jpg);
	background-repeat: no-repeat;
}

/*フッター*/
#footer {
	background-image: url(images/footer_bg.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 140px;
	width: 840px;
	margin-bottom: 5px;
}

#footerBox {
	display: block;
	width: 510px;
	margin-left: 300px;
	padding-top: 15px;
}

#footerMenu {
	display: block;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	font-size: 12px;
	line-height: 1.6em;
}

#footerInfo {
	font-size: 12px;
	line-height: 1.6em;
}

#footerInfo u {
	font-style: normal;
	color: #034D8A;
	text-decoration: none;
}

#copylight {
	float: right;
	font-size: x-small;
}

/*--------------------------------------------------------------------
TOPページ
index.html
--------------------------------------------------------------------*/

#top {
	margin-bottom: 20px;
}

/*topBox1*/
#topBox1 {
	margin-bottom: 15px;
}

#topBox1 img {
	margin-bottom: 10px;
}

/*topBox2*/
#topBox2 {
	margin-bottom: 15px;
	margin-top: 10px;
}

.topBannerP {
	display: block;
	width: 190px;
	padding-left: 5px;
}

.topBannerP a {
	outline:none;
	color: #009EFF;
	text-decoration: none;
}


.topBannerP a:hover{
	color: #009EFF;
	text-decoration: underline;
}

#topBox2Box1 {
	display: block;
	float: left;
	width: 200px;
	margin-right: 10px;
}

#topBox2Box2 {
	display: block;
	float: left;
	width: 200px;
	margin-right: 10px;
}

#topBox2Box3 {
	display: block;
	float: right;
	width: 200px;
}

#topBanner1 {
	background-image: url(images/top/kyusui_on.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	padding: 0px;
	height: 140px;
	width: 200px;
	margin: 0px;
}

#topBanner1 a {
	background-image: url(images/top/kyusui.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 140px;
	width: 200px;
}

#topBanner1 a:hover {
	background-image: url(images/top/kyusui_on.jpg);
	background-repeat: no-repeat;
}

#topBanner2 {
	background-image: url(images/top/suidou_on.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	padding: 0px;
	height: 140px;
	width: 200px;
	margin: 0px;
}

#topBanner2 a {
	background-image: url(images/top/suidou.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 140px;
	width: 200px;
}

#topBanner2 a:hover {
	background-image: url(images/top/suidou_on.jpg);
	background-repeat: no-repeat;
}

#topBanner3 {
	background-image: url(images/top/genatu_on.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	padding: 0px;
	height: 140px;
	width: 200px;
	margin: 0px;
}

#topBanner3 a {
	background-image: url(images/top/genatu.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 140px;
	width: 200px;
}

#topBanner3 a:hover {
	background-image: url(images/top/genatu_on.jpg);
	background-repeat: no-repeat;
}

/*topBox3*/
#topBox3 {
	border: 1px solid #034D8A;
	display: block;
	width: 620px;
}

.rirekiBox {
	display: block;
	padding: 20px;
	width: 580px;
	background-image: url(images/rireki_bg.jpg);
	background-repeat: no-repeat;
	margin: 0px;
}

.rirekiTitle {
	background-image: url(images/rireki.jpg);
	padding-left: 90px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	background-repeat: no-repeat;
	font-size: 14px;
	line-height: 27px;
	width: 490px;
	color: #034D8A;
	margin-bottom: 10px;
}

.rirekiTitle u {
	font-style: normal;
	text-decoration: none;
	display: inline;
	padding-right: 10px;
}

.rirekiBox .rirekiBoxL {
	display: block;
	float: left;
	width: 225px;
}

.rirekiBox .rirekiBoxL img {
	width:212px;
	height:auto;
	padding:4px;
	border:#CCC 1px solid;
}

.rirekiBox .rirekiBoxL p {
	margin-bottom: 3px;
	margin-top: 2px;
}

.rirekiBox .rirekiBoxL p a {
	outline:none;
	color: #009EFF;
	text-decoration: none;
}


.rirekiBox .rirekiBoxL p a:hover{
	color: #009EFF;
	text-decoration: underline;
}

.rirekiBox .rirekiBoxR {
	display: block;
	float: right;
	width: 300px;
}

.rirekiBox .rirekiBoxR img {
	width:292px;
	height:auto;
	padding:4px;
	border:#CCC 1px solid;
}

/*--------------------------------------------------------------------
工事履歴ページ
history.html
--------------------------------------------------------------------*/
#history {
	margin-bottom: 20px;
}

/*historyBox1*/
.historyBox1 {
	display: block;
	width: 620px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}

#txtlink {
	display: block;
	width: 620px;
	margin-top: 15px;
	margin-bottom: 15px;
}

#before {
	display: block;
	float: right;
	margin-right: 20px;
}

#next {
	display: block;
	float: right;
	margin-right: 20px;
}

/*--------------------------------------------------------------------
会社案内ページ
company.html
--------------------------------------------------------------------*/
#company {
	margin-bottom: 20px;
}

/*companyBox1*/
#companyBox1 {
	display: block;
	width: 610px;
	margin-top: 10px;
	margin-bottom: 25px;
	margin-left: 5px;
}

#companyBox1L {
	display: block;
	width: 250px;
	float: left;
}

#companyBox1R {
	display: block;
	width: 340px;
	float: right;
}

#companyBox1R h5 {
	font-weight: bold;
	padding-left: 5px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #034D8A;
	margin-bottom: 10px;
}

/*companyBox2*/
.companyBox2 {
	display: block;
	width: 600px;
	margin-top: 10px;
	margin-bottom: 30px;
	margin-left: 10px;
}

/*会社概要*/

.companyBox2 table {
	width:600px;
	margin:0 auto;
}

.companyBox2 table td {
	border-bottom:1px dashed #666666;
	padding:8px 0 8px 12px;
}

.companyBox2 table td p i{
	display: block;
	margin: 0px;
	float: left;
	width: 140px;
	font-weight:bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-style: normal;
}

.companyBox2 table td p u{
	text-decoration: none;
	display: block;
	width: 430px;
	float: left;
}

/*companyBox3*/
#companyBox3 {
	display: block;
	width: 600px;
	margin-top: 10px;
	margin-bottom: 25px;
	margin-left: 10px;
}

#companyBox3L {
	display: block;
	float: left;
	width: 250px;
}

#companyBox3R {
	display: block;
	float: right;
	width: 334px;
}

#companyBox3R h5 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #034D8A;
	font-weight: bold;
}

#companyBox3R p {
	margin-bottom: 15px;
}

#companyBox3R p a {
	outline:none;
	color: #009EFF;
	text-decoration: none;
}

a:hover{
	color: #009EFF;
	text-decoration: underline;
}

/*companyBox4*/
#companyBox4 {
	display: block;
	width: 600px;
	margin-top: 10px;
	margin-bottom: 25px;
	margin-left: 10px;
}

/*--------------------------------------------------------------------
工事の流れページ
flow.html
--------------------------------------------------------------------*/
#flow {
	margin-bottom: 30px;
}

/*flowBox1*/
#flowBox1 {
	display: block;
	margin-bottom: 25px;
}

/*flowBox2*/
#flowBox2 {
	display: block;
	width: 600px;
	margin-top: 10px;
	margin-bottom: 25px;
	margin-left: 10px;
}

#flowBox2 h5 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #034D8A;
	font-weight: bold;
}

#flowBox2 .flowBox2Box {
	display: block;
	margin-bottom: 20px;
}

#flowBox2 .flowBox2Box .flowTxt {
	display: block;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}

#flowBox2 .flowBox2Box .flowTxt u {
	color: #FF0000;
}


#flowBox2 .flowBox2Box .next {
	background-image: url(images/flow/arrow.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 35px;
	width: 86px;
	margin-left: 257px;
}

/*--------------------------------------------------------------------
お問合わせページ
form.html
--------------------------------------------------------------------*/
#form {
	margin-bottom: 20px;
}

/*formBox1*/
#formBox1 {
	display: block;
	width: 600px;
	margin-top: 10px;
	margin-bottom: 25px;
	margin-left: 10px;
}

/*formBox2*/
.formBox2 {
	display: block;
	width: 600px;
	margin-top: 10px;
	margin-bottom: 25px;
	margin-left: 10px;
}

.formBox2 h5 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #034D8A;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}

.formBox2L {
	display: block;
	float: left;
	width: 250px;
}

.formBox2R {
	display: block;
	float: right;
	width: 280px;
}

/*formBox3*/
#formBox3 {
	display: block;
	width: 600px;
	margin-top: 10px;
	margin-bottom: 25px;
	margin-left: 10px;
}

#formBox3 h5 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #034D8A;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}

#formBox3 {
	margin-top: 15px;
	margin-bottom: 40px;
	display: block;
	width: 600px;
}

.formP {
	display: block;
	width: 580px;
	margin-bottom: 20px;
	margin-left: 10px;
}

.formP u {
	font-style: normal;
	color: #FF0000;
	text-decoration: none;
}

.infoBox {
	display: block;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	width: 600px;
}

.infoTitle {
	display: block;
	float: left;
	width: 120px;
}

.infoTitle u {
	font-style: normal;
	color: #FF0000;
	text-decoration: none;
}

.infoText {
	display: block;
	float: right;
	width: 460px;
}

div#sousin {
	text-align: center;
	margin-bottom: 20px;
}

/*--------------------------------------------------------------------
給水バルブの交換ページ
valve.html
--------------------------------------------------------------------*/
#valve {
	margin-bottom: 20px;
}

/*--------------------------------------------------------------------
水道メーターの交換ページ
valve.html
--------------------------------------------------------------------*/
#meter {
	margin-bottom: 20px;
}

/*meterBox1*/
.meterBox1 {
	border: 1px solid #999999;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
	display: block;
	margin-right: 10px;
}

.meterBox1Box {
	display: block;
	width: 560px;
	padding: 20px;
}

.meterBox1Box h5 {
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
	padding-left: 5px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #034D8A;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}

.meterBox1Box p {
	margin-bottom: 5px;
}

.meterBox1Box img {
	margin-top: 15px;
}

.meterBox1BoxInbox {
	display: block;
	margin-top: 15px;
	padding-top: 15px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
}


/*--------------------------------------------------------------------
減圧弁の交換ページ
reducing.html
--------------------------------------------------------------------*/
#reducing {
	margin-bottom: 20px;
}

/*----------------------
交換ページ共通
----------------------*/

/*koukanBox1*/
#koukanBox1 {
	display: block;
	margin-top: 10px;
	margin-bottom: 25px;
	margin-left: 10px;
	width: 600px;
}

/*koukanBox2*/
.koukanBox2 {
	display: block;
	margin-top: 10px;
	margin-bottom: 25px;
	margin-left: 10px;
	width: 600px;
}

.koukanBox2L {
	display: block;
	float: left;
	width: 300px;
}

.koukanBox2R {
	display: block;
	float: right;
	width: 290px;
}

.koukanBox2R p u {
	color: #FF0000;
	text-decoration: none;
}

/*koukanBox3*/
.koukanBox3 {
	background-color: #FCE6E6;
	border: 1px solid #FF6666;
	margin-top: 10px;
	margin-bottom: 15px;
	margin-left: 10px;
	display: block;
	margin-right: 10px;
}

.koukanBox3Box {
	display: block;
	width: 560px;
	padding: 20px;
}

.koukanBox3L {
	display: block;
	float: left;
	width: 264px;
}

.koukanBox3R {
	display: block;
	float: right;
	width: 270px;
}

.koukanBox3R h5 {
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
	padding-left: 5px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #FF6666;
}

.koukanBox3R ul {
	display: block;
}

.koukanBox3R ul li {
	background-image: url(images/dot1.jpg);
	display: block;
	margin-bottom: 10px;
	padding-left: 12px;
	background-repeat: no-repeat;
	list-style-type: none;
}

/*koukanBox4*/
.koukanBox4 {
	display: block;
	margin-bottom: 10px;
	margin-left: 10px;
	width: 600px;
}

/*koukanBox5*/
.koukanBox5 {
	border: 1px solid #999999;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
	display: block;
	margin-right: 10px;
}

.koukanBox5Box {
	display: block;
	width: 560px;
	padding: 20px;
}

.koukanBox5L {
	display: block;
	float: left;
	width: 264px;
}

.koukanBox5R {
	display: block;
	float: right;
	width: 270px;
}

.koukanBox5R h5 {
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
	padding-left: 5px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #034D8A;
}

.koukanBox5R p u {
	color: #034D8A;
	text-decoration: none;
}

/*koukanBox6*/
.koukanBox6 {
	display: block;
	margin-top: 10px;
	margin-bottom: 25px;
	margin-left: 10px;
	width: 600px;
}

.mitumori {
	display: block;
	margin-top: 10px;
	margin-bottom: 25px;
	margin-left: 10px;
	width: 600px;
}

.mitumori p {
	background-image: url(images/mitumori_on.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	padding: 0px;
	height: 100px;
	width: 600px;
	margin: 0px;
}

.mitumori p a {
	background-image: url(images/mitumori.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 100px;
	width: 600px;
}

.mitumori p a:hover {
	background-image: url(images/mitumori_on.jpg);
	background-repeat: no-repeat;
}

/*--------------------------------------------------------------------
ログインTOPページ
login.html
--------------------------------------------------------------------*/

#side_kp {
	background-color: #F7F7F3;
	border: 1px solid #999999;
}

#side_kpBox {
	padding: 10px;
	width: 180px;
}

#side_kpBox form {
	margin-bottom: 25px;
}

#side_kpBox form input {
	margin-bottom: 10px;
}

.loginP1 {
	font-size: 10px;
	color: #009EFF;
	margin-bottom: 10px;
}

/*side login*/
#login_btn {
	background-image: url(images/kaiin/login_btn.jpg);
	background-repeat: no-repeat;
	height: 33px;
	width: 109px;
	margin-bottom: 10px;
	margin-left: 35px;
	border: 0px;
}

#sinki {
	background-image: url(images/kaiin/sinki_btn_on.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	padding: 0px;
	height: 60px;
	width: 180px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#sinki a {
	background-image: url(images/kaiin/sinki_btn.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 60px;
	width: 180px;
}

#sinki a:hover {
	background-image: url(images/kaiin/sinki_btn_on.jpg);
	background-repeat: no-repeat;
}

/*kaiinTop1*/
#kaiinTop1 {
	display: block;
	margin-bottom: 30px;
}

/*kaiinTop2*/
#kaiinTop2 {
	display: block;
	margin-bottom: 20px;
}

#kaiinTop2 img {
	margin-bottom: 10px;
}

#kaiinTop2 p {
	display: block;
	width: 600px;
	margin-left: 10px;
}

/*kaiinTop3*/
#kaiinTop3 {
	display: block;
	margin-bottom: 30px;
}

#kaiinTop3L {
	display: block;
	float: left;
	width: 300px;
}

#kaiinTop3R {
	display: block;
	float: right;
	width: 300px;
	background-image: url(images/kaiin/login_top_img03.jpg);
	background-repeat: no-repeat;
	height: 150px;
}

/*kaiinTop3 下部新規会員登録*/
#sinki2 {
	background-image: url(images/kaiin/sinki_btn2_on.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	padding: 0px;
	height: 38px;
	width: 160px;
	margin-top: 75px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 70px;
}

#sinki2 a {
	background-image: url(images/kaiin/sinki_btn2.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 38px;
	width: 160px;
}

#sinki2 a:hover {
	background-image: url(images/kaiin/sinki_btn2_on.jpg);
	background-repeat: no-repeat;
}

/*--------------------------------------------------------------------
新規会員登録情報入力ページ
user_input.html
--------------------------------------------------------------------*/
#userInput1 {
	display: block;
	margin-bottom: 10px;
}

#userInput1 p {
	display: block;
	width: 600px;
	margin-left: 10px;
	margin-top: 10px;
}

#userInput2 {
	display: block;
	margin-bottom: 10px;
	width: 600px;
	margin-left: 10px;
}

/*--------------------------------------------------------------------
会員TOPページ
user_input.html
--------------------------------------------------------------------*/
/*userTop1*/
#userTop1 {
	display: block;
	margin-bottom: 20px;
}

#userTop1 p {
	display: block;
	width: 600px;
	margin-left: 10px;
	margin-top: 10px;
}

/*userTop2*/
#userTop2 {
	display: block;
	margin-bottom: 20px;
	border: 1px solid #034D8A;
}

#userTop2Box {
	display: block;
	padding: 25px;
	width: 570px;
}

.orderBox {
	display: block;
	width: 570px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}

.orderBoxL {
	display: block;
	float: left;
	width: 230px;
}

.orderBoxR {
	display: block;
	float: right;
	width: 320px;
}

.orderP1 {
	font-size: medium;
	line-height: 1.6em;
	font-weight: bold;
	margin-bottom: 10px;
}

/*sideKbanner*/
#sideKbanner {
	margin-bottom: 15px;
}

#sideKvoice {
	display: block;
	border: 1px solid #999999;
}

#sideKvoiceBox {
	display: block;
	padding: 10px;
	width: 180px;
}

#sideKvoiceBox img {
	margin-bottom: 10px;
}


input ,select{
vertical-align:middle;
}

/*userTop3*/
#userTop3 {
	display: block;
	margin-bottom: 20px;
}

#userTop3 img {
	margin-bottom: 10px;
}

#userTop3 p {
	display: block;
	width: 600px;
	margin-left: 10px;
	margin-bottom: 10px;
}

/*userTopbox3*/
#userTop3box {
	display: block;
	width: 600px;
	margin-left: 10px;
	margin-bottom: 10px;
}

/*--------------------------------------------------------------------
会員サービスページ
step1.html,step2.html,step3.html,step4.html
--------------------------------------------------------------------*/

#kaiinn_crumbs {
	display: block;
	margin-bottom: 10px;
}

#kaiinn_crumbs p a {
	outline:none;
	color: #009EFF;
	text-decoration: none;
}

#kaiinn_crumbs p a:hover{
	color: #009EFF;
	text-decoration: underline;
}


p#step1 {
	background-image: url(images/kaiin/step1_on.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	padding: 0px;
	height: 132px;
	width: 132px;
	margin-top: 0px;
	margin-right: 24px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
}

p#step1 a {
	background-image: url(images/kaiin/step1.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 132px;
	width: 132px;
}

p#step1 a:hover {
	background-image: url(images/kaiin/step1_on.jpg);
	background-repeat: no-repeat;
}

p#step2 {
	background-image: url(images/kaiin/step2_on.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	padding: 0px;
	height: 132px;
	width: 132px;
	margin-top: 0px;
	margin-right: 24px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
}

p#step2 a {
	background-image: url(images/kaiin/step2.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 132px;
	width: 132px;
}

p#step2 a:hover {
	background-image: url(images/kaiin/step2_on.jpg);
	background-repeat: no-repeat;
}

p#step3 {
	background-image: url(images/kaiin/step3_on.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	padding: 0px;
	height: 132px;
	width: 132px;
	margin-top: 0px;
	margin-right: 24px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
}

p#step3 a {
	background-image: url(images/kaiin/step3.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 132px;
	width: 132px;
}

p#step3 a:hover {
	background-image: url(images/kaiin/step3_on.jpg);
	background-repeat: no-repeat;
}

p#step4 {
	background-image: url(images/kaiin/step4_on.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	padding: 0px;
	height: 132px;
	width: 132px;
	float: right;
	margin: 0px;
}

p#step4 a {
	background-image: url(images/kaiin/step4.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 132px;
	width: 132px;
}

p#step4 a:hover {
	background-image: url(images/kaiin/step4_on.jpg);
	background-repeat: no-repeat;
}

.stepTitle1 {
	margin-top: 5px;
	margin-left: 10px;
}

/*userTop4*/
#userTop4 {
	display: block;
	margin-bottom: 20px;
}

/*userTop5*/
#userTop5 {
	display: block;
	margin-bottom: 20px;
}

#userTop5 img {
	margin-bottom: 10px;
}

#userTop5 p {
	display: block;
	width: 600px;
	margin-left: 10px;
	margin-bottom: 10px;
}

/*--------------------------------------------------------------------
STEP1ページ
step1.html
--------------------------------------------------------------------*/

.stepTitle2 {
	margin-bottom: 10px;
}

/*stepBox1*/
.stepBox1 {
	display: block;
	width: 600px;
	margin-left: 10px;
	margin-bottom: 20px;
}

.stepBox1L {
	display: block;
	width: 380px;
	float: left;
}

.stepBox1R {
	display: block;
	width: 200px;
	float: right;
}

/*stepBox2*/
.stepBox2 {
	display: block;
	width: 600px;
	margin-left: 10px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}

.stepBox2L {
	display: block;
	width: 80px;
	float: left;
}

.stepBox2R {
	display: block;
	width: 500px;
	float: right;
}

.stepBox2R h5 {
	font-weight: bold;
	padding-left: 5px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #034D8A;
	margin-bottom: 10px;
}

.stepBox2R p {
	margin-bottom: 10px;
}

.stepBox2R h4 {
	font-weight: bold;
	padding-left: 5px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #006666;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	font-size: 14px;
}

.stepBox2R table {
	font-size: 12px;
	margin-bottom: 15px;
}

.stepBox2R table td {
	padding: 3px;
}

/*ダウンロードアイコン　ワード*/
.dl_w {
	background-image: url(images/kaiin/dl_w_on.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	padding: 0px;
	height: 80px;
	width: 80px;
	margin: 0px;
}

.dl_w a {
	background-image: url(images/kaiin/dl_w.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 80px;
	width: 80px;
}

.dl_w a:hover {
	background-image: url(images/kaiin/dl_w_on.jpg);
	background-repeat: no-repeat;
}

/*ダウンロードアイコン　エクセル*/
.dl_e {
	background-image: url(images/kaiin/dl_e_on.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	padding: 0px;
	height: 80px;
	width: 80px;
	margin: 0px;
}

.dl_e a {
	background-image: url(images/kaiin/dl_e.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 80px;
	width: 80px;
}

.dl_e a:hover {
	background-image: url(images/kaiin/dl_e_on.jpg);
	background-repeat: no-repeat;
}

/*ダウンロードアイコン　PDF*/
.dl_p {
	background-image: url(images/kaiin/dl_p_on.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	padding: 0px;
	height: 80px;
	width: 80px;
	margin: 0px;
}

.dl_p a {
	background-image: url(images/kaiin/dl_p.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 80px;
	width: 80px;
}

.dl_p a:hover {
	background-image: url(images/kaiin/dl_p_on.jpg);
	background-repeat: no-repeat;
}