@charset "utf-8";
/* CSS Document */

.container_menu {
  padding-left: 3px;
  padding-right: 3px;
}

#menuTbl {
  border-collapse: collapse;
	line-height: 1.5em;
  border-bottom: 1px solid #ccc;
}
#menuTbl table, #menuTbl td, #menuTbl th {
  padding: 0px;
	color: #333;
	line-height: 1.5em;
}
#menuTbl th {
  padding: 7px;
	font-size: 120%;
	font-weight: bold;
	line-height: 1.2em;
  background-color: #e3f2fd;
  text-align: center;
  color: #0d47a1;
}
#menuTbl td {
  background-color: #fff;
}
#menuTbl td:last-child {
  border-left: 1px solid #ddd;
}
#menuTbl td:first-child {
  border-left: none;
}
#menuTbl .title {
	font-size: 120%;
	font-weight: bold;
	line-height: 1.5em;
}
#menuTbl .desc {
	color: #666;
  text-align: left;
  font-size: 90%;
}
#menuTbl .td_link a {
	display:block;
	width:100%;
	height:100%;
  padding: 8px;
}
#menuTbl .td_link a:hover {
	background-color:#e8eaf6;
  text-decoration: none;
  color: #f00;
}
#menuTbl .td_important {
  background-color: #ffebee;
}
#menuTbl .td_pclink {
}
#menuTbl .td_pclink a {
  color: #f00;
}

/*
青：#337ab7
    #286090
緑：#5cb85c
    #449d44
赤：#d9534f
		#c9302c
*/


#menuTblDk {
  border-collapse: collapse;
	line-height: 1.5em;
/*
  border-bottom: 1px solid #ccc;
*/
	background-color: #286090; /* #337ab7; /*#0d47a1;*/
}
#menuTblDk table {
  border-left: 1px solid #23547e;
}
#menuTblDk table, #menuTblDk td, #menuTblDk th {
  padding: 0px;
	color: #333;
	line-height: 1.5em;
}
#menuTblDk th {
  padding: 7px;
	font-size: 120%;
	font-weight: bold;
	line-height: 1.2em;
  background-color: #036;
  text-align: center;
  color: #e0e0e0;
}
#menuTblDk td {
  border-top: 1px solid #23547e;
}
#menuTblDk td:last-child {
/*
  border-left: 1px solid #ddd;
*/
  border-left: 1px solid #23547e;
}
#menuTblDk td:first-child {
  border-left: none;
}
#menuTblDk .title {
	font-size: 120%;
	font-weight: bold;
	line-height: 1.5em;
}
#menuTblDk .desc {
	color: #cfd8dc;
  text-align: left;
  font-size: 90%;
}

#menuTblDk .td_link a {
	display:block;
	width:100%;
	height:100%;
  padding: 8px;
  color: #fff;
}
#menuTblDk .td_link a:hover {
	background-color: #337ab7;  /* #286090;  /* #1976d2; */
  text-decoration: none;
  color: #f00;
}


.oddsMenu-container {
	padding-left: 0;
	padding-right: 0;
}
#oddsMenu table {
}
#oddsMenu tr, #oddsMenu td {
	border-top: none;
	padding-top: 6px;
	padding-bottom: 2px;
}
#oddsMenu th {
  padding: 7px;
	font-size: 120%;
	font-weight: bold;
	line-height: 1.2em;
  background-color: #e3f2fd;
  text-align: center;
  color: #0d47a1;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#oddsMenu .btn_kaijyo {
	width: 100%;
}
#oddsMenu .btn-disabled {
	background-color: #ddd;
}
#oddsMenu .txt_time {
	font-size: 95%;
}


/*-------------------------------------------
  ---
  -------------------------------------------*/

.header_box {
  margin-top: 5px;
  margin-bottom: 15px;
}

.menu-btn-pc-100 {
  font-size: 15px;
  padding: 10px 10px 10px 10px;
  letter-spacing: 0em;
}

.menu-btn-kc {
  color: #fff;
  background-color: #0d47a1;
  border-color: #3f51b5;
  
}
.menu-btn-kc:hover,
.menu-btn-kc:focus,
.menu-btn-kc.focus,
.menu-btn-kc.active {
  color: #fff;
  background-color: #1e88e5;
  border-color: #1976d2;
}

.menu-btn-sp {
  color: #fff;
/*
  background-color: #2e7d32;
  border-color: #1b5e20;
*/
  background-color: #43a047;
  border-color: #388e3c ;
}
.menu-btn-sp:hover,
.menu-btn-sp:focus,
.menu-btn-sp.focus,
.menu-btn-sp.active {
  color: #fff;
/*
  background-color: #43a047;
  border-color: #388e3c;
*/
  background-color: #2e7d32;
  border-color: #1b5e20;
}

.menu-btn-pc {
  color: #fff;
  background-color: #3263da;
  border-color: #3263da;
}
.menu-btn-pc:hover,
.menu-btn-pc:focus,
.menu-btn-pc.focus,
.menu-btn-pc.active {
  color: #fff;
  background-color: #6297cc;
  border-color: #6297cc;
}

.menu-btn-odds {
  color: #fff;
  background-color: #558b2f;
  border-color: #33691e;
}
.menu-btn-odds:hover,
.menu-btn-odds:focus,
.menu-btn-odds.focus,
.menu-btn-odds.active {
  color: #fff;
  background-color: #7cb342;
  border-color: #689f38;
}

.menu-btn-br {
  color: #fff;
  background-color: #7e57c2;
  border-color: #673ab7;
}
.menu-btn-br:hover,
.menu-btn-br:focus,
.menu-btn-br.focus,
.menu-btn-br.active {
  color: #fff;
  background-color: #5e35b1;
  border-color: #512da8;
}


.menu-btn-50 {
  width: 98%;
  margin-top: 3px;
  margin-bottom: 3px;
	font-weight: bold;
	line-height: 1.5em;
}
.menu-desc-50 {
  padding: 0 8px 8px 8px;
	color: #666;
  text-align: left;
  font-size: 90%;
}

.menu-title-icon {
	color: #0091ea;
}

.menu-title-td {
	font-weight: bold;
	font-size: 120%;
	background-color: #e3f2fd;
	color: #0d47a1;
}

.menuTbl-table-line {
	border-top: 2px solid #286090 !important;
	border-bottom: 2px solid #286090 !important; 
}

.menuTbl-table-line2 {
	border-top: 2px solid #286090 !important;
	border-bottom: 1px solid #286090 !important; 
}

.menuTbl-th-line {
	border-bottom: 1px solid #286090;
}