/*タブ1番目*/
div#tab .tab01{
  background: url("https://image.rakuten.co.jp/e-kurashi/cabinet/banner/tab_point10.jpg") no-repeat scroll left 0 transparent;
  width:0px;height:0px;/*width:160px;height:230px*/
  outline:none;z-index:9999; margin-top:8px;
  position:absolute;top:0;right:0;/*上からの位置調整箇所*/
  display: block;
}
/*タブ1番目hover*/
  div#tab .tab01:hover{ 
  width:220px;
}









/*タブ2番目*/
div#tab .tab02{
  background: url("https://image.rakuten.co.jp/e-kurashi/cabinet/sale/supersale/1406/tab_supersale_.jpg") no-repeat scroll left 0 transparent;
  width:0px;height:230px;/*width:160px;height:230px*/
  outline:none;z-index:9999; margin-top:8px;
  position:absolute;top:0px;right:0;/*上からの位置調整箇所*/
  display: block;
}
/*タブ2番目hover*/
  div#tab .tab02:hover{ 
  width:220px;
}










/*タブ3番目*/
div#tab .tab03{
  background: url("https://image.rakuten.co.jp/kagustyle/cabinet/special_parts/review_tab00.jpg") no-repeat scroll left 0 transparent;
  width:0;height:275px;/*width:90px;height:275px*/
  outline:none;z-index:9999; margin-top:8px;
  position:absolute;top:600px;right:0;/*上からの位置調整箇所*/
  display: block;
}
/*タブ3番目hover*/
  div#tab .tab03:hover{ 
  width:150px;
}












/*タブ4番目*/
div#tab .tab04{
  background: url("https://image.rakuten.co.jp/kagustyle/cabinet/special_parts/review_tab00.jpg") no-repeat scroll left 0 transparent;
  width:0;height:275px;/*width:90px;height:275px*/
  outline:none;z-index:9999; margin-top:8px;
  position:absolute;top:900px;right:0;/*上からの位置調整箇所*/
  display: block;
}
/*タブ4番目hover*/
  div#tab .tab04:hover{ 
  width:150px;
}













/*タブ5番目*/
div#tab .tab05{
  background: url("https://image.rakuten.co.jp/kagustyle/cabinet/special_parts/review_tab00.jpg") no-repeat scroll left 0 transparent;
  width:0;height:275px;/*width:90px;height:275px*/
  outline:none;z-index:9999; margin-top:8px;
  position:absolute;top:1200px;right:0;/*上からの位置調整箇所*/
  display: block;
}
/*タブ5番目hover*/
  div#tab .tab05:hover{ 
  width:150px;
}





















/* tabフィックス化 */
div#tab{
  position: fixed; 
  top: 60px; 
  right: 0;
  z-index:9999;
  display:block;
}















/* css3 */



div#tab a{
transition: background-position 0.2s ease-out 0,width 0.2s ease-out;
-moz-transition:background-position 0.2s ease-out, width 0.2s ease-out; /* Firefox */
-webkit-transition: background-position 0.2s ease-out 0,width 0.2s ease-out;
-o-transition: background-position 0.3s ease-out 0,width 0.2s ease-out;
-ms-transition: background-position 0.3s ease-out 0,width 0.2s ease-out;
}





.side-bar{
overflow: auto;
height: 200px;
width: 130px;
position: fixed;
top: 150px;
left: 50%;
margin-left: 495px;

}


.side-bar a:hover{
		opacity:0.8;
filter: alpha(opacity=80);
	text-decoration:none;}


.side-bar2{
overflow: auto;
height: 200px;
width: 130px;
position: fixed;
top: 360px;
left: 50%;
margin-left: 495px;

}


.side-bar2 a:hover{
		opacity:0.8;
filter: alpha(opacity=80);
	text-decoration:none;}
	


.side-bar3{
overflow: auto;
height: 200px;
width: 130px;
position: fixed;
top: 570px;
left: 50%;
margin-left: 495px;

}


.side-bar3 a:hover{
		opacity:0.8;
filter: alpha(opacity=80);
	text-decoration:none;}

	.side-bar4{
overflow: auto;
height: 200px;
width: 130px;
position: fixed;
top: 660px;
left: 50%;
margin-left: 495px;

}


.side-bar4 a:hover{
		opacity:0.8;
filter: alpha(opacity=80);
	text-decoration:none;}