#border {
  width: 850px;
  margin: 10px auto 0 auto;
  padding: 0;
  font-size: 14px;
  text-align: left;
}
#border img#dream_title {
  margin: 20px auto 0 auto;
  width: 850px;
}
#border p#c_txt {
  color: #003055;
  width: 650px;
  margin: 5px auto 0 auto;
}
#border p.chyui {
  margin: 0px 15px 10px 0;
  text-align: right;
  color: #000000;
  font-weight: bold;
  font-size: 12px;
}
#border h3 {
  background: #035a8d;
  color: #FFFFFF;
  width: 780px;
  margin: 20px auto 0 auto;
  line-height: 3;
  text-align: center;
  letter-spacing: 2px;
}
#border h4 {
  width: 780px;
  background: #bcc3d9;
  line-height: 2;
  margin: 10px auto 0 auto;
  text-align: center;
  letter-spacing: 1px;
}
#border table.trial {
  margin: 5px auto 20px auto;
  width: 780px;
}
#border table.trial td,
#border table.trial th {
  border: 1px solid gray;
  text-align: center;
}
#border table.trial th {
  color: #035a8d;
  font-weight: bold;
  letter-spacing: 2px;
}
#border table.trial td.none {
  border: none;
}
#border table.trial td.waku2 {
  background: #000000;
  color: #FFFFFF;
}
#border table.trial td.waku3 {
  background: #FF0000;
  color: #FFFFFF;
}
#border table.trial td.waku4 {
  background: #0000FF;
  color: #FFFFFF;
}
#border table.trial td.waku5 {
  background: #FFFF00;
  color: #000000;
}
#border table.trial td.waku6 {
  background: #00CC00;
  color: #FFFFFF;
}
#border table.trial td.waku2_2 {
  background: #d2d3d5;
}
#border table.trial td.waku3_2 {
  background: #fcd2c0;
}
#border table.trial td.waku4_2 {
  background: #c7dbf1;
}
#border table.trial td.waku5_2 {
  background: #fffcd6;
}
#border table.trial td.waku6_2 {
  background: #cbe8d3;
}
#border div.player {
  float: left;
  width: 380px;
  margin-left: 25px;
  margin-right: 5px;
  margin-bottom: 30px;
  box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 1px 1px 3px #000;
  -webkit-box-shadow: 1px 1px 3px #000;
}
#border div.player div.comment {
  position: relative;
  padding: 10px 0 10px 0;
}
#border div.player div.comment p {
  text-indent: 1em;
  margin: 0;
  padding: 0px 6px 0 10px;
  line-height: 1.6;
}
#border div.player div.comment div.success {
  background: #FFF;
  border: 1px solid #58585a;
  margin: 15px 5px 5px 5px;
  padding: 12px 8px 8px 8px;
  color: #2d2a7b;
  position: relative;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  z-index: 2;
}
#border div.player div.comment div.success span {
  font-weight: bold;
  display: block;
  position: absolute;
  top: -10px;
  background: #FFF;
}
#border div.player div.comment img.mascot {
  width: 50px;
  position: absolute;
  top: 138px;
  left: 280px;
  z-index: 1;
}
#border div.player div.comment table {
  width: 96%;
  margin: 16px 0 0 6px;
}
#border div.player div.comment table caption {
  background: #ffcd4d;
  padding: 0 0 0 5px;
}
#border div.player div.comment table td {
  border-bottom: 1px solid gray;
  padding: 1px 6px;
  white-space: nowrap;
}
#border div.player div.tei2 {
  background: #D2D3D5;
}
#border div.player div.tei3 {
  background: #FCD2C0;
}
#border div.player div.tei4 {
  background: #C7D6EE;
}
#border div.player div.tei5 {
  background: #FFFAC2;
}
#border div.player div.tei6 {
  background: #CBE8D3;
}
#border div.player img.boat {
  width: 130px;
  margin: 4%;
  border: 3px solid #FFFFFF;
  float: right;
  -webkit-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
  box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 1px 1px 3px #000;
  -webkit-box-shadow: 1px 1px 3px #000;
}
#border .clear {
  clear: both;
}
.midashi {
  width: 850px;
  margin: 10px auto 0px auto;
}
#midashi {
  width: 100%;
}
