@charset "utf-8";
/*   
Theme Name:生活水道センター
Author:生活水道センター
*/


html
{
   margin: 0;
   padding: 0;
   scrollbar-3dlight-color:#D1E8FF;
   scrollbar-arrow-color:#D1E8FF;
   scrollbar-base-color:white;
   scrollbar-darkshadow-color:white;
   scrollbar-face-color:white;
   scrollbar-highlight-color:white;
   scrollbar-shadow-color:#D1E8FF;
   overflow-x:hidden;
   overflow-y:auto;
   height:100%;
}


body
{
   background-color:#D1E8FF;
   width:100%;
   height:100%;
   margin:0px auto;
   padding:0;
   font-family:Osaka,"MS UI Gothic",Verdana, Arial, sans-serif;
   font-size: 100%; 
   line-height: 1.5;
   letter-spacing: 0.1em;
   color: #666666;
}

img {
border: 0;
}

h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,dd{
margin:0;
padding:0;
}

/* ----- 全体 ----- */

#wrapper{
width:900px;
height:100%;
min-height:100%;
margin:0 auto;
}

body > #wrapper{
height:auto;
}

a { 
  text-decoration: none; 
} 

a:hover { 
  text-decoration: underline;
  color:#0000FF;
}

/* ----- ヘッダー ----- */

#header {
  width:900px;
  height:100px;
  background-image:url(http://suidousenta.com/img/jpg/box/top.jpg);
  background-repeat:no-repeat;
  background-position:top center;
  margin:0;
  padding:20px 0 0 0;
}

#header h1 {
  width:780px;
  height:50px;
  background-image:url(http://suidousenta.com/img/jpg/h101.jpg);
  background-position:center;
  background-repeat:no-repeat;
  text-indent:-9999px;
  padding:0 60px 0 60px;
}

/* ----- メイン ----- */

#wrapper #sitetitle01 {
  text-align: left;
  position: relative;
  padding:0 60px 0 60px;
  margin:0;
  width: 780px;
}

#wrapper ul#menu {
  position: absolute;
  list-style-type:none;
}

#wrapper ul#menu li {
  float: left;
 }
		
#wrapper ul#menu li a {
  display: block;
  text-decoration: none;
  text-indent: -9999px;
  height: 30px;
}


#wrapper ul#menu li.home a {
 background:url(http://suidousenta.com/img/jpg/header_menu01_01.jpg) left top no-repeat;
 width:97px;
}

#wrapper ul#menu li.outline a {
 background:url(http://suidousenta.com/img/jpg/header_menu01_02.jpg) left top no-repeat;
 width:98px;
}

#wrapper ul#menu li.service a {
 background:url(http://suidousenta.com/img/jpg/header_menu01_03.jpg) left top no-repeat;
 width:97px;
}

#wrapper ul#menu li.press a {
 background:url(http://suidousenta.com/img/jpg/header_menu01_04.jpg) left top no-repeat;
 width:98px;
}

#wrapper ul#menu li.adopt a {
 background:url(http://suidousenta.com/img/jpg/header_menu01_05.jpg) left top no-repeat;
 width:97px;
}

#wrapper ul#menu li.link a {
 background:url(http://suidousenta.com/img/jpg/header_menu01_06.jpg) left top no-repeat;
 width:97px;
}

#wrapper ul#menu li.inquiry a {
 background:url(http://suidousenta.com/img/jpg/header_menu01_07.jpg) left top no-repeat;
 width:98px;
}

#wrapper ul#menu li.sitemap a {
 background:url(http://suidousenta.com/img/jpg/header_menu01_08.jpg) left top no-repeat;
 width:98px;
}


#wrapper ul#menu li a:hover {
 background-position: right top;
}


.titlebar01 {
  width:780px;
  font-weight:normal;
  margin:0;
  padding:33px 55px 0 65px;
}

.subject01 {
  padding:0;
  text-align: left;
  float: left;
  font-size:70%;
}


.date01 {
  text-align: right;
  font-size: 70%;
  padding:0;
}

.date01 p {
  margin:0 10px 0 0;
  padding:0;
 }
 
 /* ----- コンテンツ ----- */

#container
{
  width:900px;
  margin:0;
  float:left;
  background-image:url(http://suidousenta.com/img/jpg/box/middle.jpg);
  background-repeat:repeat-y;
}

.toph2 {
  width:780px;
  height:150px;
  background-image:url(http://suidousenta.com/img/jpg/h201.jpg);
  background-position:center;
  background-repeat:no-repeat;
  text-indent:-9999px;
  padding:0 60px 0 60px;
}

 /* ----- サイドバー ----- */
 
#sidebar-left {
  width:150px;
  float:left;
  padding:0;
  margin:10px 10px 10px 60px;
}

.banner01 {
 padding:0;
 margin:0;
}

.banner02 {
 padding:0;
 margin:5px 0 0 0;
}

#sidebar-left ul{
 padding:0;
 margin:5px 0 0 0;
 font-size:80%;
}


 /* ----- メインコンテンツ ----- */

#main {
  width:460px;
  float:left;
  padding:0;
  margin:10px 0 0 0;
}

.new01 {
  margin:5px 0 0 0;
}

.new01 h3 {
 background-image:url(http://suidousenta.com/img/jpg/new01.jpg);
 background-position:center;
 background-repeat:no-repeat;
 text-indent:-9999px;
 width:460px;
 height:40px;
}

.new02 {
  margin:0 0 5px 0;
  border-left:1px solid #DADADA;
  border-right:1px solid #DADADA;
  border-bottom:1px solid #DADADA;
  height:250px;
  overflow-x:hidden;
  overflow-y:auto;
}

.new03 {
  margin:5px 0 0 0;
}

.new03 h3 {
 background-image:url(http://suidousenta.com/img/jpg/new02.jpg);
 background-position:center;
 background-repeat:no-repeat;
 text-indent:-9999px;
 width:460px;
 height:40px;
}


 /* ----- 会社概要 --- */

.aboutus01 {
 width:460px;
}

.aboutus01 h2 {
  background-image:url(http://suidousenta.com/img/jpg/company00.jpg);
  background-position:center;
  background-repeat:no-repeat;
  width:460px;
  height:90px;
  text-indent:-9999px;
  display:block;
  margin:0;
}

.aboutus02 {
  background-image:url(http://suidousenta.com/img/jpg/company.jpg);
  background-position:center;
  background-repeat:no-repeat;
  width:460px;
  height:50px;
  text-indent:-9999px;
  display:block;
  margin:0;
}

.aboutus03 {
  background-image:url(http://suidousenta.com/img/jpg/company02.jpg);
  background-position:center;
  background-repeat:no-repeat;
  width:460px;
  height:50px;
  text-indent:-9999px;
  display:block;
  margin:0;
}

.aboutus04 {
  text-align:center;
  padding:5px;
  font-size:80%;
}

.aboutus05 {
  background-image:url(http://suidousenta.com/img/jpg/organization01.jpg);
  background-position:center;
  background-repeat:no-repeat;
  width:460px;
  height:50px;
  text-indent:-9999px;
  display:block;
  margin:0;
}

.aboutus06 {
  background-image:url(http://suidousenta.com/img/jpg/gmomessage01.jpg);
  background-position:center;
  background-repeat:no-repeat;
  width:460px;
  height:50px;
  text-indent:-9999px;
  display:block;
  margin:0;
}

.aboutus07 {
  background-image:url(http://suidousenta.com/img/jpg/company03.jpg);
  background-position:center;
  background-repeat:no-repeat;
  width:460px;
  height:50px;
  text-indent:-9999px;
  display:block;
  margin:0;
}

.aboutus08 {
  background-image:url(http://suidousenta.com/img/jpg/company04.jpg);
  background-position:left center;
  background-repeat:no-repeat;
  width:460px;
  height:30px;
  display:block;
  margin:5px 0 0 0;
  padding:8px 0 0 20px;
  font-weight:bold;
}

.aboutus09 {
  background-image:url(http://suidousenta.com/img/jpg/map01.jpg);
  background-position:center;
  background-repeat:no-repeat;
  width:460px;
  height:50px;
  text-indent:-9999px;
  display:block;
  margin:0;
}

.box dl {
	margin: 10px 0 10px 0;
	padding:0;
	font-size:80%;
}

.data dt, .data dd {
	margin: 0 0 10px 0;
	padding:5px 0 5px 10px;
	border: 1px solid #E1E1FF;
}

.data dt {
	float: left;
	width: 80px;
}

.data dd {
	margin-left: 100px;
	padding-left: 10px;
	background-color:#E1E1FF;
}

 /* ----- サービス --- */

.service01 {
 width:460px;
}

.service01 h2 {
  background-image:url(http://suidousenta.com/img/jpg/service02.jpg);
  background-position:center;
  background-repeat:no-repeat;
  width:460px;
  height:90px;
  text-indent:-9999px;
  display:block;
  margin:0;
}

.service02 {
  background-image:url(http://suidousenta.com/img/jpg/service03.jpg);
  background-position:center;
  background-repeat:no-repeat;
  width:460px;
  height:50px;
  text-indent:-9999px;
  display:block;
  margin:5px 0 0 0;
}

.service03 {
  background-image:url(http://suidousenta.com/img/jpg/service04.jpg);
  background-position:center;
  background-repeat:no-repeat;
  width:460px;
  height:50px;
  text-indent:-9999px;
  display:block;
  margin:5px 0 0 0;
}

.service04 {
  background-image:url(http://suidousenta.com/img/jpg/service05.jpg);
  background-position:center;
  background-repeat:no-repeat;
  width:460px;
  height:50px;
  text-indent:-9999px;
  display:block;
  margin:5px 0 0 0;
}

 /* ----- プレスリリース --- */

.releases01 {
 width:460px;
}

.releases01 h2 {
  background-image:url(http://suidousenta.com/img/jpg/releases.jpg);
  background-position:center;
  background-repeat:no-repeat;
  width:460px;
  height:90px;
  text-indent:-9999px;
  display:block;
  margin:0;
}

.releases02 {
  padding:5px;
  margin:5px 0 0 0;
  font-size:100%;
  font-weight:bold;
  background-color:#3366FF;
  color:#FFFFFF;
}

.data01 dt, .data01 dd {
	margin: 0 0 10px 0;
	padding:5px 0 5px 10px;
	
}

.data01 dt {
	float: left;
	width: 90px;
	background-color:#E1E1FF;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
}

.data01 dd {
	margin-left: 100px;
	padding-left: 10px;
	border:1px solid #E1E1FF;
}

 /* ----- 社員募集 --- */

.job01 {
 width:460px;
}

.job01 h2 {
  background-image:url(http://suidousenta.com/img/jpg/job02.jpg);
  background-position:center;
  background-repeat:no-repeat;
  width:460px;
  height:90px;
  text-indent:-9999px;
  display:block;
  margin:0;
}

.job02 {
  margin:5px 0 0 0;
  font-size:90%;
}

.job02 h3 {
 background-color:#E6E6E6;
 padding:5px;
 border-top:1px solid #C1C1C1;
 border-left:1px solid #C1C1C1;
 border-right:1px solid #C1C1C1;
 font-size:90%;
}

.job02 span {
 color:#FF0000;
 font-size:80%;
}

.job02 table {
  border-collapse: collapse;
  border:1px solid #C1C1C1;
}

.job02 th {
    padding:5px;
	width:250px;
	border:1px solid #C1C1C1;
	background-color:#E6E6E6;
	text-align:left;
}

.job02 td {
    padding:5px;
	border:1px solid #C1C1C1;
}


.job03 {
 margin:5px;
 font-size:80%;
}

.job03 h3 {
 padding:5px;
 font-size:110%;
 border-left:10px solid #3366FF;
}

.job03 p {
 padding:5px 5px 5px 15px;
}


/* ----- リンク --- */

.link01 {
 width:460px;
}

.link01 h2 {
  background-image:url(http://suidousenta.com/img/jpg/link01.jpg);
  background-position:center;
  background-repeat:no-repeat;
  width:460px;
  height:90px;
  text-indent:-9999px;
  display:block;
  margin:0;
}

.titlebar03 {
  font-weight:normal;
  margin:0;
  padding:0 0 5px 0;
  width:460px;
  height:100px;
  border-bottom:1px dotted #6699FF;
}

.subject03 {
  padding:0;
  text-align: left;
  float: left;
}

.subject03 img {
 float:left;
}

.subject03 p {
 padding:10px 0 0 10px;
 font-size:80%;
}


.date03 {
  text-align: right;
  font-size: 70%;
  padding:0;
}

.date03 p {
  margin:0 0 0 0;
  padding:0;
 }
 
/* ----- お問合せ --- */

.contact01 {
 width:460px;
}

.contact01 h2 {
  background-image:url(http://suidousenta.com/img/jpg/contact01.jpg);
  background-position:center;
  background-repeat:no-repeat;
  width:460px;
  height:90px;
  text-indent:-9999px;
  display:block;
  margin:0;
}

 /* ----- サイトマップ --- */

.sitemap01 {
 width:460px;
}

.sitemap01 h2 {
  background-image:url(http://suidousenta.com/img/jpg/sitemap01.jpg);
  background-position:center;
  background-repeat:no-repeat;
  width:460px;
  height:90px;
  text-indent:-9999px;
  display:block;
  margin:0;
}

.sitemap02 {
 border-top:3px dotted #DADADA;
 margin:10px 20px 0 20px;
 padding:10px 0 0 10px;
 font-size:80%;
}

.sitemap02 p {
  padding:5px 20px 0 60px;
}


.sitemap02 ul {
  list-style-type:none;
  padding:10px 20px 0 20px;
}

.sitemap02 li {
  padding:3px 0 0 15px;
 }
 
.sitemap02 li a {
  list-style-type:none;
  background-image:url(http://suidousenta.com/img/jpg/yazirushi01.jpg);
  background-position:left center;
  background-repeat:no-repeat;
  padding:0 0 0 20px;
 }
 
 .sitemap02 h3 {
  background-image:url(http://suidousenta.com/img/jpg/yazirushi01.jpg);
  background-position:left center;
  background-repeat:no-repeat;
  padding:0 0 0 20px;
  font-size:110%;
 }


/* ----- プライバシーポリシー --- */

.privacy01 {
 width:460px;
}

.privacy01 h2 {
  background-image:url(http://suidousenta.com/img/jpg/privacy01.jpg);
  background-position:center;
  background-repeat:no-repeat;
  width:460px;
  height:90px;
  text-indent:-9999px;
  display:block;
  margin:0;
}

.privacy02 {
  font-size:80%;
  border:2px solid #DADADA;
  text-align:left;
  padding:10px;
  margin:5px 0;
}

.privacy03 {
  font-size:80%;
  border-top:2px solid #DADADA;
  border-left:2px solid #DADADA;
  border-right:2px solid #DADADA;
  text-align:left;
  padding:10px;
  margin:5px 0 0 0;
}

.privacy04 {
  font-size:80%;
  border-bottom:2px solid #DADADA;
  border-left:2px solid #DADADA;
  border-right:2px solid #DADADA;
  text-align:left;
  padding:0 10px 10px 20px;
  margin:0 0 5px 0;
}

/* ----- 取材の申し込み --- */

.reporter01 {
 width:460px;
}

.reporter01 h2 {
  background-image:url(http://suidousenta.com/img/jpg/reporter01.jpg);
  background-position:center;
  background-repeat:no-repeat;
  width:460px;
  height:90px;
  text-indent:-9999px;
  display:block;
  margin:0;
}

/* ----- アクセスマップ --- */

.map01 {
 width:460px;
}

.map01 h2 {
  background-image:url(http://suidousenta.com/img/jpg/map03.jpg);
  background-position:center;
  background-repeat:no-repeat;
  width:460px;
  height:90px;
  text-indent:-9999px;
  display:block;
  margin:0;
}

.area03 {
 font-size:80%;
} 

.area03 h3 {
 width:300px;
 border-top:1px solid #E6F8FF;
 border-left:30px solid #E6F8FF;
 border-right:1px solid #E6F8FF;
 border-bottom:1px solid #E6F8FF;
 padding:10px;
 margin:8px 0 0 0;
 font-size:120%;
}

.area03 h4 {
 margin:5px 0 0 30px;
 padding:5px;
 background-color:#E6F8FF;
 font-size:120%;
}

.titlebar05 {
  margin:0 0 0 30px;
  padding:0;
  border:1px solid #E6F8FF;
}

.titlebar05 p {
 padding:5px;
}

.subject05 {
  padding:5px;
  text-align:left;
  float: left;
  border-top:1px solid #E6F8FF;
  border-right:1px solid #E6F8FF;
}

.date05 {
  text-align: left;
  padding:5px;
  border-top:1px solid #E6F8FF;
}


 /* ----- サイドバー右 ----- */
 
#sidebar-right {
  width:150px;
  float:left;
  padding:0;
  margin:10px 10px 0 10px;
  font-size:80%;
}

#sidebar-right h2 {
  background-image:url(http://suidousenta.com/img/jpg/right03.jpg);
  background-position:center;
  background-repeat:no-repeat;
  width:150px;
  height:30px;
  font-size:110%;
  text-align:center;
  color:#FFFFFF;
  padding:10px 0 0 0 ;
}

#sidebar-right01 {
  width:150px;
  float:left;
  padding:0;
  margin:0 10px 10px 10px;
}

#sidebar-right ul {
  padding:0;
  margin:0;
  list-style-type:none;
}

/* ----- ブログ --- */

.blog01 {
 width:460px;
}

.blog01 h2 {
  background-image:url(http://suidousenta.com/img/jpg/blog02.jpg);
  background-position:center;
  background-repeat:no-repeat;
  width:460px;
  height:90px;
  text-indent:-9999px;
  display:block;
  margin:0;
}

/* ----- ニュース --- */

.news01 {
 width:460px;
}

.news01 h2 {
  background-image:url(http://suidousenta.com/img/jpg/new03.jpg);
  background-position:center;
  background-repeat:no-repeat;
  width:460px;
  height:50px;
  text-indent:-9999px;
  display:block;
  margin:0;
}

/* ----- フッター ----- */


#footer {
	clear: both;
	width:900px;
	margin:0 auto;
	background-image:url(http://suidousenta.com/img/jpg/box/bottom.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}

.titlebar02 {
  width:780px;
  font-weight:normal;
  padding:0 0 20px 0;
  margin:0 55px 0 65px;
}

.subject02 {
  padding:0;
  text-align: left;
  float: left;
  font-size:60%;
}


.date02 {
  text-align: right;
  font-size: 60%;
  padding:0;
}

.date02 p {
  margin:0 10px 0 0;
  padding:0;
 }


/* ----- その他 ----- */

.menu01 {
 text-align:center;
 width:780px;
 font-size:80%;
 margin:15px 0 20px 60px;
 padding:0 0 15px 0;
 border-bottom:1px solid #DADADA;
 letter-spacing:0;
}


.st01 {
  text-align:center;
  margin:5px 0 0 0;
}

.st02 {
  text-align:left;
  margin:8px 5px 0 5px;
  font-size:80%;
}


.st03 {
  text-align:left;
  margin:24px 5px 0 5px;
  font-size:80%;
}

.st04 {
  text-align:left;
  margin:10px 20px;
  font-size:80%;
}

.st05 {
  text-align:left;
  margin:10px;
  font-size:80%;
}

.st06 {
 padding:10px 0 0 10px;
}

.st07 {
  color:#6666FF;
  font-size:80%;
  font-weight:bold;
  border-bottom:2px solid #DADADA;
  text-align:left;
  padding:10px 0 0 0;
}

.st08 {
 margin:5px 5px 0 5px;
 padding:5px;
 font-size:80%;
 background-color:#DADADA;
}

#calendar {
text-align:center;
}

.entry {
 font-size:80%;
 padding:5px 8px 0 8px;
}

.right {
 text-align:right;
 padding:5px;
}

.right02 {
 text-align:right;
 padding:5px;
 font-size:70%;
}


.center {
 text-align:center;
}

.commentlist {
  margin:5px 0 0 20px;
  padding:8px;
  font-size:80%;
  list-style-type:none;
  border:1px dotted #DADADA;
}

.commentlist p {
 background-color:#DADADA;
 padding:8px;
}


.avatar .avatar-32 .avatar-default {
	float:left;
}

html>body .entry ul {
	padding:0 10px 0 0;
	text-indent:10px;
}
html>body .entry li {
	margin: 7px 10px 8px 0;
}
.entry ol {
	padding: 0 35px 0 0;
}

.entry p {
  padding:5px 10px 3px 10px;
}

#commentform input {
	margin: 5px 0 1px 5px;
}
#commentform #submit {
	float:left;
}
.commentlist p {
	margin: 10px 0 10px 5px;
}


#content {
  width:460px;
  float:left;
  padding:0;
  margin:10px 0 0 0;
}

#comments {
  font-size:90%;
  background-color:#DADADA;
  margin:5px 0;
  padding:5px;
}

#respond {
 font-size:90%;
  border-left:1px solid #DADADA;
  border-bottom:1px solid #DADADA;
  margin:10px 0 0 0;
  padding:5px;
}


.navigation {
 text-align:right;
 font-size:80%;
 margin:5px;
}

.post {
 padding:5px;
 margin:5px 0 0 0;
 border:1px solid #DADADA;
}

.post h2 {
 font-size:100%;
 background-image:url(http://suidousenta.com/img/jpg/h45001.jpg);
 background-position:left center;
 background-repeat:no-repeat;
 padding:5px 0 0 10px;
 margin:0;
 width:440px;
 height:30px;
 color:#FFFFFF;
}

.post h2 a:link { color:#FFFFFF; } 
.post h2 a:visited { color: #FFFFFF; } 
.post h2 a { 
text-decoration: none; 
border-bottom: 1px #FFFFFF dotted; 
} 

.post h3 {
 font-size:100%;
 background-image:url(http://suidousenta.com/img/jpg/h45001.jpg);
 background-position:left center;
 background-repeat:no-repeat;
 padding:5px 0 0 10px;
 margin:0;
 width:440px;
 height:30px;
 color:#FFFFFF;
}

.post h3 a:link { color:#FFFFFF; } 
.post h3 a:visited { color: #FFFFFF; }
.post h3 a { 
text-decoration: none; 
border-bottom: 1px #FFFFFF dotted; 
}  

.postmetadata {
  padding:3px;
  margin:5px 0 0 0;
  border:2px dotted #DADADA;
  font-size:70%;
}

.pagetitle {
 font-size:100%;
 background-image:url(http://suidousenta.com/img/jpg/blog03.jpg);
 background-position:bottom;
 background-repeat:repeat-x;
 border-left:10px solid #6699FF;
 border-right:1px solid #6699FF;
 border-top:1px solid #6699FF;
 border-bottom:1px solid #6699FF;
 padding:3px 5px;
 margin:5px 0 0 0;
}


.rss-item {
 margin:5px 5px 10px 5px;
 padding:10px;
 font-size:80%;
 border-bottom:3px dotted #DADADA;
}

.rss-item a {
 margin:0;
 padding:1px;
 font-size:100%;
 font-weight:bold;
 background-color:#DADADA;
}


.box001 {
  padding:10px 0 20px 26px;
}

.box001 p {
  padding:5px 0 0 0;
  font-size:80%;
}