@charset "utf-8"; 




	
	
	
/*================================2階層：contents===============================*/

#contents {
	background: #fff;
	width: 1040px;
	min-height: 900px;
	text-align: left;
	margin:0 auto;
	padding-top:50px;
	padding-bottom:100px;
}
#contents .inner {
	margin:0 90px;
}
#contents h2 {
	text-align:center;
	color: #fff;
	margin-bottom: 35px;
}
#contents h3 {
	color: #009944;
	font-size: 110%;
	font-weight: bold;
	padding: 0 0 0 22px;
	margin: 0 0 0.5em;
	background: url(../images/bullet03.png) no-repeat 0px 4px;
	border-radius: 3px;
	line-height: 1.8em;
}
#contents h4 {
	color:#333;
	font-size: 100%;
	font-weight:bold;
	margin-bottom: 0px;
	line-height: 1.8em;
}
#contents h5 {
	color:#333;
	font-size: 100%;
	font-weight:bold;
	padding:0;
	margin: 0 10px 0px;
}
#main #contents .no_clear {
	clear:none;
}
#contents p {
	font-size:100%;
	margin-bottom: 1.5em;
	line-height: 1.8em;
	margin-right: 10px;
	margin-left: 10px;
}
#contents p.important {
	color: #FF0000;
}
#contents p img.free_dial {
    vertical-align: middle;
}
#contents p .tel_type {
	width:3.2em;
	display:block;
	float:left;
	font-weight:bold;
}
#contents p.catch {
	margin-bottom: 20px;
	width: auto;
	line-height:1.8em;
}
#contents p.catch strong {
	color:#333;
	font-size:120%;
	font-weight:bold;
	text-align: left;
	letter-spacing:0.05em;
}
#contents ul,
#contents ol {
	line-height:1.8em;
}
#contents ul {
	margin:0 0 1.5em;
	text-indent: -1.3em;
	padding-left:1.3em;
	list-style-position: inside;
}
#contents ol {
	list-style: decimal inside;
	text-indent: -1.25em;
	padding-left:1.25em;
	margin:0 20px 1.5em;
}

#contents li h4 {
	margin-left: 0px;
}
#contents table {
	color:#595758;
	border-top:solid 1px #ccc;
	border-left:solid 1px #ccc;
	border-collapse: collapse;
	clear: both;
	margin-right: auto;
	margin-bottom: 2em;
	margin-left: auto;
	width: 90%;
}
#contents table,
#contents th,
#contents td,
#contents tbody {
	background:transparent;
	border:none;
	padding:0;
	color:#fff;
	font-weight:normal;
}
#contents caption {
	text-align: left;
	padding-bottom: 0.2em;
	font-weight: bold;
	font-size: 115%;
}
#contents th {
	font-weight:bold;
}
#contents th,
#contents td {
	text-align:left;
	vertical-align:top;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	font-size:90%;
	line-height:1.8em;
	padding:5px 0;
}
#contents table thead th {
	font-weight: bold;
	color: #fff;
	background: #F0831E;
	padding:10px 0;
	line-height:1.8em;
}

#contents table .th_01 {
	width: 10%;
}
#contents table .th_02 {
	width: 20%;
}
#contents table .th_03 {
	width: 30%;
}
#contents em {
	color: #F30;
	font-weight: bold;
}
#contents p {
	margin-left:0;
	margin-right:0;
}
#contents .line_btm,
#contents p.line_btm {
	padding-bottom: 16px;
	border-bottom:dashed 1px #ccc;
	margin-bottom: 16px;
}
#contents .line_btm02 {
	padding-bottom: 16px;
	margin-bottom: 16px;
	border-bottom: 1px solid #ddd;
}


/*================================ adjust ===============================*/
#contents .adjust_group {
	margin-bottom:5em;
}







/*================================ 施工価格 ===============================*/

/*なし*/





/*================================ 会社概要 ===============================*/

#about #contents {
	padding-bottom:0;
}


/*
* 会社概要／ご挨拶
*/
#contents #greeting_section {
	padding-bottom: 540px;
	background: url(../images/bg_about_greeting.jpg) no-repeat center bottom;
}
#contents #greeting_section .inner {
	margin:0 210px;
}


/*
* 会社概要／会社案内
*/
#contents #outline_section {
	background:#6E6D6C;
}
#contents #outline_section a {
	color:#fff;
}
#contents #outline_section .inner {
	margin:0 210px;
	padding:45px 0;
}
#contents #outline_section .inner th {
	width:25%;
	color:#fff;
	padding: 5px 5px 5px 20px;
	background: url(../images/bullet01.gif) no-repeat left 10px;
	border:0;
}
#contents #outline_section .inner td {
	color:#fff;
	padding:5px;
	border:0;
}
#contents #outline_section .inner table {
	width:100%;
	margin:0;
}


/*
* 会社概要／マップ
*/
#contents #map_section {
	width:100%;
	text-align:center;
	font-size:20px;
	background:#eee;
}
#contents #map_section iframe {
	display:block;
	width:100%!important;
}





/*================================ お問い合わせ ===============================*/

#contact #contents {
	padding-bottom:0;
	/*background:#FFF url(../images/bg_contact_lead.jpg) no-repeat right bottom;*/
}
#contents #form_area {
	margin:0 90px;
}
#contents #form_area table {
	width:100%;
	border:none;
	margin:0;
	background:transparent;
	
}
#contents #form_area table th,
#contents #form_area table td {
	color:#000;
	border:none;
	background:none;
}
#contents #form_area table th {
	width:20%;
}
#contents #form_area table h4 {
	color: #000;
	margin: 0 0 4px;
	padding-left:18px;
	background: url(../images/bullet02.gif) no-repeat left 6px;
}
#contents #form_area table .order_group {
	margin-bottom:10px;
}
#contents #form_area table textarea {
	width:100%;
}

#contents #form_area .submit_group {
	text-align:center;
}
#contents #form_area .submit_group input[name="submit"],
#contents #form_area .submit_group input[name="reset"] {
	color:#fff;
	display: inline-block;
	width: 180px;
	height: 53px;
	border: 0;
	background: url(../images/btn_more.png) no-repeat left top;
	margin:20px 10px;
	transition:opacity 0.2s ease;
	-moz-transition:opacity 0.2s ease;
	-webkit-transition:opacity 0.2s ease;
}
#contents #form_area .submit_group input[name="submit"]:hover,
#contents #form_area .submit_group input[name="reset"]:hover {
	cursor:pointer;
	opacity:0.5;
}
#contents #lead_area {
	padding: 130px 85px 170px;
}
#contents #lead_area p {
	font-size:110%;
	margin:0;
	line-height:2em;
}



/*================================ リンク集 ===============================*/

#contents #link_group {
	margin:0 50px;
}
#contents #link_group ul {
	list-style:none;
	margin:0;
	padding:0;
	text-indent:0;
	width:975px;
	position:relative;
	left:-35px;
}
#contents #link_group li {
	width:290px;
	float:left;
	margin-left:35px;
	display:block;
}
#contents #link_group li a {
	outline-style:none;
	font-weight:normal;
	text-decoration:none!important;
}
#contents #link_group li a:hover {
	text-decoration:underline!important;
}
#contents #link_group li .image_wrap {
	margin-bottom:12px;
}
#contents #link_group li h4 {
	color:#009944;
	margin-bottom:5px;
}
#contents #link_group li p {
	line-height:1.6em;
	white-space:pre-wrap;
}







/*================================ Q&A ===============================*/

#faq #contents {
	padding-bottom:0;
}
#contents #index_menu_group {
	margin-bottom:136px;
}
#contents .index_menu {
	margin:0 50px 45px;
}
#contents .index_menu > a {
	background:#F0F0F0;
	outline-style:none;
	min-height:348px;
	padding:30px;
	text-decoration:none!important;
	color:#000;
	display:block;
	font-weight:normal;
	transition:background 0.2s ease;
	-moz-transition:background 0.2s ease;
	-webkit-transition:background 0.2s ease;
}
#contents .index_menu > a:hover {
	background:#E4EBE7;
}
#contents .index_menu .image_wrap {
	width:442px;
	float:right;
}
#contents .index_menu .image_wrap img {
}
#contents .index_menu .text_wrap {
	width:400px;
	height:338px;
	padding-top:10px;
	float:left;
	position:relative;
}
#contents .index_menu .text_wrap h3 {
	background:none;
	color:#009943;
	font-weight:normal;
	padding:0;
	margin:0 0 5px;
	font-size:25px;
}
#contents .index_menu .text_wrap p {
	margin-bottom:10px;
}
#contents .index_menu .text_wrap .btn_faq_more {
	width: 271px;
	height: 90px;
	line-height:90px;
	position: absolute;
	left: 11px;
	bottom: -56px;
	background: url(../images/bg_faq_more.png) no-repeat 0px 0px;
	padding-left:122px;
	font-size:23px;
	color:#fff;
	letter-spacing:0.1em;	
}

#contents #faq_lead_area {
	background: url(../images/bg_faq_lead_area.jpg) no-repeat left top;
}
#contents #faq_lead_area .inner {
	width:940px;
	height:458px;
	margin:0 auto;
	position:relative;
}
#contents #faq_lead_area .inner p {
	padding: 68px 34px;
	background: url(../images/bg_gray.png) repeat 0px 0px;
	position:absolute;
	right:32px;
	top:-43px;
	color:#009943;
	text-align:center;
	font-weight:bold;
	font-size:90%;
	line-height:2em;
	letter-spacing:0.1em;
}




/*
* Q&A／下層ページ
*/

#contents .faq_dl {
	color: #333;
	margin:0 50px;
	padding-bottom:50px;
}
#contents .faq_dl dt{
	font-size:20px;
	height: 68px;
	color: #333;
	background: url(../images/icon_faq_q.png) no-repeat 0px bottom;
	padding: 0 0 0 70px;
	display:table-cell;
	vertical-align:bottom;
}

#contents .faq_dl dd{
	margin-top: 28px;
	margin-bottom: 80px;
	background: #F0F0F0;
	padding:35px;
	min-height:180px;
	position:relative;
}
#contents .faq_dl dd h4{
	font-size:24px;
	color:#fff;
	width: 155px;
	height: 53px;
	background: url(../images/h_faq_anser.png) no-repeat 0px 0px;
	margin:0 0 13px;
	padding-left:25px;
	line-height:53px;
	position:relative;
	left:-50px;
}
#contents .faq_dl dd p{
	margin:0 0 10px;
}
#contents .faq_dl dd .arrow_below {
	position:absolute;
	top:-13px;
	left:50%;
	margin-left:-44px;
}






/*================================ 施工事例 ===============================*/

#contents .section_case {
	width:940px;
	margin:0 auto 50px;
}
#contents .section_case ul {
	list-style:none;
	padding:0;
	margin:0 0 25px;
	text-indent:0;
}
#contents .section_case li {
	float:left;
	width:459px;
	height:342px;
	position:relative;
}
#contents .section_case li:first-child + li {
	float:right;
}
#contents .section_case li .case_icon {
	text-align:center;
	display:block;
	background:#6FBA2C;
	padding:3px 10px;
	position:absolute;
	right:0;
	bottom:0;
	color:#fff;
	width:5em;
}
#contents .section_case p {
	margin-left:0;
	margin-right:0;
}









