/* CSS Document */

#all *,
#ihead *,
#icont *,
#icont2 *,
#iside *,
#ifoot *,
#imain *{
 margin:0;
 padding:0;
 font-size:12px;
 line-height:18px;
 list-style:none outside;
 color:#333;
}
#ihead * img,
#icont * img,
#icont2 * img,
#iside * img,
#ifoot * img,
#imain * img{
 border:none;
}
body{
 text-align:center;
}
#all{
 width:960px;
 margin:0 auto;
 text-align:left;
}
/* header */
#ihead{
 width:960px;
 border-bottom:10px solid #030;
}
#ihead ul li{
 float:right;
 display:inline;
}
#ihead ol{
 background:url("../images/navi-back.jpg") repeat-x left top;
}
#ihead ol li{
 float:left;
 display:inline;
}
#ihead h1{
 padding:8px 0 5px;
}
#ihead dl{
 clear:both;
}
#ihead dt{
 float:right;
 width:650px;
 padding:5px 0;
}
#ihead dd{
 float:left;
 width:300px;
}
#ihead dd p{
 padding:10px;
 line-height:16px;
 color:#666;
}
#ihead dd p strong{
 font-size:14px;
 line-height:18px;
}
#ihead dd p img{
 float:right;
}

/* icont */
#icont{
 clear:both;
 width:960px;
}
#icont2{
 clear:both;
 width:914px;
 margin:0 auto;
 padding:20px 0;
}
/* 会社概要 */
#icont2 .comimage dt{
 float:left;
 width:430px;
}
#icont2 .comimage dd{
 float:right;
 width:450px;
}
#icont2 .comimage dd p{
 padding-bottom:10px;
}
#icont2 p.cl{
 padding:40px 0 10px;
 text-align:left;
}
#icont2 th{
 text-align:left;
 width:10%;
 font-weight:normal;
}
#icont2 td{
 padding:5px;
 width:40%;
}
#icont2 .commap div{
 float:right;
 width:630px;
}
#icont2 .commap dl{
 float:left;
 width:280px;
}
#icont2 .commap dt{
 padding-bottom:5px;
}
#icont2 .commap dd{
 padding:0 10px 50px;
}

/* 石材 */
#icont2 .itemlist{
 background:url("../images/mainback-1.jpg") repeat-y left top;
 padding:20px 1px;
}
#icont2 .itemlist dl{
 width:280px;
 float:left;
 display:inline;
 margin-left:18px;
}
#icont2 .itemlist dd{
 padding:5px 5px 20px;
}
#icont2 .itemlist dt{
 background:url("../images/list-back.jpg") no-repeat left top;
 padding:2px 5px 8px;
}
#icont2 .itemlist dt a{
 display:block;
 width:270px;
 height:200px;
 overflow:hidden;
 text-align:center;
}

/* 植樹 */
#icont2 .itemlist2{
 background:url("../images/mainback-2.jpg") repeat-y left top;
 padding:20px 1px;
}
#icont2 .itemlist2 dl{
 width:280px;
 float:left;
 display:inline;
 margin-left:18px;
}
#icont2 .itemlist2 dt{
 background:url("../images/list-back.jpg") no-repeat left top;
 padding:2px 5px 8px;
}
#icont2 .itemlist2 dt a{
 display:block;
 width:270px;
 height:200px;
 overflow:hidden;
 text-align:center;
}
#icont2 .itemlist2 dd{
 padding:5px 5px 20px;
}

/* その他 */
#icont2 .itemlist3{
 background:url("../images/mainback-3.jpg") repeat-y left top;
}
#icont2 .itemlist3 dl.lt{
 width:340px;
 float:left;
 display:inline;
 margin-left:35px;
}
#icont2 .itemlist3 dl.lt dt{
 background:url("../images/title-back1.gif") no-repeat left bottom;
 padding-left:45px;
 font-size:20px;
 line-height:28px;
 font-weight:bold;
 margin-bottom:5px;
}
#icont2 .itemlist3 dl.lt dd{
 background:url("../images/list-back2.jpg") no-repeat left top;
 padding:1px 4px 7px;
}
#icont2 .itemlist3 dl.lt dd a{
 display:block;
 height:232px;
 width:331px;
 text-align:center;
 overflow:hidden;
}
#icont2 .itemlist3 dl.rt{
 width:480px;
 float:left;
 display:inline;
 margin-left:35px;
}
#icont2 .itemlist3 dl.rt dt img{
 float:left;
 display:inline;
 margin-left:10px;
}
#icont2 .itemlist3 dl.rt dd{
 padding:20px 0 10px 10px;
}
#icont2 .itemlist3 p.cl{
 margin:0;
 padding:0;
}
#icont2 .itemlist3 dl.lt dt,
#icont2 .itemlist3 dl.rt dt{
 padding-top:10px;
}
#icont2 .itemlist3 dl.lt dd,
#icont2 .itemlist3 dl.rt dd{
 padding-bottom:10px;
}

/* leftnavi */
#iside{
 width:260px;
 float:right;
 background:url("../images/side-back.jpg") repeat-x left top;
}
#iside li{
 padding:8px 15px 0;
 font-size:0;
 line-height:0;
}
#iside li.link{
 text-align:right;
}

/* main */
#imain{
 width:660px;
 float:left;
 display:inline;
 margin-left:20px;
}
#imain p{
 padding:15px 0 8px;
}
#imain p.tar{
 text-align:right;
 padding:0;
}
#imain p.tar a{
 color:#EEE;
 font-size:8px;
}
#imain div{
 border:1px solid #000;
 padding:4px;
}
#imain div dl{
 width:190px;
 float:left;
 display:inline;
 margin-left:20px;
}
#imain div dt,
#imain div dd{
 text-align:center;
}
#imain div dt{
 padding:10px 0 5px;
}
#imain div dd{
 padding:0 5px 10px;
}
#imain div dd a{
 text-decoration:none;
 color:#666;
}
#imain div dd a:hover{
 text-decoration:underline;
}

.pageswitch{
 clear:both;
 text-align:center;
}

/* reco */
body.include{
 margin:0;
 padding:0;
 font-size:12px;
 line-height:18px;
 color:#333;
}
#reco{
 width:650px;
}
#reco *{
 margin:0;
 padding:0;
}
#reco a img{
 border:none;
}
#reco div dl{
 width:202px;
 float:left;
 display:inline;
 margin-left:11px;
}
#reco div dt a{
 display:block;
 height:143px;
 width:191px;
 text-align:center;
 overflow:hidden;
}
#reco div dt,
#reco div dd{
 text-align:center;
}
#reco div dt{
 background:url("http://hojuen-gc.co.jp/images/list-back-top.jpg") no-repeat left top;
 padding:4px 5px 3px;
 font-size:0;
 line-height:0;
}
#reco div dd{
 padding:0 5px 10px;
}
#reco div dd a{
 text-decoration:none;
 color:#666;
}
#reco div dd a:hover{
 text-decoration:underline;
}


/* footer */
#ifoot{
 width:960px;
 padding:10px 0 0;
}
#ifoot ul{
 background:#030;
}
#ifoot li{
 float:left;
 display:inline;
}
#ifoot dl{
 clear:both;
}
#ifoot dt{
 padding:5px 0 10px;
}
#ifoot dd{
 text-align:center;
}


/* clear */
.cl{
 clear:both;
}
.clear:after{
 content: ".";
 display: block;
 clear: both;
 height: 0;
 visibility: hidden;
}
.clear{
 display: inline-table;
 min-height: 1%;
}
/*Hides from MacIE \*/
* html .clear{height: 1%;}
.clear{display: block;}
/*Hides from MacIE */