/*------------
建北社設定
1:HTMLタグの定義
2:レイアウト
--------------*/
/*
HTMLタグの定義
*/
h1, h2 {
	margin: 0px;
	padding: 0px;
}
address{
	text-align:center;
	font-style: normal;
	font-size: 0.875em;
	padding:10px;
}
img{
border:0px;
}
/*
レイアウト
*/
#wrap {
	margin: 0px auto;
	padding: 0px;
	width: 750px;
}
#key-image,#content{
clear:both;
width:750px;
padding:10px 0;
margin:0px 0px 20px 0px
}
#content{
background-image:url(images/cont_bk.gif);
background-repeat:repeat-y;
}
#main {
	width: 520px;
	margin: 0px;
	padding: 0px;
	float: left;
}
#sub {
	width: 200px;
	float: right;
	margin: 0px;
	padding: 0px;
}
#sub p {
	margin: 0px;
	padding: 0px 0px 10px 0px;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


#footer {
	background-image: url(images/downbk.gif);
	font-size: 0.875em;
	clear: both;
}
/*
ニュース配置
*/
.news dt,.news dd{
display:block;
}
.news dt{
clear:both;
float:left;
width:100px;
}
.news dd{
	padding:0px 0px 8px 100px;
	margin:0px;
}
/*
----------gotop----------
*/
#gotop{
	text-align:right;
	font-size: 0.8em;
	background-image: url(images/gotop.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 10px;
}
#pannavi {
	margin: 0px;
	padding: 10px 0px 0px 15px;
	clear: both;
}
#pannavi p{
font-size:0.75em;
margin: 0px;
padding:0px;
}
/*
header-navi
*/
#header h1 {
	margin: 0px;
	padding: 0px;
	float: left;
}
#utility_navi {
	float: right;
}
#utility_navi ul {
	list-style-position: outside;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#utility_navi li {
display:inline;
font-size:0.75em;
	margin: 0px;
	padding: 0px;
}


/*
ナビゲーション
*/
#navigation {
	clear: both;
	padding-top: 10px;
}
#navigation ul {
	list-style-position: outside;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#navigation li{
float:left;
height: 34px;
}
#navigation a {
	display: block;
text-decoration: none;
	padding: 34px 0 0 0;
	overflow: hidden;
}
/*
ナビゲーション通常
*/
#navigation li#top a{
	width: 108px;
	height:34px;
	overflow:hidden;
	background-image: url(images/navi.gif);
	background-position: 0px 34px;
	height:0px;
}
#navigation li#concept a{
	width: 107px;
	height:34px;
	overflow:hidden;
	background-image: url(images/navi.gif);
	background-position: -108px 34px;
	height:0px;
}
#navigation li#corprate a{
	width: 107px;
	height:34px;
	overflow:hidden;
	background-image: url(images/navi.gif);
	background-position: -215px 34px;
	height:0px;
}
#navigation li#orderhouse a{
	width: 107px;
	height:34px;
	overflow:hidden;
	background-image: url(images/navi.gif);
	background-position: -322px 34px;
	height:0px;
}
#navigation li#faq a{
	width: 107px;
	height:34px;
	overflow:hidden;
	background-image: url(images/navi.gif);
	background-position: -429px 34px;
	height:0px;
}
#navigation li#links a{
	width: 107px;
	height:34px;
	overflow:hidden;
	background-image: url(images/navi.gif);
	background-position: -536px 34px;
	height:0px;
}
#navigation li#contact a {
	width: 107px;
	height:34px;
	overflow:hidden;
	background-image: url(images/navi.gif);
	background-position: 107px 34px;
	height:0px;
}

/*
ナビゲーションロールオーバー時
*/
#navigation li#top a:hover{
	width: 108px;
	height:34px;
	overflow:hidden;
	background-image: url(images/navi.gif);
	background-position: 0px 0px;
	height:0px;
}
#navigation li#concept a:hover{
	width: 107px;
	height:34px;
	overflow:hidden;
	background-image: url(images/navi.gif);
	background-position: -108px 0px;
	height:0px;
}
#navigation li#corprate a:hover{
	width: 107px;
	height:34px;
	overflow:hidden;
	background-image: url(images/navi.gif);
	background-position: -215px 0px;
	height:0px;
}
#navigation li#orderhouse a:hover{
	width: 107px;
	height:34px;
	overflow:hidden;
	background-image: url(images/navi.gif);
	background-position: -322px 0px;
	height:0px;
}
#navigation li#faq a:hover{
	width: 107px;
	height:34px;
	overflow:hidden;
	background-image: url(images/navi.gif);
	background-position: -429px 0px;
	height:0px;
}
#navigation li#links a:hover{
	width: 107px;
	height:34px;
	overflow:hidden;
	background-image: url(images/navi.gif);
	background-position: -536px 0px;
	height:0px;
}
#navigation li#contact a:hover {
	width: 107px;
	height:34px;
	overflow:hidden;
	background-image: url(images/navi.gif);
	background-position: 107px 0px;
	height:0px;
}
/*
footer
*/
#copyright{
margin:0px;
padding:10px 0px 8px 10px;
}
#copyright dl,#copyright dt,#copyright dd{
display:block;
margin:0px;
padding:0px;
}
#copyright dt{
	clear:both;
	float:left;
	width:60px;
	height:60px;
	background-image: url(images/logo.gif);
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}
#copyright dd{
padding:0px 0px 0px 70px;
margin:0px;
}
/*
会社概要
*/
.corp h3{
	background-image: url(images/hd_bk.gif);
	background-repeat: no-repeat;
	height: 30px;
	padding-left: 15px;
	line-height: 100%;
	padding-top: 5px;
}
.corp p {
	font-size: 0.875em;
	line-height: 130%;
	padding-right: 10px;
	padding-left: 10px;
}
table#corpdata{
border-collapse:collapse;
font-size: 0.875em;
	line-height: 130%;
}
#corpdata th{
background-color:#B2CC7F;
text-align:left;
vertical-align:top;
}
#corpdata th,#corpdata td{
border:#333333 solid 1px;
padding:5px 0px 5px 5px;
}
/*
家づくり
*/
.conc h3{
	font-size:1.125em;
	padding-left: 5px;
	line-height: 100%;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FF0000;
	padding-bottom: 3px;
}
.conc p {
	font-size: 0.875em;
	line-height: 130%;
	padding-right: 10px;
	padding-left: 10px;
}
/*
よくある質問ページ
*/
.faq h3{
	background-image: url(images/hd_bk.gif);
	background-repeat: no-repeat;
	height: 30px;
	padding-left: 15px;
	line-height: 100%;
	padding-top: 5px;
}
.faq p {
	font-size: 0.875em;
	line-height: 130%;
	padding-right: 10px;
	padding-left: 10px;
}
ol.faqlist{
	list-style-position: outside;
	list-style-type: none;
	margin: 0px;
	padding: 0px 0px 0px 10px;
}
ol.faqlist li{
font-size: 0.875em;
	line-height: 130%;
	padding: 0px 0px 5px 0px;
}
.faqconts dl{
margin:0px;
padding:0px;
border-collapse:collapse;
font-size: 0.875em;
}
.faqconts dt{
	display:block;
	color: #CC0000;
	padding:10px 10px 10px 42px;
	background-image: url(images/markQ.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: dashed;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
.faqconts dd{
	display:block;
	margin:0px 0px 10px 0px;
	padding:10px 10px 10px 42px;
	line-height: 130%;
	background-image: url(images/markA.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
/*
リンクページ
*/
.linkcont h3{
	background-image: url(images/hd_bk.gif);
	background-repeat: no-repeat;
	height: 30px;
	padding-left: 15px;
	line-height: 100%;
	padding-top: 5px;
}
.linkcont p {
	font-size: 0.875em;
	line-height: 130%;
	padding-right: 10px;
	padding-left: 10px;
}
/*
お問い合わせ
*/
.conta h3{
font-size: 0.875em;
	line-height: 130%;
	padding-right: 10px;
	padding-left: 10px;
}
.conta p {
	font-size: 0.875em;
	line-height: 130%;
	padding-right: 10px;
	padding-left: 10px;
}
.conta legend{
display:none;
}
.conta fieldset{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: url(images/downbk.gif);
	margin:0px;
	padding:0px;
}
.conta table{
border-collapse:collapse;
width:100%;
}
.conta th{
	width:110px;
	font-size:0.8125em;
	vertical-align:top;
	border-top-width: 2px;
	border-right-width: 0px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	text-align: left;
	padding-left: 10px;
	padding-top: 8px;
}
.conta td{
	font-size:0.8125em;
	padding:5px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
.conta td input{
width:300px;
font-size:1em;
}
.conta td input.check{
width:auto;
}
.conta td textarea{
width:300px;
height:10em;
font-size:1em;
}
.yusetsu h3 {
	background-image: url(images/etc_hd_blue.gif);
	background-repeat: no-repeat;
	height: 30px;
	padding-left: 15px;
	line-height: 100%;
	padding-top: 5px;
}
.yucap {
	font-size: 0.7em;
}
.orderhouse .detailbox {
	margin: 10px;
	padding: 5px;
	border: 2px solid #990000;
}
.detailbox h3 {
	margin: 0px;
	padding: 0px;
}
.detailbox p {
	margin: 0px;
	padding: 5px;
	font-size: 0.9em;
}
.yusetsu .koe {
	margin: 5px;
	padding: 5px;
	border: 2px solid #0033CC;
}
.koe h4 {
	margin: 0px;
	padding: 0px;
}
.koe p {
	margin: 0px;
	padding: 3px;
	font-size: 0.8em;
	font-weight: bold;
	color: #0033CC;
}
.form-cap {
	color: #FF0000;
}