/* ===================================================================
CSS
 file name  :  voice.css
=================================================================== */
@media screen and (min-width: 769px) {
/* PC用のスタイル記述 */
#main_text{
	float:right;
	width:460px;
}
#main_text p{
	margin-top:20px;
}
#main_img{
	float:left;
	width:500px;
}
#voice_list{
	margin-left:-25px;
}
#voice_list li{
	float:left;
	margin-left:26px;
	margin-top:25px;
}
#voice_detail #name{
	color:#00306C;
	font-size:130%;
	border-top:3px solid #00306C;
	border-bottom:1px dotted #00306C;
	padding:10px;
}
#voice_detail #sub_title{
	color:#006600;
	font-size:180%;
	font-weight:bold;
	margin-top:10px;
}
#voice_detail #lead{
	font-size:140%;
	margin-top:10px;
}
#voice_detail #photo{
	margin-top:30px;
	text-align:center;
}
.u_txt{
	margin-top:30px;
}
#voice_detail dl{
	margin-top:30px;
}
#voice_detail dt{
	color:#006600;
}
#voice_detail dd{
	padding-left:90px;
	margin-top:-1.7em;
	margin-bottom:20px;
}
}
@media screen and (max-width: 768px) {
/* スマートフォン用のスタイル記述 */
#main_text{
	margin-top:10px;
}
#main_text p{
	margin:10px 20px;
}
#main_img{
	text-align:center;
	margin-bottom:10px;
}
#voice_list{
	margin:10px 0 auto 10px;
}
#voice_list li{
	float:left;
	width:30%;
	margin-left:3%;
	margin-top:10px;
}
#voice_detail #name{
	color:#00306C;
	font-size:120%;
	border-top:3px solid #00306C;
	border-bottom:1px dotted #00306C;
	padding:10px 20px;
}
#voice_detail #sub_title{
	color:#006600;
	font-size:140%;
	font-weight:bold;
	margin:10px 20px auto 20px;
}
#voice_detail #lead{
	margin:10px 20px auto 20px;
}
#voice_detail #photo{
	margin:20px;
	text-align:center;
}
.u_txt{
	margin:10px 20px;
}
#voice_detail dl{
	margin:20px;
}
#voice_detail dt{
	color:#006600;
}
#voice_detail dd{
	margin-bottom:10px;
}
}