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

body {
margin:0;
padding:0;
background-color:#ffffff;
background-image: url("../common/bg_main.jpg");
text-align:center;
}


/* インライン要素のスタイル */
a:link{color:#855c5c; text-decoration:underline;}
a:visited{color:#855c5c; text-decoration:underline;}
a:hover, a:active{color:#855c5c; text-decoration:none;}
img,object{margin:0;padding:0;border:0;vertical-align: bottom;}
input{color:#333333;}
form{margin:0px;padding:0px;border:0px;}
ul{margin:0px 0px 0px 1.2em;padding:0px;}
li{margin:0px;padding:0px;}

/* コンテナ
---------------------------------------------------- */
#wrapper{
width:1000px;
margin:0px auto;
padding:0px 0px 0px 0px;
text-align:left;
background-image: url("../common/bg_body.jpg");
background-repeat:repeat-y;
text-align:center;
}

#container{
width:950px;
margin:0px auto;
background-image: url("../common/bg_content.gif");
background-repeat:repeat-y;
text-align:center;
}

#container:after{
content:"";
display:block;
clear:both;
height:1px;
overflow:hidden;
}
/*\*/
* html #container{height:1em;}
#container{display:block;}
/**/

/* ヘッダー
---------------------------------------------------- */
#header{
width:938px;
_width:950px;
height:63px;
padding:0px 0px 0px 12px;
text-align:left;
border-bottom:1px solid #b69e83;
background-color:#ffffff;
}

#header_left{
width:217px;
padding:23px 0px 0px 0px;
margin:0px 26px 0px 0px;
float:left;
}
#header_left h1{margin:0px 0px 0px 0px;}

#header_center{
width:253px;
padding:43px 0px 0px 0px;
margin:0px 0px 0px 0px;
float:left;
}
#header_center h2{margin:0px 0px 0px 0px;}
* html #header_center {padding:30px 0px 0px 0px;}
*:first-child+html #header_center {padding:30px 0px 0px 0px;}

#header_right{
width:139px;
padding:27px 13px 0px 0px;
margin:0px 0px 0px 0px;
float:right;
text-align:left;
}

/* テーブルの修飾
---------------------------------------------------- */
table.company{
margin:0px 0px 0px 0px;
border-collapse : collapse ;
font-size:83%;
line-height:1.4;
}

table.company th{
padding:5px 10px 5px 10px;
margin:0px 0px 3px 0px;
text-align:left;
font-weight:normal;
background-image: url("../outline/images/bg_table.gif");
background-repeat:repeat-y;
}

table.company td{
margin:0px 0px 3px 0px;
padding:5px 10px 5px 10px;
text-align:left;
}

table.company .td_linw{
margin:0px 0px 0px 0px;
padding:0px 0px 3px 0px;
}


/* パンクズ
---------------------------------------------------- */
#topic_path{
width:715px;
margin:5px 0px 5px 20px;
}

/* コンテンツ
---------------------------------------------------- */
#content_left{
clear:both;
float:left;
width:195px;
margin:0px 0px 0px 0px;
padding:0px;
background-color:#f4f1ea;
}
#content_left p{margin:0px 0px 0px 0px;}

#content_right{
float:left;
width:755px;
margin:0px 0px 50px 0px;
text-align:left;
background-color:#ffffff;
}
#content_right h3,h4,h5,h6,p{margin:0px 0px 0px 0px;}

.main_img{
width:755px;
}

.main_tx{
clear:both;
width:710px;
margin:0px 0px 0px 20px;
overflow:hidden;
}

.main_tx p{
width:710px;
margin:0px 0px 0px 0px;
}

.sub_ttl{
width:697px;
_width:710px;
height:36px;
_height:50px;
margin:0px 0px 20px 20px;
padding:6px 0px 0px 8px;
border:4px solid #edd8a5;
background-color:#d6b563;
}
.sub_ttl img{vertical-align: middle;}

.sub_ttl_l{
width:132px;
border:4px solid #edd8a5;
margin:0px 20px 40px 20px;
_margin:0px 20px 40px 10px;
float:left;
}

.sub_ttl_r{
width:550px;
margin:10px 0px 20px 0px;
float:left;
}

.img_center{text-align:center;}
.img_right{text-align:right;}
.img_border{border:1px solid #cccccc;padding:2px;}

/* 左サイド
---------------------------------------------------- */
.side_box{
width:182px;
margin:0px 0px 0px 13px;
padding:0px 0px 0px 0px;
text-align:left;
}

/* トップページ
---------------------------------------------------- */
.top_box{
clear:both;
width:755px;
margin:0px 0px 0px 0px;
padding:17px 0px 0px 0px;
background-image:url(../images/bg_top.jpg);
background-repeat:repeat-x;
}

/* リニューアルのご提案
---------------------------------------------------- */
.renewal_box01{
clear:both;
width:710px;
margin:0px 0px 0px 0px;
overflow:hidden;
}

.renewal_box01 div.img_01{float:left;margin:0px 15px 40px 0px;}
.renewal_box01 div.img_02{float:left;margin:0px 0px 0px 0px;}
.renewal_box01 div.img_03{float:left;margin:0px 20px 40px 0px;}
.renewal_box01 div.img_03 img{margin:0px 0px 5px 0px;}
.renewal_box01 div.img_03 p{width:250px;margin:0px 0px 0px 0px;}
.renewal_box01 div.img_04{float:left;margin:0px 20px 20px 0px;}
.renewal_box01 div.img_05{float:left;margin:0px 18px 40px 0px;}
.renewal_box01 div.img_06{float:left;margin:0px 13px 40px 0px;}
.renewal_box01 div.img_t01{padding:58px 0px 0px 0px;}
.renewal_box01 div.img_t02{padding:47px 0px 11px 0px;}
.renewal_box01 div.img_t03{padding:11px 0px 11px 0px;}
.renewal_box01 div.img_t04{padding:19px 0px 11px 0px;}
.renewal_box01 div.img_t05{padding:28px 0px 11px 0px;}
.renewal_box01 div.img_t06{padding:85px 0px 11px 0px;}


/* リフォームのご提案
---------------------------------------------------- */
.reform_box01{
clear:both;
width:710px;
margin:0px 0px 0px 0px;
}

.reform_box01 div.space_l{float:left;width:370px;margin:0px 0px 20px 0px;}
.reform_box01 div.space_r{float:left;width:340px;margin:0px 0px 20px 0px;}
.reform_box01 div.space_s01{float:left;width:230px;margin:0px 10px 10px 0px;}
.reform_box01 div.space_s02{float:left;width:230px;margin:0px 0px 10px 0px;}

.reform_box02{
clear:both;
width:690px;
_width:710px;
margin:0px 0px 10px 0px;
padding:14px 0px 14px 18px;
border:1px solid #b69e83;
border-top:none;
}
.reform_box02:after{
content:"";
display:block;
clear:both;
height:1px;
overflow:hidden;
}
/*\*/
* html .reform_box02{height:1em;}
.reform_box02{display:block;}
/**/

.reform_box02 div.reform_l{float:left;width:311px;margin:0px 49px 0px 0px;}
.reform_box02 div.reform_r{float:left;width:312px;margin:0px 0px 0px 0px;}

/* お問い合わせ
---------------------------------------------------- */
.contact_box{
width:710px;
height:146px;
_height:171px;
border:1px solid #b69e83;
background-color:#ffffff;
background-image: url("../contact/images/bg_contact.jpg");
background-repeat:no-repeat;
background-position:3px 3px;
text-align:center;
padding:23px 0px 0px 0px;
margin-bottom:20px;
}

.contact_mail{
width:423px;
height:15px;
background-color:#ffffff;
padding:6px 120px 4px 120px;
margin-left:20px;
}
* html .contact_mail{margin-left:0px;}
*:first-child+html .contact_mail{margin-left:0px;}


/* グループ
---------------------------------------------------- */

#content_group{
clear:both;
width:715px;
margin:0px 0px 0px 215px;
text-align:left;
background-color:#ffffff;
}

#group_tl{
width:715px;
border-bottom:1px solid #cccccc;
margin:0px 0px 5px 0px;
padding:0px 0px 3px 0px;
}

.img_groupbox{
width:715px;
text-align:center;
margin:0px 0px 0px 0px;
}

.im_group{
float:left;
height:20px;
border-right:1px solid #cccccc;
vertical-align: bottom;
margin:0px 15px 0px 0px;
padding:0px 15px 0px 0px;
}

.im_group_last{
float:left;
height:28px;
vertical-align: bottom;
margin:0px 0px 0px 0px;
padding:4px 0px 0px 0px;
}

.img_groupbox div.group_mgn01{margin:4px 20px 0px 0px;}
.img_groupbox div.group_mgn02{margin:4px 20px 0px 0px;}



/* フッター
---------------------------------------------------- */
#footer{
clear:both;
width:930px;
margin:0px 0px 0px 0px;
padding:20px 0px 20px 0px;
}

#footer_link{
width:930px;
margin:0px 0px 10px 0px;
padding:0px 0px 0px 0px;
text-align:right;
}

.footer_copyright{
width:930px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:right;
}

/* 画像下マージン
---------------------------------------------------- */
.img_mgn0{clear:both;margin:0px 0px 0px 0px;}
.img_mgn2{margin:0px 0px 2px 0px;}
.img_mgn3{margin:0px 0px 3px 0px;}
.img_mgn4{margin:0px 0px 4px 0px;}
.img_mgn5{margin:0px 0px 5px 0px;}
.img_mgn5_t{margin:5px 0px 5px 0px;}
.img_mgn6{margin:0px 0px 6px 0px;}
.img_mgn7{margin:0px 0px 7px 0px;}
.img_mgn7_t{margin:7px 0px 7px 0px;}
.img_mgn7_l{margin:0px 0px 7px 5px;}
.img_mgn9{margin:0px 0px 9px 0px;}
.img_mgn10{margin:0px 0px 10px 0px;}
.img_mgn10_t{margin:0px 0px 10px 0px;padding:10px 0px 0px 0px;}
.img_mgn10_l{margin:0px 0px 10px 10px;}
.img_mgn12{margin:0px 0px 12px 0px;}
.img_mgn12_l{margin:0px 0px 12px 17px;}
.img_mgn15{margin:0px 0px 15px 0px;}
.img_mgn20{margin:0px 0px 20px 0px;}
.img_mgn20_l{margin:0px 0px 20px 10px;}
.img_mgn30{margin:0px 0px 30px 0px;}
.img_mgn30_20{margin:20px 0px 30px 0px;}
.img_mgn35{margin:0px 0px 35px 0px;}
.img_mgn50_20{margin:20px 0px 50px 0px;}
.img_mgn70_20{margin:20px 0px 70px 0px;}
.img_mgn30_l{margin:0px 0px 30px 0px;padding:0px 0px 0px 10px;}
.img_mgn40{margin:0px 0px 40px 0px;}
.img_mgn50{margin:0px 0px 50px 0px;}
.img_mgn80{margin:0px 0px 80px 0px;}
.img_mgn100{margin:0px 0px 100px 0px;}

/* フロートのクリア
---------------------------------------------------- */
.clr{clear:both;}

/*IE用画像余白
---------------------------------------------------- */
.img_0mgn{font-size:0;}

/* ページトップ
---------------------------------------------------- */
.pagetop{
width:57px;
float:right;
padding:0px 5px 0px 0px;
margin:0px 0px 30px 0px;
}

/* リンクボタン
---------------------------------------------------- */
.link_mark{
margin:0px 0px 0px 10px;
padding:0px 0px 0px 12px;
background:url("../common/ic_link.gif") no-repeat 0px 70%;
}

.link_mark_f{
margin:0px 0px 0px 10px;
padding:6px 0px 0px 12px;
background:url("../common/ic_link.gif") no-repeat 0px 70%;
}

/* 特殊リンク色
---------------------------------------------------- */
#footer_link a:link{color:#463f3b; text-decoration:none;}
#footer_link a:visited{color:#463f3b; text-decoration:none;}
#footer_link a:hover, a:active{color:#463f3b; text-decoration:underline;}