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

/* 共通 */
* {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body {
	background: #DFF;
	margin: 0px;
	padding: 0px;
	line-height: 125%;
}
h1 {
	font-size: 60%;
	padding-left: 5px;
	margin-top: 0px;
}
h2 {
	background: #FFFFFF url(images/common/h2_bg.gif) repeat-x scroll 0 0;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	font-size: 130%;
	font-weight: bold;
	height: auto !important;
	margin-bottom: 10px;
	min-height: 20px;
	padding: 14px 7px 8px;
}
h3 {
	background:#eee;
	border-left:10px double #00F;
	padding:0.3em;
	font-size: 120%;
	margin-bottom: 5px;
}
h4 {
	border-left:7px solid #00F;
	border-bottom:1px solid #00F;
	padding-left: 5px;
	font-size: 100%;
	padding-bottom: 3px;
	margin-left: 7px;
	margin-right: 5px;
}
p {
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 90%;
}
ul {
	list-style: none;
	padding-left: 15px;
	font-size: 90%;
}
ul li {
	margin-left: 0px;
}
img {
	border-style: none;
}
br {
	margin: 0px;
	padding: 0px;
}
dl dt {
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 10px;
	font-size: 120%;
}
dl dd {
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
}
.pFrame {
	margin-bottom: 10px;
	padding: 0px 10px 10px;
	font-size: 14px;
	letter-spacing: normal;
}
a {
	font-weight: bold;
}
.top {
	text-align: right;
	padding-right: 10px;
}
.strong2 {
	font-size: 125%;
	font-weight: bold;
	color: #F00;
}
#news {
	padding: 15px 20px;
	border: 5px solid #F00;
	margin: 15px;
	background: #FFE;
}
#news p {
	margin: 0px;
	padding: 0px 0px 10px;
}

/* wrapper */
#wrapper {
	width: 950px;
	margin: 0px auto;
	background: #FFF;
	position:relative;
}

/* ヘッダー部 */
#header #bg {
	background: url(images/common/header_03.gif) no-repeat;
	height: 125px;
	font-size: 75%;
	padding-left: 5px;
	position: relative;
	margin-top: 3px;
	padding-bottom: 0px;
	line-height: 15px;
}
#header #bg #txt {
	position: absolute;
	top: 9px;
	left: 14px;
}
#header #bg #txt2 {
	position: absolute;
	top: 90px;
	left: 493px;
	text-indent: -9999px;
	background: url(images/common/mail.gif) no-repeat;
	height: 30px;
	width: 360px;
	overflow: hidden;
	display: block;
}

/*#header #navi ul {
	width: 950px;
	text-align: justify;
	margin: 0px;
	padding: 0px;
}
#header #navi ul li {
	float: left;
	text-align: justify;
}
#header #navi a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #fff;
}*/

#navi {
	position:absolute;
	top:160px;
	left:0px;
}
#navi ul {
	width: 950px;
	text-align: justify;
	margin: 0px;
	padding: 0px;
}
#navi ul li {
	float: left;
	text-align: justify;
}
#navi a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #fff;
}

#header #bg #shoplogo {
	position: absolute;
	top: 45px;
	left: 6px;
	/*text-indent: -9999px;
	background: url(images/common/header_logo.gif) no-repeat;*/
	height: 80px;
	width: 300px;
	overflow: hidden;
	display: block;
}

/* パンくず */
#bread {
	padding-bottom: 0px;
}
#bread p {
	padding-bottom: 0px;
	font-size: 80%;
}


/* メイン部 */
#main .img {
	padding-left: 5px;
	margin-top: 0px;
}
#main #syohin {
	margin: auto;
}
#main #syohin ul {
	margin: 0px;
	padding: 0px;
}
#main #sekoarea {
	margin-bottom: 10px;
}
#main #sekoarea .maparea {
	float: left;
	height: 440px;
	width: 450px;
}
#main #sekoarea p {
	margin: 0px;
	padding: 5px 15px;
}
#main #sekoarea {
	margin-right: auto;
	margin-left: auto;
	width: 900px;
}
#main #sekoarea img {
	border: 1px solid #666;
	margin-right: auto;
	margin-left: auto;
}
#main #sekoarea ul li {
}
#main #syohin ul .kiki {
	width: 940px;
}
#main #syohin ul li {
	float: left;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 10px;
}
#main #syohin a:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	background: #fff;
}
#main #area dl {
	font-size: 75%;
	margin-left: 10px;
}
#main #area dl dt {
	padding-left: 15px;
	font-weight: bold;
	padding-bottom: 5px;
}
#main #area dl dd {
	padding-bottom: 15px;
	margin-left: 25px;
	margin-right: 15px;
}
#main #jirei img {
	border: 1px solid #CCC;
}
#main #jirei ul li {
	float: left;
	margin-left: 5px;
}
#main #visitarea {
	background: #FFD;
	border: 3px solid #00F;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}

/* フッター部 */
#footer {
	padding: 10px;
	margin-top: 15px;
}
#footer p {
	font-size: 75%;
	padding-left: 15px;
	text-align: center;
}
#footer address {
	font-style: normal;
	text-align: center;
	font-size: 80%;
	margin-top: 5px;
	background: #6FF;
}

/* 施工事例ページ */
#jirei .main {
	padding-left: 5px;
}
#jirei #lp ul {
	background: none repeat scroll 0 0 #FFFFCC;
	border: 3px solid #FF9900;
	margin-left: 15px;
	padding: 3px 10px;
	height: 65px;
	width: 720px;
}
#jirei #lp ul li {
	font-size: 110%;
}
#jirei #lp ul li .bold {
	font-weight: bold;
}

/* よくある質問 */
#faq dl dt {
	background: #FFFFDD url(images/faq/q.gif) no-repeat scroll left center;
	font-weight: bold;
	margin-bottom: 10px;
	padding-left: 35px;
	border-bottom: 1px dotted #666666;
	border-color: #666666;
	border-right: 1px none #666666;
	border-top: 1px solid #666666;
	border-width: 1px;
}
#faq dl dd {
	padding-left: 35px;
}
#faq dl dd.first {
	background: url(images/faq/a.gif) no-repeat scroll left top transparent;
	padding-left: 35px;
}

/* 給湯器取替の流れ */
#flow {
	width: 800px;
	margin-left: 75px;
}
#flow .contents {
	background: #EEE;
}
#flow h3 {
	color: #FFF;
	/*background: #00C;*/
	background:#0033CC;
	font-size: 120%;
	font-weight: bold;
	padding: 7px;
	margin-bottom:0px;
	border-style: none;
	letter-spacing: 2px;
}
#flow ul {
	margin-top: 0px;
	margin-bottom: 5px;
	padding: 10px 20px 0px;
}
#flow .contents p {
	margin-top: 0px;
	padding-left: 20px;
}
#flow p.arrow {
	padding-left: 350px;
	padding-top: 0px;
	padding-bottom: 0px;
	clear:both
}
#flow p.flow_img {
	float: right;
	padding: 5px 20px 5px 5px;
	margin: 0px;
}
#flow .bold {
	font-weight: bold;
	color: #F00;
}
#flow .contents .check {
	padding-right: 3px;
	vertical-align: middle;
}

/* 取扱給湯器ページ */
#shohin .tbl {
	width: 800px;
	height: 150px;
	margin: 5px 15px;
	border: 1px solid #999;
}
#shohin .tbl .t_left {
	float: left;
	width: 150px;
	height: 150px;
}
#shohin table td.gazou {
	padding: 5px;
	text-align: center;
	width: 150px;
}
#shohin .tbl dl {
	margin: 0px;
	padding: 0px;
}
#shohin table {
	margin-left: 25px;
}
#shohin table td.title {
	text-align: center;
	font-weight: bold;
	background: #FFC;
	font-size: 90%;
}
#shohin table td.name {
	padding-left: 5px;
	width: 420px;
	background: #CFF;
	font-size: 90%;
}
#shohin table td.size {
	width: 50px;
	background: #CFF;
	text-align: right;
	padding-right: 5px;
}
#shohin table td.price {
	text-align: right;
	font-weight: bold;
	color: #F00;
	padding-right: 5px;
	width: 180px;
	background: #CFF;
}
.text_r {
width:900px;
text-align:right;
}
.text_r p {
padding-left:20px;
}
.clear {
clear:both;
}

/*#navi ul {
	width: 950px;
	text-align: justify;
	margin: 0px;
	padding: 0px;
}
#navi ul li {
	float: left;
	text-align: justify;
}
#navi a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #fff;
}*/