@charset "shift_jis";
*{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
}
body {
	margin: 0;
	padding: 0;
	text-align: center;
	background-image: url(common-img/back.jpg);
	background-repeat: repeat-x;
	font-size: 75%;
	line-height: 1.5em;
}

#wrap {
	width: 800px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0px;
	text-align: left;
}



a { color: #0d427d; }
a:hover { color: #c1272d; }
 

 /*----------------ロゴタイトル▼----------------*/

h1 {
	text-indent: -5000px;
	width: 800px;
	height: 75px;
	background-image: url(common-img/header.jpg);
	background-repeat: no-repeat;
}





 /*----------------ナビゲーション▼----------------*/
#gnavi {
	width: 800px;
	height: 80px;
	background-image: url(common-img/g-naviback.jpg);
	background-repeat: no-repeat;
}
#gnavi ul {
	width: 768px;
	height: 30px;
	list-style-type: none;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
}
#gnavi li { text-indent: -5000px; width: 128px; height:30px ; float: left;  }
#gnavi li#gnavi00 a {
	background-image: url(common-img/g-navi.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 128px;
	height: 30px;
	display: block;
}
#gnavi li#gnavi00 a:hover {
	background-image: url(common-img/g-navihover.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 128px;
	height: 30px;
	display: block;
}
#gnavi li#gnavi01 a { 
background-image: url(common-img/g-navi.jpg);
background-repeat: no-repeat; 
background-position:-128px 0; 
width: 128px;
height: 30px;
display: block;
 }
#gnavi li#gnavi01 a:hover { 
background-image: url(common-img/g-navihover.jpg);
background-repeat: no-repeat; 
background-position: -128px 0; 
width: 128px;
height: 30px;
display: block;
 }

#gnavi li#gnavi02 a { 
background-image: url(common-img/g-navi.jpg);
background-repeat: no-repeat;
background-position: -256px 0; 
width: 128px;
height: 30px;
display: block;
 }
 
#gnavi li#gnavi02 a:hover { 
background-image: url(common-img/g-navihover.jpg);
background-repeat: no-repeat;
background-position: -256px 0; 
width: 128px;
height: 30px;
display: block;
 }

#gnavi li#gnavi03 a { 
background-image: url(common-img/g-navi.jpg);
background-repeat: no-repeat;
background-position: -384px 0; 
width: 128px;
height: 30px;
display: block;
 }
 
#gnavi li#gnavi03 a:hover { 
background-image: url(common-img/g-navihover.jpg);
background-repeat: no-repeat;
background-position: -384px 0; 
width: 128px;
height: 30px;
display: block;
 }
 

#gnavi li#gnavi04 a { 
background-image: url(common-img/g-navi.jpg);
background-repeat: no-repeat;
background-position: -512px 0; 
width: 128px;
height: 30px;
display: block;
 }
 
#gnavi li#gnavi04 a:hover { 
background-image: url(common-img/g-navihover.jpg);
background-repeat: no-repeat;
background-position: -512px 0; 
width: 128px;
height: 30px;
display: block;
 }
  
 
#gnavi li#gnavi05 a { 
background-image: url(common-img/g-navi.jpg);
background-repeat: no-repeat;
background-position: -640px 0; 
width: 128px;
height: 30px;
display: block;
 }
 
#gnavi li#gnavi05 a:hover { 
background-image: url(common-img/g-navihover.jpg);
background-repeat: no-repeat;
background-position: -640px 0; 
width: 128px;
height: 30px;
display: block;
 }




 /*----------------コンテンツ▼----------------*/
#titile {
	width: 800px;
	height: 220px;
}
 /*----------------コンテンツの包括シャドウ用▼----------------*/
 #con {
	width: 800px;
	background-image: url(common-img/conback.jpg);
	background-repeat: repeat;
}
 /*----------------コンテンツの包括▼----------------*/
.box01 {
	width: 600px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: left;
}


.box01 p{
	width: 600px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.box01 img{
	margin-bottom: 10px;
}


.box01 ul {
	list-style-type: none;
	
}
.box01 li {
	list-style-type: none;
	padding-top: 2px;
	padding-bottom: 2px;
}



h2 { width: 590px; background-color: #E8F4D9; color: #006837; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #006837; padding-top: 4px; padding-bottom: 2px; padding-left: 10px; margin-bottom: 10px; }

h3 {
	width: 600px;
	color: #006837;
	margin-top: 10px;
}
#tel {
	width: 600px;
	height: 80px;
}



/*-----▼施工例：単価表のテーブル-----*/


.box02 table {
	width: 600px;
	margin-top: 20px;
	background-color: #CCCCCC;
}
.box02 td {
	background-color: #FFFFFF;
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 3px;
	padding-left: 5px;
}


.box02 th {
	background-color: #FAF7F5;
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 3px;
	padding-left: 5px;
	width: 140px;
}
/*-----▼施工例の画像用テーブル-----*/

.box06  {
	width: 600px;
}
.box06 table {
	margin-top: 20px;
}
.box06 td {
	width: 298px;
	
}

/*-----▼会社概要のテーブル-----*/
.box03{ 
	padding-bottom: 20px;
}
.box03 table {
	width: 600px;
	margin-top: 20px;
}
.box03 td {
	background-color: #FFFFFF;
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 3px;
	padding-left: 5px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}


.box03 th {
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 3px;
	padding-left: 5px;
	width: 120px;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #999999;
	border-left-color: #8CC63F;
}

.box03 ul {
	width: 560px;
	padding-left: 30px;
	padding-top: 10px;
}
.box03 li {
	list-style-position: outside;
	list-style-type: decimal;
	padding-bottom: 10px;
	}


/*-----▼お問い合わせ用テーブル-----*/

.box04 {
	width: 600px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: left;
}

.box04 table {
	width: 600px;
	margin-top: 20px;
}
.box04 td {
	background-color: #FFFFFF;
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 3px;
	padding-left: 5px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}


.box04 th {
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 3px;
	padding-left: 15px;
	width: 120px;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #999999;
	border-left-color: #8CC63F;
	font-weight: lighter;
}


.box05 {
	width: 600px;
	text-align: center;
	height: 30px;
	padding-top: 20px;
}

/*-----▼このページの上へ-----*/
.up {
	width: 600px;
	margin-top: 20px;
}



 /*----------------footer▼----------------*/
#mark {
	width: 800px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
} 
 
 #footer {
	width: 100%;
	margin-top: 0;
	height: 50px;
	background-image: url(common-img/footerback.jpg);
	background-repeat: repeat-x;
}
#footer img {
	width: 800px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0px;
	height: 50px;
	background-repeat: repeat-x;
	text-align: center;
}

#footnavi {
	width: 240px;
	height: 50px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	padding: 0px;
}
#footnavi ul {
	list-style-type: none;
	}
#footnavi li {
 text-indent: -5000px; 
 width: 120px; 
 height:50px ; 
 float: left;  
 }
#footnavi li#footnavi01 a {
	background-image: url(common-img/footnavi.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 120px;
	height: 50px;
	display: block;
}
#footnavi li#footnavi01 a:hover {
	background-image: url(common-img/footnavihover.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 120px;
	height: 50px;
	display: block;
}
#footnavi li#footnavi02 a {
	background-image: url(common-img/footnavi.jpg);
	background-repeat: no-repeat;
	background-position: -120px 0;
	width: 120px;
	height: 50px;
	display: block;
}
#footnavi li#footnavi02 a:hover {
	background-image: url(common-img/footnavihover.jpg);
	background-repeat: no-repeat;
	background-position: -120px 0;
	width: 120px;
	height: 50px;
	display: block;
}