/*	============================================
					初期設定
	============================================		*/
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: bottom;
	}

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;
	}

/* arrow */
div.r-container .r-txtlink a {
	background: url(/voi/r/img/arrow_s_bk.gif) no-repeat 0 55%;
	padding:0 0 1px 15px;
}

/* テキスト置換を解決 */
* html div.r-container .r-txtnone {
	position:absolute;
	visibility:hidden;
	}

/* hasLayout問題を解決 */
*:first-child+html * {
	letter-spacing:0;
	}

/* css rollover */
div.r-container a:hover img {
	opacity:0.7;                 /* CSS3で追加予定のプロパティ */
	filter:alpha(opacity=70); /* IEの独自実装機能 */
	}


/*
==============================================================================

				コンテンツ

==============================================================================
*/
div.r-container h1{
	margin:10px 0 21px 0;
}
div.r-container #r-mainbrand {
	width:950px;
	position:relative;
	z-index:1;
}
div.r-container #r-subbrand {
	width:950px;
	position:relative;
	z-index:0;
}
div.r-container #r-subbrand .r-logo,
div.r-container #r-subbrand .r-logo li{
	position:relative;
	z-index:0;
}

/* r-lineup 2013.05.09
----------------------------------------------- */
div.r-container .r-lineup {
		padding-bottom: 20px;
		margin-bottom: 23px;
		background: url(/voi/webshop/united-arrows/img/p_line.gif) no-repeat left bottom;
}


div.r-container .r-selectshop li {
		float: left;
		margin-right: 10px;
		margin-bottom: 20px;
}

div.r-container .r-selectshop li.r-last { 
		margin-right: 0px;
}
div.r-container .r-selectshop li.r-bottom { 
		margin-bottom:0px;
}


div.r-container .r-selectshop li span {
		position: relative;
		display: block;
		margin-top: 10px;
}

div.r-container .r-selectshop .ico-l {
		position: absolute;
		top:37px;
		left: 20px;		
}

div.r-container .r-selectshop .ico-m {
		position: absolute;
		top:37px;
		left: 159px;		
}


div.r-container .r-btn-other {
		text-align: center;
}


/* logo
----------------------------------------------- */
div.r-container .r-logo{
	width:952px;
	margin-right:-2px;
}
div.r-container .r-logo li{ 
	float:left;
	margin-right:2px; 
}
div.r-container .r-logo li.r-last{
	margin-right:0px;
}

/* salelogo
----------------------------------------------- */
div.r-container .r-salelogo{
	width:950px;
}
div.r-container .r-salelogo li{
	width:188px;
	float:left;
	margin:15px 2px 0 0;
}
div.r-container .r-salelogo li.r-biglogo{
	width:189px;
}
div.r-container .r-salelogo li.r-last{
	margin-right:0px;
}
div.r-container .r-salelogo li.r-bottom{
 	margin-top:5px;	
}

/* brandfrm
----------------------------------------------- */
div.r-container .r-brandfrm{ 
	position:absolute;
	left:0;
	top:0;
	z-index:10;
	display:none;
}

div.r-container .r-brandfrm .r-itemphoto{
	position: absolute; 
	top: 13px; 
	left: 782px;
	z-index:10;
	width:168px;
	text-align:center;
}

div.r-container .r-brandfrm .r-itemsummary{
	position: absolute; 
	top: 152px; 
	left: 782px;
	z-index:10;
	width:168px;
	text-align:center;
}

div.r-container .r-brandbtn{
	position:absolute;
	left:0;
	top:285px;
	width:950px;
	text-align:center;
	z-index:10;
}
div.r-container .r-brandfrm .r-txtlink{
	position:absolute;
	left:0;
	top:229px;
	z-index:10;
	width:935px;
	text-align:right;
}

div.r-container .r-brandfrm .r-close{
	position:absolute;
	left:910px;
	top:306px;
	z-index:10;
}


/* cateicon
----------------------------------------------- */
div.r-container .r-cateicon{
	margin:7px 0 3px;
}

/* h2
----------------------------------------------- */
div.r-container h2{
	margin-top:30px;
}

/* magazinelist
----------------------------------------------- */
div.r-container .r-magazinelist{
	padding:15px 0 30px 20px;
}
div.r-container .r-magazinelist li{
	float:left;
	padding-right:30px;
}


/* coatstyling
----------------------------------------------- */
div.r-container .r-coatstyling{
	padding:15px 0 0;
	width:975px;
	margin-right:-25px;
}
div.r-container .r-coatstyling li{
	float:left;
	width:300px;
	margin-right:25px;
	padding-bottom:0;
}

/* h3
----------------------------------------------- */
div.r-container h3{
	margin-top:20px;
}
div.r-container h3.r-first{
	margin-top:15px;
}

/* r-hottopics
----------------------------------------------- */
div.r-container .r-hottopics{
	width:950px;

}
div.r-container .r-hottopics li{
	float:left;
	width:470px;
	margin-right:10px;
	padding-bottom:10px;
}
div.r-container .r-hottopics li.r-last{
	margin-right:0px;
}

	
/* officiallink
----------------------------------------------- */
div.r-container .r-officiallink{
	text-align:right;
	padding-top:10px;
	border-top:1px solid #e1e1e1;
}


/*	============================================
				フッターエリア
	============================================		*/
#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 55%;
	padding:0 0 1px 15px;
	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 */