@charset "utf-8";

@import "base.css";


#main{
	clear: both;
	margin: 25px 25px 0 25px;
	width: 710px;
	}

/* ごあいさつ 
--------------------------------------------- */

/* 参考料金表 
--------------------------------------------- */
table.ryoukin-t{
	width: 666px;
	}
table.ryoukin-t th,table.ryoukin-t td{
	border: 1px solid #ffcc00;
	}

table.ryoukin-t th{
	padding: 5px;
	text-align: center;
	width: 115px;
	}
table.ryoukin-t th img{
	margin: 0;
	}
table.ryoukin-t td{
	padding: 5px 10px;
	background: #fffeee;
	}
table.ryoukin-t td.t1{
	width: auto;
	}
table.ryoukin-t td.t2{
	width: 160px;
	}

/* 商品紹介 
--------------------------------------------- */

#main p.txt-add{		/* 注釈 */
	text-align: right;
	margin-top: 1.75em;
	margin-bottom: -1.75em;
	font-size: 86%;
	}

/* リンクサイト */
table.shouhin-link{
	width: 668px;
	border: 1px solid #999;
	}
table.shouhin-link td{
	padding: 10px 0 12px 15px;
	}
table.shouhin-link td img{
	margin-right: 15px;
	}
#main table.shouhin-link span a:hover{
	border-bottom: 0;
	}

/* 特別販売 */
table.shouhin-t1{
	width: 666px;
	margin-bottom: 0.5em;
	}
table.shouhin-t1 th{
	padding: 7px 5px 3px 5px;
	text-align: center;
	font-weight: bold;
	border: 1px solid #ffcc00;
	}
table.shouhin-t1 td{
	padding: 5px 5px 7px 5px;
	text-align: center;
	background: #ffee82;
	border: 1px solid #ffcc00;
	}
table.shouhin-t1 td span{
	color: #ff0000;
	font-weight: bold;
	}
table.shouhin-t1 td span del{
	color: #303030;
	}
table.shouhin-t1 td img{
	margin: 4px 0 2px 0;
	}

/* メーカーリンク */
table.shouhin-t2{
	width: 668px;
	border: 1px solid #999;
	}
table.shouhin-t2 th{
	text-align: center;
	padding: 10px 0 10px 10px;
	}
table.shouhin-t2 td{
	padding: 10px 5px;
	}
#main table.shouhin-t2 a:hover{
	border-bottom: 0;
	}

/* おすすめ商品 */
p.osusume1,p.osusume2,p.osusume3{
	padding-left: 35px;
	}
p.osusume1 img{
	margin: 5px 0 15px 0;
	}
p.osusume3{
	padding-bottom: 10px;
	}
#main p.osusume1 strong{
	font-weight: bold;
	line-height: 1.5em;
	}


/* 水道局指定工事店 
--------------------------------------------- */
table.siteikouji-t{
	width: 666px;
	margin-bottom: 20px;
	}
table.siteikouji-t td{
	padding: 5px 20px;
	border: 1px solid #3366cc;
	}
table.siteikouji-t td a:hover{
	border-bottom: 1px solid #3366ff;
	}

/* 作業の流れ 
--------------------------------------------- */
#sagyou-flow p{
	text-align: center;
	}
#main div.sagyou1{
	width: 540px;
	margin: 0 auto 0 80px;
	}
#main div.sagyou1 p{
	margin: 0.75em 0;
	padding: 0.25em 0;
	text-align: center;
	color: #fff;
	background: #4f7fff;
	border: solid 1px #3366ff;
	font-size: 100%;
	line-height: 1.5em;
	font-weight: bold;
	}
#main div.sagyou1 ul{
	list-style: none;
	margin: 0.5em 45px;
	padding: 0.5em 0;
	text-align: center;
	border: 2px dotted #3366ff;
	}
#main div.sagyou1 ul li{
	margin-left: 0;
	margin-right: 0;
	padding: 0;
	}
#main p.sagyou2{
	width: 540px;
	margin: 0 0 0.5em 80px;
	padding: 0.25em 0;
	text-align: center;
	color: #603000;
	background: #ffeb73;
	border: solid 1px #ffcc00;
	font-size: 100%;
	line-height: 1.5em;
	font-weight: bold;
	}
#main p.sagyou3{
	width: 540px;
	margin: 0 0 0.5em 80px;
	padding: 0.25em 0 0.25em 1em;
	text-align: center;
	color: #fff;
	background: #4f7fff;
	font-size: 100%;
	line-height: 1.5em;
	font-weight: bold;
	letter-spacing: 1em;
	}
#main p.sagyou4{
	width: 540px;
	margin: 1.5em auto 1em 80px;
	}
#main p.sagyou4 img{
	margin-top: 5px;
	}


/* 出動可能地域 
--------------------------------------------- */
table.area-t{
	width: 666px;
	margin-bottom: 15px;
	}
table.area-t th,table.area-t td{
	padding: 5px 10px;
	border: 1px solid #ffcc00;
	background: #fff;
	line-height: 1.5em;
	}
table.area-t th{
	white-space: nowrap;
	color: #603000;
	background: #fffeee;
	}
#main table.area-t ul{
	margin: 0.15em 0 0 0;
	padding: 0;
	list-style: none;
	}
#main table.area-t li{
	display: block;
	float: left;
	width: 190px;
	margin: 0 0 0.15em 10px;
	padding: 0;
	line-height: 1.5em;
	}
#main table.area-t li.long{		/* 文字数の多い住所 */
	width: 380px;
	}


/* 会社概要 
--------------------------------------------- */
table.aboutus-t{
	width: 667px;
	margin-bottom: 20px;
	}
table.aboutus-t th,table.aboutus-t td{
	padding: 7px 10px;
	border: 1px solid #ffcc00;
	}
table.aboutus-t th{
	width: 25%;
	background: #fffeee;
	}
table.aboutus-t td{
	width: 85%;
	}

/* 特定商取引に基づく表記 
--------------------------------------------- */
table.trading-t{
	width: 667px;
	margin-bottom: 20px;
	}
table.trading-t th,table.trading-t td{
	padding: 7px 10px;
	border: 1px solid #ffcc00;
	}
table.trading-t th{
	width: 30%;
	background: #fffeee;
	}
table.trading-t td{
	width: 70%;
	}

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

#main.sitemap ul{
	margin: 0 0 1.75em 50px;
	}


/* 問合せフォーム 
--------------------------------------------- */
form{
	margin: 0;
	}
#form{
	margin: 0 auto;
	width: 667px;
	border: 1px solid #ffcc00;
	}
#form h4{
	margin: 0;
	padding: 0.25em 0.5em;
	line-height: 1.5em;
	color: #663300;
	background: #ffeb73;
	border-bottom: 1px solid #ffcc00;
	}
#form h4 span{
	font-size: 84%;
	font-weight: normal;
	color: #ff0000;
	}

#form p{
	margin: 0;
	padding: 0.5em 15px 0.75em 15px;
	line-height: 1.5em;
	text-indent: 0em;
	border-bottom: 1px solid #ffcc00;
	}

#form span{
	color: #494949;
	font-size: 84%;
	}
#form span.attention{
	font-size: 100%;
	color: #ff0000;
	}
#form strong{
	color: #663300;
	}

input,select{
	margin: 3px 2px 0px 10px;
	}
textarea{
	margin: 0 0 0.25em 1em;
	width: 500px;
	height: 180px;
	font-size: 90%;
	}

#form p.submit{
	text-align: center;
	font-weight: bold;
	color: #663300;
	background: #fffddd;
	border: 0;
	}
#form p.submit input{
	margin: 1em 1em 0 1em;
	padding: 0.2em;
	width: 10em;
	}
#form p.submit span{
	font-size: 100%;
	font-weight: normal;
	color: #303030;
	}
#form p.submit span input{
	margin: 0.5em 2px 0 0;
	width: auto;
	}

/* 問合せフォーム（協力店募集） 
--------------------------------------------- */

/* NEWS 
--------------------------------------------- */

#main.news-index h3{
	margin: 0 0 1.25em 0;
	}
#main.news-index ul{
	margin: 0 0 1.75em 50px;
	}
#main.news h4{
	margin: 0 20px 1em 20px;
	}
#main.news p{
	margin-bottom: 1.5em;
	}
#main.news p.date{
	text-align: right;
	margin-top: -0.5em;
	margin-bottom: 0.5em;
	padding-right: 1.5em;
	}
#main.news p.news-img{
	text-align: center;
	}
#main.news ul.news-nav{
	margin: 1em 20px 0.75em 20px;
	text-align: center;
	height: 2.25em;
	list-style: none;
	background: url(../img/h4_bg.gif) no-repeat left bottom;
	}
#main.news ul.news-nav li{
	display: inline;
	margin: 0;
	padding: 0 0.25em 0 0.25em;
	}
#main.news ul.news-nav li a:hover{
	border-bottom: 0;
	}