@charset "utf-8";
/***********************************************/
/*sec.css                                      */
/***********************************************/

#main p,
#main ul,
#main dl,
#main div,
#main table{margin:0 0 20px}

span.new{display:none}

#main .adr div,
#main #map p{margin:0!important}

#main .fig,
#main .btn{text-align:center}

#main .sign{text-align:right}

#main #map div{margin:0}

#main .fmail_must{
float:left;
margin:0 0 0 5px;
text-indent:50000px}

#main .bg01,
#main .bg03{
background:url(../img/sec_pict01.jpg) no-repeat 100% 0;
min-height:140px;
_height:160px;
padding:20px 190px 0 0}

#main .bg03{background:url(../img/sec_pict03.jpg) no-repeat 100% 0}

#main .bg02,
#main .bg04{
background:url(../img/sec_pict02.jpg) no-repeat 0 0;
min-height:110px;
_height:130px;
padding:20px 0 0 190px}

#main .bg04{background:url(../img/sec_pict04.jpg) no-repeat 0 0}

#main .bg05,
#main .bg07,
#main .bg08,
#main .bg10{
background:url(../img/sec_pict05.jpg) no-repeat 100% 0;
min-height:165px;
_height:165px;
padding:0 260px 0 0}

#main .bg07{background:url(../img/sec_pict07.jpg) no-repeat 100% 0}
#main .bg08{background:url(../img/sec_pict08.jpg) no-repeat 100% 20px;padding:20px 260px 0 0}
#main .bg10{background:url(../img/sec_pict10.jpg) no-repeat 100% 20px;padding:20px 260px 0 0}

#main .bg06,
#main .bg09,
#main .bg11{
background:url(../img/sec_pict06.jpg) no-repeat 0 0;
min-height:165px;
_height:165px;
padding:0 0 0 260px}

#main .bg09{background:url(../img/sec_pict09.jpg) no-repeat 0 20px;padding:20px 0 0 260px}
#main .bg11{background:url(../img/sec_pict11.jpg) no-repeat 0 20px;padding:20px 0 0 260px}

#main .bg07,
#main .bg07 dl{margin:0}

/* 見出し
*****************************************/

#main h3{
background:url(../img/sec_h3bg.jpg) repeat-y 50% 0;
border:1px solid #ccc;
color:#fff;
font-weight:bold;
font-size:large;
_font-size:medium;
margin:0 0 20px;
padding:0}

#main h3.note{margin:0}

#main h3 span{
background:url(../img/sec_h3bg2.jpg) no-repeat 100% 50%;
display:block;
padding:3px 10px 3px 10px}

#main h4{
border-left:3px solid #c0a066;
color:#333;
font-size:120%;
font-weight:bold;
margin:0 0 20px;
padding:0 0 0 10px}

#main h4.note{
background:none;
border:none;
margin:0;
padding:0}

#main h4.note img{vertical-align:bottom}

/* リスト
*****************************************/

#main ul li{
background:url(../img/icon01.gif) no-repeat 0 6px;
margin:0;
padding:0 0 0 10px}

#main ul li.note{background:none}

#main ul.btn:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#main ul.btn{display:inline-block;}

/*\*/
*html #main ul.btn{height:1%}
#main ul.btn{display:block}
/**/

#main ul.btn li{
background:none;
float:left;
margin:0 0 0 10px;
padding:0}

#main ul.btn li.firstChild{margin:0}

/* dl
*****************************************/

#main dl dt{font-weight:bold}

#main dl.note dt{font-weight:normal}

#main dl.note dd ul{margin:0}

#main dl dd{margin:0}

/* テーブル
*****************************************/

#main table{
border-bottom:1px solid #ccc;
height:auto;
width:100%}

#main table th{
background:#f8f6f0;
border-bottom:1px dotted #ccc;
font-weight:bold;
padding:8px;
vertical-align:middle;
white-space:nowrap;
width:1%}

#main table th#h_en1240790859,
#main table th.firstChild{
background:url(../img/sec_tableBg.gif) repeat-x #f8f6f0;
padding:13px 8px 8px}

#main table td{
border-bottom:1px dotted #ccc;
padding:8px 5px 8px 8px;
vertical-align:middle}

#main table td#d_en1240790859,
#main table td.firstChild{
background:url(../img/sec_tableBg.gif) repeat-x;
padding:13px 5px 8px 8px}

#main table.col th{
text-align:center;
vertical-align:middle}

#main table.col td{
border-left:1px solid #ccc;
vertical-align:top}

#main table.col th.note,
#main table.col td.note{
color:#FE6500;
font-weight:bold}

#main table.col td.note span{
color:#666;
font-weight:normal}

#main table.col th.top{
border-left:1px solid #ccc;
font-weight:bold;
padding:5px 0;
width:auto}

#main table.col th.top.firstChild{border-left:none}

#main table td p,
#main table td div,
#main table td ul,
#main table td dl{margin:0}

#main table.mailform th{
white-space:normal;
padding:5px;
text-align:right;
width:170px}

/* 事例
*******************************************/

#main .caseAll:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#main .caseAll{
border-bottom:1px dotted #f0e0d0;
display:inline-block;
padding:0 0 20px}

/*\*/
*html #main .caseAll{height:1%}
#main .caseAll{display:block}
/**/

#main .caseAll .pict{
float:left;
margin:0 20px 0 0;
text-align:center;
width:290px}

#main .caseAll .pict img{text-align:center}

#main .caseAll .detail{
float:right;
margin:0;
width:330px}

#main .caseAll .detail table{border:2px solid #ddd}

#main .caseAll .detail table th,
#main .caseAll .detail table td{
background:#f9f9f9;
border:none}

#main .caseAll .detail .link{
margin:0;
text-align:center}

#main ul.caseDetail:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#main ul.caseDetail{display:inline-block;}

/*\*/
*html #main ul.caseDetail{height:1%}
#main ul.caseDetail{display:block}
/**/

#main ul.caseDetail li{
background:none;
float:left;
margin:0 0 10px;
padding:0;
text-align:center;
width:315px}

#main ul.caseDetail li.odd{margin:0 10px 10px 0}

#main ul.caseDetail li img{
text-align:center;
vertical-align:bottom}

/* ご依頼からお引き渡しまでの流れ
*******************************************/

#main .step{
background:url(../img/sec_stepBg00.jpg) no-repeat 0 100%;
padding:0 0 10px}

#main .step dl{
background:url(../img/sec_stepBg02.jpg) no-repeat 0 0;
margin:0;
min-height:100px;
_height:214px;
padding:94px 10px 20px 90px}

#main .step dl.dl01{
background:url(../img/sec_stepBg01.jpg) no-repeat 0 0;
_height:145px;
padding:25px 10px 20px 90px}

#main .step dl.dl03{background:url(../img/sec_stepBg03.jpg) no-repeat 0 0}
#main .step dl.dl04{background:url(../img/sec_stepBg04.jpg) no-repeat 0 0}
#main .step dl.dl05{background:url(../img/sec_stepBg05.jpg) no-repeat 0 0}
#main .step dl.dl06{background:url(../img/sec_stepBg06.jpg) no-repeat 0 0}
#main .step dl.dl07{background:url(../img/sec_stepBg07.jpg) no-repeat 0 0}
#main .step dl.dl08{background:url(../img/sec_stepBg08.jpg) no-repeat 0 0}
#main .step dl.dl09{background:url(../img/sec_stepBg09.jpg) no-repeat 0 0}
#main .step dl.dl10{background:url(../img/sec_stepBg10.jpg) no-repeat 0 0}

#main .step dl dt{
margin:0 0 15px;
text-align:right}

#main .step dl dt img{vertical-align:bottom}

#main .step dl dd{margin:0 20px 0 0}

#main .step dl dd.note{margin:0 20px 15px 0}

/* 中古物件同行サービス
*******************************************/

#main ul.merit{
background:url(../img/sec_meritBg.jpg) no-repeat 0 0;
border-bottom:4px solid #c0a066;
padding:55px 20px 20px}

#main ul.merit li{
background:url(../img/sec_merit01.gif) no-repeat 0 0;
margin:0 0 15px;
padding:0 0 0 50px}

#main ul.merit li.note{
background:url(../img/sec_merit02.gif) no-repeat 0 0;
margin:0;
min-height:50px;
_height:70px;
padding:20px 0 0 50px}

/* リノベーション・リフォームプラン【人気BEST3】
*******************************************/

#main dl.rank01 dt,
#main dl.rank02 dt,
#main dl.rank03 dt{
position:relative;
z-index:1}

#main dl.rank01 dd,
#main dl.rank02 dd,
#main dl.rank03 dd{
background:url(../img/sec_pict12.jpg) no-repeat 100% 0;
margin:-2.5em 0 0;
min-height:140px;
_height:140px;
padding:0 230px 0 95px;
position:relative;
z-index:2}

#main dl.rank02 dd{background:url(../img/sec_pict13.jpg) no-repeat 100% 0}
#main dl.rank03 dd{background:url(../img/sec_pict14.jpg) no-repeat 100% 0}

/* よくあるご質問
*******************************************/

#main dl.faq dt{margin:0 0 5px}

#main dl.faq dd{
background:url(../img/sec_faq00.jpg) no-repeat 0 0;
margin:0 0 20px;
padding:0 20px 0 55px}

/* サイトマップ
*****************************************/

#main ul.sitemap li ul{margin:0}

#main ul.sitemap li{
background:url(../img/icon01.gif) no-repeat 0 6px;
height:1%;
margin:0 0 5px;
padding:0 0 0 15px}

#main ul.sitemap li.note{background:none}

#main ul.sitemap li ul li{
background:url(../img/icon02.gif) no-repeat 0 6px;
padding:0 0 0 15px}

/*******************************************/

#index #main img{vertical-align:bottom}

#index #main .h301{
margin:0 0 10px;
position:relative}

#index #main h3,
#index #main h3 span{
background:none;
border:none;
margin:0;
padding:0}

#index #main .h301 h3,
#index #main .h302 h3{
border-bottom:1px dotted #f0e0d0;
padding:0 0 10px}

#index #main .h301 .examBtn{
position:absolute;
right:0px;
top:8px}

#index #main .h301 p{margin:10px 0}

#index #main .h301 .examPic:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#index #main .h301 .examPic{
display:inline-block;
margin:0 0 10px}

/*\*/
*html #index #main .h301 .examPic{height:1%}
#index #main .h301 .examPic{display:block}
/**/

#index #main .h301 .examPic li{
background:none;
float:left;
padding:0;
margin:0 0 0 10px;
text-align:center;
width:150px}

#index #main .h301 .examPic li.firstChild{margin:0}

#index #main .h301 .examPic li img{text-align:center}

#index #main .h301 .examPic li table{
border:none;
margin:0}

#index #main .h301 .examPic li table td{
background:#ccc;
border:none;
padding:5px;
height:100px;
_height:110px;
overflow:hidden;
text-align:center;
vertical-align:middle}

#index #main .h302 #about:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#index #main .h302 #about{
display:inline-block;
margin:10px 0 15px}

/*\*/
*html #index #main .h302 #about{height:1%}
#index #main .h302 #about{display:block}
/**/

#index #main .h302 .aboutBox{
background:url(../img/top_aboutBg.jpg) repeat-y 0 0;
padding:10px;
float:left;
margin:0 0 0 12px;
width:185px}

* html #index #main .h302 .aboutBox{width:205px}

#index #main .h302 .firstChild{margin:0}

#index #main .h302 .aboutBox dl{
background:#fff;
margin:0;
padding:0 0 2px}

#index #main .h302 .aboutBox dl dt img{
margin:0;
padding:0}

#index #main .h302 dl dd dl dt{
font-weight:normal;
padding:0 5px}

#index #main .h302 dl dd dl dd{
text-align:right;
margin-right:5px}

#index #main .h303{
border:1px solid #F0E0D0;
width:638px;
margin:0 0 15px;
padding:0 0 10px}

#index #main .h303 h3 img{
width:638px;
padding:0;
margin:0}

#index #main .h303 table{
border:none;
margin:0;
width:100%}

#index #main .h303 table th{
background:none;
border:none;
font-weight:normal;
padding:5px 10px 0;
text-align:center;
vertical-align:middle;
white-space:nowrap;
width:1%}

#index #main .h303 table th span{margin:0 10px 0 0}

#index #main .h303 table th span img{vertical-align:middle}

#index #main .h303 table td{
border:none;
padding:5px 5px 0}

#index #main .h304{
background:#C0A066 url(../img/top_h304Bg.jpg) no-repeat 0 0;
margin-bottom:15px}

#index #main .h304 .h304text{
padding:15px 0 8px 228px}

#index #main .h304 p{
width:400px;
font-size:14px;
line-height:150%;
color:#FFFFFF;
margin:0}