#main {
  background: #fff;
}
#border {
  width: 850px;
  margin: 10px auto;
  font-size: 14px;
}
#border .title {
  margin-bottom: 10px;
}
.player1,
.player2 {
  clear: both;
  overflow: hidden;
  padding: 20px 0;
  background: url("img/dream_bg1.png") no-repeat 100px 0;
  background-size: 650px auto;
}
.dream_name {
  margin-bottom: 10px;
}
.photo {
  width: 400px;
}
.photo img {
  width: 380px;
  height: 200px;
  margin-bottom: 10px;
}
.photo table {
  border-collapse: collapse;
}
.photo table caption {
  width: 240px;
  margin: 0 0 2px 0;
  padding: 2px 0px 2px 16px;
  color: #fff;
  background: #26913c;
  border-radius: 10px;
}
.photo table th,
.photo table td {
  border: 1px solid #000;
  text-align: center;
  padding: 1px 10px;
}
.photo table th {
  background: #a1d7e2;
}
.photo table td {
  background: #fff;
}
.photo table td:last-child {
  font-weight: bold;
}
.comment {
  padding: 0 20px;
  line-height: 1.8em;
}
.comment p {
  text-indent: 1em;
}
.comment img {
  width: 200px;
  height: 240px;
}
.player1 .photo {
  float: left;
}
.player1 .comment img {
  float: right;
  margin-left: 10px;
}
.player2 .photo {
  float: right;
  margin-left: 10px;
}
.player2 .comment {
  padding-left: 0;
}
.player2 .comment img {
  float: left;
  margin-right: 10px;
}
.midashi {
  width: 850px;
  margin: 10px auto;
}
#midashi {
  width: 100%;
}