/*フロアガイドCSS*/


body {
  background-image: url(an-name.png);
  background-attachment: fixed; 
  background-size: 20%;   
  background-repeat: no-repeat; 　
}
body {
  background-color:peachpuff;
  margin: 0;
  font-size: auto;
}
#layout01 {
  background-color: rgba( );
  width: auto;
  height: 20px;
}
#layout02 {
  background-color: rgba( ) ;
  width: 25%; 
  height: 1100px;  
  float: left;  
}
#layout03 {
  background-color: rgba( );
  width: auto; 
  height: 1100px;  
  float: left;  
}
#layout04 {
  background-color:  rgba( );
  width: auto; 
  height: 30px;  
  clear: both;
}
#layoutMiddle {
}
.clearfix:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  overflow: hidden;
  height: auto;
}

.tablearea td:hover {
  background    : #ffa07a;           /* 背景色    */
  color: ;           /* 文字色    */
}




body{
font-family:"游明朝",selif,"Arial";
}


h1 {
  text-align: center;
}

h2 {
  text-align: center;
}

h3 {
  text-align: center;
}

h4 {
  text-align: center;
}

h5 {
  text-align: center;
}

h6 {
  text-align: center;
  background-color: rgba(128,128,0,0.5);
}

p {
  text-align: left;
  padding-left: 30px
}

.floating-button { 
position: fixed;
 right: 20px; 
top: 20px;
z-index: 9999; 
display: block; background-color:darkred; /* ボタンの背景色 */ 
color: white; /* 文字色 */ 
width: 150px; /* ボタンの幅 */ 
height: 60px; /* ボタンの高さ */ 
text-align: center; line-height: 60px; /* ボタン内のテキストの位置を中央にする */ 
font-size: 20px; /* テキストサイズ */  
border-radius: 10%; /* 丸い形状を作る */
box-shadow: 0px 2px 10px rgb(0 0 0/ 0.8); /* 影の効果 */
animation: move 5s infinite;/*アニメーション化*/
 } .floating-button:hover { background-color:orange; /* ホバー時の背景色 */
 }
@keyframes move {
  0%, 40% {
    transform: skew(0deg, 0deg);
  }
  5% {
    transform: skew(4deg, 4deg);
  }
  10% {
    transform: skew(-3deg, -3deg);
  }
  15% {
    transform: skew(2deg, 2deg);
  }
  20% {
    transform: skew(-1deg, -1deg);
  }
  25% {
    transform: skew(0.6deg, 0.6deg);
  }
  30% {
    transform: skew(-0.4deg, -0.4deg);
  }
  35% {
    transform: skew(0.2deg, 0.2deg);
  }