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

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

span.new{display:none}

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

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

#main .sign{
font-weight:bold;
text-align:right}

#main #map div{margin:0}

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

#main .bg01,
#main .bg02,
#main .bg03,
#main .bg04,
#main .bg05,
#main .bg06,
#main .bg07{
background:url(../img/sec_pict01.jpg) no-repeat 100% 0;
min-height:180px;
_height:180px;
padding:0 250px 0 0}

#main .bg02{background:url(../img/sec_pict02.jpg) no-repeat 100% 0}
#main .bg03{background:url(../img/sec_pict03.jpg) no-repeat 100% 0}
#main .bg04{background:url(../img/sec_pict04.jpg) no-repeat 100% 0}
#main .bg05{background:url(../img/sec_pict05.jpg) no-repeat 100% 0}
#main .bg06{background:url(../img/sec_pict06.jpg) no-repeat 100% 0}
#main .bg07{background:url(../img/sec_pict07.jpg) no-repeat 100% 0}

#main .bg08{
background:url(../img/sec_pict08.jpg) no-repeat 100% 0;
min-height:240px;
_height:240px;
padding:0 215px 0 0}

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

#main h3{
background:url(../img/sec_h3bg.jpg) no-repeat 0 0;
color:#fff;
font-weight:bold;
font-size:large;
_font-size:medium;
margin:0 0 10px;
padding:0}

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

#main h4{
background:url(../img/sec_h4bg.jpg) no-repeat 0 0;
color:#333;
font-size:120%;
font-weight:bold;
margin:0 0 10px}

#main h4 span{
background:url(../img/sec_h4bg2.jpg) no-repeat 0 100%;
display:block;
padding:7px 10px 5px 20px}

#main h5{
background:url(../img/sec_h5bg2.jpg) no-repeat 0 100%;
color:#333;
font-size:110%;
font-weight:bold;
margin:0 0 10px}

#main h5 span{
background:url(../img/sec_h5bg.jpg) no-repeat 0 5px;
display:block;
padding:0 0 5px 15px}

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

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

#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 dd{margin:0}

#main dl.note{
background:url(../img/sec_noteBg.gif) repeat;
padding:5px}

#main dl.note dt{
background:#fff;
padding:10px 10px 0}

#main dl.note dd{
background:#fff;
font-size:small;
_font-size:x-small;
padding:10px}

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

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

#main table{
border:2px solid #ccc;
border-top:5px solid #2363A3;
height:auto;
width:100%}

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

#main table td{
border-bottom:2px solid #ccc;
border-left:2px solid #ccc;
padding:8px 5px 8px 8px;
vertical-align:middle}

#main table.col{border:2px solid #ccc}

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

#main table.col td{
vertical-align:top}

#main table.col th.top{
background:#AEC6DD;
border-left:1px solid #ccc;
color:#fff;
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 table.note th{background:#CCE3C6}

#main p.des,
#main table.des th,
#main table.des td{text-decoration:line-through}

/* step
*****************************************/

#main .step dl dd{
background:url(../img/sec_stepBg01.jpg) no-repeat 0 0;
min-height:100px;
_height:100px;
padding:0 0 0 200px}

#main .step dl.dl02 dd{background:url(../img/sec_stepBg02.jpg) no-repeat 0 0}
#main .step dl.dl03 dd{background:url(../img/sec_stepBg03.jpg) no-repeat 0 0}
#main .step dl.dl04 dd{background:url(../img/sec_stepBg04.jpg) no-repeat 0 0}
#main .step dl.dl05 dd{background:url(../img/sec_stepBg05.jpg) no-repeat 0 0}
#main .step dl.dl06 dd{background:url(../img/sec_stepBg06.jpg) no-repeat 0 0}

/* point
*****************************************/

#main .point dl{
background:url(../img/sec_pointBg01.jpg) no-repeat 0 0;
min-height:125px;
_height:125px;
padding:0 0 0 140px}

#main .point dl.dl02{background:url(../img/sec_pointBg02.jpg) no-repeat 0 0}
#main .point dl.dl03{background:url(../img/sec_pointBg03.jpg) no-repeat 0 0}

#main .point dl.dl01 dd dl{
background:none;
margin:0;
min-height:1px;
_height:1px;
padding:0}

#main .point dl.dl01 dd dl dt{
color:#796546;
margin:0 0 5px}

#main .point dl.dl01 dd dl dd{margin:0 0 10px}

#main .point dl.dl02 dd dl{
background:#FAF9F6;
border:2px solid #ccc;
min-height:1px;
_height:1px;
padding:0}

#main .point dl.dl02 dd dl dt{
border-bottom:1px dotted #ccc;
color:#796546;
margin:0 0 5px;
padding:3px 15px}

#main .point dl.dl02 dd dl dd{padding:0 15px 5px}


/* Ｑ＆Ａ
*****************************************/

#main dl.faq{
background:url(../img/sec_faq00.jpg) no-repeat 100% 100%;
border-bottom:1px dotted #ccc;
margin:0 0 30px;
padding:0 0 25px}

#main dl.faq dt{
background:url(../img/sec_faq01.jpg) no-repeat 0 0;
margin:0 0 5px;
min-height:35px;
_height:35px;
padding:8px 0 0 40px}

#main dl.faq dd{
background:url(../img/sec_faq02.jpg) no-repeat 0 0;
min-height:35px;
_height:35px;
padding:0 0 0 40px}

/* 杭工事
*****************************************/

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

#main ul.jisseki{
background:url(../img/sec_jBg01.jpg) no-repeat 0 100%;
display:inline-block;}

#main ul.jisseki.note{background:url(../img/sec_jBg04.jpg) no-repeat 0 100%}

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

#main ul.jisseki li{
background:url(../img/sec_jBg02.jpg) no-repeat 0 0;
float:left;
padding:10px;
width:305px;
_width:325px}

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

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

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

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

#main ul.jisseki li div.image{
float:left;
margin:0;
width:150px}

#main ul.jisseki li div.detail{
float:right;
margin:0 0 0 10px;
width:145px}

#main ul.jisseki li div.detail p{margin:0}

#main ul.jisseki li dl{margin:0}

#main ul.jisseki li dl dt,
#main ul.jisseki li div.detail p.num{
background:url(../img/sec_jBg03.jpg) no-repeat 0 0;
color:#333;
margin:0 0 5px;
padding:0 0 0 10px}

#main ul.jisseki li div.detail h4 span{
background:none;
padding:0}

#main ul.jisseki li div.detail h4{
background:none;
border-bottom:1px dotted #999;
font-size:110%;
margin:0 0 5px;
padding:0 0 1px}

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

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

#main ul.sitemap li{
background:url(../img/icon02.gif) no-repeat 0 5px;
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/icon01.gif) no-repeat 0 7px;
padding:0 0 0 10px}

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

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

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

#index #main h3{margin:0 0 15px}

#index #main .sectionH4{
background:url(../img/ind_h4bg.jpg) no-repeat 0 0;
height:1%;
padding:5px}

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

#index #main .sectionH4 ul{
display:inline-block;
margin:0;
padding:10px 8px}

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

#index #main .sectionH4 ul li{
background:none;
float:left;
margin:0 0 0 8px;
padding:0}

#index #main .sectionH4 ul li.note{
margin:0;
width:191px}

#index #main .sectionH4 ul li ul{padding:0}

#index #main .sectionH4 ul li ul li{
float:none;
margin:0}

#index #main .sectionH4 ul li ul li.firstChild{margin:0 0 5px}

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

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

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

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

#index #main ul.banner li.firstChild{margin:0}