
r-bnr-bag/*	============================================
					初期設定
	============================================		*/
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;
	}

/* テキスト置換を解決 */
* html div.r-container .r-txtnone {
	position:absolute;
	visibility:hidden;
	}

/* hasLayout問題を解決 */
*:first-child+html * {
	letter-spacing:0;
	}


/*
==============================================================================

				コンテンツ

==============================================================================
*/
#r-new2way6point div.r-container {
	margin:20px auto 30px auto;
}

#r-contents .r-float-l {
	float: left;
}
#r-contents .r-float-r {
	float: right;
}
#r-contents dl dt img {
	vertical-align: bottom;
}
#r-contents .r-mt0 {
	margin-top: 0;
}
#r-contents .r-mt30 {
	margin-top: 30px;
}

#r-contents .r_bnr-sp {
	margin-bottom: 15px;
}

#r-contents .r-ttl {
	position: relative;
	margin-bottom:10px;
}

#r-contents .r-newcon {
	position: relative;
}

#r-contents .r-ttl .r-headtitle {
	height:499px;
}
#r-contents .r-ttl p {
	position: absolute;
	left: 0;
	top: 360px;
}

#r-contents .r-ttl .r-ttl-btn01 {
	position: absolute;
	left: 83px;
	top: 361px;
}

#r-contents .r-ttl ul {
	position: absolute;
	left: 0;
	top: 499px;
}
#r-contents .r-ttl ul li {
	float: left;
	margin-right: 8px;
}


#r-contents .r-bnr-footer {
	margin-top: 20px;
}

#r-contents .r-bnr-footer ul li {
	float: left;
	margin-right: 4px;
}

#r-contents .r-bnr-footer ul li.r-end {
	margin-right: 0px;
}


#r-contents .r-bnr-bag li {
	margin-top: 8px;
	position: relative;
}
#r-contents .r-bnr-bag li div {
	position: absolute;
	top: 3px;
	right: 12px;
}
#r-contents .r-bnr-bag li div p {
	margin-top: 9px;
}

#r-contents .r-bnr-bag {
	overflow: hidden;
	width: 950px;
}

#r-contents .r-bnr-bag2 ul {
	width: 958px;
	margin-top:10px;
}

#r-contents .r-other {
	margin-top:20px;
}

#r-contents .r-other ul{
	margin-top:15px;
}

#r-contents .r-bnr-bag2 ul li {
	position: relative;
	float: left;
	margin-right: 4px;
}
#r-contents .r-bnr-bag2 ul li .r-bt-buy {
	position: absolute;
	top: 81px;
	left: 16px;
}
#r-contents .r-bnr-bag2 ul li .r-bt-dtl {
	position: absolute;
	bottom: 9px;
	left: 16px;
}
#r-contents .r-bnr-bag2 ul li.r-bottom {
	margin-top:10px;
}
#r-contents .r-rakuchinbag{
	padding-left:15px;
	margin-top:65px;
}


#r-contents .r-bnr-uservoice li {
	margin-top: 15px;
	position: relative;
}
#r-contents .r-bnr-uservoice li div {
	position: absolute;
	top: 88px;
	left: 111px;
}
#r-contents .r-bnr-uservoice li div p {
	float:left;
	margin-right: 10px;
}
#r-contents .r-bnr-uservoice li div p.r-uvbtn {
	margin-right: 127px;
}


#r-contents .r-comm-link {
	margin-top: 20px;
}
#r-contents .r-comm-link dl {
	position: relative;
}
#r-contents .r-comm-link dl dd {
	position: absolute;
	top: 87px;
	left: 24px;
}
#r-contents .r-comm-link p {
	position: absolute;
	top: 137px;
	left: 8px;
}
#r-contents .r-comm-link .r-2way-btn {
	position: relative;
	float: left;
}
#r-contents .r-comm-link .r-boston-btn {
	position: relative;
	float: right;
}
#r-contents .r-comm-link .r-2way-btn dl {
	float: left;
}


#r-contents .r-flow {
	margin-top: 30px;
}
#r-contents .r-flow div {
	position: relative;
}
#r-contents .r-flow div ul {
	position: absolute;
	top: 94px;
	left: 126px;
}
#r-contents .r-flow div ul li {
	float: left;
	margin-right: 5px;
}


#r-contents .r-shop-link dd {
	background: url(/voi/webshop/rougenheur_bag/img/shop_bg.gif) no-repeat left bottom;
	padding: 13px 0 28px 42px;
}
#r-contents .r-shop-link dd ul li {
	float: left;
	width: 256px;
	margin: 10px 35px 0 0;
	line-height: 1.1;
}
#r-contents .r-shop-link dd ul li .r-shp {
	background: url(/voi/webshop/rougenheur_bag/img/arr2.gif) no-repeat left center;
	padding-left: 17px;
	float: left;
}
#r-contents .r-shop-link dd ul li .r-tel {
	float: right;
	text-align: right;
}


#r-contents .r-bag {
	position: relative;
}
#r-contents .r-bag .r-btn-bag {
	position: absolute;
	right: 0;
}
#r-contents .r-bag ul.r-btn-bag {
	top: 0;
}

#r-contents .r-bag ul.r-btn-bag li {
	display: inline;
	margin-left: 3px;
}

#r-contents .r-bag .r-btn-uv {
	position: absolute;
	top: 168px;
	left: 471px;
}
#r-contents .r-bag .r-btn-uv-round2way {
	position: absolute;
	top: 168px;
	left: 536px;
}
#r-contents .r-bag .r-btn-uv2 {
	position: absolute;
	top: 2035px;
	left: 421px;
}
#r-contents .r-bag .r-btn-uv2-round2way {
	position: absolute;
	top: 2035px;
	left: 369px;
}

#r-contents .r-bag .r-btn-uvboston {
	position: absolute;
	top: 167px;
	left: 454px;
}
#r-contents .r-bag .r-btn-uvboston2 {
	position: absolute;
	top: 2038px;
	left: 522px;
}



#r-contents .r-btn-boston {
	margin-top: 20px;
	text-align: center;
	position: relative;
}
#r-contents .r-btn-boston p.r-btn1 {
	position: absolute;
	top: 35px;
	right: 155px;
}
#r-contents .r-btn-boston p.r-btn2 {
	position: absolute;
	top: 79px;
	right: 155px;
}

#r-contents .r-btn-dtl li {
	margin-left: 17px;
	float: left;
}
#r-contents .r-btn-dtl li.r-fst,
#r-contents .r-bnr li.r-fst {
	margin-left: 0;
}


#r-contents .r-btn-dtl,
#r-contents .r-point,
#r-contents .r-bnr,
#r-contents .r-sale,
#r-contents .r-shop-link {
	margin-top: 20px;
}
#r-contents .r-bnr li {
	margin-left: 10px;
	float: left;
}

#r-contents .r-ptop {
	text-align: right;
	margin-top: 10px;
}
#r-contents .r-ptop a {
	background: url(/voi/webshop/rougenheur_bag/img/arr1.gif) no-repeat right center;
	padding-right: 15px;
}

#r-contents a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

#r-contents .r-point .r-point-anc {
	padding: 24px 0 24px 51px;
	margin-bottom: 50px;
	background: #fceff3;
}
#r-contents .r-point .r-point-anc ul li {
	float: left;
	margin-right: 5px;
}
#r-contents .mt20 {
	margin-top: 20px;
}


#r-contents .r-bnr-new {
	margin-top: 20px;
}
#r-contents .r-bnr-new li {
	float: left;
	margin-right: 4px;
	position: relative;
}
#r-contents .r-bnr-new li.r-end {
	margin-right: 0;
}
#r-contents .r-bnr-new li a {
    left: 23px;
    position: absolute;
    top: 94px;
}


#r-contents .r-bnr-new2way {
	margin-top: 20px;
}
#r-contents .r-bnr-new2way li {
	float: left;
	margin-right: 4px;
	position: relative;
}
#r-contents .r-bnr-new2way li.r-end {
	margin-right: 0;
}
#r-contents .r-bnr-new2way li a img.r-btn1 {
	position: absolute;
	top: 88px;
	left: 23px;
}
#r-contents .r-bnr-new2way li a img.r-btn2 {
	position: absolute;
	top: 126px;
	left: 23px;
}


/* ポイント6 シンプルデザイン */
#r-contents .r-point-simple {
	position: relative;
	margin-bottom: 30px;
}

#r-contents .r-point-simple .r-point-more01 {
	position: absolute;
	top: 590px;
	left: 471px;
	z-index: 100;
}

#r-contents .r-point-simple .r-point-more02 {
	position: absolute;
	top: 573px;
	left: 715px;
	z-index: 100;
}

#r-contents .r-point-simple .r-point-more01 li,
#r-contents .r-point-simple .r-point-more02 li {
	margin-bottom: 5px;
}

#r-contents .r-point-simple .r-point-more01 a,
#r-contents .r-point-simple .r-point-more02 a {
	background: url(/voi/webshop/rougenheur_bag/img/arr2.gif) no-repeat left center;
	padding-left: 12px;
}

/* タイトル下ボタン 
---------------------------------------------------------------*/

#r-contents .r-bagbtn h2 {
	margin-top: 10px;
}

#r-contents .r-bagbtnlist li {
	position: relative;
	float: left;
	width: 475px;
}

/* 詳しく見る */

#r-contents .r-bagbtnlist .r-left .r-detail {
	position: absolute;
	top: 148px;
	left: 27px;
}

#r-contents .r-bagbtnlist .r-right .r-detail {
	position: absolute;
	top: 148px;
	left: 18px;
}

/* コメント */

#r-contents .r-bagbtnlist .r-left .r-voice {
	position: absolute;
	top: 148px;
	left: 244px;
}

#r-contents .r-bagbtnlist .r-right .r-voice {
	position: absolute;
	top: 148px;
	left: 237px;
}


/* 購入する */

#r-contents .r-bagbtnlist .r-left .r-buy {
	position: absolute;
	top: 182px;
	left: 27px;
}

#r-contents .r-bagbtnlist .r-right .r-buy {
	position: absolute;
	top: 182px;
	left: 18px;
}

#r-contents .r-bagbtnlist .r-left .r-buy02 {
	position: absolute;
	top: 148px;
	left: 27px;
}

#r-contents .r-bagbtnlist .r-right .r-buy02 {
	position: absolute;
	top: 148px;
	left: 18px;
}

#r-contents .r-bagbtnlist .r-right .r-tempo {
	position:absolute;
	top: 98px;
	left: 45px;
}


/*------------------------------

	ボタンエリア2 上に戻る・コメントをみる

------------------------------*/
.r-btnarea2 {
	margin-top: 30px;
	text-align: center;
}
.r-btnarea2 .r-btna_2 {
	margin-top: 10px;
	padding-right: 100px;
	text-align: right;
}



/*------------------------------

	ニュースティッカー

------------------------------*/

#tickerArea {
	margin: 0 auto 10px;
	width: 950px;
	height: 39px;
}
#tickerBg {
	background: url(/voi/webshop/rougenheur_bag/img/p_l_comment.gif) no-repeat left center;
	width: 950px;
	height: 39px;
	text-align: left;
}
#newsTicker {
    overflow: hidden;
    margin-left: 173px;
    width: 750px;
    padding: 12px 0 0 15px;
    position: relative;
}
#newsTicker li {
    float: left;
	color: #313131;
	font-size: 12px;
}
#newsTicker li:hover {
	text-decoration: underline;
	color: #e60012;
}
#newsTicker li span {
	padding-right: 35px;
	white-space:nowrap;
}
.tickercontainer {
    overflow: hidden;
    width: 750px;
	text-align: left;
}
.tickercontainer .mask {
	position:relative; 
	left:10px; 
    width: 745px;
	overflow:hidden;
}
.newsticker {
	position: relative; 
	left: 745px;
}

/*------------------------------

	index改修 121015

------------------------------*/
.r-idx .r-itemlist {
	width:950px;
}
.r-shoulder {
	margin-bottom:15px;
}
.r-idx .r-itemlist .r-itemfrm {
	width:950px;
}
.r-shoulder .r-itemfrm {
	background:url(/voi/webshop/rougenheur_bag/img/bg_shoulder.gif) no-repeat left bottom;
	padding-bottom:15px;
}
.r-tote .r-itemfrm {
	background:url(/voi/webshop/rougenheur_bag/img/bg_tote.gif) no-repeat left bottom;
	padding-bottom:19px;
}
.r-idx .r-itemlist .r-itemcol {
	width:920px;
	margin:0 0 12px 15px;
}
.r-idx .r-itemlist .r-itembtm {
	margin-bottom:0;
}
.r-idx .r-itemlist .r-itemcol .r-item {
	position:relative;
	float:left;
	width:454px;
	margin-right:12px;
}
.r-idx .r-itemlist .r-itemcol li.r-edge {
	margin-right:0;
}
.r-idx .r-itemlist .r-itemcol .r-item .r-sbtn {
	position:absolute;
	top:148px;
	left:12px;
	width:430px;
}
.r-idx .r-itemlist .r-itemcol .r-item .r-sbtn li {
	float:left;
	width:211px;
	margin-right:8px;
}
.r-idx .r-itemlist .r-itemcol .r-item .r-sbtn li.r-edge {
	margin-right:0;
}
.r-idx .r-itemlist .r-itemcol .r-item .r-lbtn {
	position:absolute;
	top:182px;
	left:12px;
	width:430px;
}
.r-idx .r-itemlist .r-tenpobtn {
	margin-top:50px;
	text-align:center;
}

/*------------------------------

	バナーエリア

------------------------------*/
.r-container .r-bnrarea {
	margin:0 0 10px;
}
.r-container .r-bnrarea ul {
	margin-top: 25px;
}
.r-container .r-bnrarea ul li {
	float:left;
}
.r-container .r-bnrarea ul.r-tbnr li {
	width:480px;
}
.r-container .r-bnrarea ul.r-tbnr li.r-edge {
	width:470px;
}

.r-container .r-bnrarea ul.r-bbnr li {
	width:320px;
}
.r-container .r-bnrarea ul.r-bbnr li.r-edge {
	width:310px;
}
.r-container .r-bnrarea ul.r-bbnr2 li {
	width:462px;
	margin:0 26px 26px 0;
}
.r-container .r-bnrarea ul.r-bbnr2 li.r-edge {
	margin:0px;
}
.r-container .r-bnrarea ul.r-bbnr2 li.r-bottom {
	margin:0 26px 0 0;
}

.r-container .r-bnr_mbag {
	margin-top: 8px;
}

.r-container .r-bnr_mbag .r-itemfrm {
	background:url(/voi/webshop/rougenheur_bag/img/bg_tote.gif) no-repeat left bottom;
	padding: 0 15px 19px 15px;
}

.r-container .r-bnr_mbag li {
	float: left;
	margin-right: 12px;
}
	
.r-container .r-bnr_mbag li.r-last {
	margin-right: 0;
}

.r-container .r-bnr_rakuchin {
	margin-top:40px;
	padding-top:40px;
	border-top:1px solid #ccc;
}

.r-container .r-bnr_rakuchin li {
	float: left;
	margin-right: 10px;
}
	
.r-container .r-bnr_rakuchin li.r-last {
	margin-right: 0;
}

.r-container .r-pickuparea {
	background:url(/voi/webshop/rougenheur_bag/img/bg_leather.gif) no-repeat left top;
	width: 950px;
	height: 263px;
}

.r-container .r-pickuparea .r-inner {
	position:relative;
	padding: 8px 15px 15px 15px;
}

.r-container .r-pickuparea ul {
	position: absolute;
	top: 143px;
	left: 27px;
}

.r-container .r-pickuparea ul li {
	margin-bottom: 6px;
}


/*  すべてのラクチンシリーズをみる */
div.r-container .r-rakuchinbnr {
	margin-top:60px;
}

/*	============================================
				フッターエリア
	============================================		*/
/*#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%;
	zoom: 1;
}
/* for macIE \*/
* html .r-cfx {
	height: 1%;
}
.r-cfx {
	display: block;
}
/* end of for macIE */