@charset "utf-8";

/* CSS Document */

#left {
  background-color: #FFF;
  color: #808080;
  float: left;
  font-size: 10pt;
  /*height: 580px;*/
  margin: 0 15px 0 0;
  width: 45%;
}

#left_02 {
  background-color: #FFF;
  color: #808080;
  float: left;
  font-size: 10.5pt;
  margin: -10px 0px 0px 15px;
  /*height: 580px;*/
  width: 28%;
}

#right {
  background-color: #FFF;
  color: #808080;
  float: left;
  font-size: 10.5pt;
  margin: 0px 0px 0px -4px;
  /*height: 580px;*/
  width: 23%;
}
.bnrCm {
  margin-bottom: 10px;
}
.bnrFood {
  margin: 0 0 19px;
  padding: 0;
}

.bnrFood li {
  line-height: 0;
  list-style: none;
  margin: 0 0 8px;
  padding: 0;
}

#table_01 {
  width: 216px;
  margin-bottom: 12px;
  border-collapse: collapse;
  border-spacing: 0;
}

#table_01 th {
}

#table_01 td {
  height: 80px;
  padding: 0px;
}

#lineup {
  width: 423px;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 8px auto 0;
}

#lineup th {
}

#lineup tr {
  border-bottom: solid thin #ccc;
}

#lineup tr:last-child {
  border-bottom: none;
}

#lineup td {
  padding: 3px 0;
}

#table_03 {
  margin-bottom: 15px;
}

#topics {
  padding: 3px 3px 3px 3px;
  overflow: scroll;
  height: 300px;
  overflow-y: scroll;
  overflow-x: hidden;
}

#table_04 {
  width: 400px;
  border-collapse: collapse;
  border-spacing: 0;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 0px;
}

#table_04 th {
}

#table_04 td {
  padding: 6px;
  border-botto: solid thin #ccc;
}

span.sample1 {
  font-size: 9pt;
}

body {
  background-image: url(../image/bg.gif);
  background-repeat: repeat-y;
}


.strong-tilt-move-shake:hover {
  animation: tilt-n-move-shaking 0.15s infinite;
}

@keyframes tilt-n-move-shaking {
  0% { transform: translate(0, 0) rotate(0deg); }
  25% { transform: translate(5px, 5px) rotate(5deg); }
  50% { transform: translate(0, 0) rotate(0eg); }
  75% { transform: translate(-5px, 5px) rotate(-5deg); }
  100% { transform: translate(0, 0) rotate(0deg); }
}