@charset "utf-8";
/* ===================================================================
CSS information
 style info：お客様の声
=================================================================== */
.pageTitle {
	background-image: url(../img/usersvoice/page_title.png) !important;
}


/*===== VOICE =====*/
.mainVoice {
	padding: 30px 0 6px 0;
}
.mainVoice .secHeader {
	margin-bottom: 30px;
}
.mainVoice .secHeader .headerTitle {
	float: left;
	width: 500px;
}
.mainVoice .secHeader .headerTitle img {
	display: block;
}
.mainVoice .secHeader .headerButtons {
	float: right;
	width: 300px;
	text-align: right;
}
.mainVoice .secContent .lsVoice {
	width: 1000px;
	position: relative;
}
.mainVoice .secContent .lsVoice li {
	float: left;
	width: 228px;
	margin-left: 20px;
	margin-bottom: 34px;
	background: #FFF;
	position: relative;
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
}
.mainVoice .secContent .lsVoice li:before {
	content: " ";
	display: block;
	width: 228px;
	height: 14px;
	background: url(../img/usersvoice/boxHeader.png) 0 0 no-repeat;
	position: absolute;
	top: -13px;
}
.mainVoice .secContent .lsVoice li:first-child {
/* 	margin-left: 0; */
}
.mainVoice .secContent .lsVoice li div.trans {
	display: block;
	padding: 25px;
	color: #323232;
}
.mainVoice .secContent .lsVoice li div.trans .boxHeader {
	margin-bottom: 15px;
}
.mainVoice .secContent .lsVoice li div.trans .boxHeader .headerInfo {
	float: left;
	width: 110px;
	white-space: nowrap;
}
.mainVoice .secContent .lsVoice li div.trans .boxHeader .headerInfo strong {
	display: block;
	margin-bottom: 8px;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1em;
}
.mainVoice .secContent .lsVoice li div.trans .boxHeader .headerInfo .rates {
	display: block;
	height: 16px;
}
.mainVoice .secContent .lsVoice li div.trans .boxHeader .headerInfo .rates .star {
	float: left;
	display: block;
	width: 16px;
	height: 16px;
	background: url(../img/top/voice_stars.png) 0 0 no-repeat;
}
.mainVoice .secContent .lsVoice li div.trans .boxHeader .headerInfo .rates .star.on {
	background-position: 0 100%;
}
.mainVoice .secContent .lsVoice li div.trans .boxHeader .headerImage {
	float: right;
	width: 68px;
	height: 68px;
	border: 1px solid #D2D2D2;
}
div.trans:hover,
div.trans:hover img {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
.mainVoice .secContent .lsVoice li div.trans .boxContent {
	font-size: 0.95em;
}
.mainVoice .secContent .lsVoice li div.trans .boxContent .date {
	display: block;
	margin-bottom: 8px;
	line-height: 1em
}
.mainVoice .secContent .lsVoice li div.trans .boxContent .content {
	line-height: 1.6em;
}