@charset "UTF-8";
/* CSS Document */

div#div_follow_sidearea{

  /* 表示させるとき、以下の一行を消す */
  display:none;

  /* 表示位置 */
  bottom:190px;

  position:fixed !important;
  right:0px;
  position: expression('absolute');
  bottom: expression((documentElement.scrollBottom || document.body.scrollBottom) + 0 + 'px');
  right: expression((documentElement.scrollLeft || document.body.scrollLeft) + 0 + 'px');
  z-index:9999;
  text-indent:-9999px;
  
}


div#div_follow_sidearea a{

  /* 表示画像 */
	background: url("http://image.rakuten.co.jp/hot-emu/cabinet/sivent/ss201509-r-side.jpg") no-repeat scroll 0 0 transparent;

  /* 画像サイズ（閉じているとき） */
	height: 250px;
	width: 70px;

  text-decoration: none;
	outline:none;
	display: block;
	background-position: 0px 0px;
	
  -moz-animation-name: f_anime2;
  -moz-animation-duration: 0.5s;
  -moz-animation-timing-function: ease;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0s;

  -webkit-animation-name: f_anime2;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0s;

  -o-animation-name: f_anime2;
  -o-animation-duration: 0.5s;
  -o-animation-timing-function: ease;
  -o-animation-iteration-count: 1;
  -o-animation-delay: 0s;

  -ms-animation-name: f_anime2;
  -ms-animation-duration: 0.5s;
  -ms-animation-timing-function: ease;
  -ms-animation-iteration-count: 1;
  -ms-animation-delay: 0s;
}

div#div_follow_sidearea a:hover{

  /* 画像サイズ（開いているとき） */
	width: 350px;
	
  -moz-animation-name: f_anime1;
  -moz-animation-duration: 0.5s;
  -moz-animation-timing-function: ease;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0s;

  -webkit-animation-name: f_anime1;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0s;

  -o-animation-name: f_anime1;
  -o-animation-duration: 0.5s;
  -o-animation-timing-function: ease;
  -o-animation-iteration-count: 1;
  -o-animation-delay: 0s;

  -ms-animation-name: f_anime1;
  -ms-animation-duration: 0.5s;
  -ms-animation-timing-function: ease;
  -ms-animation-iteration-count: 1;
  -ms-animation-delay: 0s;
}

@-moz-keyframes f_anime2 {
0% {width: 350px;}
100% {width: 70px;}}

@-webkit-keyframes f_anime2 {
0% {width: 350px;}
100% {width: 70px;}}

@-o-keyframes f_anime2 {
0% {width: 350px;}
100% {width: 70px;}}

@-ms-keyframes f_anime2 {
0% {width: 350px;}
100% {width: 70px;}}

@-moz-keyframes f_anime1 {
0% {width: 70px;}
100% {width: 350px;}}

@-webkit-keyframes f_anime1 {
0% {width: 70px;}
100% {width: 350px;}}

@-o-keyframes f_anime1 {
0% {width: 70px;}
100% {width: 350px;}}

@-ms-keyframes f_anime1 {
0% {width: 70px;}
100% {width: 350px;}}