/*------------------------------
  トップページ　スマホ用
------------------------------- */

@import url("reset.css");
@import url("image_s.css");
@import url("smobi.css");



/*　メイン画像
------------------------------- */
.catch{
padding:40px 0;
}
.wrapper{
background:#fff;
}

#photo{padding:3%;
text-align:center;
}
#photo img{
width:100%;
margin-bottom:2%;
}

/*　タイトル共通
------------------------------- */

/*　新着情報
------------------------------- */
#news{
position:relative;
border-bottom:none;
-webkit-box-shadow:0px -3px 5px rgba(0,0,0,0.1);
box-shadow:0px -3px 5px rgba(0,0,0,0.1);
margin:20px 10px 10px;
padding:0 0 6px;

}
#news h2{
background:url(../gazou/top/tit_news.gif) no-repeat 6px center;
padding:18px 0 16px 40px;
margin:6px 6px 8px;
border-bottom:2px solid #00A73C;
font-size:16px;
}

#news ul{
padding:6px 0 10px;
margin:0 10px;
}
#news li{
border-bottom:1px dotted #ccc;
}
#news li a{
display:block;
text-decoration:none;
line-height:1.2em;
padding:6px 24px 6px 6px;
color:#666666;
font-size:12px;
zoom:1;
position:relative;
}
#news li:after{
content:">";
display:block;
font-weight:bold;
border-radius:50%;
width:16px;
height:16px;
border:2px solid #00A73C;
color:#00A73C;
line-height:16px;
font-size:12px;
text-align:center;
position:absolute;
top:50%;
right:6px;
margin:-8px 0 0;
}
#news li a:before,#news li a:after{
content:"";
display:table;
}
#news li a:after{
clear:both;
}
#news li a span{
display:inline-block;
margin:0 4px 0 0;
padding:2px 4px;
}
#news li a .date{
font-size:9px;
letter-spacing:-0.0001em;
}
#news li a .ctgname{
font-size:9px;
letter-spacing:-0.0001em;
background:#efefef;
}
#news li a .title{
font-size:12px;
display:block;
}
#news .btn a{
background:#336633;
color:#fff;
display:block;
margin:8px 30px;
padding:8px 6px;
border-radius: 4px;
font-size:14px;
font-weight:bold;
text-align:center;
border-radius:2px;
}


#panf{
margin:20px 10px 10px;
}

/*　施工実績
------------------------------- */
#result{
position:relative;
border-bottom:none;
-webkit-box-shadow:0px -3px 5px rgba(0,0,0,0.1);
box-shadow:0px -3px 5px rgba(0,0,0,0.1);
margin:20px 10px 10px;
padding:0 0 6px;
}
#result h2{
background:url(../gazou/top/tit_result.gif) no-repeat 6px center;
padding:18px 0 16px 40px;
margin:0 6px 8px;
border-bottom:2px solid #336699;
font-size:16px;
}
#result .txt1{
padding:0 8px;
font-size:10px;
letter-spacing:-0.0001em;
}
#result ul{
padding:6px 0 10px;
}
#result li{
background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
background:-webkit-linear-gradient(top, #fff, #eee);
background:linear-gradient(to bottom, #fff, #eee);
padding:6px 24px 6px 6px;
height:70px;
clear:both;
position:relative;
}
#result li:after{
content:">";
display:block;
font-weight:bold;
border-radius:50%;
width:16px;
height:16px;
border:2px solid #006699;
color:#006699;
line-height:16px;
font-size:12px;
text-align:center;
position:absolute;
top:50%;
right:6px;
margin:-8px 0 0;
}
#result li .img{
width:60px;
height:60px;
float:left;
overflow:hidden;
}
#result li .img img{
height:60px;
}
#result li dl{
padding:0 0 0 68px;
}
#result li dt{
font-size:12px;
font-weight:bold;
margin:0 0 4px;
color:#003366;
}
#result li dd{
font-size:10px;
letter-spacing:-0.0001em;
}
#result li dd span{
display:block;
text-align:right;
padding:4px 0;
color:#E60024;
}
#result .RightBox,#result .tit{
display:none;
}
#result li a{
display:block;
text-decoration:none;
line-height:1.2em;
padding:6px 10px;
color:#666666;
font-size:12px;
zoom:1;
}
#result li a:before,#news li a:after{
content:"";
display:table;
}
#result li a:after{
clear:both;
}
#result a.SSIdetail{
background:#006699;
color:#fff;
display:block;
margin:8px 30px;
padding:8px 6px;
border-radius: 4px;
font-size:14px;
font-weight:bold;
text-align:center;
border-radius:2px;
}