@charset "utf-8";

#footerArea {
	position: fixed !important;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 30px;
	background-color: #666;
	 font-size: 12px;
	font-weight:400;
	color: #fff;
	text-align:center;
	line-height:2.5;
}

#tab {
width: 45px;/* 最初に表示されるバナーの幅 */
height: 100px;/* バナーの高さ */
background: url(/en/common/images/tab.png) no-repeat;/* 画像のURL */
position: fixed;/* バナーを固定します */
right: 0;/* 右から0pxの位置に指定 */
top: 220px;/* 下から100pxの位置に指定 */
z-index: 1;
}
#tab a {/* リンクするエリアをバナー全体に広げる設定 */
display: block;
width: 100%;
height: 100%;
}
#tab:hover {/* カーソルが乗った時の動きを指定 */
width: 310px;/* バナーが伸びた時の幅 */
/* 以下アニメーションの設定 */
-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;
}