@CHARSET "UTF-8";
/*################################################################

下層ページレイアウト設定

################################################################*/


/*-----------------------------------------------------------------
共通設定
-----------------------------------------------------------------*/

/*** BODYの変更 ***/
body {
	font-size: 100%;
	line-height: 1.3em;
	color: #000;
}


/* そのた背景 */
.wrap_bg_sitepolicy,
.wrap_bg_site-map,
.wrap_bg_privacy,
.wrap_bg_contact,
.wrap_bg_thanks,
.wrap_bg_inheritance_thanks,
.wrap_bg_link
{
    background: url(./img/bg/other_bg.jpg) center top no-repeat;
}
.error404 #wrapper_bg{
    background: url(./img/bg/other_bg.jpg) center top no-repeat;
}
/*** メインコンテンツ style.css上書き ***/
#content {
	margin-top: 0px;
}


/*** パンくず ***/
.breadcrumbs {
	width:990px;
	height:23px;
	margin:10px auto 0;
	padding: 4px 0 0px 10px;
	color:#000000;
	background: url(./img/common/p_list_bg.png) left center  no-repeat;
	clear:both;
    	font-size:90%;
}
.breadcrumbs a{
	color:#000000;
}
.breadcrumbs li {
	display: inline;
}

/*** 下層ページのタイトル画像 ***/
#page_title{
    width: 960px;
    height: 370px;
    
}
.page_titlebar{
	margin:15px 0 0 ;
}

/*タイトル画像*/
#page_title.company,
#page_title.service,
#page_title.construction,
#page_title.faq
{
    clear: both;
    overflow:hidden;
    margin:25px 0 20px 0;
}
#company_page_img,
#service_page_img,
#construction_page_img,
#faq_page_img
{
    float:left;
    display: block;
    width:404px;
    height: 367px;
}
#company_page_title,
#service_page_title,
#construction_page_title,
#faq_page_title
{
    float:left;
    margin:70px 0 22px;
}
#page_txt{
    float:left;
    width:515px;
    height: 139px;
    padding: 20px 15px;
    font-size: 110%;
    line-height: 200%;
    background: url(./img/company/page_txt_bg.png) no-repeat;
}
#page_txt p.cm_lead_txt {
float: left;
    position: relative;
    top: -120px;
    left: 10px;
}


/*** 下層ページの2カラムor1カラム用コンテンツ部分 ***/
#layer_content_main {
	width:960px;
	margin:12px auto ;
	min-height: 700px;
}

/* サイトマップなどは共通背景 */
#layer_content_main.site-map,
#layer_content_main.privacy,
#layer_content_main.sitepolicy,
#layer_content_main.link
{
	background: url(./img/other/other_cotent_bg.png) no-repeat;
}
/*IE6*/
#content div.site-map,
#content div.privacy,
#content div.sitepolicy,
#content div.link
{
	background: url(./img/other/other_cotent_bg.png) no-repeat;
}
/*404*/
.error404 #wrapper_bg #layer_content_main{
    background: url(./img/other/other_cotent_bg.png) no-repeat;
}

.layer_top_text {
	margin:20px auto;
	width:960px;
}
.layer_main_img{
	margin:20px 0 ;
}
.layer_titlebar{
	margin:10px 0 ;
}
.page_gototop_but{
	text-align:right;
}

/* Box */
.common_page_box{
	padding:20px;
	min-height: 300px;
}
.common_page_box h2{
    margin: 30px 0px 20px;
    border-bottom: 1px dotted #49B8E3;
	padding:0 0 10px 10px;
	font-size:120%;
	clear:both;
}
h2.h2_img{
    margin:0;
    border:0;
    padding:0;
}
/*
.paragraph{
    text-indent:1em;
}
*/

.goto_top_line{
	float:none;
	clear:both;
	display:block;
	text-align:right;
	margin: 20px 20px 20px 0px;
	font-size: 90%;
}
.company_topagetop{
    clear:both;
    text-align: right;
    overflow: hidden;
    margin: 35px 20px 50px 0px;
    font-size: 90%;
    width:960px;
}


.common_contact{
    display: block;
    width:500px;
    height: 240px;
    margin:40px auto;
    clear:both;
}






/*################################################################

 そのほか

################################################################*/

/* 施工事例 背景 */
.wrap_bg_faq
{
    background: url(./img/bg/company_bg.jpg) center top no-repeat;
}

/* コンテンツ背景 */
#layer_content_main.faq
 {
    background: none;
}
#page_title.faq{
    height: 430px;
}
.faq_topagetop{
    float:none;
    text-align: right;
    clear:both;
    display:block;
    margin: 20px 20px 20px 0px;
    font-size: 90%;
}
#faq_link_btn{
    float:left;
    width:540px;
    height: 139px;
    padding: 20px 0 0 0px;
}
#faq_link_btn a{
    margin-left:14px;
    position: relative;
}

/*-----------------------------------------------------------------
住まいなんでも相談室
-----------------------------------------------------------------*/
#faq_box{
	padding-top:0;
}
.question_line{
/*    background: url(./img/faq/q_icon.png) left top no-repeat;*/
    background: url(./img/faq/questioner.png) left top no-repeat;
    width: 707px;
    min-height: 80px;
    padding-left: 87px;
    margin: 25px 0 10px 80px;
    overflow: hidden;
}
.question_line .bg01{
    background: url(./img/faq/q_bg01.png) left top repeat-y;
    width: 707px;
    margin-top: 10px;
}
.question_line .bg02{
    background: url(./img/faq/q_bg02.png) left top no-repeat;
    width: 707px;
    padding-top: 16px;
}
.question_line .bg03{
    background: url(./img/faq/q_bg03.png) left bottom no-repeat;
    width: 707px;
    padding-bottom: 16px;
}
.question_line .bg04{
    background: url(./img/faq/q_bg04.png) left top no-repeat;
    width: 671px;
    padding-left: 33px;
}
.question{
    min-height: 29px;
    background: url(./img/faq/q_icon.png) left top no-repeat;
    font-weight: bold;
    padding: 0 0 0 37px;
    font-size: 120%;
    line-height: 29px;
}
.answer_line{
    background: url(./img/faq/a_bg02.png) left top repeat-y;
    width: 792px;
    margin: 0 0 20px 183px;
    overflow: hidden;
}
.answer_line .bg01{
    background: url(./img/faq/a_bg01.png) left bottom no-repeat;
    width: 792px;
    padding-bottom: 15px;
}
.answer{
    background: url(./img/faq/a_bg03.png) left top no-repeat;
    padding: 30px 129px 15px 60px;
    line-height: 180%;
    font-size: 110%;
}
.induction_link_faq{
background: url(./img/faq/induction_link_bg_faq.png) no-repeat;
width:960px;
height:183px;
padding:0;
margin:60px 0 0;
}
.induction_link_faq p{
padding:80px 0 0 560px;
}
/*.faq_table{
    width: 875px;
    margin: 0 auto;
    overflow:visible;
}
.faq_table th.question{
    overflow:visible;
    background: url(./img/faq/q_icon.png) -20px center no-repeat;
    padding:0 0 0 50px;
    text-align: left;
    line-height: 50px;
    border-bottom:1px solid #979797;
}
.faq_table td.answer{
    background: url(./img/faq/a_icon.png) left top no-repeat;
    padding:0 0 0 50px;
    line-height: 25px;
}*/


/*-----------------------------------------------------------------
リンク
-----------------------------------------------------------------*/
#link_box{
	padding-top:30px;
}
#link_box h2{
    background:url(./img/other/other_base_line.png) no-repeat bottom;
    border-width:0px;
    padding: 5px 0 10px 0;
    margin:10px auto 20px;
    width:900px;
    font-size:1.2em;
    font-weight: 800;
}
#link_box .paragraph{
	margin:10px auto 30px;
	width:900px;
	line-height: 1.9em;
	letter-spacing: 2px;
}
.link_list{
	margin:20px 0 20px 30px;
}
.link_list_title{
	
}
/*
.link_list_description{
	text-indent: 1em;
}
*/

/*-----------------------------------------------------------------
プライバシーポリシー・サイトポリシー
-----------------------------------------------------------------*/
#policy_box {
	padding-top:10px;
}

.policy_txt{
	margin: 10px auto;
	line-height: 170%;
	width:880px;
}

/* Hタグ */
#policy_box h2{
    background:url(./img/other/other_base_line.png) no-repeat bottom;
    border-width:0px;
    padding: 5px 0 10px 0;
    margin:10px auto 20px;
    width:900px;
    font-size:1.2em;
    font-weight: 800;
}
#policy_box h3{
    background:url(./img/other/other_base_line.png) no-repeat bottom;
    width:900px;
    padding: 5px 0 10px 0;
    margin: 30px auto 20px;
    font-size:1.2em;
    font-weight: 800;
}
/* ブラウザ */
.compatible_browsers{
    width:80%;
    margin:10px auto;
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
}
.compatible_browsers th{
    width:20%;
    background:#f4f4f4;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    padding:15px;
}
.compatible_browsers td{
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    padding:15px;
}

/*リスト*/
.list{
    width:90%;
    margin:0 auto 20px;
    text-align:left;
}
/*-----------------------------------------------------------------
サイトマップ
-----------------------------------------------------------------*/

/* Aタグ */
#site-map_box a{
    color:#000;
    text-decoration: none; 
}
#site-map_box a:hover{
    color:#000;
    text-decoration: none; 
}
#site-map_box a:visited{
    color:#000;
    text-decoration: none; 
}
#site-map_box a:link{
    color:#000;
    text-decoration: none; 
}

/* Hタグ */
#site-map_box h2{
    background:url(./img/other/other_base_line.png) no-repeat bottom;
    border-width:0px;
    padding: 5px 0 10px 0;
    margin:10px auto 20px;
    width:900px;
    font-size:1.2em;
    font-weight: 800;
}
#site-map_box h3{
    width:275px;
    padding: 5px 0 4px 5px;
    margin: 10px auto 10px;
    font-size:1.2em;
    font-weight: 800;
    border-bottom:3px solid #5CC236;
}
#site-map_box_wrap{
    clear: both;
    width:880px;
    height: auto;
    padding:10px 20px;
    overflow: hidden;
}

#site-map_box .site-map_col{
    float:left;
    width:280px;
    margin:0 5px 0;
}
#site-map_box .site-map_block{
    width: 280px;
    margin-bottom:20px;
}
#site-map_box .site-map_dl{
    margin:10px 0 10px 5px;
}
#site-map_box dt{
    background: url(./img/common/circle_icon.png) no-repeat left;
    margin:16px 0 10px;
    padding-left:20px;
}
#site-map_box dd{
    background: url(./img/footer/footer_navi_arrow.png) no-repeat left;
    margin-left:2em;
    padding-left:1.2em;
}
#site-map_box dd.child{
    background: none;
    margin-left:3.5em;
    padding-left:1.2em;
    display:list-item;
    list-style-type:square;
    list-style-position:inside;
}

#site-map_col_bottom{
    clear:both;
}
#site-map_col_bottom .site-map_block{
    float: left;
    margin:0 5px 0;
}

/*-----------------------------------------------------------------
お問い合わせ
-----------------------------------------------------------------*/
#contact-form .span.wpcf7-form-control-wrap{
    position:relative;
    margin:0;
    top:0;
}
#contact-form .wpcf7-form-control{
    margin:0;
    top:0;
}
#contact_box{
    width:960px;
    margin-top:90px;
    font-size:90%;
}
.contact_contentwrap{
    overflow:hidden;
}
#contact_box h3{
    float:left;
}
.contact_right{
    float:left;
    margin:80px 0 50px;
}
.contact_right_form{
    float:left;
    margin:0;
}
.contact_ssl_txt{
    width:785px;
    padding:55px 0 60px 30px;
}
.caution{
    color:red;
margin:0 0 20px;
}
#contact-form{
    width:800px;
    border-top:1px solid #dddbd3;
    border-left:1px solid #dddbd3;
}
#contact-form th{
width:40%;
background:#fef7d6;
border-right:1px solid #dddbd3;
border-bottom:1px solid #dddbd3;
padding:15px;
}
#contact-form td{
border-right:1px solid #dddbd3;
border-bottom:1px solid #dddbd3;
padding:15px;
}
.req{
color:red;
}
.submit_btn{
text-align:center;
margin:20px 0;
}
.address01{
margin-bottom:5px;
}
.con_p{
margin-bottom:5px;
}
.your-message{
font-size:14px;
}

/*チェックボックスの改行*/
span.wpcf7-list-item { display: block; }

/*-----------------------------------------------------------------
お問い合わせ送信完了
-----------------------------------------------------------------*/
#layer_content_main.thanks,
#layer_content_main.assessment_thanks{
    clear: both;
    overflow: hidden;
}
#thanks_box{
    width:920px;
    margin:60px 0 100px;
    padding:20px;
    background: url("./img/other/other_cotent_bg.png") no-repeat;
    clear:both;
    overflow: hidden;
}
#thanks_box .thanks_txt{
    float:none;
    background: url("./img/other/other_base_line.png") no-repeat scroll center bottom transparent;
    font-size: 1.2em;
    font-weight: 800;
    margin: 10px 10px 20px 10px;
    padding: 5px 0 10px 5px;
}
#thanks_box p{
    font-size:100%;
    margin:15px 10px ;
    padding:0 20px;
}
#thanks_box .thanks_txt01{
    text-align:center;
    font-size:140%;
    font-weight:bold;
}
#thanks_box .thanks_txt02{
    text-align:center;
}
#thanks_box .thanks_txt03{
    text-align:center;
}
#thanks_box .thanks_txt04{
    text-align:center;
}
/*-----------------------------------------------------------------
404
-----------------------------------------------------------------*/
#error_404_box{
    
}
.error_txt01{
    margin:5px 20px;
}
/* Hタグ */
#error_404_box h2{
    background:url(./img/other/other_base_line.png) no-repeat bottom;
    border-width:0px;
    padding: 5px 0 10px 0;
    margin:10px auto 20px;
    width:900px;
    font-size:1.2em;
    font-weight: 800;
}
#error_404_box h3{
    width:275px;
    padding: 5px 0 4px 5px;
    margin: 10px auto 10px;
    font-size:1.2em;
    font-weight: 800;
    border-bottom:3px solid #5CC236;
}
/*-----------------------------------------------------------------
プリント用CSS
-----------------------------------------------------------------*/

@media print {
	
body {
	
	font-size: 100%;
	line-height: 1.3em;
	color: #696969;
	background: none;
}

}