@charset "UTF-8";
/* ===========================================================

	この商品の施工例スライダー

===========================================================*/
/* bxsliderのページャ（非表示）
------------------------------------------------------------------------*/
.item_voice_slider .slider .bx-wrapper .bx-controls.bx-has-pager.bx-has-controls-direction .bx-pager.bx-default-pager {
	display: none;
}
/* bxsliderのボタン
------------------------------------------------------------------------*/
.item_voice_slider .slider .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 0;
	text-indent: -9999px;
	width: 16px;
	height: 77px;
}
.item_voice_slider .slider .bx-wrapper .bx-controls-direction a:hover {
	opacity:0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	-moz-opacity:0.5;
}
.item_voice_slider .slider .bx-wrapper .bx-controls-direction a.bx-next {
	right: 1px;
	background: url("/public/img/img_search/search_intro/btn_item_voice_next.png") left top no-repeat;
}
.item_voice_slider .slider .bx-wrapper .bx-controls-direction a.bx-prev {
	left: 1px;
	background: url("/public/img/img_search/search_intro/btn_item_voice_prev.png") left top no-repeat;
}
/* この商品の施工例
------------------------------------------------------------------------*/
.item_voice_slider {
	margin-top: 12px;
}
.item_voice_slider .title {
	position: relative;
	margin-bottom: 13px;
}
.item_voice_slider .title .voice_count {
	position: absolute;
	left: 186px;
	top: 5px;
	height: 21px;
}
.item_voice_slider .slider {
	position: relative;
	height: 77px;
	overflow: hidden;
	_width: 580px; /* IE6での崩れ対策 */
}
.item_voice_slider .slider ul.bxslider li p.img {
	width: 103px;
	height: 77px;
}
.item_voice_slider .slider ul.bxslider li p.img img {
	border: 1px solid #ddd;
}
.item_voice_slider p.voice_review {
	margin-top: 9px;
	text-align: right;
}
.item_voice_slider p.voice_review a {
	padding-left: 10px;
	text-decoration: none;
	color: #0067ca;
	font-size: 12px;
	background: url("/public/img/img_search/search_intro/icon_item_voice_review.png") left center no-repeat;
}
.item_voice_slider .slider .bx-wrapper {/* IE6での崩れ対策 */
	width:expression(document.body.clientWidth < 535? "535px" : document.body.clientWidth > 535? "535px" : "auto");
}
/* ======================================================================================================================

	カラー別施工例 #507
	
======================================================================================================================*/
.item_voice_slider .voice_review_unit_container {
	text-align: center;
}
.item_voice_slider .voice_review_unit {
	display: inline-block;
	*display: inline; /* IE6 & IE7 */
	*zoom: 1; /* IE6 & IE7 */
}
/* 施工例を見る
------------------------------------------------------------------------*/
.item_voice_slider .voice_review_unit .voice_review {
	float: left;
	margin: 8px 6px 0 0;
}
.item_voice_slider .voice_review_unit .voice_review a {
	display: inline-block;
	*display: inline; /* IE6 & IE7 */
	*zoom: 1; /* IE6 & IE7 */
	*position: relative; /* IE6 & IE7 */
	padding: 0 14px 0 2em;
	*padding-left: 1em; /* IE6 & IE7 */
	text-indent: -1em;
	*text-indent: 0; /* IE6 & IE7 */
	text-align: left;
	font-size: 12px;
	line-height: 1.66;
	color: #555;
	border: 1px solid #bbb;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: rgb(242,242,242); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(242,242,242,1) 0%, rgba(230,230,230,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(100%,rgba(230,230,230,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(230,230,230,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(230,230,230,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(230,230,230,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(242,242,242,1) 0%,rgba(230,230,230,1) 100%); /* W3C */
}
.item_voice_slider .voice_review_unit .voice_review a span {
	padding: 0 0 0 13px;
	background: url("/public/img/img_search/search_intro/ico_voice_arrow_r.png") left center no-repeat;
	*background-position: left 13%;
}
/* カラー別で施工例を見る
------------------------------------------------------------------------*/
.item_voice_slider .voice_review_unit .voice_review_color {
	float: left;
	margin: 8px 0 0 0;
	width: 156px;
}
.item_voice_slider .voice_review_unit .voice_review_color #TipLink {
	position: relative;
}
.item_voice_slider .voice_review_unit .voice_review_color #tLink {
	display: block;
	padding: 0 0 0 22px;
	width: 134px; /* 158px - padding - border */
	height: 20px;
	line-height: 20px;
	text-align: left;
	font-size: 12px;
	color: #555;
	border: 1px solid #bbb;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: url("/public/img/img_search/search_intro/ico_voice_arrow_b.png") 9px center no-repeat rgb(242,242,242); /* Old browsers */
	background: url("/public/img/img_search/search_intro/ico_voice_arrow_b.png") 9px center no-repeat, -moz-linear-gradient(top,  rgba(242,242,242,1) 0%, rgba(230,230,230,1) 100%); /* FF3.6+ */
	background: url("/public/img/img_search/search_intro/ico_voice_arrow_b.png") 9px center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(100%,rgba(230,230,230,1))); /* Chrome,Safari4+ */
	background: url("/public/img/img_search/search_intro/ico_voice_arrow_b.png") 9px center no-repeat, -webkit-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(230,230,230,1) 100%); /* Chrome10+,Safari5.1+ */
	background: url("/public/img/img_search/search_intro/ico_voice_arrow_b.png") 9px center no-repeat, -o-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(230,230,230,1) 100%); /* Opera 11.10+ */
	background: url("/public/img/img_search/search_intro/ico_voice_arrow_b.png") 9px center no-repeat, -ms-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(230,230,230,1) 100%); /* IE10+ */
	background: url("/public/img/img_search/search_intro/ico_voice_arrow_b.png") 9px center no-repeat, linear-gradient(to bottom,  rgba(242,242,242,1) 0%,rgba(230,230,230,1) 100%); /* W3C */
}
.item_voice_slider .voice_review_unit .voice_review_color .uLink {
	display: none;
	position: absolute;
	top: 21px;
	left: 0px;
	width: 156px; /* 158px - border */
	text-align: left;
	border: 1px solid #bbb;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: #fff;
}
.item_voice_slider .voice_review_unit .voice_review_color .uLink:before {
	position: absolute;
	top: -15px;
	left: 7px;
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: 7px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 7px solid #bbb;
	border-left: 6px solid transparent;
}
.item_voice_slider .voice_review_unit .voice_review_color .uLink:after {
	position: absolute;
	top: -14px;
	left: 7px;
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: 7px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 7px solid #fff;
	border-left: 6px solid transparent;
}
.item_voice_slider .voice_review_unit .voice_review_color .uLink a {
	padding: 0 0 0 10px;
	height: 22px;
	line-height: 22px;
	font-size: 12px;
}
.item_voice_slider .voice_review_unit .voice_review_color .uLink a:hover {
	height: 22px;
	line-height: 22px;
	font-weight: bold;
	color: #555;
}