@charset "utf-8";

/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/
body {
	text-align:center;
	background:#c7b299;
	border-top:5px solid #174c2e;
}

a:link,a:visited {
	color:#c1272d;
	text-decoration:none;
}

a:hover {
	color:#ff6600;
	text-decoration:underline;
}

a:hover img,.submit:hover{
	filter: alpha(style=0, opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}

#container{
	width: 960px;
	background:#FFF;
	margin: 0 auto;
	text-align: left;
}


.blr {
	background:url(../img/common/bg_h3.gif) no-repeat;
	padding-left:12px;
}

.blrcase {
	background:url(../img/common/bg_h3.gif) no-repeat #E7E7E7;
	padding-left:12px;
}



/* -----------------------------------------------------------
	#header
----------------------------------------------------------- */
#header {
	height:210px;
	background:url(../img/common/bg_header.gif) repeat-x;
	position:relative;
}
#header p#tel {
	float:right;
	text-align:right;
	margin-right:8px;
	display:inline;
}
#header p#tag {
	position:absolute;
	width:500px;
	top:5px;
	left:20px;
}
#header p#tag a:link,#header p#tag a:visited {
	color:#42210b;
	text-decoration:none;
}
#header p#tag a:hover {
	color:#42210b;
	text-decoration:none;
}
#header h1{
	position:absolute;
	top:50px;
	left:20px;
}
#header .headertel{
	position:absolute;
	top:10px;
	left:633px;
}
#header .headercontact{
	position:absolute;
	top:86px;
	left:608px;
}
#header #menu{
	position:absolute;
	top:155px;
	left:15px;
}
#header #menu li{
	float:left;
	margin-left:4px;
}

/* -----------------------------------------------------------
	#footer
----------------------------------------------------------- */
#footer {
	clear:both;
	background:url(../img/common/bg_footer.gif) repeat-x #174c2e;
	padding:10px 20px 20px 20px;
	color:#FFF;
}
#footer p#footermenu{
	margin-bottom:25px;
}
#footer #footerlogo{
	margin-bottom:8px;
}
#footer p#footerpcb{
	text-align:right;
}

#footer a {
	color:#FFF;
}
#footer a:hover {
	color:#ccff66;
}


/*----------------------------------------------------
	#main
----------------------------------------------------*/
#main{
}

#main p.pagetop {
	clear:both;
	text-align:right;
	padding:10px;
}


#main .contact {
	margin-left:20px;
	width:920px;
	height:151px;
	background:url(../img/common/bg_contact.gif) no-repeat;
	color:#FFF;
	position:relative;
}

#main .contactform {
	position:absolute;
	top:39px;
	left:279px;
}

#main .contact p {
	position:absolute;
	top:43px;
	left:570px;
}

#main .contact-cmp {
	width:800px;
	margin: 0 auto;
}

#main .contact-cmp p {
	margin-bottom:15px;
}


/*----------------------------------------------------
	#company
----------------------------------------------------*/
#company {
	margin:15px 20px;
	padding:10px 15px 15px 20px;
	border:1px solid #000;
}

#companycatch {
	margin:25px 0;
	clear:both;
	overflow:auto;
}

#companycatch p{
	float:right;
	width:390px;
}
#companycatch ul {
	width:380px;
	display:block;
	float:right;
}
#companycatch li {
	background:url(../img/common/bg_companydetail.gif) no-repeat 0 9px;
	padding:0px 2px 0px 12px;
}

#companylogo {
	float:left;
/*	margin:25px 0;
	clear:both;*/
}

#companyatt {
	width:390px;
	float:right;
	margin-top:8px;
}
#companyprofile {
	width:290px;
	float:right;
}

#companyprofiledetail {
	margin-top:5px;
}


#companydetail {
	float:right;
	width:570px;
}

#companydetail dl {
	margin:10px 0;
}

#companydetail dl dt {
	background:url(../img/common/bg_companydetail.gif) no-repeat 0 9px;
	padding:2px 2px 2px 12px;
	float:left;
	width:6em;
}

#companydetail dl dd {
	margin-left:6em;
	padding:2px;
}

#company iframe {
	margin:5px 0;
}

#company a {
	color:#174c2e;
}


/*----------------------------------------------------
	TOP
----------------------------------------------------*/


h2 {
	margin-top:10px;
}

h2#toph2 {
	margin:10px 0 0 25px;
}

.topcase {
	width:878px;
	margin:20px 0 20px 40px;
}

.topcase p.btncase {
	padding:20px;
	text-align:right;
	background:url(../img/common/bg_border.gif);
}

#topinfo {
	margin:25px 30px;
}

#topinfo dl {
	margin:10px 5px;
}

#topinfo dt {
	float:left;
	color:#c1272d;
	width:8em;
	padding:8px;
	border-bottom:1px dotted #acabab;
}

#topinfo dd {
	margin-left:8em;
	padding:8px 0;
	border-bottom:1px dotted #acabab;
}

#topinfolist {
	float:right;
}


/*----------------------------------------------------
	.content
----------------------------------------------------*/

.content {
	margin:20px 40px;
}

.content h3 {
	margin:25px 10px 10px 10px;
}



/*----------------------------------------------------
	form
----------------------------------------------------*/

form {
	text-align:center;
	margin-bottom:20px;
}

form table {
	margin:25px auto;
	text-align:left;
	width:700px;
}

form table th {
	padding:12px 15px;
	border:1px solid #ccc;
	border-left:4px solid #0e683e;
	background:#f3f6f5;
	white-space:nowrap;
}

form table td {
	padding:12px 15px;
	border:1px solid #ccc;
}

form table textarea {
	width:480px;
	height:150px;
}

form table input {
	width:300px;
}


/*----------------------------------------------------
	施工事例
----------------------------------------------------*/


#sideleft {
	float:left;
	width:200px;
	margin:20px 0;
	background:url(../img/common/bg_border.gif);
}

#sideleft ul {
	border-top:1px solid #CCC;
}

#sideleft li {
	border-bottom:1px solid #CCC;
	padding:8px 5px 8px 12px;
	background:url(../img/case/bg_caseli.gif) repeat-y;
}

#maincontent{
	float:left;
	width:480px;
}
#rightcontent{
	float:left;
	width:670px;
	padding-left:10px;
}

#maincontent h4,
#rightcontent h4{
	margin:15px 15px 5px 15px;
	padding:2px 2px 2px 10px;
	border-bottom:1px dotted #CCC;
	background:url(../img/case/bg_caseli.gif) repeat-y;
}

#maincontent p,
#rightcontent p{
	margin:10px 15px 20px 15px;
}

#maincontent h3.term,
#rightcontent h3.term{
	margin-top:20px !important;
	padding: 5px;
	background-color:#E7E7E7;
}


.article{
	padding-bottom:15px;
}

.wp-pagenavi{
	text-align:center;	
}

.maincontentimg {
	text-align:center;
}

.maincontentcontact {
	text-align:center;
}

.maincontentcontact img {
	margin:5px;
}

#sideright {
	float:left;
	margin:20px 0 0;
	width:200px;
	background:url(../img/common/bg_border.gif);
}

#sideright dl {
	margin:5px;
}

#sideright dl dt {
	padding:0 5px;
}

#sideright dl dd {
	padding:0 5px 5px 5px;
	margin-bottom:5px;
	border-bottom:1px solid #CCC;
}


/*----------------------------------------------------
	汎用class
----------------------------------------------------*/
.imgBox {
	padding:5px;
	background-color:#fff;
	border:#CCC solid 1px;
}
p.imgBox img{
	margin-bottom:5px;
}
.imgR {
	clear:both;
	float:right;
	margin:0 15px 15px 15px;
}
div.imgR {
	text-align:center;
	margin: 10px 20px 20px 15px;
}
div.imgR img {
	margin-bottom:5px;
}

.imgL {
	float: left;
	margin: 15px;
}
.imgC {
	margin: 0 auto 10px auto;
	display:block;
}
.floatR {
	float: right;
}

.floatL {
	float: left;
}

.btn {
	text-align: center;
}

.r {
	text-align:right;
}

/* 外部リンクは別窓用の指定 */
.externalIcon {
	padding-left: 5px;
	vertical-align: middle;
}

/* clearfix */
.clearfix:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

/*----------------------------------------------------
	リンク
----------------------------------------------------*/

#link dt{
	border-left:#115e38 solid 3px;
	padding-left:10px;
}
#link dd{
	padding-left:15px;
	margin-bottom:10px;
}