@charset "UTF-8";
/* fence collection */

#fenceCollection { width: 760px; text-align: center; margin: 0 auto; text-align: left; font-size: 12px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif}

/* title --------- */

#fenceTit { background: url(fence-images/tit_bg.jpg) no-repeat; height: 370px;}
#fenceTit p.logo { float: left; padding: 25px 0 0 15px;}
p.contactBtn { float: right; padding: 25px 15px 0 0;}

.fenceTop { padding-bottom: 45px;}
.fenceTop h1 { color:#003d7a; font-size: 13px; font-weight: bold; margin: 10px 0 0;}
.fenceTop p { font-size: 12px;}

/* Feature --------- */

#fenceFeature .inr { background: url(fence-images/feature_bg.jpg) no-repeat top; padding: 18px 300px 0 20px; margin-bottom: 40px;}
#fenceFeature .inr h3,#fenceFeature .inr p { margin-bottom: 10px;}

#fenceFeature .inr dl, #fenceFeature .inr dl dt, #fenceFeature .inr dl dd,
#fenceDetail .detail01 dl, #fenceDetail .detail01 dl dt, #fenceDetail .detail01 dl dt,
#fenceDetail .detail02 dl, #fenceDetail .detail02 dl dt, #fenceDetail .detail02 dl dd,
#fenceVariation ul, #fenceVariation ul li,
#fenceData dl, #fenceData dl dt, #fenceData dl dd { margin: 0; padding: 0;}

#fenceFeature .inr dl { padding: 7px 7px; border-bottom: 1px solid #bababa;}
#fenceFeature .inr dl dt { font-weight: bold; float: left; width: 95px;}
#fenceFeature .inr dl dd { padding-left: 105px;}

/* Detail --------- */

#fenceDetail { background: url(fence-images/waku_bg.gif) no-repeat 0 23px; margin-bottom: 45px;}

#fenceDetail h2 { padding-left: 10px; margin-bottom: 23px;}

.detail01 { float: left; padding-left: 15px;}

#fenceDetail .detail01 dl {  margin:5px 0 15px;}
#fenceDetail .detail01 dl dt { font-weight: bold; float: left; width: 55px;}

#fenceDetail .detail02 { margin-left: 17px;}
#fenceDetail .detail02 img { float: left; margin-right: 17px;}
#fenceDetail .detail02 dl dt { font-weight: bold; margin-bottom: 10px;}

/* pole --------- */

#fencePole { clear: both; background: url(fence-images/waku_bg.gif) no-repeat 0 23px; margin-bottom: 45px;}

#fencePole h2 { padding-left: 10px; margin-bottom: 23px;}
#fencePole h3 { color:#003d7a; font-size: 13px; font-weight: bold; margin: 10px 0 15px 15px;}
#fencePole p { margin: 0 0 0 15px;}

/* Variation --------- */

#fenceVariation { clear: both; margin-bottom: 60px;}
#fenceVariation h2 { margin-bottom: 20px;}
#fenceVariation ul li { list-style: none; margin: 0 25px 15px 0; float: left;} 
#fenceVariation ul li.variEx { margin-right: 0;}
#fenceVariation p { clear: both;}

/* Drawing --------- */

#fenceDrawing { margin-bottom: 60px;}
#fenceDrawing h2 { margin-bottom: 20px;}
#fenceDrawing h3 { color:#003d7a; font-size: 13px; font-weight: bold; margin: 10px 0 15px 15px;}

/* Data --------- */

#fenceData { margin-bottom: 60px;}
#fenceData h2 { margin-bottom: 20px;}
#fenceData dl { float:left; width: 360px; padding-left: 15px; }
#fenceData dl dt { color:#003d7a; font-size: 13px; font-weight: bold; margin: 0 0 10px 0;}
#fenceData dl dd { margin-bottom: 10px;}

/* footer --------- */ 

.fenceFooter {
	clear: both;
	background: url(fence-images/footer_line.gif) repeat-x top;
	padding: 25px 0; text-align: center;}

.fenceFooter h3 {
	 font-size: 13px;
font-weight: bold;
line-height: 1.6;
margin-bottom: 20px;}
.fenceFooter p {
	font-size: 11px;
	margin-bottom: 30px;
	}


/* style --------- */

.clearfix:after {
     content:".";
     display:block;
     height:0;
     clear:both;
     visibility:hidden;
}




.clearfix { display:inline-block; }
/*\*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/**/

#fenceDetail:after , #fencePole:after,#fenceVariation:after, #fenceDrawing:after, #fenceData:after  { content : ""; display : block; height : 0; clear : both; }


.f10 { font-size: 10px;}
.fRight { float: right; text-align: right;}
.mt30 { margin-top: 30px;}
.mt15 { margin-top: 15px;}