@charset "Shift_JIS";

#contentsBox{}

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

#contentsBox h4 img{
	margin-right:5px;
	vertical-align:-0.3em;
}

.clearfix .pageLinks{
	float:left;
	width:360px;
	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:342px;
	padding:0 0 0 18px;
}
.pageLinks li img{
	margin-right:7px;
	vertical-align:middle;
}
/*---*/

.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;
}

.box {
	background:url(images/bg-box.gif) no-repeat 0 0;
	width:418px;	height:432px;
	padding:9px 9px 0 9px;
	margin:0 24px 30px 0;
	float:left;
	position:relative;
}
#contentsBox .end {
	margin-right:0;
}
#contentsBox .box .hd {
	background:none;
	padding:0;	margin:0;
	border:none;
	background:url(images/line.gif) repeat-x 0 bottom !important;
	padding-bottom:10px;
	margin-bottom:10px;
}
.box ul li img{
	vertical-align:bottom;
	padding:0;
	margin:0;
}
.box ul {	margin:0 0 0 5px;}
.box ul li {	margin:0 0 10px 0;}
.box ul li ul {	margin:0 0 0 20px;}
.box ul li li {	margin:0 0 2px 0; height:17px;}
.box li.first { margin-bottom:0px;}
.box li.sub{}
.box .sub li{ float:left; margin:0 5px 10px 0;}
.box p {
	position:absolute;
	bottom:8px;
	left:8px;
	margin:0 !important;	
	padding:0 !important;
}
/*----------------------------------------------
                    
---------------------------------------------*/
.wrap{ margin:0 0 40px 0;}

.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.3em;
}
.leadBox .fRight{
	float:right;
	padding:0 10px 0 0 !important;
}
.leadBox .attention{
	background:url(../../common/images/ic_att.gif) no-repeat 8px 1px;
	padding:0 0 0 30px;
	margin-bottom:6px;
	color:#ff3333;
}


/*---*/
.commonArea{
	background:url(images/bg_common.gif) no-repeat left bottom;
	width:652px;
	margin:0 auto 20px 8px;
}
#contentsBox .commonArea h5{
	border:none;
	padding:0;
	margin:0;
}
#contentsBox .commonArea p{
	padding:15px 0 10px 0;
	text-align:center;
}
#contentsBox .commonArea  p img{
	vertical-align:top;
}

/*----*/
.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 ;
}

/*---*/
.numList{
	padding:0 0 5px 0;
}
.numList li{
	overflow:hidden;
	width:657px;
	padding:0 8px 10px 5px;
}
#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;
}
.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;
}

#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 ul{
	float:right;
	width:508px;
}
#cautionBox li{
	position:relative;
	margin:0 0 10px 0;
	padding:0 0 0 60px;
	height:52px;
}
#cautionBox li img{
	position:absolute;
	top:0; left:0px;
}
#cautionBox h6{
	font-size:14px;
	font-weight:bold;
	font-family:"メイリオ", Meiryo;
}
#cautionBox p{
	padding:0 0 0 0;
	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 .red { color:#f00;}

#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 .pimg{margin:0 0 3px 20px ; vertical-align: middle;}
#contentsBox p.sub-img {  padding:0; margin:15px 0 15px 15px;}
#contentsBox .attention1 { background:url(../../common/images/ic_att.gif) no-repeat 8px 1px; padding:0 0 0 30px; margin-bottom:5px;}
#contentsBox .attention1 .red { color:#ff3333;}
#contentsBox .attention1 img { padding:1px 8px 0 0; vertical-align:text-bottom; }
#contentsBox dd.attention1 { background-position:0 2px; padding-left:26px; margin:10px 0; }
#contentsBox .attention2 { background:url(../../common/images/ic_att.gif) no-repeat 8px 1px; padding:0 0 0 30px; margin-bottom:2px;}
#contentsBox .attention2 .red { color:#ff3333;}
#contentsBox .st {  font-weight:bold; background:#f8ff1f;}
.att-list { margin:0 0 10px 6px; padding:0 3px 10px 3px; width:auto; border-bottom:1px dotted #c2c2c2;}
.att-list li { margin:0 0 4px 0; padding:0 0 0 8px; width:auto; background:url(../../common/images/ico_kuro.gif) no-repeat 0 8px;}
.example { padding:0 0 5px 34px; margin:0 0 15px 0;  border-bottom:1px dotted #c2c2c2;}
.example li { margin:0; padding:0;}
.example dt { /*font-weight:bold;*/ line-height:1.3; color:red;}
.example dd { margin:0 0 5px 5px; color:red;}

.example2 { padding:0 0 5px 34px; margin:0 0 15px 0;  border-bottom:1px dotted #c2c2c2;}
.example2 li { margin:0px 0px 0px 0px; padding:0; line-height:1.4em;}
.example2 li img{ margin:10px 0px 2px 0px; padding:0;}

#contentsBox .box1{border:1px solid #ccc; padding:7px 2px; margin:0 0 24px 8px;}
#contentsBox .box1 p{margin:0 0 0 6px; padding:0; line-height:1.4em;}
#contentsBox .box1 .att1 { background:url(../../common/images/ic_att.gif) no-repeat 8px 1px; padding:0 0 0 26px; margin-bottom:0px; color:#ff3333;}

.att-set { margin:10px 0 0 32px; padding:0 !important;}
.line_top { border-top:1px dotted #c2c2c2; padding-top:20px; margin-top:0; }
li.line_top { border-top:1px dotted #c2c2c2; padding-top:10px; margin-top:0; }
li.line_top .example { border:none;}

.w230{width:230px !important;}