@charset "UTF-8";
/* --------------------------------------------------
**
** filterArea
**
** -------------------------------------------------- */
.filterArea .btnSelect { margin: 0 30px 30px; }
.filterArea .btnSelect li {
	position: relative;
	float: left;
	width: 149px;
	margin-left: -1px;
	padding: 10px;
	border-top: 1px solid #9C9C9C;
	border-right: 1px solid #767676;
	border-bottom: 1px solid #9C9C9C;
	border-left: 1px solid #767676;
	background-color: #9C9C9C;
	text-align: center;
	font-size: 140%;
	color: #FFF;
	cursor: pointer;
}
.filterArea .btnSelect li:first-child { border-left: 1px solid #9C9C9C; }
.filterArea .btnSelect li:last-child { border-right: 1px solid #9C9C9C; }
.filterArea .btnSelect li.active {
	border: 1px solid #777;
	background-color: #FFF;
	color: #080808;
}
.filterArea .btnSelect li.active:after {
	content: "";
	position: absolute;
	bottom: -7px;
	left: 50%;
	width: 13px;
	height: 7px;
	margin-left: -6.5px;
	background: url(/products/assem/search/images/bg-btn-select-01.png) no-repeat 0 0;
}
.filterArea .descriptionBlock p.normal { margin: 0 30px 10px; }
.filterArea .filterBlock { margin: 0 30px 10px 10px; }
.filterArea .filterBlock .filter > li {
	float: left;
	width: 240px;
	margin: 0 0 20px 20px;
}
.filterArea .filterBlock .filter > li a {
	box-sizing: border-box;
	display: block;
	border: 1px solid #D8D8D8;
	padding: 13px 13px 29px;
}
.filterArea .filterBlock .filter > li a:hover {
	opacity: .6;
	-ms-filter: "alpha(opacity=60)";
}
.filterArea .filterBlock .filter > li a p.img { margin-bottom: 10px; }
.filterArea .filterBlock .filter > li a ul.itemLinks > li span {
	display: inline-block;
	padding-left: 20px;
	background: url(/common2/images/bg-icon-arrow-01.png) no-repeat 5px .5em;
	color: #1785C4;
}
.filterArea .filterBlock .filter .tagIcon { margin-bottom: 5px; }
.filterArea .filterBlock .filter .tagIcon li {
	display: inline-block;
	margin-right: 5px;
	padding: 1px 5px;
	vertical-align: middle;
	font-size: 12px;
	color: #FFF;
}
.filterArea .filterBlock .filter .tagIcon .kinzoku { 
	background-color: #f4b084;
	color: #000000;
}
.filterArea .filterBlock .filter .tagIcon .handa { 
	background-color: #fad6be;
	color: #000000;
}
.filterArea .filterBlock .filter .tagIcon .zyushi { background-color: #ad4f0f; }
.filterArea .filterBlock .filter .tagIcon .kimitsu { background-color: #ef7b46; }
.filterArea .filterBlock .filter .tagIcon .sonota { background-color: #808080; }
.filterArea .filterBlock .filter > li .itemLinks { margin: 0; }
/*clearfix*/
.filterArea .btnSelect:after,
.filterArea .filter:after {
	content: "";
	display: block;
	clear: both;
}
.filterArea .btnSelect,
.filterArea .filter { display: inline-table; }
* html .filterArea .btnSelect,
* html .filterArea .filter { height: 1%; }
.filterArea .btnSelect,
.filterArea .filter {
	zoom: 1;
	display: block;
}
/* --------------------------------------------------
**
** otherArea
**
** -------------------------------------------------- */
.otherArea { margin: 0 30px 30px; }
.otherArea dl {
	display: table;
	width: 100%;
	border: 1px solid #D8D8D8;
}
.otherArea dl dt {
	display: table-cell;
	width: 239px;
	border-right: 1px solid #D8D8D8;;
	background-color: #F3F4F6;
	vertical-align: middle;
	text-align: center;
	font-size: 200%;
}
.otherArea dl dd {
	display: table-cell;
	padding: 46px 30px;
}
.otherArea dl dd ul.itemLinks { margin: 0 0 -1em; }
.otherArea dl dd ul.itemLinks > li {
	display: inline-block;
	margin-right: 30px;
}