/*------------------------------
  TOP用CSS
------------------------------- */
@import url("reset.css");
@import url("share.css");


/* トップイメージ
------------------------------- */
#img_top{
background:url(../gazou/top/bg.jpg) no-repeat center;
position:relative;
width: 100%;
height:590px;
margin:0 0 40px;
}
#img_top #chari{
position:absolute;
z-index:10;
top:138px;
left:50%;
margin:0 0 0 -128px;
opacity:0;
}
#img_top #chari img{
max-width:100%;
}
#img_top .bx-wrapper{
position:relative;
}
#slider{
position:absolute;
text-align:center;
opacity:0;
left:50%;
margin:0 0 0 -800px;
}
#img_top #slider img{
max-width:none;
}
#img_top .bx-wrapper .bx-controls-direction,#img_top .bx-controls{
display:none;
}

/* 自然にやさしい屋根瓦
------------------------------- */
#about{
text-align:center;
margin:0 auto 64px;
}
#about h2{
font-size:30px;
font-weight:bold;
margin:0 0 24px;
line-height:1;
} 
#about .txt{
font-size:20px;
}


/* お知らせ
------------------------------- */
#news{margin-bottom: 35px;}
#news h2{
font-size:26px;
border-left:3px solid #000;
padding-left: 10px;
margin-bottom: 10px;
}

/* 当社で施工可能な商品
------------------------------- */
#product{
padding:0 0 80px;
text-align:center;
}
#product h2{
border-bottom:1px solid #3E4C59;
padding:0 0 10px;
margin:0 0 56px;
font-size:30px;
color:#3E4C59;
}
#product h2:before{
content:url(../gazou/share/tile1.gif);
display:inline-block;
vertical-align:middle;
margin:8px 20px 0 0;
}
#product h2:after{
content:url(../gazou/share/tile2.gif);
display:inline-block;
vertical-align:middle;
margin:8px 0 0 20px;
}
#product section{
width:460px;
position:relative;
}
#product #product1{
float:left;
}
#product #product2{
float:right;
}
#product section a{
background:#f2f2f2 url(../gazou/share/tile3.gif) no-repeat right top;
color:#727272;
display:block;
text-decoration:none;
}
#product h3{
padding:64px 0 0;
width:260px;
float:right;
font-size:36px;
line-height:1;
}
#product h3 span{
display:block;
margin:20px 20px 0;
padding:16px 0 0;
font-size:16px;
border-top:1px solid #D1D1D1;
}
#product section .btn{
background:#000;
color:#fff;
font-size:16px;
text-align:right;
line-height:20px;
position:absolute;
bottom:0;
right:0;
width:236px;
padding:0 4px 0 0;
border-right:20px solid #000;
}
#product section a:hover .btn{
border-right:20px solid #D20000;
}