/*	========================================================================================
					初期設定
========================================================================================	*/
body,div.r-container h1,div.r-container h2,div.r-container h3,div.r-container h4,div.r-container p,div,div.r-container a,div.r-container dl,div.r-container dt,div.r-container dd {
	margin:0;
	padding:0;
	}

div.r-container ul,div.r-container ol,div.r-container li {
	list-style-type:none;
	margin:0;
	padding:0;
	}

div.r-container {
	width:950px;
	margin:0 auto;
	text-align:left;
	color:#666;
	}

div.r-container img {
	margin:0;
	padding:0;
	border:0;
	vertical-align:top;
	}

div.r-container a ,
div.r-container map {
	outline:none;
	}

div.r-container a {
	color:#000;
	text-decoration:none;
	}
div.r-container a:visited { text-decoration:none; color:#8c2846; }
div.r-container a:hover { text-decoration:none; color:#d20000; }
div.r-container a:active { text-decoration:none; color:#d20000; }

/*	========================================================================================
				テキスト置換
========================================================================================	*/

div.r-container .r-txtnone {
	height:0;
	overflow:hidden;
	}

/* IE6 - テキスト置換を解決 */
* html div.r-container .r-txtnone {
	position:absolute;
	visibility:hidden;
	}

/*	========================================================================================
				IE用 対応
========================================================================================	*/

/* hasLayout問題を解決 */
*:first-child+html * {
	letter-spacing:0;
	}

/*	========================================================================================
				画像のロールオーバー（透過処理）
========================================================================================	*/

#r-userreviewintro .r-t-submitsec .r-t-submit a:hover img,
#r-userreviewintro .r-postsec .r-m-submit a:hover img,
#r-userreviewintro .r-b-submit a:hover img{
	opacity:0.7;                 /* CSS3で追加予定のプロパティ */
	filter:alpha(opacity=70); /* IEの独自実装機能 */
	}

/*	========================================================================================

	お客さまコメント

========================================================================================	*/
#r-userreviewintro{
	width:950px;
}

/* ヘッダー */
#r-userreviewintro #hd{
/*
	margin-bottom: 40px;
*/
}
/* タブ */
#r-userreviewintro #hd .r-tb{
	position:relative;
}

#r-userreviewintro #hd .r-tb .r-watch{
	
}

#r-userreviewintro #hd .r-tb .r-watch .r-lm{
	position:absolute;
	width:125px;
	top:16px;
	left:339px;
	z-index:50;
	}

#r-userreviewintro #hd .r-tb .r-watch .r-lm .r-bl{
	
}
#r-userreviewintro #hd .r-tb .r-watch .r-lm .r-bm{
	
}

#r-userreviewintro #hd .r-tb .r-write{
	position:absolute;
	top:10px;
	left:480px;
	z-index:50;
}

/* バナー */
#r-userreviewintro .r-bnr_present{
	margin: 15px 0 35px 0;
	text-align: center;
}

/* トップ コメントを投稿する */
#r-userreviewintro .r-t-submitsec{
	padding:15px 0;
	margin:10px 0 0;
	background-color:#F2F2F2;
	text-align:center;
	font-weight:bold;
}
#r-userreviewintro .r-t-submitsec .r-t-submit{
	margin-top:15px;
}

.r-usercom {
	position: relative;
	margin-bottom: 68px;
}
.r-usercom .r-postcom {
	position: absolute;
	width: 370px;
	top: 20px;
	left: 560px;
	z-index:50;
	line-height:160%;
}

.r-usercom .r-posread {
	margin-bottom: 26px;
	font-size: 15px;
}


/* お客さまのコメント投稿方法 */
#r-userreviewintro .r-postsec{
	
}

#r-userreviewintro .r-postsec li{
	position:relative;
	line-height:0;
}

#r-userreviewintro .r-postsec li span{
	color:#FF9000;
}

#r-userreviewintro .r-postsec .r-post01{
	position:absolute;
	width:453px;
	top:150px;
	left:435px;
	z-index:50;
	line-height:160%;
}

#r-userreviewintro .r-postsec .r-post02{
	position:absolute;
	width:453px;
	top:85px;
	left:435px;
	z-index:50;
	line-height:160%;
}

#r-userreviewintro .r-postsec .r-post03{
	position:absolute;
	width:453px;
	top:75px;
	left:435px;
	z-index:50;
	line-height:160%;
}
/* コメントを投稿する */
#r-userreviewintro .r-postsec .r-m-submit{
	position:absolute;
	top: 15px;
	left: 497px;
	z-index:50;
}

#r-userreviewintro .r-postsec li.r-view04{
	margin-bottom: 30px;
	height:353px;
}
#r-userreviewintro .r-postsec .r-post04{
	position:absolute;
	width:453px;
	top:180px;
	left:435px;
	z-index:50;
	line-height:160%;
}

#r-userreviewintro .r-postsec .r-input-w{
	margin-top:20px;
}
#r-userreviewintro .r-postsec .r-input-w a{
	background:url("/voi/other/userreviewintro/img/b_arrow.gif") no-repeat 0 50%;
	padding: 15px;
}


/* コメント内容の入力方法 */
#r-userreviewintro h2.r-md-input{
	margin-top:40px;
}

#r-userreviewintro .r-inputsec{
	position:relative;
}

#r-userreviewintro .r-inputsec .r-inputlst{
	position:absolute;
	width:380px;
	top:40px;
	left:538px;
	z-index:50;
	line-height:160%;
}

#r-userreviewintro .r-inputsec .r-inputlst li{
	padding-bottom:17px;
}

#r-userreviewintro .r-inputsec .r-inputlst li .r-ttl{
	padding-bottom: 8px;
}

#r-userreviewintro .r-inputsec .r-inputlst li .r-entry{
	padding-bottom:12px;
}

#r-userreviewintro .r-inputsec .r-inputlst li span{
	color:#FF9000;
}

/* arrow */
#r-userreviewintro .r-arrow{
	text-align:center;
	margin:20px 0;
}

/* 「お客さまコメント」投稿は完了 */
#r-userreviewintro .r-comp{
	position:relative;
}

#r-userreviewintro .r-comp .r-caution{
	position:absolute;
	width:950px;
	top:79px;
	z-index:50;
	line-height:160%;
	text-align:center;
}

/* a */
#r-userreviewintro a.m_blue:link {
	color: #4F6397;
	text-decoration: none;
}

#r-userreviewintro a.m_blue:hover {
	color: #4F6397;
	text-decoration: underline;
}

/* ボトム コメントを投稿する */
#r-userreviewintro .r-b-submit{
	text-align:center;
	margin:30px 0;
}


/*	========================================================================================
		調整用
========================================================================================	*/
.r-mb68 {
	margin-bottom: 68px !important;
}


/*	========================================================================================
		r-cfx floatボックス用ハック
========================================================================================	*/
.r-cfx:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
	line-height: 0;
}
.r-cfx {
	display: inline-table;
	min-height: 1%;
}
/* for macIE \*/
* html .r-cfx {
	height: 1%;
}
.r-cfx {
	display: block;
}
/* end of for macIE */