@charset "utf-8";
/* CSS Document */


/* 今月完成のお客さま */

#recent_case {

}

#recent_case h2{
	background:url(../images/voice/recent_case/title_bg.jpg) no-repeat;
	width:640px;
	padding:10px 30px;
	font-size:16px;
}

#recent_case .photo{
	margin:10px auto;
}

#recent_case .article{
	margin:10px 0 50px;
	width:640px;
	padding:20px 30px;
	background:#ebebeb;
	line-height:1.8em !important;
}
#recent_case .article p{
	font-size:16px !important;
	line-height:2em !important;
}
#recent_case .article p span.title{
	font-weight:bold;
	font-size:18px;
}
#recent_case .article p.tantou{
	border:1px #FFF solid;
	margin:20px auto 10px;
	padding:15px;
	font-size:14px !important;
	line-height:2em !important;
}
#recent_case .read {
	margin:33px auto ;
	font-weight:bold;	
}

#voiceAechiveList{
	text-align:right;
	width:700px;
}

/* 旧サイトより流用 */

/* monthly
--------------------------------------------------------------------------- */

h2#monthly_title{
width:700px;
height:40px;
background:url(../img/customer/monthly/img/h_title.jpg) no-repeat 0 0;
text-indent:-9999px;
overflow:hidden;
display:block;
margin:20px 0 20px 0;
}

h2#monthly_title2011{
width:700px;
height:40px;
background:url(../img/customer/monthly/img/h_title2011.jpg) no-repeat 0 0;
text-indent:-9999px;
overflow:hidden;
display:block;
margin:20px 0 20px 0;
}

#monthly_result_box{
clear:both;
margin:10px 0 20px 0;
float:left;
display:inline;
width:700px;
}


#monthly_result_title_set{
clear:both;
float:left;
display:inline;
width:700px;
}

#monthly_result_title{
float:left;
width:430px;
height:22px;
background:url(../images/voice/nameplate700.jpg) no-repeat 0 0;
padding:8px 0 0 20px;
}

#monthly_click{
float:left;
color:red;
width:240px;
height:22px;
text-align:right;
background:url(../images/voice/nameplate700.jpg) no-repeat -450px 0;
padding:8px 10px 0 0 ;
}

#monthly_result_up{
width:700px;
height:145px;
clear:both;
float:left;
display:inline;
margin:0px 0 0 0;
}

#monthly_comp{
width:178px;/* 180px */
height:133px;/* 135px */
float:left;
background:#eee;
border:1px solid #ccc;
}


#monthly_comp_other{
width:520px;
height:145px;
float:left;
}

#monthly_comp_other ul{
margin:0;
}

#monthly_comp_other li{
width:123px;/* 123px */
height:63px;/* 65px */
float:left;
background:#eee;
border:1px solid #ccc;
margin:0 0 5px 5px;
list-style:none;
}

#monthly_result_down{
clear:both;
width:700px;
}

#monthly_result_down li{
float:left;
margin:0 5px 0 0;
list-style:none;
}

#monthly_result_down li.monthly_letter{
width:98px;/* 100px */
height:138px;/* 140px */
background:#eee;
border:1px solid #ccc;
}

#monthly_result_down li.monthly_hikiwatasi{
width:193px;/* 195px */
height:138px;/* 140px */
background:#eee;
border:1px solid #ccc;
}

#monthly_result_down li.monthly_fes{
width:193px;/* 195px */
height:138px;/* 140px */
background:#eee;
border:1px solid #ccc;
}

#monthly_result_down li.monthly_event{
width:193px;/* 195px */
height:138px;/* 140px */
background:#eee;
border:1px solid #ccc;
margin:0;
}

#monthly_result_down ul#caption{
clear:both;
}

#monthly_result_down ul#caption li{
height:18px;
background:#eee;
text-align:center;
padding:3px 0;
border:1px solid #eee;
}

#monthly_result_staff{
width:700px;
clear:both;
float:left;
display:inline;
margin:10px 0 0 0;
}

#monthly_result_staff_title{
width:700px;
height:30px;
background:url(../img/customer/monthly/img/staff_letter_title.jpg) no-repeat 0 0;
text-indent:-9999px;
overflow:hidden;
display:block;
margin:0px 0 10px 0;
}

#monthly_result_staff_text{
width:658px;
padding:20px;
border:1px solid #eee;
background:#fafafa;
margin:0px;
color:#000;
/*追加*/
margin-top:10px;
}

#monthly_result_staff_text p{
	height:20px;
padding:5px 0 0 0;
border-bottom:1px dashed #eee;
}

#nopic_10px{
clear:both;
height:10px;
width:1px;
}


/* end 旧サイトより流用 */

#monthly_result_box .archive {
	text-align:right;
}


/* 今月完成のお客さま */

#newsletter {
}

#newsletter .thumbnail {
	margin-top:33px ;
	width:720px;
	overflow:hidden;
}


#newsletter .thumbnail ul {
	list-style-type:none;
}

#newsletter .thumbnail li {
	float:left;
	text-align:center;
	padding-right:30px;
	padding-bottom:30px;
}

#newsletter .thumbnail .right {
	padding-right:0;
}

#newsletter .click {
	clear:both;
	text-align:right;
	padding:15px 0 24px 0;
}

#newsletter #kakomi {
	padding:25px;
	margin:20px auto;
	background:#eaefd5;
	overflow:hidden;
	font-size:18px;
	line-height:160%;
}

#newsletter #kakomi .left {
	float:left;
	width:330px;
}

#newsletter #kakomi .right {
	float:right;
	width:325px ;
}

#newsletter #sassi {
}

#newsletter #sassi .sassi {
	float:right;
}

/* お客様の声 */

#voice {
	margin-top:33px;
}

#letter {
	margin-top:10px;
}

#letter ul {
	list-style-type:none;
}

#letter li {
	float:left;
	margin:0 30px 30px 0;
}

#letter .right {
	margin-right:0;
}

#letter li dl{
	background:#dddad7 ;
	padding:10px;
	width:200px;
}

#letter li dd{
	padding-top:10px;
}