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

/*LINEクーポン */

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

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

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

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


#tab02_line {
	background: url(https://www.rakuten.ne.jp/gold/ds-devas/right/navi/img/line_right1.jpg) 0 0 no-repeat;
	bottom: 380px;
}

#tab03_line {
	background: url(https://image.rakuten.co.jp/ds-devas/cabinet/goannai/xmaspage_right6.jpg) 0 0 no-repeat;
	bottom: 600px;
}


</style>
