/************* ウィンドウ幅 可変 **************/
body {
  overflow-x: hidden;
}
#main {
  width: auto;
  background: url(../../_common/_img/bg/bg_white.gif) repeat-y top center transparent;
}
#contents_event {
  padding-top: 0;
  margin: auto;
}
/************* シリーズ **************/
/* テーブル */
.section_table {
  margin: 15px 0px 0px 0px;
  border: 2px solid #462f19; /* テーブルボーダー */
}
/* th全体 */
.section_table th {
  padding: 3px;
  text-align: center;
  font-size: 10pt;
  font-weight: bold;
  border: 1px solid #462f19; /* テーブルボーダー */
  letter-spacing: 0.1em;
}
/* シリーズ名  */
.section_table th.series {
  color: #000;
  background-color: #e3f8d5;
}
/* カードの種類 『EX種牡馬カード』『繁殖牝馬カード』 */
.section_table th.card_type {
  color: #000;
  background-color: #fff;
}
/* カード馬名 */
.section_table th.card_name {
  color: #452f18;
  background-color: #ebffde;
}
/* シリーズ中身 */
.section_table td {
  padding: 7px;
  font-size: 10pt;
  border: 1px solid #462f19;
}
.section_table ol {
  margin-top: 0px;
  margin-left: 20px;
}
/* topへスクロール */
#btn_pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
}
#btn_pageTop a {
  display: block;
  z-index: 999;
  padding: 8px 8px 8px 8px;
  border-radius: 30px;
  width: 35px;
  height: 35px;
  background-color: #b0df90;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  line-height: 35px;
}
#btn_pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}
/************* ロト **************/
.loto {
  background: #222222;
}
.loto th {
  background: #444444;
  color: #FFFFFF;
  font-weight: bold;
  padding: 2px 5px;
  text-align: center;
}
.loto th.lotosub {
  background: #dddd99;
  color: #222222;
  font-weight: bold;
  padding: 2px 5px;
  text-align: center;
}
.loto td {
  padding: 5px;
  background: #ffffee;
  vertical-align: text-top;
}
.sp_list {
  margin-top: 10px;
  list-style: disc;
  font-size: 105% !important;
  line-height: 1.6;
  font-weight: bold;
  color: #CF0060;
}
.title_s_3 {
  background: #FFDEE7;
  padding: 7px 10px;
  color: #C20037;
  font-size: 135% !important;
  font-weight: bold;
  text-align: center;
}
.title_s_4 {
  background: #9f002d;
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding: 15px;
  font-size: 150% !important;
}
.wine {
  color: #CF0060;
}
.m_20 {
  margin: 20px 0 !important;
}
.f_style {
  font-size: 110% !important;
  line-height: 1.5;
  margin: 10px 0;
}
.f_style_Bold {
  font-size: 110% !important;
  line-height: 1.5;
  font-weight: bold;
}
.f_w_b {
  font-weight: bold;
}
.f_size_B {
  font-size: 130% !important;
  font-weight: bold;
  line-height: 1.5;
}
.f_size_B2 {
  font-size: 150% !important;
  font-weight: bold;
  line-height: 1.5;
}
.f_size_B3 {
  font-size: 180% !important;
  font-weight: bold;
  line-height: 1.5;
}
.f_size_B4 {
  font-size: 200% !important;
  font-weight: bold;
  line-height: 1.5;
}
.f_size_B5 {
  font-size: 250% !important;
  font-weight: bold;
  line-height: 1.5;
}
.f_darkRed {
  color: #770022;
}
.p_t_10 {
  padding-top: 10px;
}
.p_b_10 {
  padding-bottom: 10px;
}
.p_m_10 {
  margin-top: 10px;
}
.p_10 {
  padding: 10px;
}
.f_size_m {
  font-size: 90% !important;
}
.f_size_s {
  font-size: 85% !important;
}
.f_size_ss {
  font-size: 80% !important;
}
.f_size_sss {
  font-size: 75% !important;
}
.f_w_normal {
  font-weight: normal !important;
}
.section_table_kuro td {
  padding: 5px;
}
.ab4 {
  width: 50%;
  background: #FFFFCC;
  text-align: left;
  padding: 5px;
  border: 1px solid #000;
  margin-top: 5px;
}
.liStyle_ex {
  list-style: none;
  margin: 0 !important;
  margin-top: 10px !important;
  margin-left: 10px !important;
}
.table_sc, .table_BC, .table_LO {
  border-top: 1px solid #000;
  border-left: 1px solid #000;
}
.table_sc td, .table_sc th, .table_BC td, .table_BC th, .table_LO td, .table_LO th {
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 6px;
  line-height: 1.5;
  vertical-align: top;
}
.table_sc td {
  font-size: 85% !important;
}
.table_sc th {
  background: #134aa5;
  color: #fff;
  font-size: 90% !important;
}
.table_BC th {
  background: #a65a00;
  color: #fff;
  font-size: 90% !important;
}
.table_LO th {
  background: #134aa5;
  color: #fff;
  font-size: 90% !important;
}
.f_100 {
  font-size: 100% !important;
}
.c_1 {
  background: #e8f1ff !important;
  font-weight: bold !important;
  color: #000 !important;
}
.b_1 {
  background: #f5e3c6 !important;
  font-weight: bold !important;
  color: #000 !important;
}
.t_center {
  text-align: center !important;
}
.period_border {
  border: 2px solid #134AA5;
  color: #000;
  text-align: center;
  font-weight: bold;
  font-size: 120% !important;
  margin: 0 !important;
  padding: 8px;
  background: #e8f1ff;
}
/* 20130906 add */
.title_darkRed {
  background: #770022;
  padding: 10px 15px;
  font-size: 100%;
  font-size: 120%;
  color: #fff;
  text-align: center;
}
.title_gray {
  background: #ddd;
  padding: 10px 15px;
  font-size: 100%;
}
.title_pink {
  background: #c30057;
  padding: 5px;
  color: #fff;
  font-weight: bold;
  margin: 0 !important;
  text-align: center;
  font-size: 110% !important;
}
.title_blue {
  background: #134AA5;
  padding: 10px 15px;
  font-size: 100%;
  color: #fff;
}
.title_blue_x {
  background: url(_img/blue_bk.jpg) repeat-x bottom #134AA5;
  color: #fff;
  text-align: center;
  border-bottom: 2px solid #00296d;
  font-size: 100%;
  font-size: 150%;
}
.title_blue_x span {
  display: block;
  padding: 15px 0;
  border-bottom: 1px solid #ffffff;
}
.title_darkRed_x {
  background: url(_img/darkRed_bk.jpg) repeat-x bottom #770022;
  color: #fff;
  text-align: center;
  border-bottom: 2px solid #770022;
  font-size: 100%;
  font-size: 150%;
}
.title_darkRed_x span {
  display: block;
  padding: 15px 0;
  border-bottom: 1px solid #ffffff;
}
.title_black {
  background: #000;
  color: #fff;
  text-align: center;
  padding: 3px;
  font-weight: bold;
  margin: 3px !important;
}
.bor_gray {
  border: 1px solid #ddd;
  padding: 10px;
}
.bor_gray03 {
  border: 3px solid #ddd;
  padding: 10px;
}
.bor_pink03 {
  border: 3px solid #ffdde7;
  padding: 10px;
}
.bor_red {
  border: 1px solid #ff0000;
}
.title_blue p, .bor_gray p, .bor_gray03 p, .title_darkRed p {
  margin: 0 !important;
}
.listCircle {
  margin: 0 !important;
}
.listCircle li {
  list-style: none;
  text-indent: -1.5em;
  padding-left: 1.5em;
}
.innerList {
  margin: 0 !important;
  margin-left: 20px !important;
}
.innerList li {
  margin-bottom: 10px !important;
}
.innerList li:last-child {
  margin-bottom: 0 !important;
}
.arrow_posi {
  text-align: center;
  margin: 20px 0;
}
.dot_top {
  border-top: 1px dotted #bbb;
  padding-top: 15px;
}
.red_dark {
  color: #a6002f;
}
.m_t_5 {
  margin-top: 5px !important;
}
.list_kome {
  margin-left: 2em;
}
.list_kome li {
  list-style: none;
  text-indent: -2em;
}
.text_r {
  text-align: right;
  margin: 0 !important;
}
.table_green {
  border-right: 1px solid #000;
  border-top: 1px solid #000;
}
.table_green th, .table_green td {
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 5px;
}
.table_green th {
  background: #006c1e;
  color: #fff;
}
.c_green {
  background: #d3f0e9 !important;
  font-weight: bold !important;
  color: #000 !important;
}
.table_box table {
  width: 32%;
  float: left;
  margin: 0 3px;
}
.table_box {
  zoom: 1;
}
.table_box:after, .table_box_2:after {
  content: " ";
  display: block;
  clear: both;
}
.t_right {
  text-align: right;
}
.t_left {
  text-align: left;
}
.center {
  text-align: center;
}
ul.sub_menu {
  margin: 0;
  margin: 0 10px 7px 10px;
}
ul.sub_menu li {
  display: inline;
  padding-right: 15px;
  padding-left: 7px;
  background: url(_img/arrow_s.jpg) no-repeat left;
  font-size: 90%;
}
ul.sub_menu li a {
  color: #333;
  text-decoration: none;
}
ul.sub_menu li a:hover {
  color: #ff0000;
}
.title_s {
  font-size: 75% !important;
  padding: 3px;
}
.title_s_2 {
  background: #9F002D !important;
  padding: 7px 10px !important;
  color: #fff !important;
  font-size: 125% !important;
  font-weight: bold !important;
  text-align: center !important;
}
.page_top p {
  margin: 0;
  font-size: 85% !important;
  text-align: right;
  margin-top: 15px;
}
.page_top p a {
  color: #666;
}
.page_top p a:hover {
  color: #ff0000;
}
.index_area {
  margin: 10px 5px;
}
.index_tit {
  margin: 0 !important;
  background: #FFDDE7;
  color: #770022;
  margin: 0;
  font-size: 120%;
  font-weight: bold;
  padding: 5px 10px;
  margin-bottom: 10px !important;
}
.table_text {
  margin: 0;
  margin-left: 10px !important;
}
.table_text th span {
  display: block;
  padding: 3px;
  border: 1px solid #aaa;
}
.table_text td {
  vertical-align: top;
}
.table_text ul {
  padding: 5px;
  margin-left: 10px;
}
.point_01 {
  background: url(_img/bk_yukino.jpg) no-repeat right top;
  border: 2px solid #ffd0b5;
  margin: 15px;
  padding: 10px;
}
.point_02 {
  background: url(_img/bk_chinatsu.jpg) no-repeat right top;
  border: 2px solid #ffd0b5;
  margin: 15px;
  padding: 10px;
}
table.red_box {
  border: 2px solid #c30057 !important;
}
table.red_box td {
  border-left: 1px solid #c30057 !important;
  border-bottom: 1px solid #c30057 !important;
  border-right: none;
  border-top: none;
  padding: 10px;
}
table.red_box th {
  border-left: 1px solid #c30057 !important;
  border-bottom: 1px solid #c30057 !important;
  border-right: none;
  border-top: none;
  background: #ffeef7;
  padding: 5px;
}
.red_tit {
  background: #c30057 !important;
  color: #fff !important;
  padding: 8px !important;
}
.tableBor_pink {
  border: 2px solid #C30057;
}
.tableBor_pink th, .tableBor_pink td {
  border: 1px solid #C30057;
}
.link_list {
  margin: 0 !important;
  margin-bottom: 20px !important;
}
.link_list li {
  font-weight: bold;
  list-style: none;
  margin: 0 !important;
  padding: 0 !important;
  margin-bottom: 15px !important;
  font-size: 120%;
}
span.number {
  padding: 0.2% 1%;
  color: #fff;
  background: #770022;
}
.link_list a {
  text-decoration: none;
  color: #333;
  background: url(_img/link_arrow.gif) no-repeat right center;
  padding-right: 13px;
}
.link_list a:hover {
  text-decoration: underline;
  color: #ff0000;
}
.title_topix {
  background: #770022;
  text-align: center;
  border: 2px solid #fff;
  color: #fff;
  font-size: 100%;
  font-size: 120%;
  padding: 5px;
}
a.topix_h {
  display: block;
  font-size: 150% !important;
  font-weight: bold;
  color: #770022;
  text-decoration: none;
  padding-left: 17px;
  background: url(_img/icon_c.gif) no-repeat left center;
}
a.topix_h:hover {
  color: #ff0000;
  text-decoration: underline;
}
a.hoverR:hover {
  color: #ff0000;
}
.color_w_c {
  color: #fff;
  text-align: center;
  font-weight: bold;
}
.topix_inner {
  background: #fff;
  padding: 0 10px;
}
.topix_inner h3 {
  margin: 0 !important;
  padding: 10px 0 20px 0 !important;
}
.cel_red {
  border: 1px solid #ff0000;
  padding: 5px;
}
.over_crs {
  cursor: pointer;
}
.over_crs:hover {
  text-decoration: underline;
}
.tit_BC {
  border-left: 5px solid #e0b786;
  border-bottom: 1px solid #e0b786;
  padding: 2px 2px 2px 5px;
  font-size: 100%;
  font-weight: bold;
  margin-bottom: 5px;
}
.tit_LO {
  border-left: 5px solid #85aae4;
  border-bottom: 1px solid #85aae4;
  padding: 2px 2px 2px 5px;
  font-size: 100%;
  font-weight: bold;
  margin-bottom: 5px;
}
.text_box {
  background: url(_img/yuzuki.jpg) no-repeat 460px top;
  padding-right: 80px;
  padding-bottom: 30px;
}
/************* モーダル **************/
.modal-content {
  width: 940px;
  margin: 0;
  padding: 10px 20px;
  border: 2px solid #aaa;
  background: #fff;
  position: fixed;
  display: none;
  z-index: 2;
  overflow-y: auto;
  max-height: 90%;
}
.modal-content_l {
  width: 1100px;
  margin: 0;
  padding: 10px 20px;
  border: 2px solid #aaa;
  background: #fff;
  position: fixed;
  display: none;
  z-index: 2;
  overflow-y: auto;
  max-height: 90%;
}
.modal-content_ll {
  width: 1260px;
  margin: 0;
  padding: 10px 20px;
  border: 2px solid #aaa;
  background: #fff;
  position: fixed;
  display: none;
  z-index: 2;
  overflow-y: auto;
  max-height: 90%;
}
.modal-content_s {
  width: 780px;
  margin: 0;
  padding: 10px 20px;
  border: 2px solid #aaa;
  background: #fff;
  position: fixed;
  display: none;
  z-index: 2;
  overflow-y: auto;
  max-height: 90%;
}
#modal-overlay {
  z-index: 1;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.75);
}
.button-link {
  color: #00f;
  text-decoration: underline;
}
.button-link:hover {
  cursor: pointer;
  color: #f00;
}
.close_btn {
  display: inline-block;
  background: #EEE;
  color: #111;
  -moz-box-shadow: inset -1px -1px 1px rgba(000, 000, 000, 0.2), inset 2px 2px 1px rgba(255, 255, 255, 1);
  -webkit-box-shadow: inset -1px -1px 1px rgba(000, 000, 000, 0.2), inset 2px 2px 1px rgba(255, 255, 255, 1);
  border-top: 1px solid #BBB;
  border-left: 1px solid #BBB;
  border-right: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
  width: 130px;
  padding: 10px 3px;
  font-weight: bold;
}
.tit_s {
  background: #d0f2c5;
  font-weight: bold;
  padding: 5px 10px;
  font-size: 100%;
  font-size: 110%;
}