table {
/*  border-collapse: collapse; */
  border-collapse: separate;
  border-spacing: 0px 0px;
  margin: 0em 1em 1em 1em;
  font-size: 10pt;
  table-layout: fixed;
}

tr {
  width: 80px;
  height: 25px;
}
td {
  text-align: center;
  border: 1px solid black;
  padding: 2px 5px 2px 5px;
}
td.weapon{
  width: 60px;
  height: 30px;
}
td.combi1{
  border-right: 2px dashed gray;
  border-left: 0px solid gray;
  border-bottom: 1px dashed gray;
  width: 250px;
}
td.combi2{
  border-top: 1px dashed gray;
  border-right: 2px dashed gray;
/*  border-left: 2px solid gray; */
  border-left: 0px solid gray;
}
td.attr{
/*  border-right: 2px solid gray; */
/*  border-left: 2px solid gray; */
  border-left: 0px solid gray;
  width: 28px;
}
td.cont1{
  border-right: 2px dashed gray;
  border-bottom: 1px dashed gray;
  border-left: 0px solid gray;
  width: 120px;
}
td.cont2{
  border-top: 1px dashed gray;
  border-right: 2px dashed gray;
  border-left: 0px solid gray;
}

/* 溶解 */
.Liquefaction {
  /* font: bold 100% Arial; */
  color: #fff;
  background-color: #f81a00;
}
/* 硬化 */
.Induration {
  background-color: #d5f1fb;
}
/* 炸裂 */
.Detonation {
  background-color: #78bf3d;
}
/* 切断 */
.Scission {
  background-color: #d1a300;
}
/* 衝撃 */
.Impaction {
  background-color: #fe7cff;
}
/* 振動 */
.Reverberation {
  color: #fff;
  background-color: #4175ff;
}
/* 貫通 */
.Transfixion {
  background-color: #fffbd6;
}
/* 収縮 */
.Compression {
  color: #fff;
  background-color: #4b4b4b;
}

/* 核熱 */
.Fusion {
  color: #104040;
  background: linear-gradient(to bottom, #fffbd6 20%, #f81a00);
/*
  background: radial-gradient(#fffbd6, #f81a00);
*/
/*
  background-image:url("image/bg_fusion.png");
  background-size:100% 100%;
*/
}
/* 分解 */
.Fragmentation {
  color: #fff;
  background: linear-gradient(to bottom, #78bf3d 20%, #fe7cff);
/*
  background: radial-gradient(#78bf3d, #fe7cff);
*/
/*
  background-image:url("image/bg_fragmentation.png");
  background-size:100% 100%;
*/
}
/* 重力 */
.Gravitation {
  color: #fff;
  background: linear-gradient(to bottom, #4b4b4b, #d1a300);
/*
  background: radial-gradient(#4b4b4b, #d1a300);
*/
/*
  background-image:url("image/bg_gravitation.png");
  background-size:100% 100%;
*/
}
/* 湾曲 */
.Distortion {
  color: #c03323;
  background: linear-gradient(to bottom, #4175ff, #d5f1fb);
/*
  background: radial-gradient(#4175ff, #d5f1fb);
*/
/*
  background-image:url("image/bg_distortion.png");
  background-size:100% 100%;
*/
}

/* 光 */
.Light {
  color: #fff;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f81a00), color-stop(0.3, #fffbd6), color-stop(0.7, #fe7cff), color-stop(1, #78bf3d));
  background: -webkit-linear-gradient(top, #fffbd6 5%, #f81a00, #78bf3d, #fe7cff);
  background: -moz-linear-gradient(top, #fffbd6 5%, #f81a00, #78bf3d, #fe7cff);
  background: -o-linear-gradient(top, #fffbd6 5%, #f81a00, #78bf3d, #fe7cff);
  background: linear-gradient(to bottom, #fffbd6 5%, #f81a00, #78bf3d, #fe7cff);
/*
  background-image: url("image/bg_light.png");
  background-size: 100% 100%;
*/
}
/* 闇 */
.Darkness {
  color: #fff;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4b4b4b), color-stop(0.3, #d1a300), color-stop(0.7, #4175ff), color-stop(1, #d5f1fb));
  background: -webkit-linear-gradient(top, #4b4b4b 5%, #d1a300, #4175ff, #d5f1fb);
  background: -moz-linear-gradient(top, #4b4b4b 5%, #d1a300, #4175ff, #d5f1fb);
  background: -o-linear-gradient(top, #4b4b4b 5%, #d1a300, #4175ff, #d5f1fb);
  background: linear-gradient(to bottom, #4b4b4b 5%, #d1a300, #4175ff, #d5f1fb);
/*
  background-image: url("image/bg_darkness.png");
  background-size: 100% 100%;
*/
}

#result td {
  position:relative;
}
#result td.attr:hover {
/*  background: #deb3ba; */
}
.result-tooltips {
  display: none;
  position: absolute;
  bottom: -0.8em;
  left: -0.3em;
  right: -1.8em;
  z-index: 9999;
  padding: 0.2em 0.2em;
  color: #000000;
  background: #d0d0d0;
  border-radius: 0.5em;
}
.result-tooltips:after {
  width: 100%;
  content: "";
  display: block;
  position: absolute;
  left: 0.5em;
  top: -8px;
  border-top:8px solid transparent;
  border-left:8px solid #d0d0d0;
}
#result td.attr:hover .result-tooltips {
  display: block;
}