@charset "utf-8";

/* ========================================================================================================================/
	
	Document    : purchase/style.css
	Description : purchase css

		1-0, purchase
		2-0, purchase
		3-0, purchase
		5-0, purchase

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

/* ------------------------------------------------------------------------------------------------------------------------/
	1-0, purchase01
/------------------------------------------------------------------------------------------------------------------------ */

#main.purchase01 h3 {
	color:#ffffff;
	font-size:15px;
	font-weight:bold;
	background:#ee951f;
	margin:30px 0 10px 0;
	padding:10px 20px;
	}

.purchase01 .update {
	color:#444444;
	font-size:13px;
	text-align:right;
	margin:10px 0 5px 0;
	}

.purchase01 table {
	width:100%;
	font-size:100.75%;
	background:#ffffff;
	border:solid 1px #e1cf7d;
	border-collapse:collapse;
	}
	.purchase01 table th,
	.purchase01 table td {
		text-align:center;
		border:solid 1px #e1cf7d;
		border-collapse:collapse;
		padding:7px 10px;
		}
	.purchase01 table th {
		background:#fbe39b;
		}
	.purchase01 table td {
		}
/*--/ ▽ セル幅 /--*/
	.purchase01 table th:nth-of-type(n) {
		width:23%;
		}
	.purchase01 table th:nth-of-type(2n) {
		width:23%;
		}
	.purchase01 table th:nth-of-type(3n) {
		width:27%;
		}
	.purchase01 table th:nth-of-type(4n) {
		width:27%;
		}
/*--/ ▽ 価格 /--*/
	.purchase01 table td:nth-of-type(3n) {
		color:#ff0000 !important;
		font-weight:bold;
		}
/*--/ ▽ 縞 /--*/
	.purchase01 table tr td {
		background:#ffffff;
		}
	.purchase01 table tr:nth-of-type(2n+1) td {
		background:#fffbe8 !important;
		}

.purchase01 .notes {
	margin:20px 0 -10px 0;
	}
	.purchase01 .notes p {
		color:#ff0000;
		font-size:13px !important;
		}

.purchase01 .headline {
	color:#2e2e2e !important;
	font-size:13px !important;
	font-weight:bold;
	margin-top:10px;
	}
	.purchase01 .headline span {
		color:#f30b00;
		font-weight:normal !important;
		}
.purchase01 .notesList {
	margin-top:5px;
	list-style:none;
	}
	.purchase01 .notesList li {
		font-size:13px !important;
		}

.purchase01 .targetItem {
	background:#f9f3dd;
	border:solid 5px #fbe39b;
	border-radius:10px;			/* CSS3 */
	-webkit-border-radius:10px; /* Safari,Google Chrome */
	-moz-border-radius:10px;   	/* Firefox */
	margin-top:30px;
	padding:20px;
	}
	.purchase01 .targetItem p {
		color:#e40c01;
		font-size:19px;
		font-weight:bold;
		text-align:center;
		}
	.purchase01 .targetItem ul {
		width:100%;
		margin-top:5px;
		list-style:none;
		}
		.purchase01 .targetItem ul li {
			float:left;
			width:33%;
			font-size:14px;
			margin-top:5px;
			}


/* ------------------------------------------------------------------------------------------------------------------------/
	2-0, purchase02
/------------------------------------------------------------------------------------------------------------------------ */

#main.purchase02 h3 {
	color:#ffffff;
	font-size:15px;
	font-weight:bold;
	background:#ee951f;
	margin:30px 0 10px 0;
	padding:10px 20px;
	}

.purchase02 .update {
	color:#444444;
	font-size:13px;
	text-align:right;
	margin:10px 0 5px 0;
	}

.purchase02 table {
	width:100%;
	background:#ffffff;
	}
	.purchase02 table th,
	.purchase02 table td {
		text-align:center;
		border:solid 1px #e1cf7d;
		border-collapse:collapse;
		padding:7px 10px;
		}
	.purchase02 table th {
		background:#fbe39b;
		}
	.purchase02 table td:nth-of-type(2n) {
		border-style:solid !important;
		border-width:0 1px 0 0 !important;
		border-color:#e1cf7d !important;
		padding:0 !important;
		}
		.purchase02 table td:nth-of-type(2n) table {
			font-size:100.75%;
			border:none !important;
			border-collapse:inherit !important;
			}
			.purchase02 table td:nth-of-type(2n) table td:nth-of-type(2n-1) {
				width:344px;
				vertical-align:middle;
				border-style:solid !important;
				border-width:0 1px 1px 0 !important;
				border-color:#e1cf7d !important;
				}
			.purchase02 table td:nth-of-type(2n) table td:nth-of-type(2n) {
				width:217px;
				color:#ff0000;
				font-weight:bold;
				vertical-align:middle;
				border-style:solid !important;
				border-width:0 0 1px 0 !important;
				border-color:#e1cf7d !important;
				}
/*--/ ▽ 縞 /--*/
			.purchase02 table td:nth-of-type(2n) table tr td {
				background:#ffffff;
				}
			.purchase02 table td:nth-of-type(2n) table tr:nth-of-type(2n+1) td {
				background:#fffbe8 !important;
				}

.purchase02 .notes {
	margin:20px 0 -10px 0;
	}
	.purchase02 .notes p {
		color:#ff0000;
		font-size:13px !important;
		}
		
		
/* ------------------------------------------------------------------------------------------------------------------------/
	3-0, purchase03　（レイアウト一緒のため04と兼用）
/------------------------------------------------------------------------------------------------------------------------ */

#main.purchase03 h3 {
	color:#ffffff;
	font-size:15px;
	font-weight:bold;
	background:#ee951f;
	margin:30px 0 10px 0;
	padding:10px 20px;
	}

.purchase03 .notes {
	margin:20px 0 -10px 0;
	}
	.purchase03 .notes p {
		color:#ff0000;
		font-size:13px !important;
	}


.purchase03 .update {
	color:#444444;
	font-size:13px;
	text-align:right;
	margin:10px 0 5px 0;
	}

.purchase03 .catelist {
	margin-top:30px;
	list-style:none;
	}
	.purchase03 .catelist li {
		float:left;
		margin-right:10px;
		}
		.purchase03 .catelist li a {
			display:block;
			text-decoration:none;
			background:#fbe39b url("../image/contents/purchase/ic_chart.gif") 10px center no-repeat;
			padding:7px 10px 4px 35px;
			}
		.purchase03 .catelist li a:hover {
			background:#fdf2d2 url("../image/contents/purchase/ic_chart.gif") 10px center no-repeat;
			}

.purchase03 table {
	width:100%;
	font-size:100.75%;
	background:#ffffff;
	border:solid 1px #e1cf7d;
	border-collapse:collapse;
	}
	.purchase03 table th,
	.purchase03 table td {
		text-align:center;
		border:solid 1px #e1cf7d;
		border-collapse:collapse;
		padding:7px 10px;
		}
	.purchase03 table th {
		background:#fbe39b;
		}
	.purchase03 table td {
		}
/*--/ ▽ セル幅 /--*/
	.purchase03 table th:nth-of-type(n) {
		width:23%;
		}
	.purchase03 table th:nth-of-type(2n) {
		width:23%;
		}
	.purchase03 table th:nth-of-type(3n) {
		width:27%;
		}
	.purchase03 table th:nth-of-type(4n) {
		width:27%;
		}
/*--/ ▽ 価格 /--*/
	.purchase03 table td:nth-of-type(3n) {
		color:#ff0000 !important;
		font-weight:bold;
		}
/*--/ ▽ 縞 /--*/
	.purchase03 table tr td {
		background:#ffffff;
		}
	.purchase03 table tr:nth-of-type(2n+2) td {
		background:#fffbe8 !important;
		}

.purchase03 .notes {
	margin:20px 0 -10px 0;
	}
	.purchase03 .notes p {
		color:#ff0000;
		font-size:13px !important;
		}

.purchase03 .headline {
	color:#2e2e2e !important;
	font-size:13px !important;
	font-weight:bold;
	margin-top:10px;
	}
	.purchase03 .headline span {
		color:#f30b00;
		font-weight:normal !important;
		}
.purchase03 .notesList {
	margin-top:5px;
	list-style:none;
	}
	.purchase03 .notesList li {
		font-size:13px !important;
		}

.purchase03 .targetItem {
	background:#f9f3dd;
	border:solid 5px #fbe39b;
	border-radius:10px;			/* CSS3 */
	-webkit-border-radius:10px; /* Safari,Google Chrome */
	-moz-border-radius:10px;   	/* Firefox */
	margin-top:30px;
	padding:20px;
	}
	.purchase03 .targetItem p {
		color:#e40c01;
		font-size:19px;
		font-weight:bold;
		text-align:center;
		}
	.purchase03 .targetItem ul {
		width:100%;
		margin-top:5px;
		list-style:none;
		}
		.purchase03 .targetItem ul li {
			float:left;
			width:33%;
			font-size:14px;
			margin-top:5px;
			}

.purchase03 .brand-table-primary {
	width:724px;
}

.purchase03 .brand-box {
	float:left;
	width:342px;
	margin-right:20px;
	margin-bottom:20px;
}

.purchase03 .brand-box table td.photo {
	padding-bottom:0;
}

.purchase03 .brand-box table td.photo .thumnail {
	width:162px;
	height:161px;
	background-size:cover;
	background-position:center;
	float:left;
	margin-top:4px;
	margin-bottom:10px;
}

.purchase03 table {
	width:100%;
	font-size:100.75%;
	background:#ffffff;
	border:solid 1px #f64d24;
	border-collapse:collapse;
	}
	.purchase03 table td table th,
	.purchase03 table td table td {
		text-align:center;
		border:solid 1px #f64d24;
		border-collapse:collapse;
		padding:7px 10px;
		}

.purchase03 .brand-box table td.photo table {
	width:148px;
	float:right;
	margin-top:4px;
}

.purchase03 .brand-box table td.photo table th {
	padding:5px;
	font-size:12px;
	background-color:#fff2b7 !important;
}

.purchase03 .brand-box table td.photo table td {
	padding:5px 10px;
	font-size:14px;
	background-color:#ffffff !important;
}

.purchase03 .brand-box table td.photo table th.midashi {
	background-color:#f64d24 !important;
	color:#ffffff;
}

.purchase03 .brand-box table td.photo table td.midashi {
	background-color:#ff7d5d !important;
	color:#ffffff;
}

.purchase03 .brand-box table td.brand-detail {
	font-size:13px;
	text-align:left;
}

.purchase03 .brand-box table td.brand-detail span.price {
	color:#ff0000;
	font-weight:bold;
}
	
.rank-manual {
	margin-top:30px;
	}
	.rank-manual table {
		}
		.rank-manual table th {
			width:15% !important;
			border:solid 1px #cccccc !important;
			border-collapse:collapse !important;
			padding:7px 10px !important;
			background-color:#ebebeb !important;
			}
		.rank-manual table td {
			text-align:left !important;
			border:solid 1px #cccccc !important;
			border-collapse:collapse !important;
			padding:7px 10px !important;
			background-color:#ffffff !important;
			}
		.rank-manual table tr:nth-of-type(2n+2) td {
			background-color:#ffffff !important;
			}

.purchase03 .pageTop {
	position:static !important;
	top:auto !important;
	left:auto !important;
	width:100% !important;
	text-align:right !important;
	}


/* ------------------------------------------------------------------------------------------------------------------------/
	5-0, purchase05
/------------------------------------------------------------------------------------------------------------------------ */

#main.purchase05 h3 {
	color:#ffffff;
	font-size:15px;
	font-weight:bold;
	background:#ee951f;
	margin:30px 0 10px 0;
	padding:10px 20px;
	}

.purchase05 .notes {
	margin:20px 0 -10px 0;
	}
	.purchase05 .notes p {
		color:#ff0000;
		font-size:13px !important;
	}

.purchase05 .update {
	color:#444444;
	font-size:13px;
	text-align:right;
	margin:10px 0 5px 0;
	}

.purchase05 table {
	width:100%;
	background:#ffffff;
	}
	.purchase05 table th,
	.purchase05 table td {
		border:solid 1px #e1cf7d;
		border-collapse:collapse;
		padding:7px 10px;
		}
	.purchase05 table th {
		background:#fbe39b;
		}
		
.electric-tool-manual {
	margin-top:30px;
}

.electric-tool-manual table {
}

.electric-tool-manual table th {
		border:solid 1px #cccccc;
		border-collapse:collapse;
		padding:7px 10px;
		background-color:#ebebeb;
}
.electric-tool-manual table td {
		border:solid 1px #cccccc;
		border-collapse:collapse;
		padding:7px 10px;
		background-color:#ffffff;
}

.electric-tool-manual table th.midashi {
	background-color:#bebebe;
	color:#ffffff;
}

.electric-tool-manual table td.midashi {
	background-color:#cccccc;
	color:#ffffff;
}

.tool-table th:nth-of-type(1) {
	width:40% !important;
}
.tool-table th:nth-of-type(2),
.tool-table th:nth-of-type(3),
.tool-table th:nth-of-type(4) {
	width:20% !important;
}
		
		
/* ------------------------------------------------------------------------------------------------------------------------/
	6-0, purchase06
/------------------------------------------------------------------------------------------------------------------------ */

#main.purchase06 h3 {
	color:#ffffff;
	font-size:15px;
	font-weight:bold;
	background:#ee951f;
	margin:30px 0 10px 0;
	padding:10px 20px;
	}

.purchase06 .notes {
	margin:20px 0 -10px 0;
	}
	.purchase06 .notes p {
		color:#ff0000;
		font-size:13px !important;
	}


.purchase06 .update {
	color:#444444;
	font-size:13px;
	text-align:right;
	margin:10px 0 5px 0;
	}

.purchase06 .catelist {
	margin-top:30px;
	list-style:none;
	}
	.purchase06 .catelist li {
		float:left;
		margin-right:10px;
		}
		.purchase06 .catelist li a {
			display:block;
			text-decoration:none;
			background:#fbe39b url("../image/contents/purchase/ic_chart.gif") 10px center no-repeat;
			padding:7px 10px 4px 35px;
			}
		.purchase06 .catelist li a:hover {
			background:#fdf2d2 url("../image/contents/purchase/ic_chart.gif") 10px center no-repeat;
			}

.purchase06 table {
	width:100%;
	font-size:100.75%;
	background:#ffffff;
	border:solid 1px #e1cf7d;
	border-collapse:collapse;
	}
	.purchase06 table th,
	.purchase06 table td {
		text-align:center;
		border:solid 1px #e1cf7d;
		border-collapse:collapse;
		padding:7px 10px;
		}
	.purchase06 table th {
		background:#fbe39b;
		}
	.purchase06 table td {
		}
/*--/ ▽ セル幅 /--*/
	.purchase06 table th:nth-of-type(n) {
		width:23%;
		}
	.purchase06 table th:nth-of-type(2n) {
		width:23%;
		}
	.purchase06 table th:nth-of-type(3n) {
		width:27%;
		}
	.purchase06 table th:nth-of-type(4n) {
		width:27%;
		}
/*--/ ▽ 価格 /--*/
	.purchase06 table td:nth-of-type(3n) {
		color:#ff0000 !important;
		font-weight:bold;
		}
/*--/ ▽ 縞 /--*/
	.purchase06 table tr td {
		background:#ffffff;
		}
	.purchase06 table tr:nth-of-type(2n+2) td {
		background:#fffbe8 !important;
		}

.purchase06 .notes {
	margin:20px 0 -10px 0;
	}
	.purchase06 .notes p {
		color:#ff0000;
		font-size:13px !important;
		}

.purchase06 .headline {
	color:#2e2e2e !important;
	font-size:13px !important;
	font-weight:bold;
	margin-top:10px;
	}
	.purchase06 .headline span {
		color:#f30b00;
		font-weight:normal !important;
		}
.purchase06 .notesList {
	margin-top:5px;
	list-style:none;
	}
	.purchase06 .notesList li {
		font-size:13px !important;
		}

.purchase06 .targetItem {
	background:#f9f3dd;
	border:solid 5px #fbe39b;
	border-radius:10px;			/* CSS3 */
	-webkit-border-radius:10px; /* Safari,Google Chrome */
	-moz-border-radius:10px;   	/* Firefox */
	margin-top:30px;
	padding:20px;
	}
	.purchase06 .targetItem p {
		color:#e40c01;
		font-size:19px;
		font-weight:bold;
		text-align:center;
		}
	.purchase06 .targetItem ul {
		width:100%;
		margin-top:5px;
		list-style:none;
		}
		.purchase06 .targetItem ul li {
			float:left;
			width:33%;
			font-size:14px;
			margin-top:5px;
			}

.purchase06 .brand-table-primary {
	width:724px;
}

.purchase06 .brand-box {
	float:left;
	width:342px;
	margin-right:20px;
	margin-bottom:20px;
}

.purchase06 .brand-box table td.photo {
	padding-bottom:0;
}

.purchase06 .brand-box table td.photo .thumnail {
	width:320px;
	height:240px;
	background-size:contain;
    background-repeat: no-repeat;
	background-position:center;
	margin-bottom:10px;
}
.purchase06 .brand-box table td.photo .thumnail img {
    width: 100%;
    height: auto;
}

.purchase06 .brand-box table td.brand-detail {
	font-size:13px;
	text-align:left;
}

.purchase06 .brand-box table td.brand-detail span.price {
	color:#ff0000;
	font-weight:bold;
}
	
.rank-manual {
	margin-top:30px;
	}
	.rank-manual table {
		}
		.rank-manual table th {
			width:15% !important;
			border:solid 1px #cccccc !important;
			border-collapse:collapse !important;
			padding:7px 10px !important;
			background-color:#ebebeb !important;
			}
		.rank-manual table td {
			text-align:left !important;
			border:solid 1px #cccccc !important;
			border-collapse:collapse !important;
			padding:7px 10px !important;
			background-color:#ffffff !important;
			}
		.rank-manual table tr:nth-of-type(2n+2) td {
			background-color:#ffffff !important;
			}

.purchase06 .pageTop {
	position:static !important;
	top:auto !important;
	left:auto !important;
	width:100% !important;
	text-align:right !important;
	}