@charset "Shift_JIS";

.rightBox{
	position:fixed; /* for Firefox */
	top:0;
	right:0;
	
	/* IE5 later && javascript-on */
	position: expression('absolute');
	top: expression((documentElement.scrollTop || document.body.scrollTop) + 0 + 'px');
	right: expression((documentElement.scrollRight || document.body.scrollRight) + 0 + 'px');
	z-index:10;
}
.leftBox{
	position:fixed; /* for Firefox */
	top:0;
	left:0;
	
	/* IE5 later && javascript-on */
	position: expression('absolute');
	top: expression((documentElement.scrollTop || document.body.scrollTop) + 0 + 'px');
	left: expression((documentElement.scrollRight || document.body.scrollRight) + 0 + 'px');
	z-index:-1;
}

/* 右側バナー小 （一番上）https://www.rakuten.ne.jp/gold/mm-pop/bn/lside-2-pu.png */
#r-banner-1 {
	width:65px;
	height: 85px;
	position: fixed; 
	*position: fixed;
	_position: absolute;
	top: 0px; 
	right: 0px;
	text-indent:-9999px;
	display:block;
  }
#r-banner-1 a#point {
	outline:none;
	display: block;
	width:65px;
	height: 85px;
	background: url("https://www.rakuten.ne.jp/gold/mm-pop/bn/lside-pb.png") no-repeat scroll 0 0 transparent;
	/*  (55px 0px; <---55pxだと半分かくれる） (0px 0px;<---0pxだと全部見える） */
	background-position: 20px 0px;
	position: relative; 
	top: 100px; 
	right: 0px;
}
#r-banner-1 a#point:hover {
	outline:none;
	display: block;
	width:65px;
	height: 85px;
	background: url("https://www.rakuten.ne.jp/gold/mm-pop/bn/lside-pb.png") no-repeat scroll 0 0 transparent;
	background-position: 0px 0px;
	position: relative; 
	top: 100px; 
	right: 0px;
}

/* 右側バナー小 （二番目）*/
#r-banner-2 {
	width:65px;
	height: 85px;
	position: fixed; 
	*position: fixed;
	_position: absolute;
	top: 190px; 
	right: 0px;
	text-indent:-9999px;
	display:block;
}
#r-banner-2 a#coupon {
	outline:none;
	display: block;
	width:65px;
	height: 85px;
	background: url("https://www.rakuten.ne.jp/gold/mm-pop/bn/lside-2-cp.png") no-repeat scroll 0 0 transparent;
	background-position: 20px 0px;
	position: relative; 
	top: 0px; 
	right: 0px;
}
#r-banner-2 a#coupon:hover {
	outline:none;
	display: block;
	width:65px;
	height: 85px;
	background: url("https://www.rakuten.ne.jp/gold/mm-pop/bn/lside-2-cp.png") no-repeat scroll 0 0 transparent;
	background-position: 0px 0px;
	position: relative; 
	top: 0px; 
	right: 0px;
}



/* 右側バナー小 （三番目）*/
#r-banner-3 {
	width:65px;
	height: 85px;
	position: fixed; 
	*position: fixed;
	_position: absolute;
	top: 280px; 
	right: 0px;
	text-indent:-9999px;
	display:block;
}
#r-banner-3 a#new {
	outline:none;
	display: block;
	width:65px;
	height: 85px;
	background: url("https://www.rakuten.ne.jp/gold/mm-pop/lside-5-new.png") no-repeat scroll 0 0 transparent;
	background-position: 20px 0px;
	position: relative; 
	top: 0px; 
	right: 0px;
}
#r-banner-3 a#new:hover {
	outline:none;
	display: block;
	width:65px;
	height: 85px;
	background: url("https://www.rakuten.ne.jp/gold/mm-pop/lside-5-new.png") no-repeat scroll 0 0 transparent;
	background-position: 0px 0px;
	position: relative; 
	top: 0px; 
	right: 0px;
}

/* 右側バナー小 （四番目）*/
#r-banner-4 {
	width: 65px;
	height: 85px;
	position: fixed; 
	*position: fixed;
	_position: absolute;
	top: 370px; 
	right: 0px;
	text-indent:-9999px;
	display:block;
}
#r-banner-4 a#souryou {
	outline:none;
	display: block;
	width: 65px;
	height: 85px;
	background: url("https://www.rakuten.ne.jp/gold/mm-pop/sidet-tt.png") no-repeat scroll 0 0 transparent;
	background-position: 20px 0px;
	position: relative; 
	top: 0px; 
	right: 0px;
}
#r-banner-4 a#souryou:hover {
	outline:none;
	display: block;
	width: 65px;
	height: 85px;
	background: url("https://www.rakuten.ne.jp/gold/mm-pop/sidet-tt.png") no-repeat scroll 0 0 transparent;
	background-position: 0px 0px;
	position: relative; 
	top: 0px; 
	right: 0px;
}

/* 右側バナー*/
#r-banner-5 {
	width: 65px;
	height: 85px;
	position: fixed; 
	*position: fixed;
	_position: absolute;
	top: 460px; 
	right: 0px;
	text-indent:-9999px;
	display:block;
}
#r-banner-5 a#souryou {
	outline:none;
	display: block;
	width: 65px;
	height: 85px;
	background: url("https://www.rakuten.ne.jp/gold/mm-pop/sidet-wa.png") no-repeat scroll 0 0 transparent;
	background-position: 20px 0px;
	position: relative; 
	top: 0px; 
	right: 0px;
}
#r-banner-5 a#souryou:hover {
	outline:none;
	display: block;
	width: 65px;
	height: 85px;
	background: url("https://www.rakuten.ne.jp/gold/mm-pop/sidet-wa.png") no-repeat scroll 0 0 transparent;
	background-position: 0px 0px;
	position: relative; 
	top: 0px; 
	right: 0px;
}

/* 右側バナー小 （5番目）*/
#r-banner-6 {
	width: 65px;
	height: 85px;
	position: fixed; 
	*position: fixed;
	_position: absolute;
	top: 550px; 
	right: 0px;
	text-indent:-9999px;
	display:block;
}
#r-banner-6 a#souryou {
	outline:none;
	display: block;
	width: 65px;
	height: 85px;
	background: url("https://www.rakuten.ne.jp/gold/mm-pop/sidet-pc.png") no-repeat scroll 0 0 transparent;
	background-position: 20px 0px;
	position: relative; 
	top: 0px; 
	right: 0px;
}
#r-banner-6 a#souryou:hover {
	outline:none;
	display: block;
	width: 65px;
	height: 85px;
	background: url("https://www.rakuten.ne.jp/gold/mm-pop/sidet-pc.png") no-repeat scroll 0 0 transparent;
	background-position: 0px 0px;
	position: relative; 
	top: 0px; 
	right: 0px;
}
/* 右側バナー小 （6番目 　高さ2倍））*/
#r-banner-7 {
	width:0px;
	height: 170px;
	position: fixed; 
	*position: fixed;
	_position: absolute;
	top: 555px; 
	right: 0px;
	text-indent:-9999px;
	display:block;
}
#r-banner-7 a#souryou {
	outline:none;
	display: block;
	width:0px;
	height: 170px;
	background: url("●") no-repeat scroll 0 0 transparent;
	background-position: 20px 0px;
	position: relative; 
	top: 0px; 
	right: 0px;
}
#r-banner-7 a#souryou:hover {
	outline:none;
	display: block;
	width: 65px;
	height: 85px;
	background: url("●") no-repeat scroll 0 0 transparent;
	background-position: 0px 0px;
	position: relative; 
	top: 0px; 
	right: 0px;
}


/* 右側バナー小 （八番目）*/
#r-banner-8 {
	width:0px;
	height: 170px;
	position: fixed; 
	*position: fixed;
	_position: absolute;
	top: 730px; 
	right: 0px;
	text-indent:-9999px;
	display:block;
}
#r-banner-8 a#souryou {
	outline:none;
	display: block;
	width:0px;
	height: 170px;
	background: url("●") no-repeat scroll 0 0 transparent;
	background-position: 35px 0px;
	position: relative; 
	top: 0px; 
	right: 0px;
}
#r-banner-8 a#souryou:hover {
	outline:none;
	display: block;
	width:0px;
	height: 170px;
	background: url("●") no-repeat scroll 0 0 transparent;
	background-position: 0px 0px;
	position: relative; 
	top: 0px; 
	right: 0px;
}




/* 右側バナー縦長*/  
#r-banner-lg {
	width:0px;
	height:3000px;
	position: fixed; 
	*position: fixed;
	_position: absolute;
	top: 0px; 
	right: 0px;
	text-indent:-9999px;
	display:block;
  }
#r-banner-lg a#r-banner {
	outline:none;
	display: block;
	width:0px;
	height:3000px;
	background: url("●") repeat-y scroll 0 0 transparent;
	background-position: 0px 0px;
	position: relative; 
	top: 0px; 
	right: 0px;
}
#r-banner-lg a#r-banner:hover {
	outline:none;
	display: block;
	width: 0px;
	height: 3000px;
	background: url("●") repeat-y scroll 0 0 transparent;
	background-position: 0px 0px;
	position: relative; 
	top: 0px; 
	right: 0px;
}

  
	
	
/* 左側バナー縦長*/   
  #l-banner-lg {
	width: 100px;
	height: 3000px;
	position: fixed; 
	*position: fixed;
	_position: absolute;
	top: 0px; 
	left: 0px;
	text-indent:-9999px;
	display:block;
  }
#l-banner-lg a#l-banner {
	outline:none;
	display: block;
	width: 100px;
	height: 3000px;
	background: url("●") repeat-y scroll 0 0 transparent;
	background-position: 0px 0px;
	position: relative; 
	top: 0px; 
	left: 0px;
}
#l-banner-lg a#l-banner:hover {
	outline:none;
	display: block;
	width:100px;
	height: 3000px;
	background: url("●") repeat-y scroll 0 0 transparent;
	background-position: 0px 0px;
	position: relative; 
	top: 0px; 
	left: 0px;
}