/*	============================================
					初期設定
	============================================		*/
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;
	}

/*	============================================
				画像のロールオーバー（透過処理）
	============================================		*/

/*
.roolover a:hover img {
	opacity:0.7;                 /* CSS3で追加予定のプロパティ 
	filter:alpha(opacity=70); /* IEの独自実装機能 
	}
*/


/*	============================================
				R.NEWBOLD
	============================================		*/
#r-rnewbold .r-btnhead{
	text-align:center;
	height: 103px;
	background: url(/voi/webshop/r_newbold/img/bg_header_link.gif) no-repeat 0 0;
}

/* RECOMMEND ITEMS */
#r-rnewbold .r-t-recomend{
	padding-top: 42px;
	background: url(/voi/webshop/r_newbold/img/bg_item01.gif) no-repeat 0 0;
}

#r-rnewbold .r-items-top{
	color: #d1d1d1;
	padding: 0 0 0 70px;
	height: 442px;
	background: url(/voi/webshop/r_newbold/img/bg_item02.gif) no-repeat 0 0;
}

#r-rnewbold .r-items-bottom{
	color: #d1d1d1;
	padding: 0 0 0 70px;
	height: 442px;
	background: url(/voi/webshop/r_newbold/img/bg_item03.gif) no-repeat 0 0;
}

#r-rnewbold .r-items-top li,
#r-rnewbold .r-items-bottom li{
	float: left;
	width: 246px;
	height: 406px;
	margin-right: 36px;
	background: url(/voi/webshop/r_newbold/img/bg_itemarea.gif) no-repeat 0 0;
	position: relative;
}

#r-rnewbold .r-items-top .r-pic,
#r-rnewbold .r-items-bottom .r-pic{
	padding: 16px 0 0 15px;
}

#r-rnewbold .r-items-top dl,
#r-rnewbold .r-items-bottom dl{
	letter-spacing: 1px;
}


#r-rnewbold .r-items-top dl dt,
#r-rnewbold .r-items-bottom dl dt{
	font-weight: bold;
	padding: 20px 20px 0 20px;
	color: #efefef;
}

#r-rnewbold .r-items-top dl dd .r-price,
#r-rnewbold .r-items-bottom dl dd .r-price{
	padding: 8px 20px 0 20px;
	color: #efefef;
}

#r-rnewbold .r-items-top dl dd .r-txt,
#r-rnewbold .r-items-bottom dl dd .r-txt{
	padding: 10px 20px 0 20px;
	line-height: 16px;
	color: #efefef;
}

#r-rnewbold .r-items-top dl dd .r-btn,
#r-rnewbold .r-items-bottom dl dd .r-btn{
	position: absolute;
	top: 357px;
	left: 8px;
	text-align: center;
}


#r-rnewbold .r-allitem{
	padding: 14px 0 41px 291px;
	background: url(/voi/webshop/r_newbold/img/bg_item04.gif) no-repeat 0 0;
}

/* OPEN FAIR */
#r-rnewbold .r-openfair .r-cts{
	padding: 0 70px;
	height: 236px;
	background: url(/voi/webshop/r_newbold/img/bg_item05.gif) no-repeat 0 0;	
}

#r-rnewbold .r-openfair .r-cts dl.r-txt{
	float: right;
	width: 528px;
	padding-top: 22px;
	color: #d1d1d1;
}

#r-rnewbold .r-openfair .r-cts dl dd{
	padding-top: 10px;
	letter-spacing: 1px;
}

#r-rnewbold .r-openfair .r-cts dl dd p{
	line-height: 21px;
}

#r-rnewbold .r-openfair .r-cts dl dd ul{
	padding-top: 10px;
}

#r-rnewbold .r-openfair .r-cts ul li{
	color: #888888;
	line-height: 14px;
}

#r-rnewbold .r-openfair .r-cts .r-pic{
	float: left;
	width: 247px;
	padding-top: 22px;
	margin-right: 35px;
}


/* HISTORY */
#r-rnewbold .r-t-history{
	padding-top: 42px;
	background: url(/voi/webshop/r_newbold/img/bg_history01.gif) no-repeat 0 0;
}

#r-rnewbold .r-history-frm{
	padding: 0 0 33px 0;
	background: #1a1a1a url(/voi/webshop/r_newbold/img/bg_history03.gif) no-repeat 0 100%;
}

#r-rnewbold .r-history{
	color: #d1d1d1;
	padding: 38px 70px 33px 70px;
	background: url(/voi/webshop/r_newbold/img/bg_history02.gif) no-repeat 0 0;
}

#r-rnewbold .r-history .r-txt dt {
	padding-bottom: 20px;
}

#r-rnewbold .r-history .r-cts {
	padding-bottom: 40px;
}

#r-rnewbold .r-history .r-cts-first {
}

#r-rnewbold .r-history .r-txt,
#r-rnewbold .r-history .r-txt dd {
	letter-spacing: 1px;
	line-height: 24px;
	text-align:justify;
	text-justify: inter-ideograph;
}

/* テキストが右、写真が左 */
#r-rnewbold .r-history .r-trpl,
#r-rnewbold .r-history .r-trpr{
	padding-bottom: 20px;
}

#r-rnewbold .r-history .r-trpl .r-txt{
	float: right;
	width: 440px;
}

#r-rnewbold .r-history .r-trpl .r-pic{
	float: left;
	width: 310px;
}

/* テキストが左、写真が右 */
#r-rnewbold .r-history .r-tlpr .r-txt{
	float: left;
	width: 440px;
}

#r-rnewbold .r-history .r-tlpr .r-pic{
	float: right;
	width: 310px;
}


#r-rnewbold .r-btnfoot{
	text-align: center;
}

/*	============================================
				フッターエリア
	============================================		*/
#r-bnrarea {
	padding-top:49px;
	text-align:right;
	background:url(/voi/r/img/bg_endline.gif) repeat-x 0 30px;
	}
#r-bnrarea a {
	background: url(/voi/r/img/arrow_s_bk.gif) no-repeat 0 2px;
	padding:0 0 2px 13px;
	color:#000000;
	}
#r-bnrarea a:visited {
	color:#707070;
	}
#r-bnrarea a:hover {
	color:#f52200;
	}

div#r-btnarea {
	padding:17px 13px 0 0;
	}


/*	============================================
				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 */