@charset "Shift_JIS";

#contentsBox p{
	padding-left:8px;
	padding-right:8px;
	padding-bottom:10px;
}

#contentsBox h4 img{
	margin-right:5px;
	vertical-align:-0.3em;
}
#contentsBox h4 span{
	padding-bottom:5px;
	font-size:13px;
	line-height:1.5em;
}

.clearfix .pageLinks{
	float:left;
	width:390px;
	padding:0 0 0 8px;
}

.pageLinks li{
	float:none;
	margin-bottom:5px;
}
.pageLinks li a{
	background:url(images/bg_pagelinkbtn.gif) no-repeat left top;
	width:372px;
	padding:0 0 0 18px;
}
.pageLinks li img{
	margin-right:7px;
	vertical-align:middle;
}


#contentsBox h6 img{
	margin-right:0px;
	vertical-align:-0.4em;
}


/*---*/

.ml10{ margin-left:10px;}
.mr10{ margin-right:10px;}
.borderBtm{
	border-bottom:1px #c1c1c1 solid;
	padding-bottom:5px;
	margin-bottom:30px;
}


/*--------------------------------------------------
             isntall index
-------------------------------------------------*/
.installTopBox{
	overflow:hidden;
	width:896px;
	margin:0 auto;
	padding-bottom:25px;
}

.installTopBox ul{
	overflow:hidden;
	float:left;
	width:580px;
	padding:0 0 0 5px;
}
.installTopBox ul li{
	float:left;
	padding:0 8px 3px 0;
	line-height:0.1em;
	font-size:1px;
}
.installTopBox ul li a:hover img{
	filter:Alpha(opacity:60);
	-moz-opacity:0.60;
	opacity:0.60;
}

.installTopBox p{
	float:right;
}

/*----------------------------------------------
                    
---------------------------------------------*/
#wall{}

.leadBox{
	overflow:hidden;
	width:670px;
	border-bottom:1px #ababab dotted;
	padding:0 0 5px 0;
	margin:0 0 20px 0;
}
.leadBox p{
	float:left;
}
.leadBox dl{
	float:left;
	width:300px;
	padding:0 0 0 16px;
}
.leadBox dl dt{
	padding:0 0 5px 0;
	font-size:18px;
	font-weight:bold;
	font-family:"メイリオ", Meiryo;
	color:#41423e;
	line-height:1.4em;
}
.leadBox dl dt span{
	font-size:13px;
	line-height:1.4em;
	display:block;
}
.leadBox .fRight{
	float:right;
	padding:0 160px 0 0 !important;
}
.leadBox .fRight2{
	float:right;
	padding:0 10px 0 0 !important;
}

/*---*/
.commonArea{
	background:url(images/bg_common.gif) no-repeat left bottom;
	width:652px;
	margin:0 auto 20px 8px;
}

.commonArea span.top {
background: url(images/bg_common_02.gif) 0 0 no-repeat;
display: block;
height: 2px;
overflow: hidden;
}

#contentsBox .commonArea h5{
	border:none;
	padding:0;
	margin:0;
}
#contentsBox .commonArea p{
	padding:15px 0 10px 0;
	text-align:center;
	position:relative;
}
#contentsBox .commonArea p img{
	vertical-align:top;
}
#contentsBox .commonArea .btn{
	position:absolute;
	top:70px;
	right:83px;
}

#contentsBox .commonArea .btn2{
	position:absolute;
	top:94px;
	right:102px;
}

#contentsBox .commonArea .btn3{
	position:absolute;
	top:156px;
	right:63px;
}

/*#contentsBox .commonArea a:hover img.btn{
	filter:Alpha(opacity:60);
	-moz-opacity:0.60;
	opacity:0.60;
}
*/
/*----*/
.relatedList{
	padding:0 0 20px 8px;
}
#contentsBox .relatedList h5{
	margin-bottom:10px;
}
.relatedList ul{
	overflow:hidden;
	width:662px;
}
.relatedList li{
	float:left;
	width:105px;
	padding:0 5px 0 0;
}
.relatedList li img{
	margin-bottom:5px;
}
.relatedList li a:hover img{
	filter:Alpha(opacity:60);
	-moz-opacity:0.60;
	opacity:0.60;
}
.relatedList li a{
	display:block;
	text-align:center;
}

/*-----*/
.numBox{
	overflow:hidden;
	border-bottom:1px #ababab dotted;
	width:670px;
	padding:0 0 15px 0;
	margin-bottom:15px;
}
.numBox li{
	float:left;
	padding:0 0 0 35px;
	width:295px;
}
#contentsBox .numBox li h5{
	border:none;
	padding:0;
	margin:0 0 5px -25px;
	font-size:16px;
	font-weight:bold;
}
.numBox li h5 img{
	margin:0 6px 0 0;
	vertical-align:-0.3em;
}
.numBox li img{
	margin-top:5px ;
}



/*-----*/
.numBox2{
	overflow:hidden;
	width:670px;
	padding:0 0 15px 0;
	margin-bottom:15px;
}
.numBox2 li{
	float:left;
	padding:0 0 0 35px;
	width:295px;
}
#contentsBox .numBox2 li h5{
	border:none;
	padding:0;
	margin:0 0 5px -25px;
	font-size:16px;
	font-weight:bold;
}
.numBox2 li h5 img{
	margin:0 6px 0 0;
	vertical-align:-0.3em;
}
.numBox2 li img{
	margin-top:5px ;
}

.numBox2 td p {
	padding:0 10px 0 6px !important;
}
.numBox2 td span{
	font-weight:bold;
}


/*---*/
.numList{
	padding:0 0 5px 0;
}
.numList li{
	overflow:hidden;
	width:657px;
	padding:0 8px 10px 5px;
}


.numList li p span{
	font-weight:bold;
}

#contentsBox .numList li h5{
	border:none;
	margin:0 0 5px 0;
	padding:0 0 0 8px;
}
.numList li div.fLeft{
	width:330px;
}
.numList .btnList{
	overflow:hidden;
	padding:0 0 0 5px;
	width:325px;
}
.numList .btnList li{
	overflow:visible;
	width:83px;
	float:left;
	padding:0 0 10px 3px;
	text-align:center;
	font-size:10px;
}
.numList .btnList li a:hover img{
	filter:Alpha(opacity:60);
	-moz-opacity:0.60;
	opacity:0.60;
}


.numList li .fRight{}

.numList .caution{
	background:url(../../common/images/ic_att.gif) no-repeat 8px top;
	padding:0 0 5px 30px !important;
	line-height:1.4em;
	color:#F00;
}



.numList div{
	/* */
}
.numList .relatedList{
	padding:0 0 20px 8px;
}

.numList .relatedList ul{
	overflow:hidden;
	width:662px;
}
.numList .relatedList li{
	float:left;
	width:105px;
	padding:0 5px 0 0;
}
.numList .relatedList li img{
	margin-bottom:5px;
}
.numList relatedList li a:hover img{
	filter:Alpha(opacity:60);
	-moz-opacity:0.60;
	opacity:0.60;
}
.numList .relatedList li a{
	display:block;
	text-align:center;
}

#contentsBox p.shd{
	font-weight:bold;
	font-size:14px;
	color:#fff;
	background:#969696;
	padding:2px 13px;
	margin:0 auto 15px auto;
	border-radius:2px;
	width:628px;
}
#contentsBox p.shd img{
	vertical-align:-0.3em;
}


#woodDirect .numList li div.fLeft{
	width:250px;
}
#woodDirect .numList li dl{
	float:left;
	width:230px;
}
#woodDirect .numList li dt{
	background:#666;
	margin-bottom:5px;
	color:#FFF;
	font-weight:bold;
	font-family:"メイリオ", Meiryo;
	text-align:center;
	line-height:20px;
}

/*---*/
#cautionBox{
	background:url(images/bg_caution.gif) no-repeat left bottom;
	width:652px;
	margin-bottom:40px;
}
#cautionBox h5{
	border:none;
	padding:0;
	margin:0;
}
#cautionBox div{
	border-bottom:1px #c1c1c1 dotted;
	overflow:hidden;
	width:624px;
	padding:10px 0 0 0;
	margin:0 auto 0 auto;
}
#cautionBox dl{
	float:right;
	width:450px;
}
#cautionBox dt{
	font-size:14px;
	font-weight:bold;
	font-family:"メイリオ", Meiryo;
}
#cautionBox dd{
	padding-bottom:10px;
	font-size:10px;
}
#cautionBox .clearfix{
	padding:10px 0 15px 23px;
	font-size:10px;
}
#cautionBox .clearfix .fLeft{
	margin-right:15px;}
#cautionBox .clearfix span{
	color:#f64346;
}





/*---*/

#contentsBox #privateTitle{
	line-height:1.4em;
	padding-bottom:4px;
}
#woodCatcher #contentsBox #lineConcent{
	line-height:1.4em;
	padding-bottom:4px;
}
#steelshelf #contentsBox #lineConcent{
	line-height:1.4em;
	padding-bottom:4px;
}


/*
overhang
.bracket
*/
#contents #mainColumn div.bracket {
margin: 0 18px 20px 0;
}

#contents #mainColumn div.bracket h6 {
margin: 0 0 10px 0;
padding: 3px 8px;
background-color: #99af7b;
color: #FFF;
font-size: 14px;
font-weight: bold;
}

#contents #mainColumn div.bracket table {
margin: 0 15px 0 0;
float: left;
border-collapse: collapse;
}

#contents #mainColumn div.bracket th,
#contents #mainColumn div.bracket td {
padding: 3px 0;
text-align: center;
border-bottom: 1px #CCC solid;
border-top: 1px #CCC solid;
}

#contents #mainColumn div.bracket td {
width: 6em;
}

#contents #mainColumn div.bracket tbody th {
vertical-align: top;
background-color: #FFF !important;
width: 9em;
}


.caution{
	background:url(../../common/images/ic_att.gif) no-repeat left 0.3em;
	padding:0 0 0 20px !important;
	margin:0px 0 0 0px;
	color:#F00;
}