@charset "utf-8";

/* ==================================================================

	page  : 上階用アルミ手摺セット
	author: 安達
	
	09/07/25 制作　ver 1.00
	
=================================================================== */

/* =================================
   ■ global
================================== */

.entries .section{
	margin:0 7px;
}

.entries .chapter h3 img{
	position:relative;
}

/* =================================
   ■ #leadBox
================================== */
#leadBox{
	padding-bottom:20px;
}

#leadBox h3{
	padding-bottom:13px;
}

#leadBox .text{
	margin:0 0 0 3px;
	padding-bottom:34px;
	font-weight:700;
}


#leadBox .explain{
	display:inline;
	float:right;
	width:470px;
	margin-right:20px;
}

	#leadBox .explain ol li{
		margin:0 0 5px 8px;
		padding-left:1em;
		text-indent:-1em;
	}
	
	#leadBox .explain .subsection{
		padding:24px 0 0 121px;
		background:url(../../images/lineup/step/handrail/1/lead-img2.jpg) 0 0 no-repeat;
	}

	#leadBox .explain .subsection p.em{
		padding:4px;
		border:1px solid #3f3a39;
		font-size:92%;
	}
	

#leadBox p.pic{
	display:inline;
	float:left;
	width:190px;
}

/* =================================
   ■ #freeBox
================================== */
#freeBox{
	padding-bottom:40px;
}

#freeBox h3{
	margin:0 0 17px 15px;
}

#freeBox ul.list li{
	margin-left:-20px;
}

#freeBox ul.list li dl{
	display:inline;
	float:left;
	width:137px;
	margin-left:34px;
}

#freeBox ul.list li dl dt{
	font-weight:700;
}

#freeBox ul.list li dl dt img{
	margin-bottom:8px;
}

/* =================================
   ■ #flowBox
================================== */

#flowBox{
	padding-bottom:40px;
}

#flowBox h3{
	margin:0 0 5px 0px;
}

#flowBox p.discription{
	margin:0 4px 18px 4px;
	color:#963f59;
	font-size:92%;
}


#flowBox ul.list li dl{
	display:inline;
	float:left;
	width:230px;
	margin-right:7px;
}
	
	#flowBox ul.list li dl dt{
		margin-bottom:5px;
		background:url(../../images/lineup/step/handrail/1/flow-arrow.gif) 100% 50% no-repeat;
	
	}
	
	#flowBox ul.list li dl dd{
		padding-right:30px;
	}

#flowBox ul.list li dl.three{
	display:inline;
	float:left;
	width:201px;
	margin-right:0px;
}
	#flowBox ul.list li dl.three dd{
		padding-right:0px;
	}


/* =================================
   ■ #nursingBox
================================== */

#nursingBox{
	padding-bottom:40px;
}

#nursingBox h3{
	margin:0 0 7px 0px;
}

#nursingBox .subsection{
	padding:7px;
	border:1px solid #963f59;
}

#nursingBox .subsection h4{
	padding-bottom:9px;
}

#nursingBox .subsection table{
	width:100%;
}

#nursingBox .subsection table th{
	width:8.5em;

	vertical-align:top;
	font-weight:100;
	font-family:"ＭＳ ゴシック", "Osaka－等幅";
}

#nursingBox .subsection table th,
#nursingBox .subsection table td{
	padding:2px 0;
}

#nursingBox .subsection table td em{
	color:#963f59;
	font-weight:100;
}

#nursingBox .remarks{
	padding-top:5px;
	text-align:right;
	font-size:92%;
}


/* =================================
   ■ #stickBox
================================== */
#stickBox h3{
	margin:0 0 17px 0;
}

#stickBox ul.items{
	margin-bottom:35px;
}

#stickBox ul.items dl{
	display:inline;
	float:left;
	width:250px;
	margin-left:50px;
}

	#stickBox ul.items dl dt{
		font-weight:700;
	}
	
	#stickBox ul.items dl dd{
		text-align:center;
	}

#stickBox ul.items li a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

/* =================================
   ■ #hardwareMaterialBox
================================== */
#hardwareMaterialBox h3{
	margin:0 0 17px 0;
}

#hardwareMaterialBox ul.items{
	margin-bottom:35px;
}

#hardwareMaterialBox ul.items li{
	margin-left:-30px;
	padding-bottom:26px;
}

#hardwareMaterialBox ul.items dl{
	display:inline;
	float:left;
	width:319px;
	margin-left:35px;
}

	#hardwareMaterialBox ul.items dl dt{
		font-weight:700;
	}
	
	#hardwareMaterialBox ul.items dl dd{
		text-align:center;
	}


/* =================================
   ■ #planBox
================================== */

#planBox h3{
	margin-bottom:17px;
}

#planBox .subsection{
	display:inline;
	float:left;
	width:210px;
	margin-left:15px;
}

#planBox .subsection p.text{
	height:4em;
}

html > body  #planBox .subsection p.text{
	height:auto;
	min-height:4em;
}

#planBox .subsection p.pic{
	text-align:center;
}


#planBox .subsection .specTable{
	width:210px;
	margin-bottom:5px;
}

#planBox .subsection .specTable th{
	text-align:center;
}

#planBox .subsection .specTable td{
	font-weight:700;
}

#planBox .subsection .specTable td.heading,
#planBox .subsection .specTable td span{
	font-weight:100;
}

#planBox .subsection .set{
	width:210px;
	border:1px solid #acacac;
}

#planBox .subsection .set th,
#planBox .subsection .set td{
	padding:2px 3px;
	font-size:92%;
}

#planBox .subsection .set th{
	width:3.4em;
	padding:4px 0;
	border-right:1px solid #acacac;	
	background:#f3f4f4;
	font-weight:100;
	text-align:center;
}


#planBox p.remarks{
	clear:both;
	padding-top:10px;
	font-size:92%;
	text-align:right;
}


/* =================================
   ■ #details
================================== */

#handrail-details .pictures{
	display:inline;
	float:right;
	width:373px;
	margin-right:45px;
}

#handrail-details .pictures ul.icon{
	position:relative;
	margin:0 -20px 0 -5px;
	width:auto;
}

#handrail-details .pictures ul.icon li{
	float:left;
	width:60px;
	margin-right:2px;
	text-align:center;
	font-size:92%;
	line-height:1.2;
}
#handrail-details .pictures ul.icon li img{
	margin-bottom:2px;
}

#handrail-details .pictures p{
	margin-bottom:5px;
}

#handrail-details .pictures p.pic{
	margin-bottom:15px;
}


#handrail-details .outline {
	display:inline;
	float:left;
	width:200px;
	margin-left:40px;
}

#handrail-details .outline h2{
	width:auto;
	margin:0 0 20px 0;
	padding:0;
	background:none;
	color:#333;
	font-size:117%;
}

#handrail-details .outline table.spec {
	margin-bottom:20px;
}

#handrail-details .outline table.spec th{
	font-weight:100;
}

#handrail-details .outline p.name{
	font-size:108%;
	font-weight:700;
}