/* 枠 */
#border {
  width: 800px;
  margin: 0 auto;
  font-size: 14px;
  text-align: center;
}
#border .line {
  background: #fffacd;
}
#border .ranking_title {
  font-size: 1.4em;
  font-weight: bold;
  margin: 50px auto 0 auto;
  border: 1px solid #000;
  text-align: left;
}
#border .ranking_title span {
  color: #fff;
  padding: 0em 1em;
  margin-right: 1em;
  display: inline-block;
}
#border .color-motor {
  background: #d4e0d6;
  width: 280px;
}
#border .color-motor span {
  background: #598465;
}
#border .color-shinnyu {
  background: #e7dbe8;
  width: 330px;
}
#border .color-shinnyu span {
  color: #000;
  border-right: 1px solid #000;
}
#border .color-3ren {
  background: #e7dbe8;
  padding: 0 15px;
  width: 600px;
}
#border .color-3ren span {
  background: #a2639a;
  margin: 0 15px;
}
#border .color-harai {
  background: #e7dbe8;
  padding: 0 15px;
  width: 320px;
}
#border .color-harai span {
  background: #a2639a;
  margin: 0 15px;
}
/*共通　進入コース別成績 モーター2連率ベスト */
.shiomihyou {
  width: 350px;
  margin: 0px auto;
}
.shiomihyou th,
.shiomihyou td,
.shiomihyou caption {
  text-align: center;
}
.course_t1,
.course_t2,
.motor,
.motor2 {
  width: 780px;
  margin: 0px auto;
}
.course_t1 th,
.course_t2 th,
.motor th,
.motor2 th,
.course_t1 td,
.course_t2 td,
.motor td,
.motor2 td,
.course_t1 caption,
.course_t2 caption,
.motor caption,
.motor2 caption {
  text-align: center;
}
/* モーター2連率ベスト */
.chouseki {
  width: 270px;
  margin: 30px auto;
}
.chouseki caption {
  color: #1c3a70;
  font-weight: bold;
  text-align: center;
}
.chouseki th {
  padding: 3px;
  color: #ffffff;
  background-color: #973e8a;
  text-align: center;
  border: solid 1px #FFF;
}
.chouseki td {
  border-bottom: solid 1px black;
  padding: 0 10px;
}
.chouseki .kaisaib {
  text-align: right;
  padding: 0 15px 0px 0;
}
/* 潮見表 */
.shiomihyou th {
  padding: 3px;
  color: #ffffff;
  background-color: #973e8a;
}
.shiomihyou .kimarite {
  border-bottom: solid 1px #ffffff;
}
.shiomihyou td {
  padding: 3px;
  text-align: center;
  border-bottom: 1px solid #CCCCCC;
}
/* 進入コース別成績 */
.course_t1 th {
  padding: 3px;
  color: #ffffff;
  background-color: #973e8a;
}
.course_t1 .kimarite {
  border-bottom: solid 1px #ffffff;
}
.course_t1 td {
  padding: 3px;
  text-align: center;
  border-bottom: 1px solid #CCCCCC;
}
/* モーター2連率ベスト */
.motor th,
.motor td {
  padding: 3px;
  text-align: center;
}
.motor th {
  background: #077a27;
  color: #ffffff;
}
.motor td {
  border-bottom: 1px solid #111111;
}
.motor .motor-num span {
  font-weight: bold;
  background: #077a27;
  display: block;
  width: 36px;
  margin: 0 auto;
  padding: 0 10px;
  color: #fff;
}
.motor .motor-2ren {
  font-weight: bold;
  color: #077a27;
}
.motor .motor-text {
  letter-spacing: 0.2em;
}
.motor2 {
  width: 570px;
  margin: 10px auto;
}
.motor2 th,
.motor2 td {
  padding: 3px;
  text-align: center;
}
.motor2 th {
  background: #007193;
  color: #ffffff;
}
.motor2 td {
  border-bottom: 1px solid #111111;
}
.motor2 .motor-num {
  font-weight: bold;
  color: #fff;
}
.motor2 .motor-num span {
  background: #007193;
  display: block;
  width: 36px;
  margin: 0 auto;
}
.motor2 .motor-2ren {
  font-weight: bold;
  color: #007193;
}
.motor2 .motor-text {
  letter-spacing: 5px;
}
p.tilt-memo {
  text-align: right;
  color: #910034;
}
/* 3連単データとか */
.title-motor {
  background: #c6c9e4;
  color: #000000;
  font-weight: bold;
  border: 1px solid gray;
  padding: 3px;
  letter-spacing: 2px;
  margin: 40px auto 0 auto;
  width: 790px;
}
table#ranking_title {
  margin: 30px auto 0 auto;
  width: 800px;
}
table#ranking_title td {
  font-weight: bold;
  padding: 3px;
  letter-spacing: 2px;
  color: #003f98;
  font-size: 1.2em;
}
table#ranking_title .term {
  background: #fbd7a1;
}
.table-box {
  width: 800px;
  margin: 5px auto;
}
.table-box caption {
  text-align: center;
}
.table-box td {
  vertical-align: top;
}
.table-box td div.best {
  font-weight: bold;
  font-size: 1.2em;
  padding: 0.2em 1em;
  margin: 10px;
  padding: 5px 20px;
  border: solid 1px #000;
}
.table-box table {
  margin: 0px auto;
  width: 380px;
  font-size: 1.2em;
}
.table-box table caption {
  text-align: center;
  font-weight: bold;
  color: #FFFFFF;
}
.table-box table caption.c {
  background: #996c41;
}
.table-box table caption.r {
  background: #60703c;
}
.table-box table tr.c {
  background: #697744;
  color: #fff;
}
.table-box table tr.r {
  background: #697744;
  color: #fff;
}
.table-box table tr.b {
  background: #936439;
  color: #fff;
}
.table-box table tr.t {
  background: #936439;
  color: #fff;
}
.table-box table th {
  padding: 2px;
  text-align: center;
  font-size: 12px;
}
.table-box table td {
  letter-spacing: 1px;
  border-bottom: dotted 2px #CCCCCC;
  text-align: center;
}
.table-box table .waku1 {
  background: #FFFFFF;
  color: #000000;
}
.table-box table .waku2 {
  background: #000000;
  color: #FFFFFF;
}
.table-box table .waku3 {
  background: #FF0000;
  color: #FFFFFF;
}
.table-box table .waku4 {
  background: #0000FF;
  color: #FFFFFF;
}
.table-box table .waku5 {
  background: #FFFF00;
  color: #000000;
}
.table-box table .waku6 {
  background: #00CC00;
  color: #000000;
}
.heikin {
  color: #fff;
  font-size: 1.2em;
  font-weight: bold;
  width: 180px;
  padding: 1px 6px;
  margin: 50px auto -45px auto;
  background-color: #E60012;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  position: relative;
}
.heikin:after {
  content: '';
  position: absolute;
  border-top: 15px solid #E60012;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  bottom: -12px;
  left: 100px;
  z-index: 1;
}
p.shiomi {
  font-size: 1.3em;
  font-weight: bold;
  margin: 20px auto 0 auto;
  text-align: center;
  color: #973e8a;
}
div.hassei1 {
  font-size: 1.2em;
  font-weight: bold;
  margin: 10px auto 10px auto;
  border: 1px solid #000;
  text-align: center;
  width: 260px;
}
div.hassei2 {
  font-size: 1.2em;
  font-weight: bold;
  margin: 0 auto 10px auto;
  border: 1px solid #000;
  text-align: center;
  width: 230px;
}
/* 見出し画像（共通） */
.midashi {
  width: 850px;
  margin: 10px auto;
}
#midashi {
  width: 100%;
}
