@import url("base_inside.css");

/*----------------------
	パンくず
----------------------*/
#pnkz{ }

/*----------------------
	タイトル
----------------------*/
#contents .main_title{
	height:81px;
	background:url(../img/base/main_title_bg.gif) top left no-repeat;
}
#contents .main_title_mini{
	height:75px;
}
#contents .main_title .title{
	float:left;
}
#contents .main_title .text{
	float:right;
	font-size:13px;
	font-weight:bold;
	color:#663300;
	padding-right:14px;
	padding-top:24px;
	letter-spacing:-1px;
}

/*----------------------
	リフォーム
----------------------*/
#contents .voice_main{
	margin-bottom:15px;
	overflow:hidden;
	width:740px;
	background:url(../img/base/base_contents_bg.gif) #F6F4E4 left repeat-y;
	border-bottom: solid 1px #DDDDDD;
}

/*----------------------
	ページャー
----------------------*/
#contents .voice_main .pager{
	height:54px;
	padding:0 10px;
	background:url(../img/voice/pager_bg.jpg) top no-repeat;
}
#contents .voice_main .pager .left_area{
	color:#330000;
	font-weight:bold;
	float:left;
	padding-left:62px;
	padding-top:23px;
}
#contents .voice_main .pager .left_area .now{
	font-size:16px;
	color:#FF6600;
}
#contents .voice_main .pager .right_area{
	float:right;
	padding-top:25px;
}
#contents .voice_main .pager .right_area ul{
	background:url(../img/reform/pager_link_line.gif) center no-repeat;
}
#contents .voice_main .pager .right_area li{
	display:inline;
}
#contents .voice_main .pager .right_area li.left_link {
	padding-right:5px;
	padding-left:12px;
	background:url(../img/icon/icon_ya5l.gif) left no-repeat;
}
#contents .voice_main .pager .right_area li.right_link {
	padding-left:5px;
	padding-right:12px;
	background:url(../img/icon/icon_ya5r.gif) right no-repeat;
}

/*----------------------
	ページャー下
----------------------*/
#contents .voice_main .pager_bottom{
	height:100%;
	padding:15px 10px 15px;
	background:url(../img/base/contents_line.gif) top center repeat-x;
}
#contents .voice_main .pager_bottom .right_area{
	padding-top:0;
}

/*----------------------
	お客様の声リスト
----------------------*/
#contents .voice_main .voice_list{
	width:740px;
	padding:0 10px;
	padding:25px 34px 0;
}
#contents .voice_main .voice_list .voice_box{
	float:left;
	width:210px;
	height:320px;
	padding-right:20px;
	padding-bottom:25px;
	background:url(../img/voice/voice_item_bg.gif) top left no-repeat;
}
#contents .voice_main .voice_list .voice_box .title{
	color:#663300;
	font-size:15px;
	line-height:16px;
	font-weight:bold;
	padding:15px 21px 0;
	height:20px;
	font-family:Arial, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3"
}
#contents .voice_main .voice_list .voice_box .title a{ color:#663300; }
#contents .voice_main .voice_list .voice_box .title a:hover{ color:#D96C00; }

#contents .voice_main .voice_list .voice_box .name{
	padding:0px 21px 0;
	color:#663300;
	height:32px;
	font-size:10px;
}
#contents .voice_main .voice_list .voice_box .photo{
	padding:0px 10px 0;
	height:140px;
	text-align:center;
}
#contents .voice_main .voice_list .voice_box .comment{
	padding:8px 12px 0;
	height:61px;
	font-size:10px;
	line-height:18px;
	color:#5A5A5A;
}
/* インタビューを見るボタン */
#contents .voice_main .voice_list .voice_box a.bt_details{
	width:150px;
	height:24px;
	display:block;
	margin:0 auto;
	background:url(../img/voice/bt_interview.gif) top left no-repeat;
}
#contents .voice_main .voice_list .voice_box a.bt_details:hover{ background-position:top right; }

/*----------------------
	お客様の声詳細
----------------------*/
#contents .voice_main .voice_details{
	padding:34px 35px 30px;
	background:url(../img/base/contents_header_bg.gif) top repeat-x;
}
#contents .voice_main .voice_details .voice_details_box_title{
	color:#663300;
	height:72px;
	padding:0 17px;
	background:url(../img/voice/voice_details_title_bg.gif) top no-repeat;
}
#contents .voice_main .voice_details .voice_details_box_title .title{
	float:left;
	padding-left:4px;
	padding-top:15px;
	font-size:10px;
	line-height:16px;
}
#contents .voice_main .voice_details .voice_details_box_title .title .name{
	display:block;
	font-size:15px;
	font-weight:bold;
	font-family:Arial,"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3";
}
#contents .voice_main .voice_details .voice_details_box_title .link_back{
	float:right;
	padding-left:17px;
	margin-top:23px;
	background:url(../img/icon/icon_ya6.gif) left no-repeat;
}

/* 詳細 */
#contents .voice_main .voice_details .voice_details_box {
	height:100%;
	padding:0 14px 20px;
	background:#FFFFFF;
	border:1px #DDDDDD;
	border-style:none solid solid;
}
#contents .voice_main .voice_details .voice_details_box .photo{
	float:left;
}
#contents .voice_main .voice_details .voice_details_box .text_area{
	width:434px;
	float:right;
}
#contents .voice_main .voice_details .voice_details_box .comment_title{
	font-size:16px;
	font-weight:bold;
	color:#663300;
	padding:10px 0 0;
	height:25px;
	background:url(../img/voice/voice_details_comment_bg.gif) top left no-repeat;
}
#contents .voice_main .voice_details .voice_details_box .comment{
	font-size:12px;
	line-height:23px;
	padding:3px 0px 6px;
	color:#5A5A5A;
	font-family:Verdana,"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3";
}
#contents .voice_main .voice_details .voice_details_box a.bt_back{
	width:132px;
	height:24px;
	display:block;
	background:url(../img/voice/bt_back.gif) top left no-repeat;
}
#contents .voice_main .voice_details .voice_details_box a.bt_back:hover{ background-position:top right; }

/*----------------------
	直筆メッセージ
----------------------*/
#contents .voice_main .voice_details .photomsg{
	padding:0 0 10px;
	margin-bottom:27px;
	background:url(../img/voice/photomsg_bg.gif) repeat;
}
#contents .voice_main .voice_details .photomsg .photomsg_title{
}
#contents .voice_main .voice_details .photomsg .photomsg_main{
	text-align:center;
	background:#FFFFFF;
	margin:0 10px 0px;
	padding:30px 0;
}

/*----------------------
	写真ギャラリー
----------------------*/
#contents .voice_main .voice_details .gallery{
	padding-bottom:10px;
	height:100%;
}
#contents .voice_main .voice_details .gallery_title{
}
#contents .voice_main .voice_details .gallery_main{
	width:690px;
}
#contents .voice_main .voice_details .gallery_main li{
	float:left;
	padding-right:20px;
	padding-bottom:17px;
}
#contents .voice_main .voice_details .gallery_main a{
	display:block;
	width:210px;
	padding:5px 0;
	text-align:center;
	background:url(../img/voice/gallery_bg.gif) repeat;
	position:relative;
	top:0;
	left:0;
}

#contents .voice_main .voice_details .gallery_main a img{
	position:relative;
}
#contents .voice_main .voice_details .gallery_main a .scale_icon{
	width:15px;
	height:15px;
	background:url(../img/base/scale_icon.gif) top left no-repeat;
	position:absolute;
	bottom:8px;
	right:8px;
}
#contents .voice_main .voice_details .gallery_main a:hover .scale_icon{
	background-position:top right;
}
/* 一覧に戻る */
#contents .voice_main .voice_details .bottom_back_area {
	text-align:center;
}
#contents .voice_main .voice_details .bottom_back_area a{
	padding-left:17px;
	background:url(../img/icon/icon_ya6.gif) left no-repeat;
}