html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}


div.tab_ban {
	position: fixed!important;
	position: absolute;
}


.tab_ban {
	width: 90px;/* 最初に表示されるバナーの幅 */
	height: 200px;/* バナーの高さ */
	position: fixed;/* バナーを固定します */
	right: 0;/* 右から0pxの位置に指定 */
}



.tab_ban a {/* リンクするエリアをバナー全体に広げる設定 */
	display: block;
	width: 100%;
	height: 100%;
}


.tab_ban:hover {/* カーソルが乗った時の動きを指定 */
	width: 380px;/* バナーが伸びた時の幅 */

	/* 以下アニメーションの設定 */
	-webkit-transition: width ease-in-out 0.3s;
	-moz-transition: width ease-in-out 0.3s;
	-ms-transition: width ease-in-out 0.3s;
	-o-transition: width ease-in-out 0.3s;
	transition: width ease-in-out 0.3s;
}


.tab_ban a:hover {
	/* IE9用 */
	width: 200px\9;
}
#tab01 {
	background: url(https://www.liugoo.co.jp/images/rightslide/rgt01.jpg) 0 0 no-repeat;
	bottom: 400px; z-index:5;

}
#tab02 {
	background: url(https://www.liugoo.co.jp/images/rightslide/rgt05.jpg?SEP) 0 0 no-repeat;
	bottom: 190px; z-index:5;

}
#tab03 {
	background: url(https://www.liugoo.co.jp/images/rightslide/rgt06.jpg) 0 0 no-repeat;
	bottom: -20px; z-index:5 ;
}