@charset "UTF-8";

/* =================================================================================

みんなの声用

================================================================================= */

/* //////////////////////////////////////////////////////////////// index */

#voice h3.mTtl { padding-top:20px; 	}

#voice .case_area { padding:30px 20px 0px 20px; }
#voice .case_area h4 { margin-bottom:20px; }

#voice ul#caseList {
	}

#voice ul#caseList li { 
	float:left;
	background:url(img/dotline.gif) bottom repeat-x;
	padding:0px 0px 30px 30px;
	margin-bottom:30px;
	display:inline !important;
	width:293px;
	}

#voice ul#caseList p { margin-top:10px; }

#voice .case_area ul#caseList ul li {
	float:none;
	clear:both;
	}

#voice ul#caseList p.subtit { margin-top:20px; }

#voice .blog_area { padding:0px 20px 20px 20px; }
#voice .blog_table {
	background:url(img/tbft_blog.gif) no-repeat bottom;
	padding-bottom:4px;
} 

#voice .blog_table ul#blog_txt {
	border-left:#c3e396 1px solid;
	border-right:#c3e396 1px solid;
	padding:0px 20px 0px 20px;
}

#voice .blog_table  ul#blog_txt li {
	background:url(img/dotline_s.gif) repeat-x bottom;
	padding:10px 0px;
} 

/* //////////////////////////////////////////////////////////////// case */

#voice  #tit_area {	
	padding-left:239px;
	margin:30px 20px 0px 20px;
	clear:both;
	min-height: 195px;

}

#voice  .case01 {background:url(/voice/img/case01_main.jpg) no-repeat left;}
#voice  .case02 {background:url(/voice/img/case02_main.jpg) no-repeat left;}
#voice  .case03 {background:url(/voice/img/case03_main.jpg) no-repeat left;}
#voice  .case04 {background:url(/voice/img/case04_main.jpg) no-repeat left;}

#voice  #tit_area .subtit { padding-top:20px; }
#voice  #tit_area h4 { padding:10px 0px; }	

#voice  .txt_area {
	margin-top:20px;
}

#voice  .txt_area  .interview {
	color:#429200;
	font-weight:bold;
	line-height:150%;
}

#voice  .bkbtn {
	width:658px;
	text-align:right;
}

#voice  .list02 {
	color:#5c5016;
	background-color:#eaf8d7;
	padding:10px;
}

#voice .cornerChildBox { margin-bottom:10px; }
#voice .cornerChildBox dd span { padding:0px 10px; }

.mt30 { margin-top:30px; }
.mt10 { 	margin-top:10px; }


/* 画像の下にテキストが回り込まないボックス */
/* 画像が左のときは「div.itemLtr」、画像が右のときは「div.itemRtl」 */

div.itemLtr,
div.itemRtl{
	width:100%;
	display:table;
	padding-top:24px;
}

	div.itemRtl{
		direction:rtl;
		text-align:right;
	}

div.itemLtr .itemImage,
div.itemRtl .itemImage{
	margin:0;
	padding-right:20px !important;
	display:table-cell;
	vertical-align:top;
	width:1%;
	/width:auto;
	/float:left;
	padding-top:0px;
}

	div.itemRtl .itemImage{
		/float:right;
		padding-right:20px !important;
		padding-right:0;
		padding-bottom:1px;
	}
	
div.itemRtl .itemImage li {
		padding-bottom:5px;
		direction:ltr;
		text-align:left;
		line-height:100% !important;
		width:186px;
}	

div.itemLtr .itemText,
div.itemRtl .itemText{
	padding:0px 30px 0px 20px;
	display:table-cell;
	vertical-align:top;
	/zoom:1; /* IE 6, 7 */
}
	
	div.itemRtl .itemText,
	div.itemRtl img{
		direction:ltr;
		text-align:left;
	}
	
div.itemRtl .itemImage .txtSmall {
	padding:0px !important;
	color:#429200;
	}

div#main p.itemImage,
div#main p.itemText{
	margin-bottom:0;
	margin-top:0;
}

div#main p.itemText,
div#main .itemText p{
	text-align:justify;
	text-justify:distribute;
	line-height:1.73;
}