@charset "utf-8";
/* CSS Document */


/* ==================================== 左追従バナー01 ====================================*/
#side_left01 {position: fixed;  top: 150px; left:0px; text-indent:-9993px; display:block; background-color: transparent; z-index:9999;}
#side_left01:after {content: ".";  display: block;  height: 0;  font-size:0; clear: both;  visibility:hidden;}
#side_left01 {display: inline-block;} 
* html #side_left01 {height: 1%;}
#side_left01 {display:block;}
#side_left01 .left01 a {outline:none; display: block;
	background: url("/user_data/packages/raku2pc/img/followbnr/trialcosme_left.gif") no-repeat scroll top right transparent;
	width:130px; height:180px; -webkit-transition: all 1.0s ease;  -moz-transition: all 1.0s ease;  -o-transition: all 1.0s ease;}
#side_left01 .left01 a:hover {outline:none; display: block;
	background: url("/user_data/packages/raku2pc/img/followbnr/trialcosme_left.gif") no-repeat scroll top right transparent;
	width:370px; height:180px; -webkit-transition: all 1.0s ease;  -moz-transition: all 1.0s ease;  -o-transition: all 1.0s ease;}
	
/* ==================================== 右追従バナー01 ====================================*/
#side_right01 {position: fixed;  top: 150px; right:0px; text-indent:-9993px; display:block; background-color: transparent; z-index:9999;}
#side_right01:after {content: ".";  display: block;  height: 0;  font-size:0; clear: both;  visibility:hidden;}
#side_right01 {display: inline-block;} 
* html #side_right01 {height: 1%;}
#side_right01 {display:block;}
#side_right01 .right01 a {
	outline:none; display: block;
	/*///////// 通常時 /////////*/
	background: url("/user_data/packages/raku2pc/img/followbnr/hq.png") no-repeat scroll 0px 0 transparent;
	width:130px; height:180px; -webkit-transition: all 1.0s ease;  -moz-transition: all 1.0s ease;  -o-transition: all 1.0s ease;
	/*///////// キャンペーン時 /////////
	background: url("/user_data/packages/contents/cp/main/pc-img/sale/side.gif") no-repeat scroll 0px 0 transparent;
	width:185px; height:180px; -webkit-transition: all 1.0s ease;  -moz-transition: all 1.0s ease;  -o-transition: all 1.0s ease;	*/
}
	
#side_right01 .right01 a:hover {
	outline:none; display: block;
	/*///////// 通常時 /////////*/
	background: url("/user_data/packages/raku2pc/img/followbnr/hq.png") no-repeat scroll 0px 0 transparent;
	width:370px; height:180px; -webkit-transition: all 1.0s ease;  -moz-transition: all 1.0s ease;  -o-transition: all 1.0s ease;
	/*///////// キャンペーン時 /////////
	background: url("/user_data/packages/contents/cp/main/pc-img/sale/side.gif") no-repeat scroll 0px 0 transparent;
	width:185px; height:180px; -webkit-transition: all 1.0s ease;  -moz-transition: all 1.0s ease;  -o-transition: all 1.0s ease;	*/
}
	
/* ==================================== 右追従バナー02 ====================================*/
#side_right02 {position: fixed;  top: 340px; right:0px; text-indent:-9993px; display:block; background-color: transparent; z-index:9999;}
#side_right02:after {content: ".";  display: block;  height: 0;  font-size:0; clear: both;  visibility:hidden;}
#side_right02 {display: inline-block;} 
* html #side_right02 {height: 1%;}
#side_right02 {display:block;}
#side_right02 .right02 a {outline:none; display: block;
	background: url("/user_data/packages/raku2pc/img/followbnr/vcseries.png") no-repeat scroll 0px 0 transparent;
	width:130px; height:180px; -webkit-transition: all 1.0s ease;  -moz-transition: all 1.0s ease;  -o-transition: all 1.0s ease;}
#side_right02 .right02 a:hover {outline:none; display: block;
	background: url("/user_data/packages/raku2pc/img/followbnr/vcseries.png") no-repeat scroll 0px 0 transparent;
	width:370px; height:180px; -webkit-transition: all 1.0s ease;  -moz-transition: all 1.0s ease;  -o-transition: all 1.0s ease;}
	
/* ==================================== 右追従バナー03 ====================================*/
#side_right03 {position: fixed;  top: 530px; right:0px; text-indent:-9993px; display:block; background-color: transparent; z-index:9999;}
#side_right03:after {content: ".";  display: block;  height: 0;  font-size:0; clear: both;  visibility:hidden;}
#side_right03 {display: inline-block;} 
* html #side_right03 {height: 1%;}
#side_right03 {display:block;}
#side_right03 .right03 a {outline:none; display: block;
	background: url("/user_data/packages/raku2pc/img/followbnr/coupon-01.png") no-repeat scroll 0px 0 transparent;
	width:100px; height:60px; -webkit-transition: all 1.0s ease;  -moz-transition: all 1.0s ease;  -o-transition: all 1.0s ease;}
#side_right03 .right03 a:hover {outline:none; display: block;
	background: url("/user_data/packages/raku2pc/img/followbnr/coupon-01.png") no-repeat scroll 0px 0 transparent;
	width:400px; height:60px; -webkit-transition: all 1.0s ease;  -moz-transition: all 1.0s ease;  -o-transition: all 1.0s ease;}