@charset "utf-8";
@import "content.css";
/* ------------------------ */
/*　お客様の声専用設定項目　*/
/* ------------------------ */

/* メニュー部分 */

#voice_navi {
	background: url(../uservoice/images/uservoice_head.jpg) top no-repeat;
	padding-top: 98px;
	border: 1px solid #CCCCCC;
}

#voice_navi li {
	border-top: 1px solid #CCCCCC;
	list-style: none;
}

#voice_navi a {
	display: block;
	width: 100%;
	height: 38px;
	text-indent: -5000px;
}

#voice_navi li.vin { background: url(../uservoice/images/uservoice_index.gif) no-repeat; }
#voice_navi li.vinhere,
#voice_navi li.vin:hover { background: url(../uservoice/images/uservoice_indexon.gif) no-repeat; }
#voice_navi li.vol1 { background: url(../uservoice/images/uservoice_01.gif) no-repeat; }
#voice_navi li.vol1here,
#voice_navi li.vol1:hover { background: url(../uservoice/images/uservoice_01on.gif) no-repeat; }
#voice_navi li.vol2 { background: url(../uservoice/images/uservoice_02.gif) no-repeat; }
#voice_navi li.vol2here,
#voice_navi li.vol2:hover { background: url(../uservoice/images/uservoice_02on.gif) no-repeat; }



/* コンテンツ部分 */

#main_content_title h1.voice { background: url(../uservoice/images/uservoice01_title.gif) left; }

h2.voice {
	color: #333333;
	font-size: 14px;
	padding-bottom: 18px;
	background: url(../uservoice/images/outtop.gif) bottom no-repeat;
}

.voice_detail {
	background: url(../uservoice/images/bg_voicedetail.gif) bottom no-repeat;
	padding: 8px 12px 18px 12px;
	margin-bottom: 25px;
}

.voice_detail h3,
.uservoice h3 {
	height: 40px;
	margin-bottom: 15px;
	text-indent: -5000px;
}

.voice_detail h3.vol1 { background: url(../uservoice/images/uservoice01_subtitle.gif) no-repeat; }
.voice_detail h3.vol2 { background: url(../uservoice/images/uservoice02_subtitle.gif) no-repeat; }

.uservoice h3.vol1_1 { background: url(../uservoice/images/uservoice01_subtitle1.gif) no-repeat; }
.uservoice h3.vol1_2 { background: url(../uservoice/images/uservoice01_subtitle2.gif) no-repeat; }
.uservoice h3.vol2_1 { background: url(../uservoice/images/uservoice02_subtitle1.gif) no-repeat; }
.uservoice h3.vol2_2 { background: url(../uservoice/images/uservoice02_subtitle2.gif) no-repeat; }

#main_content .voice_detail ul {
	float: right;
	width: 270px;
	border-top: 1px solid #CCCCCC;
	margin: 0px;
}

#main_content .voice_detail li {
	padding: 7px 0px;
	_padding: 5px 0px;
	*padding: 5px 0px;
	border-bottom: 1px solid #CCCCCC;
	font-size: 12px;
	background: none;
}

.voice_detail p.readmore {
	background: url(../uservoice/images/uvread_btn.gif) no-repeat;
	width: 84px;
	height: 21px;
	float: right;
	margin-right: 186px;
	_margin-right: 93px;
	margin-top: 10px;
}

.voice_detail p.readmore a {
	display: block;
	width: 84px;
	height: 21px;
	text-indent: -5000px;
	background: url(../uservoice/images/uvread_btn.gif) no-repeat;
}
.voice_detail p.readmore a:hover { background: url(../uservoice/images/uvread_btnhi.gif) no-repeat; }

.uservoice { margin-bottom: 25px; }

.uservoice img.left { margin-right: 16px; }
.uservoice img.right { margin-left: 16px; }