@charset "UTF-8";


.listBox {
	position: relative;
	width:630px;
	height:155px;
	overflow:hidden;
	margin: 0 0 15px 0;
	background: #fff url(/products/common/images/bg_dot.gif) repeat-x 1px 100%;
}

	.listBox h4 {
		position: relative;
		width:618px;
		height:50px;
		overflow:hidden;
		padding:0 0 0 12px;
		color:#005AA6;
		font-weight:bold;
		font-size:1.3em;
		line-height:30px;
		background: #fff url(/products/common/images/list_h4_bg.jpg) no-repeat 0 0;
	}

		.listBox h4 .size {
			display:block;
			width:453px;
			position: absolute;
			top: 0px;
			left: 0px;
			text-align:right;
		}

		.listBox h4 .num {
			position: absolute;
			top: 0px;
			left: 485px;
			color:#fff;
			font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック","MS P Gothic",Verdana,Arial,Helvetica,sans-serif;
		}

		.listBox .num01 {
			position: absolute;
			top: 125px;
			left: 0px;
			width:90px;
			text-align:right;
			font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック","MS P Gothic",Verdana,Arial,Helvetica,sans-serif;
		}

		.listBox .num02 {
			position: absolute;
			top: 125px;
			left: 540px;
			width:90px;
			text-align:right;
			font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック","MS P Gothic",Verdana,Arial,Helvetica,sans-serif;
		}

		.listBox .fix {
			position: absolute;
			top: 60px;
			left: 170px;
			font-size:1.2em;
		}

		.listBox .adjust {
			position: absolute;
			top: 60px;
			left: 405px;
			font-size:1.2em;
		}

		.listBox .goDetailBtn {
			position: absolute;
			top: 117px;
			left: 440px;
		}

#detailBox {
	height:370px;
}

#detailBox #detailTbl1 {
	position: absolute;
	top:48px;
	left:295px;
	width:455px;
	border:1px solid #A6A6A6;
	border-collapse:collapse;
}

#detailBox #detailTbl1_2 {
	position: absolute;
	top:48px;
	left:275px;
	width:455px;
	border:1px solid #A6A6A6;
	border-collapse:collapse;
}

#detailBox #detailTbl1_3 {
	position: absolute;
	top:48px;
	left:522px;
	width:455px;
	border:1px solid #A6A6A6;
	border-collapse:collapse;
}


#detailBox #detailTbl2 {
	position: absolute;
	top:48px;
	left:766px;
	width:210px;
	border:1px solid #A6A6A6;
	border-collapse:collapse;
}

	#detailBox #detailTbl1 th,
	#detailBox #detailTbl2 th,
	#detailBox #detailTbl1 td,
	#detailBox #detailTbl2 td,
	#detailBox #detailTbl1_2 th,
	#detailBox #detailTbl2_2 th,
	#detailBox #detailTbl1_2 td,
	#detailBox #detailTbl2_2 td,
	#detailBox #detailTbl1_3 th,
	#detailBox #detailTbl1_3 td {
		padding:1px 5px 0 5px;
		text-align:center;
		vertical-align:middle;
		border:1px solid #A6A6A6;
		font-size:1.1em;
		font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック","MS P Gothic",Verdana,Arial,Helvetica,sans-serif;
	}

	#detailBox #detailTbl1 th,
	#detailBox #detailTbl1_2 th,
	#detailBox #detailTbl1_3 th {
		font-weight:bold;
		background-color:#ccc;
		color:#3A3A3A;
	}

	#detailBox #detailTbl2 th,
	#detailBox #detailTbl2_2 th {
		font-weight:bold;
		color:#005AA6;
	}

	#detailBox #detailTbl2 .ttl_x th,
	#detailBox #detailTbl2_2 .ttl_x th {
		font-weight:bold;
		background-color:#005AA6;
		color:#fff;
	}


#explanationBox {
	width:638px;
	padding:0 0 10px 0;
}

	#explanationBox dl {
		width:618px;
		padding: 12px 0 0 20px;
		line-height:1.7;
		font-weight: bold;
	}

	#explanationBox dt {
		font-size:1.4em;
	}

	#explanationBox dd {
		clear:both;
		height:28px;
	}

	#explanationBox dd#expImg {
		padding:5px 0 6px 0;
		height:auto;
	}

	#explanationBox dd#no1 {
		background: transparent url(/products/common/images/explanation_01.jpg) no-repeat 0 50%;
	}

	#explanationBox dd#no2 {
		background: transparent url(/products/common/images/explanation_02.jpg) no-repeat 0 50%;
	}

	#explanationBox dd#no3 {
		background: transparent url(/products/common/images/explanation_03.jpg) no-repeat 0 50%;
	}

	#explanationBox dd#no4 {
		background: transparent url(/products/common/images/explanation_04.jpg) no-repeat 0 50%;
	}

	#explanationBox dd#no5 {
		background: transparent url(/products/common/images/explanation_05.jpg) no-repeat 0 50%;
	}

		#explanationBox dd em {
			display:block;
			float:left;
			width:149px;
			padding-left:25px;
			font-weight:bold;
			color:#005AA6;
			font-size:1.3em;
			line-height:28px;
			background: transparent url(/products/common/images/bg_dot.gif) repeat-x 0 100%;
		}

		#explanationBox dd p {
			float:left;
			width:430px;
			font-size:1.2em;
			font-weight:normal;
			line-height:28px;
			background: transparent url(/products/common/images/bg_dot.gif) repeat-x 0 100%;
		}

	#explanationBox dd#no3 p {
		color:#005AA6;
	}

	#explanationBox dd#no5 em,
	#explanationBox dd#no5 p {
		background-image:none;
	}

.noBG { background-image:none; }