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

	01　ページカテゴリ
	
	02　手紙部分
	
**************************************************************************************************/


/*━━━━━━━━━━━━━━━━━　01　ページカテゴリ　━━━━━━━━━━━━━━━━━━━*/
/* メイン画像 */
#voice_img {
	background-image: url(../image/08exp/main_image.jpg);
	width: 670px;
	height: 220px;
	margin: 0 auto 10px auto;
}


/*━━━━━━━━━━━━━━━━━　02　手紙部分　━━━━━━━━━━━━━━━━━━━━━━*/
#letter_area {
	width: 670px;
	margin: 0 auto;
	overflow:hidden;
	}

#letter_area ul {
	margin:0 0 0 -25px;
	overflow:hidden;
	}

#letter_area ul li {
	width: 322px;
	min-height:180px;
	height: auto !important;
	height:180px;
	margin:0 0 20px 25px;
	float:left;
	overflow:hidden;
	}

#letter_area ul li.letter { background: url(../image/08exp/bg_letter.gif) 0 0 no-repeat; }
#letter_area ul li#image01 { background: url(../image/08exp/image01.jpg) 0 0 no-repeat; }
#letter_area ul li#image02 { background: url(../image/08exp/image02.jpg) 0 0 no-repeat; }
#letter_area ul li#image03 { background: url(../image/08exp/image03.jpg) 0 0 no-repeat; }

/*お客様の感想*/
.letter p, .pr_image p { display:block; }
.letter p.impression {
	line-height:1.8em;
	text-align:left;
	min-height:102px;
	height: auto !important;
	height:102px;
	margin:26px 20px 0 30px;
	display:block;
	}

.letter p.name {
	font-size:77%;
	line-height:2em;
	text-align:right;
	height:2em;
	margin:0 20px 0 30px;
	}

/*オススメポイント*/
.pr_image p {
	font-size:77%;
	line-height:1.4em;
	text-align:justify;
	text-justify:inter-ideograph;/*IE用*/
	display:block;
	}
	
#image01 p { margin:20px 140px 0 20px; }
#image02 p { margin:20px 10px 0 120px; }
#image03 p { margin:100px 120px 0 20px; }

#impression_text {
	color:#999999;
	font-size:77%;
	text-align:right;
	width:670px;
	margin:0 auto 10px auto;
	display:block;
}


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/