/* 難易度表用レイアウト */
body.diff {
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  text-align: left;
  background-color: #222222;
  width: auto;
  min-width: 900px;
  line-height: 1.5;
}

.tableflame {
  margin-left: auto;
  margin-right: auto;
  padding: 0px 5px 0px 5px;
  text-align: left;
  background-color: #222222;
  min-width: 900px;
}

.tableflame a {
  color: #0000c0;
}

.tableflame a:visited {
  color: #0000c0;
}

#table_int {
  width: 100%;
  margin: 0 auto;
  background-color: #000000;
  border-collapse: separate;
  border-spacing: 1px;
  border: 0;
}

#table_int td {
  padding: 2px;
}

.center-text {
  text-align: center;
}

.tr_separate {
  height: 20px;
  color: #ffffff;
  font-size: 16px;
  text-shadow: 2px 2px 2px #444444;
  background-color: #aaaaaa;
}

.tr_normal {
  background-color: #eeeeee;
}

.tr_new {
  background-color: #ff8888;
}

.tr_update {
  background-color: #8888ff;
}

.tableflame table {
  font-size: 12px;
}

.tableflame td {
  table-layout: fixed;
}

.tableflame tr,
a {
  /*Firefox向け*/
  -moz-transition-property: color, background-color;
  -moz-transition-duration: 0.2s;
  /*Chrome、Safari向け*/
  -webkit-transition-property: color, background-color;
  -webkit-transition-duration: 0.2s;
  /*Opera向け*/
  -o-transition-property: color, background-color;
  -o-transition-duration: 0.2s;
  transition-property: color, background-color;
  transition-duration: 0.2s;
}

.tableflame tr.tr_normal:hover {
  background-color: #70f0f0;
}