/*	============================================
					初期設定
	============================================		*/
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:#222222;
	font-size: 13px;
	line-height: 1.4;
}

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

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

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


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

				共通

==============================================================================
*/
a:hover .aovr {
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 filter: alpha(opacity=80);
 -moz-opacity:0.80;
 -khtml-opacity: 0.80;
 opacity: 0.80;
 zoom:1;
}

#dammy {
	opacity:0.7;                 /* CSS3で追加予定のプロパティ */
	filter:alpha(opacity=70); /* IEの独自実装機能 */
}

div.r-container li ,
div.r-container dl {
}
div.r-container li{
    line-height:0;
    vertical-align:bottom;
}
div.r-container li a{
    line-height:1.6em;
}
div.r-container .r-howtopage li,
div.r-container .r-win li{
    line-height:1.6em;
}

.r-attention {
	display: block;
	line-height: 1.2;
}


/*	============================================
				margin,padding
	============================================		*/
.r-container .r-pt0 { padding-top:0px !important; }
.r-container .r-pt05 { padding-top:5px !important;	}
.r-container .r-pt1 { padding-top:10px !important;	}
.r-container .r-pt15 { padding-top:15px !important; }
.r-container .r-pt2 { padding-top:20px !important;	}
.r-container .r-pt25 { padding-top:25px !important; }
.r-container .r-pt3 { padding-top:30px !important;	}
.r-container .r-pt35 { padding-top:35px !important; }
.r-container .r-pt4 { padding-top:40px !important;	}
.r-container .r-mt0 { margin-top:0px !important;	}
.r-container .r-mt05 { margin-top:5px !important; }
.r-container .r-mt1 { margin-top:10px !important; }
.r-container .r-mt15 { margin-top:15px !important; }
.r-container .r-mt2 { margin-top:20px !important;	}
.r-container .r-mt25 { margin-top:25px !important;	}
.r-container .r-mt3 { margin-top:30px !important;	}
.r-container .r-mt35 { margin-top:35px !important;	}
.r-container .r-mt4 { margin-top:40px !important;	}

.r-container .r-pb0 { padding-bottom:0px !important;	}
.r-container .r-pb05 { padding-bottom:5px !important; }
.r-container .r-pb1 { padding-bottom:10px !important; }
.r-container .r-pb15 { padding-bottom:15px !important;	}
.r-container .r-pb2 { padding-bottom:20px !important; }
.r-container .r-pb25 { padding-bottom:25px !important;	}
.r-container .r-pb3 { padding-bottom:30px !important; }
.r-container .r-pb35 { padding-bottom:35px !important;	}
.r-container .r-pb4 { padding-bottom:40px !important; }

.r-container .r-mb0 { margin-bottom:0px !important; }
.r-container .r-mb05 { margin-bottom:5px !important;	}
.r-container .r-mb1 { margin-bottom:10px !important;	}
.r-container .r-mb15 { margin-bottom:15px !important; }
.r-container .r-mb2 { margin-bottom:20px !important;	}
.r-container .r-mb25 { margin-bottom:25px !important; }
.r-container .r-mb3 { margin-bottom:30px !important;	}
.r-container .r-mb35 { margin-bottom:35px !important; }
.r-container .r-mb4 { margin-bottom:40px !important;	}


/*	============================================
				汎用class
	============================================		*/

.r-container .r-red { color: #e60012;}

.r-container .r-al { text-align: left;}
.r-container .r-ar { text-align: right;}
.r-container .r-ac { text-align: center;}

.r-container .r-fl { float: left;}
.r-container .r-fr { float: right;}

.r-container .r-pos { position: relative;}

.r-container .r-idt {
	padding-left: 1em;
	text-indent: -1em;
}

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

				ヘッダー

==============================================================================
*/
#r-header {
	margin: 0 0 65px 0;
	padding-top: 10px;
}
.r-container .r-howtoid{
	position:absolute;
	top:273px;
	left:537px;
}

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

				コンテンツ

==============================================================================
*/
.r-container {
	width:950px;
	color: #222222;
	line-height: 1.4;
}

.r-container a {
	color:#0022f2;
	text-decoration:underline;
}
.r-container a:hover {
	color:#e71b1b;
}
div.r-container h3{
	margin-top:40px;	
}


/* r-howtopage */
.r-container .r-howtopage{
	position:relative;
}
.r-container .r-howtopage ul{
	position:absolute;
	top:310px;
	left:60px;
}

/* r-howtobtn */
.r-container .r-howtobtn{
	position:relative;
	height: 160px;
}
.r-container .r-howtobtn .r-loginbtn {
	position:absolute;
	top:50px;
	left:60px;
}
.r-container .r-howtobtn ul li{
	width:405px;
	float:left;
	margin-right: 20px;	
}


/* r-check */
.r-container .r-check{
	position:relative;
}
.r-container .r-check .r-link{
	position:absolute;
	top:405px;
	left:665px;
}
.r-container .r-check .r-link a {
	background:url(/voi/webshop/wishlist_campaign/img/arrow.gif) no-repeat right 3px;
	padding:0 13px 2px 0;
}

/* r-win */
.r-container .r-win{
	position:relative;
}
.r-container .r-win ul{
	position:absolute;
	top: 82px;
	left:0px;
}
.r-container .r-win li{
	width:950px;
	text-align:center;
}
.r-container .r-win li a{
	font-weight:bold;
	background:url(/voi/r/img/arrow_s_bk.gif) no-repeat right 18px;
	padding:15px 13px 2px 0;
}

/* r-bottom_btn */
.r-container .r-bottom_btn{
	margin-top:60px;
	width:950px;
}

/* r-bottomlist */
.r-container .r-bottomlist{
	padding-top:40px;
}

.r-container .r-bottomlist li{
	letter-spacing: 1px;
    line-height: 1.6;
    margin: 0 0 6px 1.5em;
    text-indent: -1.5em;
	font-size: 12px;
}

/* ランキング
----------------------------------------------------*/

.r-container .r-ttl-ranking { margin-bottom: 28px;}

.r-container .r-ranking_top5 {
	width: 910px;
	margin: 15px auto 0;
}

.r-container .r-ranking_list {
	margin-bottom: 45px;
}

.r-container .r-ranking_list .r-rankitem {
	float: left;
	width: 165px;
	margin-right: 20px;
}

.r-container .r-ranking_list .r-last {
	margin-right: 0;
}

.r-container .r-ranking_list dt span {
	display: block;
	height: 37px;
	text-indent: -9999px;
	overflow: hidden;
}

#r-lrank1 dt span {	background:url(/voi/webshop/wishlist_campaign/img/icon_rank1.png) no-repeat 0 0;}
#r-lrank2 dt span { background:url(/voi/webshop/wishlist_campaign/img/icon_rank2.png) no-repeat 0 0;}
#r-lrank3 dt span { background:url(/voi/webshop/wishlist_campaign/img/icon_rank3.png) no-repeat 0 0;}
#r-lrank4 dt span { background:url(/voi/webshop/wishlist_campaign/img/icon_rank4.png) no-repeat 0 0;}
#r-lrank5 dt span { background:url(/voi/webshop/wishlist_campaign/img/icon_rank5.png) no-repeat 0 0;}
#r-mrank1 dt span {	background:url(/voi/webshop/wishlist_campaign/img/icon_rank1.png) no-repeat 0 0;}
#r-mrank2 dt span { background:url(/voi/webshop/wishlist_campaign/img/icon_rank2.png) no-repeat 0 0;}
#r-mrank3 dt span { background:url(/voi/webshop/wishlist_campaign/img/icon_rank3.png) no-repeat 0 0;}
#r-mrank4 dt span { background:url(/voi/webshop/wishlist_campaign/img/icon_rank4.png) no-repeat 0 0;}
#r-mrank5 dt span { background:url(/voi/webshop/wishlist_campaign/img/icon_rank5.png) no-repeat 0 0;}


.r-container .r-itemtxt {
	display: block;
	padding: 10px 0 0;
}

.r-favorite {
	padding-top: 10px;
}

.r-container .r-fav_txt span {
	float: left;
	display: block;
	width: 34px;
	height: 35px;
	margin-right: 3px;
	text-indent: -9999px;
	overflow: hidden;
	background:url(/voi/webshop/wishlist_campaign/img/icon_clip.png) no-repeat 0 0;
	cursor: pointer;
}

.r-container .r-fav_total {
	float: left;
	display: block;
	width: 128px;
	height: 34px;
	background:url(/voi/webshop/wishlist_campaign/img/bg_fukidashi.png) no-repeat 0 0;
}

.r-container .r-fav_total span {
	display: inline-block;
	padding: 0px 70px 0px 15px;
	line-height: 34px;
}



/* おトクな情報メール
----------------------------------------------------*/

.r-container .r-otokumail {
	margin-top: 45px;
}

.r-container .r-otokumail .r-otokumail-inner {
	border: 2px solid #b2d5ab;
	padding: 46px 0 34px;
}

.r-container .r-otokumail .r-list-otoku li {
	float: left;
	width: 235px;
	text-align: center;
	border-right: 1px solid #b2d5ab; 
}

.r-container .r-otokumail .r-list-otoku li.r-last {
	border-right: none; 
}

.r-container .r-otokumail .r-btn-otokumail {
	text-align: center;
	margin-top: 50px;
}

.r-container .r-otokumail .r-btn-otokumail p {
	padding-top: 10px;
}



/*	============================================
				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 */