@charset "utf-8";
	
/*======================================

	77% = 10px	| 	122% = 16px	|	167% = 22px	
	85% = 11px	|	129% = 17px	|	174% = 23px
	92% = 12px	|	136% = 18px	|	182% = 24px
	100% = 13px	|	144% = 19px	|	189% = 25px
	107% = 14px	|	152% = 20px	|	197% = 26px
	114% = 15px	|	159% = 21px	|

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

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

	Reset

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

body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td,em {
   margin:0;
   padding:0;
   font-style:normal;
   list-style:none;
   list-style-type:none;
}

img {
	border:none;
}

/* 文字間を綺麗に詰める場合の設定は下記をお使い下さい
	text-align:justify;
	text-justify: istribute;
*/

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

	Body

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

body {
	margin:0;
	padding:0;
	text-align:center;
	font-size:12px;
	color:#666666;
	line-height:140%;
	background: url(../common/bg.jpg) no-repeat center top;
}

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

	Container

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

div#container {
	width:772px;
	height:auto;
	margin:0 auto;
	background: url(../common/container_bg.gif) repeat-y center top;
}

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

	All Parts

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

.none {
	display:none;
}

.mt_small {
	margin-top:5px;
}

.mt_normal {
	margin-top:10px;
}

.mt_large {
	margin-top:20px;
}

.txt_right {
	text-align:right;
}

.txt_center {
	text-align:center;
}

.f_right {
	float:right;
}

.img_right {
	float:right;
	margin:0 0 20px 10px;
}

.img_left {
	float:left;
	margin:8px 10px 20px 0;
}

.center {
	text-align:center;
}

.line_center {
	text-align:center;
	margin-bottom:15px;
}

.clr {
	clear:both;
}

.mtb_normal {
	clear:both;
	margin-top:13px;
	margin-bottom:12px;
}

.mtb_normal2 {
	clear:both;
	margin-top:13px;
	margin-bottom:12px;
}

*:first-child+html .mtb_normal2 {
	margin-top:-4px;
}

* html .mtb_normal2 {
	margin-top:-4px;
}

.mtb_large {
	margin-top:35px;
	margin-bottom:12px;
}

.pl_large {
	padding-left:19px;
}

.pl_large2 {
	padding-left:19px;
	margin-bottom:5px;
	margin-top:7px;
}

.pl_large3 {
	padding-left:19px;
	margin-bottom:5px;
}

.ml_small {
	margin-left:13px;
}

.mtl_normal {
	margin-left:9px;
	margin-top:15px;
}

.ml_large {
	margin-left:19px;
}

.ml_large2 {
	margin-left:15px;
	font-size:120%;
}

.mt14 {
	margin-top:14px;
}

.mb12 {
	margin-bottom:12px;
}

.mtb_large2 {
	margin-top:18px;
	margin-bottom:14px;
	margin-left:2px;
}
/*======================================

	Txt

=======================================*/
.blue {
	color:#316AC5;
	font-size:120%;
	font-weight:bold;
}

.blue2 {
	color:#316AC5;
	font-size:120%;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:5px;
}

.blue3 {
	color:#3068C2;
	font-size:120%;
	font-weight:bold;
	margin-bottom:6px;
}

.blue4 {
	color:#316AC5;
	font-size:120%;
	font-weight:bold;
	margin-bottom:10px;
}

.red {
	color:#FF0000;
	font-size:120%;
	font-weight:bold;
}

.orange {
	color:#FF6600;
	font-size:120%;
	font-weight:bold;
}

.orange2 {
	color:#FF6600;
}

.txt10 {
	font-size:85%;
}

.ado_txt {
	margin:0 20px 12px 10px;
}

.juridical_txt {
	color:#FF6600;
	font-size:120%;
	font-weight:bold;
}

.red2 {
	color:#FF3300;
	font-weight:bold;
}

.orange3 {
	color:#FF6600;
	margin-top:10px;
}

.orange4 {
	color:#FF6600;
	margin-left:12px;
}

:root .orange4 {
	margin-left:18px;
}

.reform_txt {
	margin:9px 15px 0 7px;
}

.reform_txt2 {
	margin:9px 13px 0 9px;
}

.area_txt {
	font-size:120%;
}

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

	Header

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

div#header {
	text-align:left;
	width:760px;
	height:auto;
	margin:0 auto;
}

.disp {
	width:760px;
	height:auto;
	background-color:#316AC5;
	font-size:92%;
	color:#FFFFFF;
}

.disp:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.disp_l {
	float:left;
	width:450px;
	height:auto;
	padding-left:10px;	
	background-color:#316AC5;
	font-size:92%;
	color:#FFFFFF;
}

.disp_l h1 {
	font-size:11px;
	font-weight:normal;
}

.home {
	float:right;
	background:url(../common/home.jpg) no-repeat 0 0;
	width:150px;
	height:18px;
	background-color:#316AC5;
	font-size:92%;
	color:#FFFFFF;
	margin-right:15px;
	padding-left:10px;
}

html > body .home {
	width:140px;
}

:root .home {
	margin-right:7px;
	width:250px;
}

* html .home {
	margin-right:7px;
} 

.home a {
	text-decoration:none;
	color:#FFFFFF;
}

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

.logo {
	clear:both;
	background:url(../common/logo.jpg) no-repeat 0 0;
	width:760px;
	height:71px;
}

h1 {
}

h1 a {
	display:block;
	width:316px;
	height:67px;
	text-indent:-999em;
	padding-top:4px;
}

#top .h1 a {
	display:block;
	width:316px;
	height:67px;
	text-indent:-999em;
	padding-top:4px;
}

#top .h1 a {
	display:block;
	width:316px;
	height:67px;
	text-indent:-999em;
	padding-top:4px;
}

#top html > body .h1 a {
	height:63px;
}


html > body h1 a {
	height:63px;
}

#top2 .h1 a {
	display:block;
	width:316px;
	height:67px;
	text-indent:-999em;
	padding-top:4px;
}

#top2 .h1 a {
	display:block;
	width:316px;
	height:67px;
	text-indent:-999em;
	padding-top:4px;
}

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

	Contents

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

div#contents {
	width:730px;
	height:auto;
	margin:0 auto;
	padding-bottom:10px;
}

div#contents:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html div#contents {
    height: 1em;
    overflow: visible;
}
/**/

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

	Main Navi

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

div#mnavi {
	float:left;
	width:190px;
	height:auto;
	text-align:left;
}

.mnavi1 {
}

.mnavi1 ul {
}

.mnavi1 li {
	background:url(../common/list_bg.jpg) no-repeat 0 0;
	width:188px;
	height:32px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}

.mnavi1 li a {
	display:block;
	width:188px;
	height:32px;
	padding-top:9px;
	padding-left:18px;
	color:#666666;
	text-decoration:none;
}

html > body .mnavi1 li a {
	width:170px;
	height:23px;
}

.mnavi1 li a:hover {
	text-decoration:underline;
}

.mnavi1 li.bt1 {
	display:block;
	background:url(../common/water_leak.jpg) no-repeat 0 0;
	width:188px!important;
	width:190px;
	height:40px;
	text-indent:-999em;
	padding:0;
}

.mnavi1 li.bt2 {
	background: url(../common/juridical_person.jpg) no-repeat 0 0;
	width:188px!important;
	width:190px;
	height:41px;
	text-indent:-999em;
	padding:0;
}

.mnavi1 li.bt3 {
	background: url(../common/reform.jpg) no-repeat 0 0;
	width:188px!important;
	width:190px;
	height:41px;
	text-indent:-999em;
	padding:0;
}

.mnavi1 li.bt4 {
	background: url(../common/inquiry.jpg) no-repeat 0 0;
	width:188px!important;
	width:190px;
	height:140px;
	text-indent:-999em;
	padding:0;
}

.mnavi2 {
	margin-top:6px;
}

.mnavi2 ul {
}

.mnavi2 li {
	background:url(../common/list2.jpg) no-repeat 0 0;
	width:188px;
	height:27px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}

.mnavi2 li a {
	display:block;
	width:188px;
	height:27px;
	padding-top:6px;
	padding-left:18px;
	color:#666666;
	text-decoration:none;
}

html > body .mnavi2 li a {
	width:170px;
	height:21px;
}

.mnavi2 li a:hover {
	text-decoration:underline;
}

.mnavi2 li.bt5 {
	background:url(../common/list2_1.jpg) no-repeat 0 0;
}

.mnavi2 li.bt5 a {
}

.mnavi2 li.bt6 {
	background:url(../common/office.jpg) no-repeat 0 0;
	width:188px!important;
	width:190px;
	text-indent:-999em;
	padding:0;
}

.mnavi3 {
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding-top:5px;
}

.mnavi3 ul {
}

.mnavi3 li {
	background:url(../common/list3.jpg) no-repeat 0 2px;
	width:188px;
	height:11px;
	margin-bottom:4px;
}

.mnavi3 li a {
	display:block;
	width:188px;
	height:20px;
	padding-left:18px;
	color:#666666;
	text-decoration:none;
}

:root .mnavi3 li {
	margin-bottom:8px;
}

.mnavi3 li.bt7 {
	background:url(../common/list3.jpg) no-repeat 0 2px;
	width:188px;
	height:11px;
	margin-bottom:8px;
}

.mnavi3 li.bt7 a {
	display:block;
	width:188px;
	height:20px;
	padding-left:18px;
	color:#666666;
	text-decoration:none;
}

.mnavi3 li.bt21 {
	background:url(../common/list3.jpg) no-repeat 0 2px;
	width:188px;
	height:11px;
	margin-bottom:5px;
	padding-left:18px;
}

html > body .mnavi3 li.bt21 {
	width:170px;
}

html > body .mnavi3 li a {
	width:170px;
}

.mnavi3 li a:hover {
	text-decoration:underline;
}

.qr {
	background:url(../common/qr.jpg) no-repeat 0 0;
	width:190px;
	height:72px;
	margin-top:3px;
	padding:5px 8px 0 80px;
	font-size:85%;
	margin-bottom:14px;
}

html > body .qr {
	width:102px;
	height:67px;
}

.qr a {
	display:block;
	width:95px;
	height:18px;
	padding:5px 0 0 80px;
	text-indent:-999em;
}

html > body .qr a {
	width:15px;
	height:22px;
}
/*======================================

	Main

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

div#main {
	float:right;
	width:530px;
	height:auto;
	text-align:left;
}

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

	water_leak

=======================================*/
h2.sec1 {
	display: block;
	background:url(../img/water_leak/top.jpg) no-repeat 0 0;
	width:760px;
	height:69px;
	text-indent:-999em;
}

.h3_inner {
	height:auto;
	margin-left:10px;
	margin-bottom:20px;
}

.h3_inner:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .h3_inner {
    height: 1em;
    overflow: visible;
}
/**/

.h3_bg {
	float:left;
	background: url(../img/water_leak/h3_bg.jpg) bottom center;
	width:280px;
	height:auto;
	padding-bottom:50px;
	padding-top:5px;
}

.h3_bg ul {
}

.h3_bg li {
	margin-bottom:5px;
}

.h3_bg2 {
	float:left;
	background: url(../img/water_leak/h3_bg.jpg) bottom center;
	width:280px;
	height:auto;
	padding-bottom:94px;
	padding-top:5px;
}

.h3_bg2 ul {
}

.h3_bg2 li {
	margin-bottom:5px;
}

.h3_bg3 {
	float:left;
	background: url(../img/water_leak/h3_bg.jpg) bottom center;
	width:280px;
	height:auto;
	padding-bottom:72px;
	padding-top:5px;
}

.h3_bg3 ul {
}

.h3_bg3 li {
	margin-bottom:5px;
}

.float_l {
	float:left;
}

h4.sec {
	clear:both;
	background:  url(../img/water_leak/h4_bg.jpg) no-repeat 0 0;
	width:510px;
	height:51px;
	color:#FFFFFF;
	padding:11px 0 0 14px;
	margin-top:7px;
}

html > body h4.sec {
	width:496px;
	height:40px;
}

.h4_bg {
	background:url(../img/water_leak/h4_bot_bg.jpg) bottom center;
	width:510px;
	height:auto;
	padding:0 16px 14px 13px;
}

html > body .h4_bg {
	width:481px;
}

.h4_bot {
	background:url(../img/water_leak/rate.jpg) top no-repeat;
	width:510px;
	height:24px;
}

.h4_bot a {
	display:block;
	width:109px;
	height:23px;
	text-indent:-999em;
	margin-left:391px;
}

.water_etc {
	width:510px;
	height:auto;
	padding:0 0 0 11px;
}

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

	company

=======================================*/
h2.sec2 {
	display: block;
	background:url(../img/company/top.jpg) no-repeat 0 0;
	width:760px;
	height:69px;
	text-indent:-999em;
}

.com_table {
	margin:0 0 10px 10px;
	border-left:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
}

* html .com_table {
	font-size:90%;
} 

.com_table th {
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}

.com_table td {
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}

.com_table th.bt8 {
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	background-color:#F0F8FD;
	width:125px;
	height:auto;
	margin:1px;
	padding:6px 0 5px 16px;
	text-align:left;
}

html > body .com_table th.bt8 {
	width:109px;
}

.company_tr2 {
	width:125px;
	margin:1px;
	background-color:#F0F8FD;
	padding:8px 0 5px 16px;
}

html > body .company_tr2 {
	width:109px;
}

.company {
	margin:8px 0 22px 28px;
}

.company dl {
}

.company dt {
	width:130px;
	display:block;
	margin-bottom:13px;
	float:left;
}

.company dd {
	display:block;
	margin-bottom:13px;
}

.access {
	width:510px;
	height:auto;
	margin:0 0 0 10px;
	padding:20px 20px 20px 21px;
	border:1px solid #CCCCCC;
}

html > body .access {
	width:469px;
}

.access:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.access_l {
	float:left;
	width:195px;
	height:auto;
	margin-left:5px;
	margin-top:20px;
}

.access_r {
	float:left;
	width:260px;
	height:auto;
	margin-top:20px;
}

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

	rate

=======================================*/
h2.sec3 {
	display: block;
	background:url(../img/rate/top.jpg) no-repeat 0 0;
	width:760px;
	height:69px;
	text-indent:-999em;
}

.rate {
	width:510px;
	height:auto;
	margin-left:10px;
}

.rate a {
	color:#666666;
}

.rate a:hover {
	color:#FF6600;
}

.rate_table {
	border-left:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	margin-bottom:20px;
	margin-top:12px;
}

* html .rate_table {
	font-size:90%;
} 

.rate_table tr {
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}

.rate_table td {
	border-right:1px solid #CCCCCC;
	background:url(../img/rate/line1.jpg) bottom repeat-x;
	width:auto;
	height:auto;
	padding:7px 0 6px 0;
}

.rate_table th.bt9 {
	border-right:1px solid #CCCCCC;
	background:none;
	border-bottom:1px solid #CCCCCC;
	padding:0;
}

.rate_table th.bt10 {
	width:128px;
	border-right:1px solid #CCCCCC;
	background:none;
	border-bottom:1px solid #CCCCCC;
	padding:0;
	background-color:#F0F8FD;
	padding-top:8px;
	text-align:center;
}

.rate_table td.bt11 {
	border-right:1px solid #CCCCCC;
	background:none;
	border-bottom:1px solid #CCCCCC;
	padding:7px 0 6px 19px;
}

.rate_table td.bt14 {
	border-right:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	background:url(../img/rate/line1.jpg) bottom repeat-x;
	padding-left:19px;
}

.rate_top {
	background-color:#316AC5;
	margin:1px;
	width:128px;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
	padding-top:8px;
	padding-bottom:7px;
}

.rate_top2 {
	background-color:#316AC5;
	margin:1px;
	width:262px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	padding-top:8px;
	padding-bottom:7px;
}

.rate_top3 {
	background-color:#316AC5;
	margin:1px;
	width:116px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	padding-top:8px;
	padding-bottom:7px;
}

.rate_tr2 {
	width:128px;
	height:200px;
	text-align:center;
	margin:1px;
	background-color:#F0F8FD;
	padding-top:7px;
}

.rate_tr3 {
	width:128px;
	height:170px;
	text-align:center;
	margin:1px;
	background-color:#F0F8FD;
	padding-top:7px;
}

.rate2 {
	width:513px;
	height:auto;
	clear:both;
	margin-top:13px;
	margin-left:10px;
}

.rate2:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .rate2 {
    height: 1em;
    overflow: visible;
}
/**/


.rate_l {
	float:left;
	width:178px;
	height:auto;
}

.rate_r {
	float:right;
	background:url(../img/rate/bg.jpg) no-repeat 0 0;
	width:335px;
	width:330px!important;
	height:128px;
	padding-top:8px;
}

html > body .rate.r {
	height:120px;
}

.rate_r2 {
	float:right;
	width:335px;
	width:330px!important;
	height:auto;
}

.ff {
	background-color:#FFFFFF;
}

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

	hokkaido

=======================================*/
h2.sec4 {
	display: block;
	background:url(../img/hokkaido/top.jpg) no-repeat 0 0;
	width:760px;
	height:69px;
	text-indent:-999em;
}

.hokkaido_map {
	background:url(../img/hokkaido/map1.jpg) no-repeat 0 0;
	width:484px;
	height:234px;
	padding:124px 0 0 300px;
	margin-left:26px;
	text-align:center;
}

html > body .hokkaido_map {
	width:184px;
	height:110px;
}

.touhoku_map {
	background:url(../img/hokkaido/map2.jpg) no-repeat 0 0;
	width:484px;
	height:234px;
	padding:124px 0 0 300px;
	margin-left:26px;
	text-align:center;
}

html > body .touhoku_map {
	width:184px;
	height:110px;
}

.kantou_map {
	background:url(../img/hokkaido/map3.jpg) no-repeat 0 0;
	width:484px;
	height:234px;
	padding:124px 0 0 300px;
	margin-left:26px;
	text-align:center;
}

html > body .kantou_map {
	width:184px;
	height:110px;
}

.chubu_map {
	background:url(../img/hokkaido/map4.jpg) no-repeat 0 0;
	width:484px;
	height:234px;
	padding:124px 0 0 300px;
	margin-left:26px;
	text-align:center;
}

html > body .chubu_map {
	width:184px;
	height:110px;
}

.kinki_map {
	background:url(../img/hokkaido/map5.jpg) no-repeat 0 0;
	width:484px;
	height:234px;
	padding:124px 0 0 300px;
	margin-left:26px;
	text-align:center;
}

html > body .kinki_map {
	width:184px;
	height:110px;
}

.chugoku_map {
	background:url(../img/hokkaido/map6.jpg) no-repeat 0 0;
	width:484px;
	height:234px;
	padding:124px 0 0 300px;
	margin-left:26px;
	text-align:center;
}

html > body .chugoku_map {
	width:184px;
	height:110px;
}

.shikoku_map {
	background:url(../img/hokkaido/map7.jpg) no-repeat 0 0;
	width:484px;
	height:234px;
	padding:124px 0 0 300px;
	margin-left:26px;
	text-align:center;
}

html > body .shikoku_map {
	width:184px;
	height:110px;
}

.kyushu_map {
	background:url(../img/hokkaido/map8.jpg) no-repeat 0 0;
	width:484px;
	height:234px;
	padding:124px 0 0 300px;
	margin-left:26px;
	text-align:center;
}

html > body .kyushu_map {
	width:184px;
	height:110px;
}

h4.area_top {
	background:url(../img/hokkaido/area_top.jpg) no-repeat 0 0;
	width:508px;
	height:42px;
	padding:15px 0 0 10px;
	margin:10px 0 0 10px;
	border-left:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	color:#316AC5;
	font-size:120%;
	font-weight:bold;
}

html > body h4.area_top {
	width:498px;
	height:27px;
}

.area_bottom {
	background:url(../img/hokkaido/bg.jpg) repeat;
	width:508px;
	height:auto;
	padding:0 7px 8px 9px;
	border-left:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	margin-left:10px;
}

html > body .area_bottom {
	width:492px;
}

.area_bottom:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.area_bottom ul {
	display:block;
	float:left;
	width:123px;
	margin-bottom:10px;
}

.area_bottom li {
}

.area_bottom ul.list_none {
	width:120px;
	padding-left:5px;
}

html > body .area_bottom ul.list_none {
	width:115px;
}

.area_bottom li {
}

.area_inner {
	clear:both;
	width:auto;
	height:auto;
	padding-bottom:20px;
}

* html .area_inner {
	padding-bottom:0px;
	margin-bottom:0px;
} 

html > body .area_inner {
	padding-bottom:0px;
}

:root .area_inner {
	padding-bottom:5px;
}

.area_inner:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .area_inner {
    height: 1em;
    overflow: visible;
}
/**/

h5.a {
	background:url(../img/hokkaido/a.jpg) no-repeat 0 0;
	width:490px;
	height:18px;
	text-indent:-999em;
	margin-bottom:10px;
}

h5.ka {
	clear:both;
	background:url(../img/hokkaido/ka.jpg) no-repeat 0 0;
	width:490px;
	height:18px;
	text-indent:-999em;
	margin-bottom:10px;
}

h5.sa {
	clear:both;
	background:url(../img/hokkaido/sa.jpg) no-repeat 0 0;
	width:490px;
	height:18px;
	text-indent:-999em;
	margin-bottom:10px;
}

h5.ta {
	clear:both;
	background:url(../img/hokkaido/ta.jpg) no-repeat 0 0;
	width:490px;
	height:18px;
	text-indent:-999em;
	margin-bottom:10px;
}

h5.na {
	clear:both;
	background:url(../img/hokkaido/na.jpg) no-repeat 0 0;
	width:490px;
	height:18px;
	text-indent:-999em;
	margin-bottom:10px;
}

h5.ha {
	clear:both;
	background:url(../img/hokkaido/ha.jpg) no-repeat 0 0;
	width:490px;
	height:18px;
	text-indent:-999em;
	margin-bottom:10px;
}

h5.ma {
	clear:both;
	background:url(../img/hokkaido/ma.jpg) no-repeat 0 0;
	width:490px;
	height:18px;
	text-indent:-999em;
	margin-bottom:10px;
}

h5.ra_wa {
	clear:both;
	background:url(../img/hokkaido/ra_wa.jpg) no-repeat 0 0;
	width:490px;
	height:18px;
	text-indent:-999em;
	margin-bottom:10px;
}

h5.ya {	
	clear:both;
	background:url(../img/hokkaido/ya.jpg) no-repeat 0 0;
	width:490px;
	height:18px;
	text-indent:-999em;
	margin-bottom:10px;
}


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

	cooperation

=======================================*/
h2.sec5 {
	display: block;
	background:url(../img/cooperation/top.jpg) no-repeat 0 0;
	width:760px;
	height:69px;
	text-indent:-999em;
}

.cooperation {
	width:510px;
	height:auto;
	margin-left:10px;
}

.duties_top {
	background:url(../img/cooperation/bg2.jpg) 0 0 no-repeat;
	width:490px;
	height:38px;
	padding:15px 0 0 13px;
	margin:15px 0 0 9px;
}

html > body .duties_top {
	width:477px;
	height:23px;
}

.duties_bottom {
	background:url(../img/cooperation/bg2.jpg) bottom no-repeat;
	width:490px;
	height:auto;
	padding:0 0 13px 13px;
	margin:0 0 24px 9px;
}

html > body .duties_bottom {
	width:477px;
}

.duties_bottom ul {
	padding-left:17px;
}

.duties_bottom li {
	list-style:disc;
}

.table {
	text-align:left;
	border:1px solid #CCCCCC;
}

.table_td {
	margin:1px 1px 0 1px;
	background-color:#F2F2F2;
	padding:11px 0 10px 18px;
	height:41px;
}

html > body .table_td {
	height:20px;
}

:root .table_td {
	padding:10px 0 10px 18px;
	height:21px;
}

.table_td2 {
	margin:1px 1px 0 1px;
	background-color:#F2F2F2;
	padding:7px 0 10px 18px;
	height:41px;
}

html > body .table_td2 {
	height:24px;
}

.table_td3 {
	margin:1px 1px 0 1px;
	padding:2px 0 10px 18px;
}

:root .table_td3 {
	padding:0px 0 15px 18px;
}

.table_td4 {
	margin:1px 1px 0 1px;
	padding:7px 0 10px 18px;
}

.table_td5 {
	margin:1px 1px 0 1px;
	background-color:#F2F2F2;
	padding:14px 0 10px 18px;
	height:52px;
}

html > body .table_td5 {
	height:23px;
}

:root .table_td5 {
	padding:10px 0 10px 18px;
	height:27px;
}

.table_td15 {
	margin:1px 1px 0 1px;
	padding:11px 0 10px 18px;
}

.table_td6 {
	margin:1px 1px 0 1px;
	background-color:#F2F2F2;
	padding:7px 0 10px 26px;
	height:47px;
}

html > body .table_td6 {
	height:30px;
}

:root .table_td6 {
	padding-left:30px;
}

.table_td7 {
	margin:1px 1px 0 1px;
	background-color:#F2F2F2;
	padding:11px 0 10px 18px;
	height:41px;
}

html > body .table_td7 {
	height:18px;
}

:root .table_td7 {
	padding:14px 0 10px 18px;
	height:15px;
}

.table_td8 {
	margin:1px 1px 0 1px;
	background-color:#F2F2F2;
	padding:7px 0 10px 27px;
}

:root .table_td8 {
	padding:11px 0 11px 30px;
}

.table_td16 {
	margin:1px 1px 0 1px;
	padding:17px 0 10px 18px;
}

:root .table_td16 {
	padding:13px 0 15px 18px;
}

html > body .table_td16 {
	padding:10px 0 10px 18px;
}

.table_td9 {
	margin:1px 1px 0 1px;
	background-color:#F2F2F2;
	padding:7px 0 10px 19px;
}

:root .table_td9 {
	padding:11px 0 11px 18px;
}

.table_td10 {
	margin:1px 1px 0 1px;
	padding:11px 0 10px 18px;
	height:41px;
}

html > body .table_td10 {
	height:18px;
	padding:14px 0 10px 18px;
}

:root .table_td10 {
	padding:18px 0 15px 18px;
}

.table_td11 {
	margin:1px 1px 0 1px;
	padding:10px 0 10px 27px;
}

html > body .table_td11 {
	padding:7px 0 10px 27px;
}

:root .table_td11 {
	padding:11px 0 11px 30px;
}

.table_td12 {
	margin:1px 1px 0 1px;
	background-color:#F2F2F2;
	padding:14px 0 10px 18px;
	height:52px;
}

html > body .table_td12 {
	height:23px;
}

:root .table_td12 {
	padding:10px 0 16px 18px;
	height:23px;
}

.table_td13 {
	margin:1px 1px 0 1px;
	background-color:#F2F2F2;
	padding:7px 0 10px 18px;
	height:47px;
}

html > body .table_td13 {
	height:30px;
}

.table_td14 {
	margin:0 1px 1px 1px;
	background-color:#F2F2F2;
	padding:12px 0 10px 0;
	text-align:center;
}

.table_td17 {
	margin:1px 1px 0 1px;
	padding:11px 0 10px 18px;
	height:41px;
}

html > body .table_td17 {
	height:18px;
}

:root .table_td17 {
	padding:21px 0 15px 18px;
}

* html .table_td,
* html .table_td3,
* html .table_td5,
* html .table_td7,
* html .table_td10,
* html .table_td15,
* html .table_td16,
* html .table_td17,
* html .table_td12 {
	font-size:90%;
} 

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

	adoption

=======================================*/
h2.sec6 {
	display: block;
	background:url(../img/adoption/top.jpg) no-repeat 0 0;
	width:760px;
	height:69px;
	text-indent:-999em;
}

.adoption {
	margin-bottom:10px;
}

.adoption ol {
	padding-left:23px;
}

.adoption li {
	list-style:decimal;
}

.adoption_top {
	background-color:#316AC5;
	margin:1px;
	width:auto;
	color:#FFFFFF;
	font-weight:bold;
	padding:8px 0 7px 10px;
}

.com_table td.bt12 {
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding:5px 15px 7px 19px;
}

.com_table td.bt13 {
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding-left:19px;
}
/*======================================

	juridical_person

=======================================*/
h2.sec7 {
	display: block;
	background:url(../img/juridical_person/top.jpg) no-repeat 0 0;
	width:760px;
	height:69px;
	text-indent:-999em;
}

.juridical_person {
	margin-left:12px;
	margin-right:20px;
}

.trouble_top {
	background:url(../img/juridical_person/bg.jpg) top center;
	width:490px;
	height:auto;
	padding:19px 0 2px 15px;
	margin-top:19px;
}

.trouble_top:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

html > body .trouble_top {
	width:475px;
}

.trouble_top ul {
	float:left;
	padding-left:15px;
}

:root .trouble_top ul {
	padding-left:8px;
}

.trouble_top li {
	list-style: disc;
	padding-right:7px;
}

.trouble_bottom {
	clear:both;
	background:url(../img/cooperation/bg_bot.jpg) bottom center;
	width:490px;
	height:auto;
	padding-top:10px;
}

* html .trouble_bottom {
	height:10px;
}

.trouble_bottom hr {
	display:none;
}

.juridical2 {
}

.juridical_l {
	float:left;
	width:278px;
	height:auto;
	margin-left:12px;
	padding-right:19px;
}

html > body .juridical_l {
	width:258px;
}

* html .juridical_l {
	margin-left:6px;
}

.juridical_r {
	float:left;
	width:230px;
	height:auto;
}

:root .juridical_r {
	padding-bottom:10px;
}

.juridical2:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

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

	flow

=======================================*/
h2.sec8 {
	display: block;
	background:url(../img/flow/top.jpg) no-repeat 0 0;
	width:760px;
	height:69px;
	text-indent:-999em;
}

.relief {
	margin-bottom:15px;
}

.relief:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.relief1 {
	float:left;
	background:url(../img/flow/relief1.jpg) no-repeat 0 0;
	width:181px;
	height:288px;
	padding:168px 24px 0 27px;
}

html > body .relief1 {
	width:130px;
	height:120px;
}

:root .relief1 {
	padding:168px 17px 0 23px;
	width:141px;
}

.relief2 {
	float:left;
	background:url(../img/flow/relief2.jpg) no-repeat 0 0;
	width:177px;
	height:288px;
	padding:168px 25px 0 30px;
}

html > body .relief2 {
	width:119px;
	height:120px;
}

:root .relief2 {
	padding:168px 25px 0 26px;
	width:126px;
}

.relief3 {
	float:left;
	background:url(../img/flow/relief3.jpg) no-repeat 0 0;
	width:172px;
	height:288px;
	padding:168px 19px 0 24px;
}

html > body .relief3 {
	width:129px;
	height:120px;
}

:root .relief3 {
	padding:168px 15px 0 28px;
}

.flow1 {
	background:url(../img/flow/bg1.jpg) no-repeat 0 0;
	width:520px;
	height:91px;
	padding:15px 0 0 72px;
}

html > body .flow1 {
	width:448px;
	height:76px;
}

.flow2 {
	background:url(../img/flow/bg2.jpg) no-repeat 0 0;
	width:520px;
	height:101px;
	padding:24px 0 0 72px;
}

html > body .flow2 {
	width:448px;
	height:77px;
}

.flow3 {
	background:url(../img/flow/bg3.jpg) no-repeat 0 0;
	width:520px;
	height:155px;
	padding:24px 20px 0 72px;
}

html > body .flow3 {
	width:428px;
	height:131px;
}

.flow4 {
	background:url(../img/flow/bg4.jpg) no-repeat 0 0;
	width:520px;
	height:101px;
	padding:24px 0 0 72px;
}

html > body .flow4 {
	width:448px;
	height:77px;
}

.flow5 {
	background:url(../img/flow/bg5.jpg) no-repeat 0 0;
	width:520px;
	height:98px;
	padding:24px 0 0 72px;
}

html > body .flow5 {
	width:448px;
	height:74px;
}

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

	reform

=======================================*/
h2.sec9 {
	display: block;
	background:url(../img/reform/top.jpg) no-repeat 0 0;
	width:760px;
	height:69px;
	text-indent:-999em;
}

.reform {
	background:url(../img/reform/bg1.jpg) no-repeat 0 0;
	width:501px;
	height:95px;
	padding:12px 0 0 13px;
	margin-bottom:22px;
}

html > body .reform {
	width:488px;
	height:83px;
}

.reform2 {
	width:510px;
	height:auto;
	margin-left:10px;
}

.reform2 a {
	color:#FF6600;
	text-decoration:none;
	font-weight:bold;
}

.reform2 a:hover {
	color:#FF6600;
	text-decoration:underline;
	font-weight:bold;
}

.reform2:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .reform2 {
    height: 1em;
    overflow: visible;
}
/**/

.reform2_l {
	float:left;
	width:240px;
	height:auto;
}

.reform2_r {
	float:right;
	width:240px;
	height:auto;
}
/*======================================

	Top Page

=======================================*/
.h2_restroom {
	float:left;
	background:url(../img/top/h2_restroom.jpg) no-repeat 0 0;
	width:260px;
	height:auto;
	border:1px solid #CCCCCC;
	padding:44px 10px 0 104px;
	margin-right:5px;
	margin-bottom:10px;
}

html > body .h2_restroom {
	width:146px;
}

.h2_restroom a {
	display:block;
	color:#666666;
	text-decoration:none;
}

.h2_restroom a:hover {
	text-decoration:underline;
}

.h2_restroom:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .h2_restroom {
    height: 1em;
    overflow: visible;
}
/**/

.h2_water_service {
	float:left;
	background:url(../img/top/h2_water_service.jpg) no-repeat 0 0;
	width:260px;
	height:auto;
	border:1px solid #CCCCCC;
	padding:44px 10px 0 104px;
	margin-bottom:10px;
}

html > body .h2_water_service {
	width:146px;
}

.h2_water_service a {
	display:block;
	color:#666666;
	text-decoration:none;
}

.h2_water_service a:hover {
	text-decoration:underline;
}

.h2_water_service:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .h2_water_service {
    height: 1em;
    overflow: visible;
}
/**/

.h2_pipe {
	clear:both;
	float:left;
	background:url(../img/top/h2_pipe.jpg) no-repeat 0 0;
	width:260px;
	height:auto;
	border:1px solid #CCCCCC;
	padding:44px 10px 0 104px;
	margin-bottom:10px;
	margin-right:5px;
}

html > body .h2_pipe {
	width:146px;
}

.h2_pipe a {
	display:block;
	color:#666666;
	text-decoration:none;
}

.h2_pipe a:hover {
	text-decoration:underline;
}

.h2_pipe:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .h2_pipe {
    height: 1em;
    overflow: visible;
}
/**/

.h2_drain {
	float:left;
	background:url(../img/top/h2_drain.jpg) no-repeat 0 0;
	width:260px;
	height:auto;
	border:1px solid #CCCCCC;
	padding:44px 10px 0 104px;
	margin-bottom:10px;
}

html > body .h2_drain {
	width:146px;
}

.h2_drain a {
	display:block;
	color:#666666;
	text-decoration:none;
}

.h2_drain a:hover {
	text-decoration:underline;
}

.h2_drain:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .h2_drain {
    height: 1em;
    overflow: visible;
}
/**/

h2 {
	display:none;
}

h3 {
	clear:both;
	background:url(../img/top/h3_bg.jpg) no-repeat 0 0;
	width:530px;
	height:30px;
	padding:6px 0 0 11px;
	margin-bottom:10px;
	font-size:110%;
	font-weight:normal;
}

html > body h3 {
	width:519px;
	height:24px;
}

h3.com {
	margin-bottom:20px;
}

h4 {
	background: url(../img/top/h4_bg.jpg) no-repeat 0 0;
	width:173px;
	height:36px;
	padding:11px 0 0 28px;
	font-size:100%;
	color:#FFFFFF;
}

html > body h4 {
	width:145px;
	height:25px;
}

* html h4 {
	padding:13px 0 0 28px;
}

h4 a {
	display:block;
	color:#FFFFFF;
	text-decoration:none;
}

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

.h4_table {
	margin-bottom:15px;
	border:none;
}

.h4_table li a {
	color:#666666;
}

.h4_table li a:hover {
	color:#666666;
	text-decoration:none;
}

.h4_table ul {
	padding-left:15px;
}

.h4_table li {
	margin-bottom:10px;
	list-style:disc;
}

.h4_table tr {
}

.h4_table td {
}

.h4_table td.bt15 {
	background:url(../img/top/restroom_bg.jpg) bottom left no-repeat;
	width:173px;
	height:auto;
	padding:14px 0 10px 12px;
}

html > body .h4_table td.bt15 {
	width:161px;
}

.h4_table td.bt16 {
	background:url(../img/top/kitchen_bg.jpg) bottom left no-repeat;
	width:173px;
	height:auto;
	padding:14px 0 0 12px;
}

html > body .h4_table td.bt16 {
	width:161px;
}

.h4_table td.bt17 {
	background:url(../img/top/bathroom_bg.jpg) bottom left no-repeat;
	width:173px;
	height:auto;
	padding:14px 0 0 12px;
}

html > body .h4_table td.bt17 {
	width:161px;
}

.h4_table td.bt18 {
	background:url(../img/top/drainage_bg.jpg) bottom left no-repeat;
	width:173px;
	height:auto;
	padding:14px 0 0 12px;
}

html > body .h4_table td.bt18 {
	width:161px;
}

.h4_table td.bt19 {
	background:url(../img/top/faucet_bg.jpg) bottom left no-repeat;
	width:173px;
	height:auto;
	padding:14px 0 0 12px;
}

html > body .h4_table td.bt19 {
	width:161px;
}

.h4_table td.bt20 {
	background:url(../img/top/etc_bg.jpg) bottom left no-repeat;
	width:173px;
	height:auto;
	padding:14px 10px 0 12px;
}

html > body .h4_table td.bt20 {
	width:161px;
}

.tel {
	background:url(../img/top/tel.jpg) no-repeat 0 0;
	width:530px;
	height:173px;
	padding:75px 0 0 35px;
}

html > body .tel {
	width:495px;
	height:98px;
}

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

	Footer

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

div#footer {
	clear:both;
	background:url(../common/footer_bg.jpg) no-repeat 0 0;
	width:760px;
	height:64px;
	margin:0 auto;
	padding-top:27px;
}

address {
	font-style:normal;
}

address a {	
	color:#666666;
	text-decoration:none;
}

address a:hover {	
	text-decoration: underline;
}

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

	Free Area
	
=======================================*/

.hotlink {
	border-top:1px dashed #ccc;
	margin:10px 0 0 0;
	padding-top:10px;
}

.hotlink a {
	color:#666666;
	text-decoration:none;
}

.hotlink li {
	background:url(../common/list3.jpg) no-repeat -7px 2px;
	margin-bottom:4px;
	padding-left:10px;
}


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

	Sitemap
	
=======================================*/

.sitemap {
	width:auto;
}

h2.sitemap {
	display: block;
	background:url(../img/sitemap/title.jpg) no-repeat 0 0;
	width:760px;
	height:69px;
	text-indent:-999em;
}

.sitemap hr {
	margin:10px 0;
	clear:both;
	color:#ccc;
	height:1px;
}

.sitemap li a {
	color:#666;
}

.sitemap h3 {
	width:auto;
	border-right:1px solid #ccc;
}

.sitemap ul {
	margin-bottom:10px;
}

.sitemap ul li {
	margin-bottom:3px;
}

.sitemap .cntleft {
	width:45%;
	text-align:left;
	float:left;
}

.sitemap .cntright {
	width:45%;
	text-align:left;
	float:left;
	margin-left:30px;
}