@charset "utf-8";
/* CSS Document */
.link {
	position: absolute;
	width: 160px; /*縦バナーの横サイズに合わせる*/
	width: 160px;
	top: 240px;
	min-height: 100%;
	z-index: 0;/*重なり順の設定大きい数字程上になる*/
	height: 5700px;/*ページの長さによって調整する*/
	visibility: visible;/*縦バナーの表示・非表示（hidden＝消す、visible＝見せる）*/
}
#tbl {
	top: 0px;
	left: 20px;
	background: url(./images/tate_banner_l.jpg) repeat-y scroll;/*縦バナー左の画像URL*/

}
#tbr {
	top: 0px;
	right: 20px;
	background: url(./images/tate_banner_r.jpg) repeat-y scroll;/*縦バナー右の画像URL*/
}
div.link a {
	display: block;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

/*小さいモニタの場合非表示にする*/
 @media screen and (max-width: 1023px) {
.link {
	visibility: hidden;
}
div#headerClone {
	visibility: hidden;
}
}