@charset "utf-8";

/* 難易度表用レイアウト */
table.warp {
   table-layout: fixed;
   width: 63%;
   text align: center;
   font-size: 20px;
   line-height: 125%;
   border:solid 2px #000;
   border-collapse:collapse;
   text-align:center

}
caption{
background:blue;
color:#fff;
}
body.diff {
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  text-align: center;
  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: center;
  background-color: #222222;
  min-width: 900px;
}

.tableflame a {
  color: #0000c0;
}

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

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

.tr_normal {
  background-color: #eeeeee;
}

.state1 {
  background-color: #ffc0cb;
}

.state2 {
  background-color: #add8e6;
}

.state3 {
  background-color: #90ee90;
}

.state4 {
  background-color: #ffff00;
}

.state5 {
  background-color: #808080;
}

.state6 {
  background-color: #ffa500;
}

.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;
}