いつもお世話になります。

現在、下記のCSSでサイドバナー×３を右側に表示させています。
4個表示させるように変更するタグを教えてください。
宜しくお願いします。


以下CSS
/* right fixd */
* html body {background: url(null) fixed;}

* html div#rc_rightArea{
position:absolute !important;
top: expression((documentElement.scrollTop || document.body.scrollTop) + 100 + 'px');
left: expression((documentElement.scrollLeft || document.body.scrollLeft) + document.body.clientWidth - 160 + 'px');/*160*/
}

div#rc_rightArea{
position: fixed;
top: 170px;
right: 0px;
text-indent:-9993px;
display:block;
}

div#rc_rightArea2{
position: fixed;
top: 270px;
right: 0px;
text-indent:-9993px;
display:block;
}

div#rc_rightArea3{
position: fixed;
top: 370px;
right: 0px;
text-indent:-9993px;
display:block;
}

div#rc_rightArea .rc_right ,
div#rc_rightArea2 .rc_right2 ,
div#rc_rightArea3 .rc_right3 {
outline:none;
display: block;
position: relative;
width:80px;
height:90px;
left:0px;
z-index:9998;
}

div#rc_rightArea .rc_right{
background: url("https://image.rakuten.co.jp/●●●●●/cabinet/maill/●●●●●.gif") no-repeat scroll 0 0 transparent;
}

div#rc_rightArea2 .rc_right2{
background: url("https://image.rakuten.co.jp/●●●●●y/cabinet/maill/●●●●●.gif") no-repeat scroll 0 0 transparent;
}

div#rc_rightArea3 .rc_right3{
background: url("https://image.rakuten.co.jp/●●●●●/cabinet/maill/●●●●●.gif") no-repeat scroll 0 0 transparent;
}

div#rc_rightArea .rc_right:hover ,
div#rc_rightArea2 .rc_right2:hover ,
div#rc_rightArea3 .rc_right3:hover {
background-position:0px 0px; width:160px;
}