@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 .explain{
	display:inline;
	float:left;
	width:395px;
}

	#leadBox .explain h3{
		padding-bottom:13px;
	}
	
	#leadBox .explain p{
		margin-left:3px;
	}
	
	#leadBox .explain .img{
		margin:41px 0 40px 0;
		text-align:center;
	}

#leadBox p.pic{
	display:inline;
	float:right;
	width:205px;
	margin:25px 35px 0 0;
}

	#leadBox p.pic img{
		margin-bottom:24px;
	}

/* =================================
   ■ #variation
================================== */
#variation h3{
	position:relative;
	margin:0 -7px 17px -7px;
}

#variation .explain{
	display:inline;
	float:left;
	width:231px;
}

#variation .explain dt{
	margin-bottom:10px;
}

#variation .explain dd{
	padding:0 2px;
}

#variation .pic{
	display:inline;
	float:right;

}

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

#aluminumcolor h3{
	position:relative;
	margin:0 -7px 17px -7px;
}

#aluminumcolor .explain{
	display:inline;
	float:left;
	width:283px;
}

#aluminumcolor .color{
	display:inline;
	float:right;
	width:384px;
}

#aluminumcolor .color li{
	display:inline;
	float:left;
	width:100px;
	margin-right:42px;
}

#aluminumcolor .color li.end{
	margin-right:0px;
}

/* =================================
   ■ #price
================================== */
#price h3 {
	margin-bottom:17px;
}

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

#price table.style{
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}

	#price table.style th,
	#price table.style td{
		padding:4px 2px;
		border:1px solid #c8c5c4;
		text-align:center;
	}

	#price table.style th{
		font-weight:100;
	}
	
	#price table.style td{
		color:#20acec;
		font-weight:700;
		font-size:108%;
	}
	
	#price table.style thead td{
		color: #333333;
		font-weight:100;
		font-size:100%;
		text-align:center;
	}
	
	#price table.style td span{
		color: #333333;
		font-weight:100;
		font-size:100%;
	}

/* --------------------------------
   □ typeBox
-------------------------------- */
#price .typeBox {
	text-align:center;
}

#price .typeBox .attention{
	width:500px;
	margin:0 auto 4px auto;
	text-align:right;
	font-size:83%;
}


#price .typeBox table.style{
	width:500px;
	margin:0 auto;
}

#price .typeBox table.style tbody td{
	font-weight:700;
	font-size:108%;
}

#price .typeBox table.style tbody td span{
	font-weight:100;
	font-size:100%;
}

#price .typeBox table.condition{
	width:500px;
	margin:10px auto 40px auto;
}

	#price .typeBox table.condition th{
		text-align:center;
	}

	#price .typeBox table.condition th,
	#price .typeBox table.condition td{
		padding:4px 6px;
		border:1px solid #c8c5c4;
		font-size:83%;
		font-weight:100;
	}

/* --------------------------------
   □ priceBox
-------------------------------- */
#price .priceBox {
	text-align:center;
	padding-bottom:25px;
	zoom:1;
}

#price .priceBox .pic{
	text-align:center;
}

/*
#price .priceBox .pic{
	margin-top:6em;
	display:inline;
	float:left;
}

#price .priceBox .explain{
	display:inline;
	float:right;
	width:335px;
}
*/

#price .priceBox table.style{
	width:500px;
	margin:0 auto;
}

#price .priceBox .explain .remarks{
	width:500px;
	text-align:left;
	margin:5px auto;
}
	#price .priceBox .explain .remarks li{
		padding-left:1em;
		text-indent:-1em;
		font-size:83%;
	}


/* =================================
   ■ #installation
================================== */

#installation h3{
	margin:0 -7px 28px -7px;
}

#installation .explain{
	display:inline;
	float:left;
	width:323px;
}

#installation .explain p.remarks,
#installation .explain ol li{
	margin-bottom:14px;
	padding-left:27px;
	background:0 3px no-repeat;
}
	
	#installation .explain ol li.one{
		background-image:url(../../images/lineup/step/upperhandrail/2/one.gif);
	}
	
	#installation .explain ol li.two{
		background-image:url(../../images/lineup/step/upperhandrail/2/two.gif);
	}

#installation .pic{
	display:inline;
	float:right;
}