/*------------------------------
  セカンドコンテンツ
------------------------------- */

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



/* コンテンツレイアウト設定
------------------------------- */
/* セカンド共通
------------------------------- */
.cont > h2,.cont .CenterBox > h2{
background:#254370;
padding:16px 8px 16px 8px;
border-bottom:2px solid #f3f3f3;
color:#fff;
font-size:16px;
line-height:1;
}
.cont > h2:before,.CenterBox > h2:before{
content:"";
display:inline-block;
width:12px;
height:12px;
margin:0 6px 0 0;
font-weight:bold;
border:3px solid #fff;
vertical-align:middle;
border-radius:50%;
}
.cont h3{
font-size:14px;
font-weight:bold;
border:1px solid #ccc;
border-left:10px solid #aaa;
padding:8px;
line-height:1.2;
margin:20px 0px 10px 0px;
-webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.2) inset;
box-shadow:0px 0px 3px rgba(0,0,0,0.2) inset;
}

.cont .KijiArea{
font-size:12px;
}
.cont .KijiArea:before,.cont .KijiArea:after{content:"";display:table;}
.cont .KijiArea:after{clear:both;}
.cont .KijiArea{zoom:1;} 

.PageNavi{
text-align:center;
clear:both;
}
.PageNavi a{
display:inline-block;
padding:20px 0;
font-size:12px;
}
.ToDetail{
clear:both;
}
.ToDetail a{
display:block;
font-size:12px;
padding:4px;
text-align:right;
margin:0 0 10px;
}


.CenterBox{
background:#fff;
padding:0 0 20px;
}
.cont .ContList h3{
background:none;
border-bottom:1px dotted #eee;
margin:0;
padding:0;
}
.ContList h3 a{
display:block;
padding:24px 32px 24px 12px;
font-weight:bold;
color:#3673A5;
}
.ContList h3 a span,.ContList h3 a small{
font-weight:normal;
display:inline-block;
font-size:10px;
}
.ContList h3{
padding:8px 40px 8px 24px;
}
.ContList h3:after{
content:">";
font-family:Arial, Helvetica, sans-serif;
display:block;
width:20px;
height:20px;
line-height:20px;
text-align:center;
font-weight:bold;
background:#666;
color:#fff;
position:absolute;
margin:-10px 0 0;
top:50%;
right:8px;
border-radius:20px;
}

.cont h4{
background:url(/gazou/mobi/icon_box.png) no-repeat 4px center,url(/gazou/mobi/line2.png) repeat-x bottom;
-moz-background-size:36px auto,15px auto;
-webkit-background-size:36px auto,15px auto;
background-size:36px auto,15px auto;
padding:10px 0 8px 44px;
font-size:14px;
font-weight:bold;
clear:both;
}
.cont .KijiArea h4{
margin:0 0 6px;
}

.cont .KijiArea{
font-size:10px;
letter-spacing:-0.0001em;
margin:6px 5px 10px;
}
.cont .KijiArea:before,.cont .KijiArea:after{content:"";display:table;}
.cont .KijiArea:after{clear:both;}
.cont .KijiArea{zoom:1;} 

.cont .KijiArea table{
max-width:100%;
}
.PageNavi{
text-align:center;
clear:both;
}
.PageNavi a{
display:inline-block;
padding:20px 0;
font-size:12px;
}
.ToDetail{
clear:both;
}
.ToDetail a{
font-size:12px;
text-align:right;
}

.cont .RightBox h2{
background:#fff;
display:block;
position:static;
width:auto;
height:24px;
line-height:24px;
padding:0 4px;
line-height:1em;
font-size:14px;
z-index:0;
border-bottom:2px solid #336600;
margin:20px 0 8px;
}
.cont .RightBox h2:before{
content:"";
display:inline-block;
width:8px;
height:8px;
border:4px solid #336600;
vertical-align:middle;
margin:0 6px 0 2px;
border-radius:50%;
}


.cont .RightBox ul{
padding:0 0 16px;
}
.cont .RightBox ul:after{
content:"";
display:block;
clear:both;
}
.cont .RightBox li{
width:50%;
float:left;
}
.cont .RightBox li a{
background:url(../gazou/share/arrow3.gif) no-repeat 8px center;
display:block;
padding:8px 0 8px 22px;
color:#333;
font-size:12px;
}
.cont .RightBox .btn_index.pc{
display:none;
}
.cont .RightBox .btn_index a{
display:block;
border:1px solid #336633;
background:#fafafa;
padding:6px;
color:#336633;
margin:20px 6px 8px;
text-align:center;
}



.cont .RightBox h2.s_art + ul li{
width:94%;
margin:0 2%;
border-bottom:1px dotted #996666;
}
.cont .RightBox h2.s_art + ul li a{

}



/* タイトル
------------------------------- */

/* 記事本文
------------------------------- */

.cont .KijiArea{
}
.cont .KijiArea p{
margin:0 0 1em;
line-height:1.4;
}
.cont .KijiArea ul{
list-style:disc;
padding:0 0 0 2em;
}
.cont .KijiArea ol{
list-style:decimal;
padding:0 0 0 2em;
}
.KijiArea{
clear:both;
zoom:1;
}
.KijiArea:after,.KijiArea:before{content:"";display:table;}
.KijiArea:after{clear:both;}



.b_yellow{
background:#FFF988;
}

/* 事業内容
------------------------------- */
.business .KijiArea li{
float:left;
width:50%;
margin:0 0 6px;
}

.business .KijiArea ul:before,.business .KijiArea ul:after{content:"";display:table;}
.business .KijiArea ul:after{clear:both;}

/* お問い合わせ
------------------------------- */
dl.form,dl.confirm{
width:96%;
margin:6px 2%;
font-size:10px;
letter-spacing:-0.0001em;
}
dl.form:after,dl.confirm:after{
content:"";
display:block;
clear:both;
}
dl.form dt,dl.confirm dt{
padding:4px 1% 10px;
width:24%;
clear:both;
float:left;
}
dl.form dd,dl.confirm dd{
width:74%;
float:left;
padding:0 0 10px;
}
dl.confirm dd{
padding:4px 0 10px;
}
dl.form dt.formhead,dl.confirm dt.formhead,dl.confirm dt.titCertify{
width:90%;
font-size:14px;
font-weight:bold;
border:1px solid #ccc;
border-left:10px solid #aaa;
padding:4px 2%;
letter-spacing:0.1em;
margin:10px 0px 6px 0px;
-webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.2) inset;
box-shadow:0px 0px 3px rgba(0,0,0,0.2) inset;
}
.Certify{
font-size: 12px;
letter-spacing:-0.0001em;
}

dl.form input,dl.form textarea,dl.form select{
padding:4px;
max-width:96%;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo", "Osaka", Verdana, "ＭＳ Ｐゴシック", "MS P Gothic", Arial, Helvetica, sans-serif;
font-size:12px;
}
.type_check{
display:block;
margin:0 0 4px;
}
dl.form .btnSubmit{
text-align:center;
width:100%;
padding:16px 0 0;
}
dl.form .btnSubmit input{
border:none;
background:#3673A5;
padding:4px 40px;
border-radius:6px;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo", "Osaka", Verdana, "ＭＳ Ｐゴシック", "MS P Gothic", Arial, Helvetica, sans-serif;
color:#fff;
-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.3);
box-shadow:0px 0px 5px rgba(0,0,0,0.3);
cursor:pointer;
}
.Alert{
padding:20px 0 10px;
text-align:center;
}
dl.confirm dd.txtCertify,dl.confirm dd.btnSubmit{
width:100%;
}
.formthanks{
margin:20px 6px;
}

/* 会社概要
------------------------------- */
.tbl_company {
width: 100%;
margin: 0 auto;
border-collapse: separate;
border-spacing: 0px 8px;
font-size: 10px;
letter-spacing:-0.0001em;
}

.tbl_company th {
padding: 6px 0 6px 4px;
background:#295890;
vertical-align: middle;
text-align: left;
width: 80px;
position: relative;
color: #fff;
font-weight: normal;
}
.tbl_company td{
padding: 6px 0 6px 8px;
background: #f8f8f8;
}
.tbl_company th:after {
right: -8px;
top: 50%;
border:3px solid transparent;
content: "";
height: 0;
width: 0;
position: absolute;
border-left:6px solid #295890;
margin:-4px 0 0;
}
@-moz-document url-prefix() {
.tbl_company th::after {
float: right;
padding: 0;
right: -8px;
top: 50%;
content: "";
height: 0;
width: 0;
position: relative;
pointer-events: none;
border: 3px solid transparent;
border-left:6px solid #295890;
margin:7px 0 0;
}
}

.tbl_company2 {
width: 100%;
margin: 0 auto;
border-collapse: separate;
border-spacing: 0px 8px;
font-size: 10px;
letter-spacing:-0.0001em;
}

.tbl_company2 th{
padding: 6px 0 6px 8px;
background: #eee;
}
.tbl_company2 td{
padding: 6px 0 6px 8px;
background: #f8f8f8;
}
#map{
border:5px solid #ccc;
margin:0 10px;
}
#map iframe{
width:100%;
height:280px;
}

/* 施工事例
------------------------------- */
.result .ctgname{
display:inline-block;
border-radius:4px;
margin:0 6px;
padding:2px 6px;
background:#f0f0f0;
font-size:10px;
letter-spacing:-0.0001em;
color:#333;
}
.result .tit{
font-size:16px;
padding:6px;
font-weight:bold;
color:#004EA2;
}
.li_result li a{
display:block;
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 0px 6px;
height:70px;
clear:both;
position:relative;
}

.li_result li a: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;
}
.li_result li .img{
width:60px;
height:60px;
float:left;
overflow:hidden;
}
.li_result li .img img{
height:60px;
}
.li_result li dl{
padding:8px 0 0 68px;
}
.li_result li dt{
font-size:12px;
font-weight:bold;
margin:0 0 4px;
color:#003366;
}
.li_result li dd{
font-size:10px;
letter-spacing:-0.0001em;
}
.li_result li dd span{
display:block;
text-align:right;
padding:4px 0;
color:#E60024;
}
.li_result .RightBox,.li_result .tit{

}
.result .detail .photo1{
text-align:center;
margin:0 0 6px;
}
.result .detail img{
width:96%;
}
.result .detail .photo2{
text-align:center;
margin:0 0 6px;
}
.result .detail .photo2 img{
width:32%;
margin:0 1% 4px 0;
}
.result .detail .txt{
margin:8px 6px;
}
.result .detail .btn{
text-align:center;
padding:20px 0;
}
.result .detail .btn a{
display:inline-block;
padding:6px 40px;
background:#669933;
color:#fff;
border-radius:6px;
margin:0 auto;
-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.3);
box-shadow:0px 0px 5px rgba(0,0,0,0.3);
}