/* 左固定*/
.leftBnrBox {
height:510px;
position:fixed;
left:0;
top:150px;
margin-top:0px;
z-index:9999;
display:block;
}
ul.navigation {
z-index: 9999; 
list-style-type: none; 
margin: 0px; 
padding: 0px; 
}

ul.navigation li {
width:90px;
}
ul.navigation li a{
display:block;
width:360px;
height:180px;
margin-bottom:5px;
margin-left:-270px;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;
}

ul.navigation li a.second{
width:360px;
height:180px;
margin-bottom:5px;
margin-left:-270px;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;
}

ul.navigation li a:hover{
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;
margin-left:-0px;
}

.leftBnrBox2 ul.navigation li a{
display:block;
width:90px;
height:180px;
margin-bottom:5px;
margin-left:0px;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;
}


ul.navigation li .bnr02{
background-image: url(https://image.rakuten.co.jp/gekkeikan/cabinet/190801_pc.jpg);
background-repeat: no-repeat;
}
ul.navigation li .bnr-oseibo{
background-image: url(https://image.rakuten.co.jp/gekkeikan/cabinet/sp/oseibo/side_19.jpg);
background-repeat: no-repeat;
margin-left: 0;
width: 90px;
height: 300px;
}

ul.navigation li .bnr03{
background-image: url(https://image.rakuten.co.jp/gekkeikan/cabinet/banner/imgrc0084431168.jpg);
background-repeat: no-repeat;
} 

ul.navigation li .bnr04{
background-image: url(https://image.rakuten.co.jp/gekkeikan/cabinet/banner/181107_float_02.jpg);
background-repeat: no-repeat;
} 
ul.navigation li .bnr04{
width:360px;
height:180px;
/*height:373px;*/
margin-bottom:5px;

-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;
}


ul.navigation li p.bnr05{
background-image: url(https://image.rakuten.co.jp/gekkeikan/cabinet/190125_left.jpg);

background-repeat: no-repeat;
} 
ul.navigation li p.bnr05{
width:360px;
height:180px;
/*height:373px;*/
margin-bottom:5px;
margin-left:-270px;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;
}


ul.navigation li p.bnr04 a.link01{
	display:block;
	width:100%;
	height:240px;
	margin:0;
	transition:none;

}
ul.navigation li p.bnr04 a.link02{
	display:block;
	width:100%;
	height:133px;
	margin:0;
	transition:none;

}

ul.navigation li p.bnr04:hover{
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;
margin-left:-0px;
}

ul.navigation li p.bnr05:hover{
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;
margin-left:-0px;
}



/* 右固定*/
.rightBnrBox {
height:510px;
position:fixed;
right:0;
top:150px;
margin-top:0px;
z-index:9999;
display:block;
}
.rightBnrBox ul.navigation {
z-index: 9999; 
list-style-type: none; 
margin: 0px; 
padding: 0px; 
}

.rightBnrBox ul.navigation li {
width:90px;
}
.rightBnrBox ul.navigation li a{
display:block;
width:350px;
height:180px;
margin-bottom:5px;
margin-right:260px!important;
margin-left: 0px!important;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;
}


.rightBnrBox ul.navigation li a:hover{
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;
margin-right: 0px!important;
margin-left: -260px!important;
}


.rightBnrBox ul.navigation li a.bnr01{
background-image: url(https://www.rakuten.ne.jp/gold/gekkeikan/renew/images/index/20180610pc.jpg);
background-repeat: no-repeat;
}
.rightBnrBox ul.navigation li a.bnr02{
background-image: url(https://image.rakuten.co.jp/gekkeikan/cabinet/banner/20180614ss_02.jpg)!important;
background-repeat: no-repeat;
}