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

/** reset */
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	vertical-align: baseline;
	background: transparent;
}
/*◆◆◆リセットＣＳＳ↑◆◆◆*/

body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#333;
}
a:link{
	text-decoration:none;
	color:#107c43;
}
a:visited{
		text-decoration:none;
		color:#963;
}
a:hover{
		text-decoration:none;
		color:#39b54a;
}
a:active{
		color:yellow;
}
em{
	background:linear-gradient(transparent 60%,#ffff66 60%);
}
.em2{
	background:linear-gradient(transparent 50%,#F99 60%);
}
h2{
	background-image:url(../images/midashi01.gif);
	background-repeat:no-repeat;
	width:700px;
	height:58px;
	color:#ffffff;
	font-weight:bold;
	font-size:13pt;
	padding-left:80px;
	padding-top:23px;
}
h3{
	clear:both;
	font-weight:bold;
	color:#026eb8;
	padding-left:20px;
	font-size:120%;
}
hr{
	clear:both;
	border:none;
	padding:15px 0;
}
.center{
	text-align:center;
	margin:20px;
	line-height:1.8em;
}
.migi{
	text-align:right;
}
#header{
	width:900px;
	margin:0 auto;
}

#headlogo{
	float:left;
	overflow:hidden;
}
#header h1{
	font-size:80%;
	text-align:right;
	color:#026eb8;
}
#headaddress{
	text-align:right;
}
#gnav{
	border-top:3px solid #107c43;
/*	border-bottom:3px solid #107c43;*/
	width:900px;
	margin:0 auto;
	clear:both;
	text-align:center;
}
#gnav ul li{
	list-style-type:none;
	display:inline-block;
	padding:15px 40px;
	font-size:12pt;
}
#gnav ul li a{
	text-decoration:none;
}

#contents{
	width:900px;
	margin:0 auto;
}
.cont_info{
	float:left;
	width:640px;
}

#contents p{
	padding:10px 20px;
}
.cont_works{
	float:right;
	padding-top:20px;
}
#contwrap{
	clear:both;
	width:900px;
	margin:0 auto;
}

.fp_left01{
	clear:both;
	float:left;
	width:350px;
}
.fp_right01{
	float:right;
	width:510px;
}
.fp_left02{
	float:left;
}
.fp_right02{
	float:right;
	width:370px;
}
#fp a{
	clear:both;
	text-align:center;
	padding:20px;
	border:3px solid #39b54a;
	display:block;
	width:40%;
	margin:10px auto;
}
#fp a:hover{
	background-color:#39b54a;
	color:#ffffff;
}
#banner{
	margin:50px auto;
}
#banner .banner_parts{
	float:left;
	padding-right:20px;
}
#banner .banner_parts p a{
	font-size:85%;
	text-align:center;
	padding-top:0;
	text-decoration:underline;
}
#footer{
	padding:30px 0px;
	background-color:#39b54a;
	text-align:center;
	color:#ffffff;
	font-size:85%;
	clear:both;
	position:relative;
}
address{
}
img.footlogo{
	padding:30px 0;
}
#footer a:link{
	color:#ffffff;
	text-decoration:underline;
}
#footer a:visited{
	color:#107c43;
}
#footer a:hover{
	color:#FF0;
	text-decoration:none;
}

/* 会社概要のページ */
body#company h2{
	background:none;
	border-bottom:5px solid #39b54a;
	color:#333;
	padding:0;
	width:460px;
	height:auto;
	margin-top:30px;
	font-size:120%;
}
dl {
	width:460px;
	float:left;
	margin-top:20px;
}
dt {
	float:left;
	line-height:2em;
}
dd{
	margin-left:150px;
	line-height:2em;
}
.companybox{
}
.companybox img{
	float:right;
}
.companybox2 img{
	float:left;
	overflow:hidden;
	padding:20px 0px;
	margin-right:50px;
}
.companybox2{
	margin:50px 0px;
	paddin:50px 0;
	border-top:2px solid #eee;
	border-bottom:2px solid #eee;
	height:320px;
}
.companybox2 p{
	overflow:hidden;
}
img.border{
	border:3px solid #eee;
}
.no1{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:170%;
	line-height:3em;
}
body#company .companybox .comwrap{
	float:left;
	width:460px;
	overflow:hidden;
	margin-top:20px;
	padding-left:0;
}
body#company .companybox .comwrap p{
	padding-left:0;
}
p.president{
	text-align:right;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:130%;
	font-weight:bold;
}
body#company h3,
body#works h3{
	color:#107c43;
	background-image:url(../images/icon_hutaba.gif);
	background-repeat:no-repeat;
	background-position:left;
	border-bottom:5px solid #a67c52;
	font-size:150%;
	padding:0 0 5px 100px;
}
body#works h3{
	margin:50px 50px 0px 0;
}

/*施工実績のページ*/
#habasema{
	padding:0px 50px;
}
#habasema p{
	padding-right:50px;
}
body#works dl{
	width:285px;
	margin:9px;
}
body#works dt{
	border:3px solid #eee;
}
body#works dd{
	text-align:left;
	margin-left:0;
	font-size:90%;

}
.workswrap{
	margin-left:-11px;
}
body#works h2{
	clear:both;
	background:none;
	border-bottom:5px solid #39b54a;
	color:#333;
	padding:0;
	width:460px;
	height:auto;
	margin-top:30px;
}

/*つくる維持する伝えるのページ*/
body#tukuru table{
	margin:20px auto;
	border:1px solid #eee;
	border-collapse:collapse;
}
body#tukuru table th,
body#tukuru table td{
	border:1px solid #eee;
	border-collapse:collapse;
	padding:8px;
}
body#tukuru table th{
	font-size:120%;
	background-color:#e8f0c5;
}
body#tukuru table td.point{
	font-size:120%;
	text-align:center;
	vertical-align:middle;
	background-color:#39b54a;
	color:#ffffff;
}
body#tukuru table td.pro{
	font-size:95%;
	font-weight:bold;
	color:#026eb8;
	line-height:2em;
}
.kajogaki ul{
	margin:20px 100px;
}
.kajogaki ul li{
	padding:10px 0px;
	border-bottom:1px dotted #999;
}

/*スケジュールのページ*/
body#schedule .workswrap{
	margin:30px 0px;
}
body#schedule .workswrap .sche_parts{
	width:200px;
	height:300px;
	margin-right:15px;
	margin-bottom:30px;
	float:left;
}
body#schedule .workswrap .sche_parts ul{
	list-style-type:none;
}
body#schedule .workswrap .sche_parts ul li{
	padding:5px;
}
body#schedule .workswrap{
	margin-left:20px;
}
body#schedule ul li.sche_midashi{
	font-weight:bold;
	font-size:15pt;
	color:#026eb8;
}
body#schedule ul li.sche_when{
	margin:0 auto;
	letter-spacing:2em;
	text-align:center;
	margin-left:20px;
	font-size:13pt;
}
body#schedule ul li.sche_exp{
	border-top:2px solid #000000;
	background-image:url(../images/arrow.gif);
	background-repeat:no-repeat;
	background-position:right top;
	width:90%;
	font-size:13pt;
}	
body#schedule ul li.sche_exp2{
	border-top:2px solid #000000;
	width:90%;
	font-size:13pt;
}	
/*トップへボタン*/
*html #lower-navi {
	width: 100%;
	text-align: right;
}
#icon-navi {
	width: 40px;
	position: fixed;
	bottom: 10px;
	right: 10px;
}
*html #icon-navi {
	width: 40px;
}
#icon-navi a img {
	padding-top: 6px;
	float: right;
}