@import url(default.css);

body {
	background: url("../images/sub_bg01.gif") repeat-x #E8E8E8;
}

/* -----------全体囲み----------- */
#all {
	background: url("../images/sub_bg02.gif") repeat-y #E8E8E8;
}

/* ================================================================== */
/* -----------ヘッダー全体----------- */
#head00 {
	height: 61px;
}
/* -----------ヘッダーイメージ----------- */
#head_sbimg {
	margin: 0;
	padding: 0;
	width: 800px;
	height: 55px;
	background: url("../images/sub_img01.gif") 0px 0px no-repeat;
}
/* -----------ヘッダーキャッチ----------- */
#head_sbctch {
	margin: 0;
	padding: 0;
	width: 800px;
	height: 25px;
	overflow: hidden;
}
#head_sbctch_txt {
	margin: 0;
	padding: 3px 20px 0 0;
	font-size: 11px;
	font-weight: normal;
	line-height: 1.2em;
	color: #666;
	text-align: right;
}
h1#head_sbttl {
	margin: 0 592px 7px 18px;
	padding: 0;
	width: 190px;
	height: 23px;
	text-indent: -100em;
}
h1#head_sbttl a {
	display: block;
	width: 190px;
	height: 23px;
}

/* ================================================================== */
/* -----------写真とキャッチ----------- */
.headimgbg01 {
	margin: 0;
	padding: 0;
	background: url("../images/index_hdbg01.gif") repeat-y;
}
.headimg01 {
	margin: 0 10px;
	padding: 0;
	width: 800px;
	height: 150px;
}

/* ================================================================== */
/* -----------コンテンツ全体囲み（フッターまで）----------- */
#contents {
	margin-top: 0;
}
/* -----------左右分け----------- */
#sub_left {
	margin: 0;
	padding:0;
	width: 165px;
	float: left;
	overflow: hidden;
}
#sub_right {
	margin: 0;
	padding:0;
	width: 635px;
	float: left;
	overflow: hidden;
}

/* ================================================================== */
/* -----------左側----------- */
#sub_leftphoto01 {
	margin: 0;
	padding: 0;
	width: 165px;
	height: 96px;
}
#sub_leftphoto01 ul,li { 
	padding-left:30px;
	padding-top:20px;
	list-style:none;
	background-image:url(../images/point1.gif); 
	background-position:10px 22px; 
	background-repeat:no-repeat;
}

/* ================================================================== */
/* -----------右側----------- */
/* -----------パンくず----------- */
.bread00 {
	margin: 1px 0 0 0;
	padding: 0;
	width: 635px;
	height: 17px;
	overflow: hidden;
	background-color: #898989;
}
.bread {
	padding: 3px 0 1px 20px;
	color: #FFF;
	font-size: 10px;
	line-height: 1.0em;
}
/* -----------章タイトル----------- */
h2.ttl00 {
	margin: 0;
	padding: 0;
	width: 635px;
	height: 44px;
}
/* -----------ページタイトル----------- */
h3.ttl01 {
	margin: 0 0 1px 0;
	padding: 0;
	width: 635px;
	height: 33px;
}
/* -----------タイトルより下----------- */
.sub_main {
	margin: 0 20px 0 20px;
	padding: 0;
	width: 595px;
}
/* -----------バナー----------- */
#anshin{
    margin:0 0 25px 0;
    padding:0;
}
#index_rightbanner {
	margin-bottom: 5px; margin-top:0px;
	padding: 0;
	width: 635px;
}
ul#indx_rghtbnnr {
	position: relative;
	margin: 0;
	padding: 0; /* NN必須 */
	width: 635px;
	height: 85px;
	list-style: none;
	overflow: hidden;
}
ul#indx_rghtbnnr li a {
	display: block;
	width: 635px;
	position: absolute;
	overflow: hidden;
	padding: 85px 0 0 0;
	text-indent: -100em;
	text-decoration: none;
	left: -1px;
}
li#indxrghtbnnr01 a{ 
	background: url("../images/anshin_bnnr.gif") no-repeat 0 0;
	top: 2px;
	height: 85px;
}
li#indxrghtbnnr01 a:hover{ 
	background-position: 0 -85px;
}

/* -----------見出し----------- */
h4.sttl01 {
	margin: 0 0 20px 0;
	padding: 0;
	width: 595px;
	border-bottom: solid 3px #900;
	font-size: 20px;
	font-weight: normal;
	line-height: 1.2em;
	color: #000;
}
h5.ssttl01,
h5.ssttl02{
	padding: 0;
	width: 595px;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.2em;
	color: #900;
}
h5.ssttl01 { margin: 0 0 12px 0; }
h5.ssttl02 { margin: 1.2em 0 12px 0; }

.ssttl03 { 
    margin: 0; 
	padding: 0;
	width: 595px;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.2em;
	color: #900;
}

/* ================================================================== */
/* -----------トップへもどる----------- */
.pagetop {
	margin: 10px 0 20px 0;
	padding: 0;
	text-align: right;
	width: 595px;
}

/* ======会社案内============================================================ */
/* -----------左側メニュー------------ */
ul#mn_cmpny {
	position: relative;
	margin: 0;
	padding: 0; /* NN必須 */
	width: 165px;
	height: 104px;
	list-style: none;
	overflow: hidden;
}
ul#mn_cmpny li a {
	width: 165px;
	position: absolute;
	overflow: hidden;
	padding: 0;
	text-indent: -100em;
	text-decoration: none;
	left: 0;
}
li#mn_cmpny01 a{ 
	background: url("../images/company_menu01.gif") no-repeat 0 0;
	top: 0px;
	height: 26px;
}
li#mn_cmpny02 a{ 
	background: url("../images/company_menu02.gif") no-repeat 0 0;
	top: 26px;
	height: 26px;
}
li#mn_cmpny03 a{ 
	background: url("../images/company_menu03.gif") no-repeat 0 0;
	top: 52px;
	height: 26px;
}
li#mn_cmpny04 a{ 
	background: url("../images/company_menu04.gif") no-repeat 0 0;
	top: 78px;
	height: 26px;
}

li#mn_cmpny01 a:hover,
li#mn_cmpny02 a:hover,
li#mn_cmpny03 a:hover,
li#mn_cmpny04 a:hover{
	 background-position: -165px 0px;
}
/* -----------代表挨拶------------ */
.cmpnygrtng01 {
	margin: 0;
	padding: 0 50px 1em 50px;
}
.cmpnygrtng02 {
	margin: 0;
	padding: 1em 50px 1em 50px;
	text-align: left;
}
.cmpnygrtng03 {
	margin: 0;
	padding: 1em 50px 1em 50px;
	text-align: left;
	font-size: 16px;
	color: #660000;
}
/* -----------会社概要テーブル------------ */
table.tblcmpny01 {
	margin: 0;
	padding: 0;
	border-collapse: separate;
	border-spacing: 2px;
}
table.tblcmpny01 th,
table.tblcmpny01 td { padding: 0.8em 1.5em; }
table.tblcmpny01 th {
	background-color: #E3E3E3;
	text-align: left;
	white-space: nowrap;
	line-height: 1.5em;
	color: #333;
}
table.tblcmpny01 td {
	background-color: #EBEBEB;
	text-align: left;
	white-space: normal;
	line-height: 1.8em;
	color: #333;
}
/* -----------沿革リスト------------ */
dl.lstcmpny01 dt,
dl.lstcmpny02 dt {
	clear: left;
	float: left;
	width: 11em;
	border-left: solid 8px #CCC;
	padding-left: 5px;
	color: #000;
}
dl.lstcmpny01 dt { margin: 0 0 0.8em; }
dl.lstcmpny02 dt { margin: 0 0 2em; }
dl.lstcmpny01 dd,
dl.lstcmpny02 dd {
	margin-bottom: 1em;
	margin-left: 11em;
	padding-bottom: 1em;
}

/* -----------スタッフ紹介------------ */

.staff {
	margin: 0;
	padding:0;
	text-align: left;
	font-size: 16px;
	color: #660000;
}
/* ======当社のこだわり============================================================ */
/* -----------５つの安心リスト------------ */
ul.plcy01 {
	margin: 0;
	padding: 1.5em 2em;
	list-style-type: decimal;
	list-style-position: inside;
	font-size: 13px;
	line-height: 1.8em;
	background-color: #E3E3E3;
}

/* ======価格============================================================ */
/* -----------価格表テーブル------------ */
.tblprc01,
.tblprc02 {
	padding: 0;
	border-collapse: separate;
	border-spacing: 2px;
}
.tblprc01 { margin: 0 0 1.5em 0; }
.tblprc02 { margin: 0; }
.tblprc01 th,
.tblprc02 th {
	padding: 0.3em 1em; 
	font-size: 14px;
	background-color: #666;
	color: #FFF;
	text-align: left;
}
.tblprc01 td,
.tblprc02 td {
	padding: 0.2em 1.5em; 
	background-color: #E3E3E3;
}
/* -----------費用参考例------------ */
h4.prcexmpl01 {
	margin: 0;
	padding: 1em 0 0.5em 0; 
	font-size: 14px;
	font-weight: bold;
	color: #000;
}
.prcexmpl01brdr {
	margin: 0;
	padding: 0.5em 100px;
	border: solid 1px #666;
}
.tbllstprcexmpl01 {
	margin: 0;
	padding: 0;
	width: 100%;
	border-collapse: separate;
	border-spacing: 1px;
}
.tbllstprcexmpl01 th {
	width: 60%;
	padding: 0.3em 1em 0 3em; 
	font-weight: normal;
	text-align: left;
}
.tbllstprcexmpl01 td {
	padding: 0.3em 3em 0.3em 0; 
	text-align: right;
}
.prcexmpl01brdr02 {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 0.2em;
	border-top: solid 1px #666;
	overflow: hidden;
}
/* -----------左側メニュー------------ */
.prcmycmpny {
	margin-top: 0.5em;
	padding: 2em 40px;
	background-color: #bcc7d7;
}

/* ======工事の流れ============================================================ */
/* -----------左側メニュー------------ */
ul#mn_flw {
	position: relative;
	margin: 0;
	padding: 0; /* NN必須 */
	width: 165px;
	height: 78px;
	list-style: none;
	overflow: hidden;
}
ul#mn_flw li a {
	width: 165px;
	position: absolute;
	overflow: hidden;
	padding: 0;
	text-indent: -100em;
	text-decoration: none;
	left: 0;
}
li#mn_flw01 a{ 
	background: url("../images/flow_menu01.gif") no-repeat 0 0;
	top: 0px;
	height: 26px;
}
li#mn_flw02 a{ 
	background: url("../images/flow_menu02.gif") no-repeat 0 0;
	top: 26px;
	height: 26px;
}
li#mn_flw03 a{ 
	background: url("../images/flow_menu03.gif") no-repeat 0 0;
	top: 52px;
	height: 26px;
}
li#mn_flw01 a:hover,
li#mn_flw02 a:hover,
li#mn_flw03 a:hover{
	 background-position: -165px 0px;
}
/* -----------BOX------------ */
h5.flwsttl01 {
	margin: 0;
	padding: 15px 0 12px 25px;
	background: url("../images/flow_bx01.gif") no-repeat 0 0 #E3E3E3;
	font-size: 18px;
	font-weight: normal;
	line-height: 1em;
	color: #000;
}
.stp {
	font-style: italic;
	color: #900;
}
.flwbx {
	margin: 0;
	padding: 0 25px 0 25px;
	background: url("../images/flow_bx02.gif") no-repeat left bottom #E3E3E3;
}
.flwbx02 {
	margin: 0;
	padding: 0 25px 0 25px;
	background: #E3E3E3;
}
.flwbx_left {
	margin: 0;
	padding:0;
	width: 90px;
	float: left;
	overflow: hidden;
}
/* ----写真ナシの場合---- */
.flwbx_right {
	margin: 0;
	padding:0;
	width: 455px;
	float: left;
	overflow: hidden;
}
/* ----写真1枚の場合---- */
.flwbx_right_a01 {
	margin: 0;
	padding:0;
	width: 335px;
	float: left;
	overflow: hidden;
}
.flwbx_right_a02 {
	margin: 0;
	padding:0;
	width: 120px;
	float: left;
	overflow: hidden;
}
/* ----写真2枚の場合---- */
.flwbx_right_b01 {
	margin: 0;
	padding:0;
	width: 212px;
	float: left;
	overflow: hidden;
}
.flwbx_right_b02 {
	margin: 0;
	padding:0;
	width: 123px;
	float: left;
	overflow: hidden;
}
.flwbx_right_b03 {
	margin: 0;
	padding:0;
	width: 120px;
	float: left;
	overflow: hidden;
}
/* ----BOX内見出しとテキスト---- */
.flwbx_right_a01 h6,
.flwbx_right_b01 h6 {
	margin: 0;
	padding-bottom: 0.5em;
	font-size: 16px;
	font-weight: normal;
	line-height: 1em;
	color: #000;
}
.flwbx_right_a01 p,
.flwbx_right_b01 p {
	margin: 0;
	padding: 0 0 1em 1em;
}
/* ----フロート解除---- */
.flwbx_both {
	width: 545px;
	height: 20px;
	clear: both;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
p.flwarrw01 {
	margin: 7px 0 5px 273px;
	padding: 0; 
}
p.flwnxt01 {
	margin: 0;
	padding: 0; 
	font-size: 13px;
	font-weight: normal;
	text-align: center;
}
/* -----------アフターサービステーブル------------ */
table.tblaftrsrvc01 {
	margin: 0 0 0.5em 2em; 
	padding: 0;
	border-collapse: separate;
	border-spacing: 2px;
}
table.tblaftrsrvc01 th {
	padding: 0.4em 1.5em; 
	font-size: 13px;
	font-weight: normal;
	background-color: #999;
	color: #FFF;
	text-align: left;
}
table.tblaftrsrvc01 td {
	padding: 0.4em 1.5em; 
	background-color: #E3E3E3;
}

/* ======塗り替えの目安============================================================ */
/* -----------塗り替えのポイントテーブル------------ */
table.tblcrtrn01,
table.tblcrtrn02 {
	padding: 0;
	border-collapse: separate;
	border-spacing: 2px;
}
table.tblcrtrn01 { margin: 0 0 1em 0; }
table.tblcrtrn02 { margin: 0 0 3em 0; }
table.tblcrtrn01 th,
table.tblcrtrn02 th {
	padding: 0.4em 1.5em; 
	font-size: 13px;
	font-weight: normal;
	background-color: #999;
	color: #FFF;
	text-align: left;
}
table.tblcrtrn01 td,
table.tblcrtrn02 td {
	padding: 0.4em 1.5em; 
	background-color: #E3E3E3;
}
.algnrght { text-align: right; }
/* -----------塗り替えのポイントリスト------------ */
ul.lstcrtrn01 {
	margin-bottom: 1em;
	padding: 0;
	list-style-type: disc;
	list-style-position: inside;
}
/* -----------塗り替えのポイント写真------------ */
table.tblcrtrnpht01 {
	margin: 0 0 3em 0;
	padding: 0;
	border-collapse: collapse;
}
table.tblcrtrnpht01 th {
	padding: 0; 
}
table.tblcrtrnpht01 th.wdth01 {
	width: 149px;
}
table.tblcrtrnpht01 td {
	padding: 0 0 0; 
	font-size: 10px;
	font-weight: normal;
	text-align: center;
}
/* -----------塗り替えの時期------------ */
.crtrntm01 {
	margin-bottom: 1em;
	padding: 1.5em 2em;
	background-color: #E3E3E3;
}
p.crtrnarrw01 {
	padding: 20px 0 0 0;
	background: url("../images/criterion_arrw01.gif") no-repeat 50px 0;
}

/* ======お問い合わせ============================================================ */
/* -----------テーブル----------- */
table.cntctfrmtbl01 {
	margin: 0.2em 0 1em;
	padding: 0;
	width: 590px;
	border-collapse: collapse;
	border: solid 1px #CCC;
}
table.cntctfrmtbl01 th,
table.cntctfrmtbl01 td {
	padding: 0.8em 0.2em 0.8em 1em;
	border: solid 1px #CCC;
}
table.cntctfrmtbl01 th {
	background-color: #E6E6E6;
	white-space: nowrap;
	color: #000;
	font-weight: normal; 
	line-height: 1.2em;
}
table.cntctfrmtbl01 td.prvcy {
	background-color: #DBDEE5;
	color: #000;
	font-weight: normal; 
	line-height: 1.3em;
}
/* -----------入力枠----------- */
input.cntctfrmtxt01{
	width: 50px; 
}
input.cntctfrmtxt02{
	width: 220px; 
}
input.cntctfrmtxt03{
	width: 320px; 
}
input.cntctfrmtxt04{
	width: 120px; 
}
textarea.cntctfrmtxt05{
	width: 320px; 
}
p.cntctfrmsbmt01{
	margin-bottom: 3em;
	padding: 0;
	text-align: center;
}
/* -----------価格----------- */
#kakaku01 {background: url(../images/back02.gif) no-repeat 0% 43%;}
#kakaku01 li { 
	padding-left:40px;
	padding-top:5px;
	list-style:none;
	background-image:url(../images/point1.gif); 
	background-position:25px 8px; 
	background-repeat:no-repeat;
}

.kakaku {
	margin: 10px 20px 0 20px;
	padding: 0;
	width: 595px;
}	
.kakaku_p {
	color:#0000FF; font-size:16px;
}
.kakaku_border {
	background-color:#FFEFE1;
	margin-top:10px; padding:3px;

}
table#kakaku-01 {
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#kakaku-01 th {
    padding: 4px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #FFFFCC;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table#kakaku-01 td {
    padding: 4px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: center; background-color: #EBFCDC;
}
table#kakaku-02 {
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#kakaku-02 th {
    padding: 4px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #FFFFCC;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}

table#kakaku-02 td {
    padding: 4px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: center; background-color: #FFFFFF;
}

.price {
	font-size:18px; 
	font-weight:bold; 
	color:#FF0000;
}
.small{
	color:#000000; 
	font-size:12px; 
	font-weight:400
}
.indent {
	margin-left:30px; 
	margin-top:7px;
}

.line01 { 
	border-bottom: #990000 double ; 
	font-weight:bold;
}
.position_right { 
	text-align:right;
}
.kakaku_p02{
	float:left;
	width:268px; margin-left:5px;
	padding:5px; 
	border:#cccccc thin solid; display:inline; 
}
.kakaku_p03{ 
	margin-left:310px; 
	height:90px;
	width:268px;
	padding:5px; 
	border:#cccccc thin solid; 
}

.cle {clear:both;}