@charset "UTF-8";
body {
	background-color:#FFF;
	background-repeat: repeat-y;
	background-position: center top;
}


/* 右側1 */
#tab {
top: 160px;
width: 100px;/* 最初に表示されるバナーの幅 */
height: 400px;/* バナーの高さ */
background: url('../images/side/furu_gei.jpg') no-repeat;/* 画像のURL */
position: fixed;/* バナーを固定します */
right: 0;/* 右から0pxの位置に指定 */
bottom: 100px;/* 下から100pxの位置に指定 */

}


#tab {
	position: fixed!important;
	position: absolute;
	/*	z-index:30;
	*/
	z-index:2147483620;
}

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

#tab:hover {/* カーソルが乗った時の動きを指定 */
width: 110px;/* バナーが伸びた時の幅 */
/* 以下アニメーションの設定 */
-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;
}














/* 左側1枚目 */
.tab_ban2 {
	position: fixed!important;
	position: absolute;
	/*	z-index:30;
	*/
	z-index:2147483620;
}
.tab_ban2 {
	top: 150px;
	width: 85px;/* 最初に表示されるバナーの幅 */
	height: 280px;/* バナーの高さ */
	position: fixed;/* バナーを固定します */
	left: 0px;/* 右から0pxの位置に指定 */
	z-index:2147483620;
}
.tab_ban2 a {/* リンクするエリアをバナー全体に広げる設定 */
	display: block;
	width: 100%;
	height: 100%;
	z-index:2147483620;
}
.tab_ban2:hover {/* カーソルが乗った時の動きを指定 */
	width: 200px;/* バナーが伸びた時の幅 */
	/* 以下アニメーションの設定 */
	-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;
	z-index:2147483620;
}
.tab_ban2 a:hover {
	/* IE9用 */
	width: 100px\9;
}
#tab_left2 {
	background: url(../images/side/0903side_4mix.png) right top no-repeat;
	bottom: 100px;
}


/* 左側2枚目 */
.tab_ban3 {
	position: fixed!important;
	position: absolute;
	/*	z-index:30;
	*/
	z-index:2147483620;
}
.tab_ban3 {
	top: 600px;
	width: 85px;/* 最初に表示されるバナーの幅 */
	height: 150px;/* バナーの高さ */
	position: fixed;/* バナーを固定します */
	left: 0px;/* 右から0pxの位置に指定 */
	z-index:2147483620;
}
.tab_ban3 a {/* リンクするエリアをバナー全体に広げる設定 */
	display: block;
	width: 100%;
	height: 100%;
	z-index:2147483620;
}
.tab_ban3:hover {/* カーソルが乗った時の動きを指定 */
	width: 100px;/* バナーが伸びた時の幅 */
	/* 以下アニメーションの設定 */
	-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;
	z-index:2147483620;
}
.tab_ban3 a:hover {
	/* IE9用 */
	width: 100px\9;
}
#tab_left3 {
	background: url(../images/side/side_owre250.gif) right top no-repeat;
	bottom: 100px;
}





/*--フッター固定--*/

#fullBnrBox {
    display: block;
    width: 100%;
	background-color:#DB0000;
    position: fixed;
    left: 0px;
    bottom: 0px;
    z-index: 9999;
    text-align: center;
    padding: 0 auto;
}

#fullBnrBox img {
    max-width: 99%;
}
/*--フッター固定ここまで--*/




/*iPad対応→横1160px以下のモニタは縦バナー無効(IE以外)*/
@media screen and (max-width: 1160px) {
#tab_left2 {
visibility: hidden;
}

#tab_left3 {
visibility: hidden;
}

#tab_left4 {
visibility: hidden;
}

#tab_right {
visibility: hidden;
}

#tab_right2 {
visibility: hidden;
}


<!--[if lte IE 7]>
<style type="text/css">
* {
	zoom: 1;
}
ul,ol,li {
	zoom: normal;
}
</style>
<![endif]-->