@charset "UTF-8";
/* CSS Document */

/***基本タグ***/
img{
behavior: url(http://www.302030.com/js/iepngfix.htc);
border:0;
}
body{
font-family: Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka",sans-serif;
color: #000000;
background-color: #ffffff;
margin:0;
padding:0;
text-align:center;
}

h1{
font-size:100%;
margin:0;
padding:0;
}
h2{
font-size:95%;
margin:0;
padding:0;
}
h3{
font-size:90%;
margin:0;
padding:0;
}
h4{
font-size:85%;
margin:0;
padding:0;
}
h5{
font-size:80%;
margin:0;
padding:0;
}
h6{
font-size:80%;
margin:0;
padding:0;
}
p{
font-size:85%;
line-height:150%;
margin:0;
padding:0;
}
a{
text-decoration:none;
}
ul{
margin:0;
padding:0;
}
li{
font-size:85%;
margin:0;
padding:0;
list-style-type: none;
}
dl{
margin:0;
padding:0;
}
dt{
margin:0;
padding:0;
font-size:85%;
}
dd{
margin:0;
padding:0;
font-size:85%;
}
ol{
margin:0;
padding:0;
}
textarea{
font-family:Osaka,Verdana,Arial;
}
address{
font-style:normal;
}

/***基本構造***/
#wrapper{
width:800px;
margin: 0 auto;
text-align: left;
border-left:1px solid #7f9cd2;
border-right:1px solid #7f9cd2;
background-image: url(../images/bg_pagebody_01.gif);
background-repeat: repeat-y;
background-position: center;
}

/*ヘッダー*/
#header{
width:800px;
height:145px;
margin:0 0 0 0;
padding:0;
background-image: url(../images/bg_header_01.gif);
background-repeat: no-repeat;
}
#header-b{
width:800px;
height:145px;
margin:0 0 0 0;
padding:0;
background-image: url(../images/bg_header_01.gif);
background-repeat: no-repeat;
}
#header1{
float:right;
width:580px;
}
#header1 h1{
float:left;
font-size:12px !important;
color:#ffffff;
margin:100px 0 0 0;
padding:0px 3px;
}
#header1 h2{
clear:both;
color:#9fafd6;
font-size:12px !important;
text-align:right;
margin:0px 5px 0 0;
}
#header1 p{
float:right;
color:#cfd7ea;
font-size:11px !important;
text-align:right;
margin:100px 0 0 0;
}
#header1 a{
color:#cfd7ea;
}
#header2{
width:200px;
float:left;
margin:20px 0 0 0;
padding:0 0 0 10px;
}

/***ページボディ***/
#pagebody{
clear:both;
width:800px;
margin:0;
padding:0;
background-image: url(../images/bg_pagebody_01.gif);
background-repeat: repeat-y;
}

/***左ボックス***/
#left-box{
float:left;
width:210px;
margin:0;
padding:0;
background-image: url(../images/bg_pagebody_01.gif);
background-repeat: repeat-y;
}
#left-box h3{
margin:0 10px 5px 0;
padding:3px;
color:#ffffff;
}
#category{
width:210px;
margin:0 0 0 0;
padding:0 0 10px 0;
background-image: url(../images/menu_footer.jpg);
background-repeat: no-repeat;
background-position: left bottom;
}
#categories{
width:210px;
margin:0;
padding:0;
}
#categories li a:link{
color:#3366cc;
width:205px;
margin:0;
padding:0 0 0 5px;
font-weight: bold;
}
#categories li a:hover{
color:#ffffff !important;
width:205px;
margin:0;
padding:0 0 0 5px;
font-weight: bold;
}
#categories li a:visited{
color:#3366cc;
width:205px;
margin:0;
padding:0 0 0 5px;
font-weight: bold;
}

#area{
width:210px;
margin:0;
padding:0;
background-image: url(../images/menu-b_off_01.jpg);
background-repeat: repeat-y;
}

#area li a{
font-weight: normal !important;
}

#area1{
float:left;
width:90px;
margin:0;
padding:0;
background-image: url(../images/menu-b_off_01.jpg);
}
#area1 li{
font-size:13px;
margin:5px 0;
padding:0 !important;
}

#area2{
float:right;
width:120px;
margin:0 0 0 0;
padding:0;
background-image: url(../images/menu-b_off_01.jpg);
background-position: -90px;
}
#area2 li{
font-size:13px;
margin:5px 0;
padding:0 !important;
}
#area-end{
clear:both;
}

#area a:link{
color:#ffffff;
}
#area a:hover{
color:#ffcc00 !important;
}
#area a:visited{
color:#ffffff;
}

#area1 a{
color:#ffffff !important;
}
#area2 a{
color:#ffffff !important;
}



.rollover1 a:link{
display: block;
width:190px;
line-height:24px;
margin:0;
padding:0;
background-image: url(../images/navi_off_01.gif);
background-repeat: no-repeat;
}
.rollover1 a:hover{
display: block;
width:190px;
line-height:24px;
margin:0;
padding:0;
background-image: url(../images/navi_on_01.gif) !important;
background-repeat: no-repeat;
}
.rollover1 a:visited{
display: block;
width:190px;
line-height:24px;
margin:0;
padding:0;
background-image: url(../images/navi_off_01.gif);
background-repeat: no-repeat;
}
.rollover2 a:link{
display: block;
width:190px;
line-height:24px;
margin:0;
padding:0;
background-image: url(../images/navi_off_02.gif);
background-repeat: no-repeat;
}
.rollover2 a:hover{
display: block;
width:190px;
line-height:24px;
margin:0;
padding:0;
background-image: url(../images/navi_on_02.gif) !important;
background-repeat: no-repeat;
}
.rollover2 a:visited{
display: block;
width:190px;
line-height:24px;
margin:0;
padding:0;
background-image: url(../images/navi_off_02.gif);
background-repeat: no-repeat;
}
.rollover3 a:link{
display: block;
width:190px;
line-height:24px;
margin:0;
padding:0;
background-image: url(../images/navi_off_06.gif);
background-repeat: no-repeat;
}
.rollover3 a:hover{
display: block;
width:190px;
line-height:24px;
margin:0;
padding:0;
background-image: url(../images/navi_on_06.gif) !important;
background-repeat: no-repeat;
}
.rollover3 a:visited{
display: block;
width:190px;
line-height:24px;
margin:0;
padding:0;
background-image: url(../images/navi_off_06.gif);
background-repeat: no-repeat;
}
.rollover4 a:link{
display: block;
width:190px;
line-height:24px;
font-size:95%;
letter-spacing:-1px;
margin:0;
padding:0;
background-image: url(../images/navi_off_06.gif);
background-repeat: no-repeat;
}
.rollover4 a:hover{
display: block;
width:190px;
line-height:24px;
font-size:95%;
letter-spacing:-1px;
margin:0;
padding:0;
background-image: url(../images/navi_on_02.gif) !important;
background-repeat: no-repeat;
}
.rollover4 a:visited{
display: block;
width:190px;
line-height:24px;
font-size:95%;
letter-spacing:-1px;
margin:0;
padding:0;
background-image: url(../images/navi_off_06.gif);
background-repeat: no-repeat;
}

.rollover-a a:link{
color:#ffffff !important;
display: block;
font-size:12px;
width:190px;
line-height:24px;
margin:0;
padding:0;
background-image: url(../images/menu-a_off_01.jpg);
background-repeat: no-repeat;
}
.rollover-a a:hover{
display: block;
font-size:12px;
width:190px;
line-height:24px;
margin:0;
padding:0;
background-image: url(../images/menu-a_on_01.jpg) !important;
background-repeat: no-repeat;
}
.rollover-a a:visited{
color:#ffffff !important;
display: block;
font-size:12px;
width:190px;
line-height:24px;
margin:0;
padding:0;
background-image: url(../images/menu-a_off_01.jpg);
background-repeat: no-repeat;
}


#banner-5{
margin:0 0 0 0;
padding:0
}
#banner-5 img{
margin:0 5px 10px 5px;
padding:0;
}

#banner-a{
margin:0 0 0 0;
padding:0
}
#banner-a img{
margin:0 5px 2px 5px;
padding:0;
}

#news{
clear:both;
width:190px;
margin:20px 5px 10px 5px;
padding:0;
}
#news iframe{
width:180px;
margin:5px;
padding:0;
}
#news2{
float: left;
font-size: 12px;
width: 180px;
height: 120px;
overflow: auto;
margin: 0;
margin-bottom:10px;
padding: 0;
border: 1px solid #333333;
color:#000000;
background-color:#ffffff;
}
#news2 p{
font-size:12px;
margin:0 0 10px 0;
}


.pict-h3{
margin:10px 0 2px 0 !important;
padding:0 !important;
}
#newcomment{
clear:both;
width:190px;
margin:0px 5px 10px 5px;
padding:0;
}

#comment-box{
margin:0 10px 20px 0;
padding:0 3px 3px 3px;
color:#ffffff;
border-top:1px solid #ffffff;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
border-bottom:3px solid #ffffff;
}
#comment-box h4{
display:block;
font-size:12px;
font-weight:normal;
margin:0;
line-height:1.5;
background-image: url(../images/bg_comment-box_p.gif) !important;
background-repeat: no-repeat;
background-position: left center;
}
#comment-box h4 a:link{
display:block;
color:#fff;
padding:0 0 0 10px;
}
#comment-box h4 a:hover{
display:block;
color:#fff;
padding:0 0 0 10px;
text-decoration:underline;
background-color:#47566d;
}
#comment-box h4 a:visited{
display:block;
padding:0 0 0 10px;
color:#fff;
}
#comment-box p{
font-size:11px;
margin:0;
line-height:1.4;
}
#comment-box img{
padding:5px 60px 5px 5px;
}
#update{
clear:both;
width:210px;
margin:0;
padding:0;
}


/***右ボックス***/

#right-box{
float:right;
width:590px;
margin:0;
padding:0;
background-image: url(../images/bg_right-box_01.jpg) !important;
background-repeat: no-repeat;
background-position: right top;
}

#right-box h3{
font-size:18px;
height:52px;
color:#ffffff;
margin:0 10px 0px 10px;
padding:17px 0 0 30px;
behavior: url(http://www.302030.com/js/iepngfix.htc);
background-image: url(../images/bg_h2_02.png);
background-repeat: no-repeat;
}
#right-box h4{
font-size:16px;
margin:20px 10px 10px 10px;
padding:5px 0 5px 10px;
color:#ffffff;
background-color:#3366cc;
}
#right-box h5{
border-bottom:1px solid #4f6fb6;
margin:20px 10px 10px 10px;
}
#right-box p{
font-size:75%;
margin:0 10px 10px 10px;
padding:0px 10px;
}


#right-box2{
float:right;
width:590px;
margin:0;
padding:0;
background-image: url(../images/bg_right-box_02.jpg) !important;
background-repeat: no-repeat;
background-position: right top;
}

#right-box2 h3{
font-size:18px;
height:52px;
color:#ffffff;
margin:0 10px 0px 10px;
padding:17px 0 0 30px;
behavior: url(http://www.302030.com/js/iepngfix.htc);
background-image: url(../images/bg_h2_02.png);
background-repeat: no-repeat;
}
#right-box2 h4{
font-size:16px;
margin:20px 10px 10px 10px;
padding:5px 0 5px 10px;
color:#4f6fb6;
border-top:1px solid #4f6fb6;
border-bottom:1px solid #4f6fb6;
border-left:3px solid #4f6fb6;
}
#right-box2 h5{
margin:10px;
padding:5px;
border-bottom:1px solid #4f6fb6;
}
#right-box2 p{
font-size:75%;
margin:0 10px 10px 10px;
padding:0px 10px;
}

#right-box3{
float:right;
width:590px;
margin:0;
padding:0;
background-image: url(../images/bg_right-box_03.jpg) !important;
background-repeat: no-repeat;
background-position: right top;
}

#right-box3 h3{
font-size:18px;
height:52px;
color:#ffffff;
margin:0 10px 0px 10px;
padding:17px 0 0 30px;
behavior: url(http://www.302030.com/js/iepngfix.htc);
background-image: url(../images/bg_h2_02.png);
background-repeat: no-repeat;
}
#right-box3 h4{
font-size:16px;
margin:-10px 10px 5px 10px;
padding:5px 0 5px 10px;
color:#4f6fb6;
border-bottom:1px solid #4f6fb6;
}

#right-box3 p{
font-size:75%;
margin:0 10px 5px 10px;
padding:0px 5px;
}
#right-box3 li{
font-size:78%;
margin:0 5px 10px 5px;
padding:0px 5px;
}

#right-box4{
float:right;
width:590px;
margin:0;
padding:0;
}

#right-box5{
float:right;
width:590px;
margin:0;
padding:0;
}

#right-box5 h3{
font-size:18px;
height:52px;
color:#ffffff;
margin:0 10px 0px 10px;
padding:17px 0 0 30px;
behavior: url(http://www.302030.com/js/iepngfix.htc);
background-image: url(../images/bg_h2_02.png);
background-repeat: no-repeat;
}
#right-box5 h4{
font-size:16px;
margin:-10px 10px 5px 10px;
padding:5px 0 5px 10px;
color:#4f6fb6;
border-bottom:1px solid #4f6fb6;
}

#right-box5 p{
font-size:75%;
margin:0 10px 5px 10px;
padding:0px 5px;
}



dl#service1{
margin:0 2px 4px 2px !important;
padding:0 0 1px 0 !important;
}

dl#service1 dt{
margin:0 5px 0px 5px !important;
padding:3px 2px !important;
color:#ffffff;
background-color:#7f9cd2;
border-bottom:none !important;
}
dl#service1 dd{
font-size:11px;
margin:0 5px 10px 5px !important;
padding:0px 2px !important;
background-color:#f2f5fa;
}


#flash-main{
width:590px;
height:222px;
background-image: url(../images/bg_visual_02.jpg);
background-repeat: no-repeat;
}

#flash2{
clear:both;
width:590px;
height:98px;
margin:0px 0 20px 0;
}
#content{
clear:both;
width:590px;
margin:0 0 0 0;
padding:0;
}
#content h3{
color:#ffffff;
line-height:32px;
margin:0 0 0 0 !important;
padding:0 0 0 8px !important;
background-image: url(../images/bg_h3_02.gif) !important;
background-repeat: no-repeat;
background-position: center;
}
#content h4{
color:#3366cc;
line-height:32px;
margin:0 0 0 0 !important;
padding:0 0 0 8px !important;
}
#content p{
font-size:80%;
margin:0;
padding:4px;
}
#content dt{
font-size:13px;
margin:0 10px 2px 0;
padding:3px 5px;
color:#3f5fad;
border-bottom:2px solid #7f9cd2;
font-weight: bold;
}
#content dd{
font-size:11px;
margin:0 0 10px 0;
padding:0;
}

#contents1{
float:left;
width:380px;
margin:0;
padding:0;
}
#contents1-a{
background-color:#d6e0f5;
margin:0 0 10px 0; 
}
#contents1-b{
background-color:#d6e0f5;
margin:0 0 10px 0; 
}
#contents1-c{
background-color:#d6e0f5;
}

#contents2{
float:right;
width:200px;
margin:0 0px 0 0;
padding:0 5px 0 0;
}

#end{
clear:both;
width:800px;
}

#text-menu1{
clear:both;
width:590px;
text-align:center;
margin:10px 0;
padding:0;
}
#text-menu1 li{
display:inline;
font-size:13px;
margin:0 5px 0 5px;
padding:0 0 0 10px !important;
background-image: url(../images/bg_text-menu_01.gif);
background-repeat: no-repeat;
background-position: left center;
}

/*フッター*/
#footer{
clear:both;
width:800px;
height:102px;
margin:0 0 10px 0;
padding:0;
behavior: url(http://www.302030.com/js/iepngfix.htc);
background-image: url(../images/bg_footer_01.png);
background-repeat: no-repeat;
}
#footer1{
float:right;
}
#footer1 h3{
text-align:right;
margin:10px 10px 0 0;
padding:0;
}
#footer1 h3 a{
color:#000000;
}
#footer1 p{
font-size:75%;
text-align:right;
margin:5px 10px 0 0;
padding:0;
}
#footer2{
width:250px;
float:left;
margin:15px 0 0 0;
padding:0 0 0 10px;
}

/***文字サイズ***/


/***テーブル***/

/***対象地域***/
#zone{
width:564px;
margin:10px;
border:1px solid #7f9cd2;
}
#zone h4{
width:60px;
font-size:14px;
margin:10px;
padding:5px;
color:#ffffff;
background-color:#7f9cd2;
border:1px solid #7f9cd2;
}
#zone ul{
margin:5px;
padding:5px 5px;
background-color:#e5ebf6;
border-top:2px solid #7f9cd2;
border-left:2px solid #7f9cd2;
border-right:1px solid #bfcde8;
border-bottom:1px solid #bfcde8;
}
#zone li{
display: inline;
margin:0 0 0 0;
line-height:200%;
padding:5px;
}
#zone2{
width:564px;
margin:10px;
border:1px solid #7f9cd2;
}
#zone2 h4{
width:14px;
font-size:14px;
margin:10px;
padding:5px;
color:#ffffff;
background-color:#7f9cd2;
border:1px solid #7f9cd2;
}
#zone2 ul{
margin:5px;
padding:5px 5px;
background-color:#e5ebf6;
border-top:2px solid #7f9cd2;
border-left:2px solid #7f9cd2;
border-right:1px solid #bfcde8;
border-bottom:1px solid #bfcde8;
}
#zone2 li{
display: inline;
margin:0;
line-height:200%;
padding:5px;
}

/***会社概要***/
dl#outline{
background-color: #ececec;
margin: 0.5em 1em;
border: 1px solid #cccccc;
border-top: none;
}
dl#outline dt{
font-weight: normal;
color: black;
margin: 0;
padding: 0.5em 0 0.5em 1em;
border-top: 1px solid #cccccc;
width: 13em;
float: left;
}
dl#outline dd {
background-color: #ffffff;
margin: 0 0 0 13em;
padding: 0.5em 1em 0.5em 1em;
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
}

/***個人情報保護指針***/
dl#privacy dt{
color:#cc0000;
margin:20px 15px 0px 20px;
padding:5px 0 5px 5px ;
border-bottom:3px double #cc0000;
}
dl#privacy dd{
margin:0px 10px 0px 20px;
padding:10px;
}
ul#privacy li{
margin:0px 15px 0px 20px;
padding:5px 0 5px 5px ;
}

/***水道局指定工事店の一覧***/

#list{
clear:both;
}
#list h4{
margin:10px 0 0 10px;
padding:10px 0 5px 0;
}
#list-a{
float:left;
width:295px;
}
#list-b{
float:right;
width:295px;
}
ul#list1 li{
font-size:80%;
margin:0px 0 0px 30px;
padding:3px 0 3px 0;
}

/***修理料金***/
#charge table{
width:275px;
margin:0 10px;
background-color:#000000;
}
#charge table tr{
background-color:#ffffff;
}

#charge table th{
font-size:90%;
padding:5px;
color:#ffffff;
background-color:#7f9cd2;
}
#charge table td{
font-size:90%;
padding:3px;
}
#charge1{
clear:both;
margin:0 0 0 0;
padding:0;
}
#charge1-a{
float:left;
width:295px;
margin:0 0 20px 0;
padding:0;
}
#charge1-b{
float:right;
width:295px;
margin:0 0 20px 0;
padding:0;
}
#charge2{
clear:both;
margin:0 0 50px 0;
}
#charge2-a{
float:left;
width:295px;
margin:0 0 20px 0;
padding:0;
}
#charge2-b{
float:right;
width:295px;
margin:0 0 20px 0;
padding:0;
}
#charge3{
clear:both;
margin:0 0 50px 0;
}
#charge3-a{
float:left;
width:295px;
margin:0;
padding:0;
}
#charge3-b{
float:right;
width:295px;
margin:0;
padding:0;
}
#charge3-b ul{
margin:20px 0 0 0;
padding:0;
}


/***修理内容***/
#work1{
clear:both;
margin:0 0 0 0;
padding:0;
}
#work1-a{
float:left;
width:295px;
margin:0 0 20px 0;
padding:0;
}
#work1-b{
float:right;
width:295px;
margin:0 0 20px 0;
padding:0;
}
#work2{
clear:both;
margin:0 0 50px 0;
}
#work2-a{
float:left;
width:295px;
margin:0 0 20px 0;
padding:0;
}
#work2-b{
float:right;
width:295px;
margin:0 0 20px 0;
padding:0;
}
#work3{
clear:both;
margin:0 0 50px 0;
}
#work3-a{
float:left;
width:295px;
margin:0;
padding:0;
}
#work3-b{
float:right;
width:295px;
margin:0;
padding:0;
}
#work4{
clear:both;
margin:0 0 50px 0;
}
#work4-a{
float:left;
width:295px;
margin:0;
padding:0;
}
#work4-b{
float:right;
width:295px;
margin:0;
padding:0;
}
#work5{
clear:both;
margin:0 0 50px 0;
}
#work5-a{
float:left;
width:295px;
margin:0;
padding:0;
}
#work5-b{
float:right;
width:295px;
margin:0;
padding:0;
}

#work ul{
margin:20px 0 0 10px;
padding:0;
}
#work li{
font-size:12px;
}


/***安全システム***/
/***修理内容***/
#quality1{
clear:both;
margin:0 0 0 0;
padding:0;
}
#quality1-a{
float:left;
width:295px;
margin:0 0 20px 0;
padding:0;
}
#quality1-b{
float:right;
width:295px;
margin:0 0 20px 0;
padding:0;
}
#quality2{
clear:both;
margin:0 0 50px 0;
}
#quality2-a{
float:left;
width:295px;
margin:0 0 20px 0;
padding:0;
}
#quality2-b{
float:right;
width:295px;
margin:0 0 20px 0;
padding:0;
}
#quality3{
clear:both;
margin:0 0 50px 0;
}
#quality3-a{
float:left;
width:295px;
margin:0;
padding:0;
}
#quality3-b{
float:right;
width:295px;
margin:0;
padding:0;
}

#kanban{
clear:both;
}
.kanban-1{
clear:both;
margin:0 0 10px 5px;
}
.center{
text-align:center;
}
.caution1{
font-size:12px;
color:#ff0000;
line-height:120%;
}
.text13{
font-size:13px;
}
.red{
color:#ff0000;
}
.red10{
font-size:10px;
color:#ff0000;
}
.left{
float:left;
}
.m5-tu{
margin:5px 0;
}
.m10{
margin:0 10px 5px 10px;
}
.red16{
font-size:16px;
font-weight:bold;
color:#ff0000;
}
.padding4{
margin:0;
padding:2px;
}
/***テーブル***/
table#info th{
font-size:14px;
text-align:left;
}

table#service{
width:570px;
margin:10px 0 10px 10px;
}

table#menu-q{
width:585px;
margin:10px 0 10px 0;
}

/***対応作業***/
ul#works{
margin:0 !important;
padding:0 !important;
}
ul#works li{
margin:0 0 0 15px !important;
padding:0 !important;
list-style-type: disc;
}

/***ブログ新着記事　詳細ページリンク用***/
.detail{
text-align:right;
margin:0.5em 0 1em 0;
font-size:0.8em;
}