@import url("base.css");

/*-----------------------------------
	レイアウト
-----------------------------------*/
/*-----------------------------------
	共通
-----------------------------------*/
/*コンテンツ*/
#contents{
	width:720px;
}
/*ヘッダー*/
#contents .title_wrapper{
	padding:5px 0 11px;
	width:720px;
	height:100%;
	background:url(../img/base/dot_3.gif) bottom repeat-x;
}
#contents .title_wrapper .title{
	font-size:14px;
	font-weight:bold;
	color:#333333;
	float:left;
}
#contents .title_wrapper .page_back{
	float:right;
}

/*-----------------------------------
	お客様の声一覧
-----------------------------------*/
/*お客様の声紹介*/
#contents .voice_header{
	width:691px;
	height:183px;
	padding:17px 0 0 29px;
	margin:11px 0px 18px;
	background:url(../img/voice/header_bg.jpg) top left no-repeat;
}
/*ページ操作共通*/
#contents .page_data .now{
	font-size:14px;
	font-weight:bold;
	font-family:Verdana;
	color:#FF7F00;
}
#contents .page_ctrl{
	float:left;
	letter-spacing:2px;
}
#contents .page_step{
	float:right;
}
/*お客様の声リストヘッダ*/
#contents .page_ctrl_header{
	width:720px;
	padding-bottom:9px;
	background:url(../img/base/dot_line.gif) bottom repeat-x;
}
#contents .page_ctrl_header a{
	border-bottom:dotted 1px;
}
/*お客様の声リストフッタ*/
#contents .page_ctrl_footer{
	width:720px;
}
#contents .page_ctrl_footer a{
	border-bottom:dotted 1px;
}
#contents .page_ctrl_footer .page_data{
	padding-bottom:7px;
	background:url(../img/base/dot_line.gif) bottom repeat-x;
}
#contents .page_ctrl_footer .page_ctrl{
	padding-top:5px;
}
#contents .page_ctrl_footer .page_step{
	padding-top:5px;
}


/*お客様の声*/
#contents .voice_list{
	padding:17px 0 18px;
}
#contents .voice_wrapper1{
	float:left;
	padding-right:20px;
	padding-bottom:16px;
}
#contents .voice_wrapper2{
	float:left;
	padding-bottom:16px;
}
#contents .voice_item{
	width:350px;
	height:120px;
	background:url(../img/voice/item_bg.gif) top left no-repeat;
}
#contents .voice_item .photo{
	padding:9px;
	padding-right:0;
	float:left;
}
#contents .voice_item .text_area{
	width:205px;
	padding:9px 0px;
	padding-right:22px;
	float:right;
}
#contents .voice_item .text_area .date{
	color:#FFFFFF;
	font-size:10px;
	font-family:Verdana;
	line-height:10px;
	padding:3px 2px;
	background-color:#00A0C6;
	display:inline;
}
#contents .voice_item .text_area .new{
	display:inline;
}
#contents .voice_item .text_area .name{
	padding:10px 0 5px;
	font-size:13px;
	font-weight:bold;
	line-height:13px;
}
#contents .voice_item .text_area .details{
	font-size:11px;
	line-height:15px;
}
/*-----------------------------------
	お客様の声詳細
-----------------------------------*/
#contents .voice{
	padding:16px 0 30px;
}
/*写真*/
#contents .voice .photo{
	float:left;
}
/*テキスト*/
#contents .voice .text_area{
	width:600px;
	padding-right:10px;
	float:right;
}
#contents .voice .text_area .date{
	color:#FFFFFF;
	font-size:10px;
	font-family:Verdana;
	line-height:10px;
	padding:3px 2px;
	background-color:#00A0C6;
	display:inline;
}
#contents .voice .text_area .new{
	display:inline;
}
#contents .voice .text_area .name{
	padding:10px 0 5px;
	font-size:12px;
	font-weight:bold;
	line-height:13px;
	color:#000000;
}
#contents .voice .text_area .details{
	line-height:19px;
}
#contents .voice_title{
	padding-top:38px;
	padding-bottom:1px;
	background:url(../img/base/dot_line.gif) bottom repeat-x;
}
/*直筆メッセージ*/
#contents .voice_msg{
	text-align:center;
	padding-top:23px;
}
#contents .voice_msg img{
	border:dotted 1px;
}
/*写真*/
#contents .voice_photo{
	padding-top:10px;
	text-align: center;
}
/*フッター*/
#contents .voice_footer{
	padding-top:12px;
	text-align:center;
}

/*-----------------------------------
	ボタン
-----------------------------------*/
/*モデルハウス紹介*/
#contents a.bt_modelhouse{
	width:250px;
	height:35px;
	display:block;
	margin-top:69px;
	background:url(../img/voice/bt_modelhouse.gif) top left no-repeat;
}
#contents a.bt_modelhouse:hover{
	background-position:top right;
}