/* ===============================================
  「お客さまの声」ページで使うスタイル
=============================================== */

.leftbox { float:left; width:530px;}
.rightbox{ float:right; width:430px;}


.leftbox ul li {
	float:left;
	display:inline;
}

.leftbox ul li img{
	margin-bottom:10px;
	margin-right:10px;
}

/* ========= colorbox ajax HTML setting ========= */

#voice {
	width: 700px;
	padding-right: 0;
	padding-left: 0;
	margin-right: auto;
	margin-left: auto;
}

#voice dt {
	font-weight:bold;
	margin-bottom:0.5em;
	padding-left:8px;
	border-left:6px solid #e74c3c;
}

#voice dl,
#voice p {
	width:660px;
	padding:0 20px;
	margin:20px auto;
}

#voice ul {
	width:660px;
	margin:20px auto;
	text-align:right;
	border-top:1px dotted #666;
	padding-top:10px;
}

#voice li {
	display: inline-block;
	*display: inline;
	background: url(../images/share/arrow_01.gif) no-repeat 0 0.5em;
	padding: 0 0 0 12px;
}



/* -------- For Mobile -------- */

@media screen and (max-width: 768px) {

	.leftbox, 
	.rightbox {
		width:100%;
		float:left;
	}

	.leftbox ul li img,
	.rightbox ul li img {
		display: block;
		max-width: 100%;
		height: auto;
	}

	#voice {
	width:95%;
	}

	#voice img {
	display:none;
	}

	#voice dl,
	#voice p {
		width:90%;
		padding:0 5%;
	}

	#voice ul {
		width:90%;
		padding:10px 5% 0;
	}


}