.frame {
    display: grid;
/*
    border: 2px solid #000000;
*/
    width : 100%;
    height: 100%;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
}

/* ---------------------------------------------------------------------------*/
/* トップ
/* ---------------------------------------------------------------------------*/
#div_top {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

/* ---------------------------------------------------------------------------*/
/* タイトル
/* ---------------------------------------------------------------------------*/
#div_title {
    display: grid;
/*    grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr;*/
}

/* ---------------------------------------------------------------------------*/
/* 開催日
/* ---------------------------------------------------------------------------*/
p {
    margin:0px 0 0px;/*上 左右 下*/
}
#div_date {
/*
    border: 2px solid #FF0000;
*/
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr;
}
#div_dateT {
  border: 2px solid #FF00FF;
}
#div_dateC {
  border: 2px solid #FF00FF;
}

/* -------------------------------------------------------------------------- */
/* 開催場
/* -------------------------------------------------------------------------- */
#div_location {
/*
    border: 2px solid #FF0000;
*/
    display: grid;
}
#div_locationT {
    display: grid;
}
#div_locationC {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr;
}
/*
#div_locationC label input[type="radio"] {
    position: absolite;
    opacity: 0;
}
#div_locationC label input[type="radio"] + span {
    display: block;
    color: blue;
    border: 1px solid blue;
    border-radius: 0.5rem;
    padding: 0.5rem;
}
#div_locationC label input[type="radio"]:checked + span {
    background-color: blue;
    color: white;
}
#div_locationC label input[type="radio"]:disabled + span {
    background-color: gray;
    color: gray;
}
*/
.input_location {
	display: none;
}
.label_location {
/*	background-color: skyblue;*/
	background-color: #99FFFF;
	padding: 10px 20px;
    border: 1px outset white;
}
.input_location:checked + label {
/*	background-color: pink;*/
	background-color: #FFFF99;
	padding: 10px 20px;
    border: 1px inset white;
}
.input_location:disabled + label {
    background-color: gray;
	padding: 10px 20px;
    border: 1px inset white;
}

/* -------------------------------------------------------------------------- */
/* レース番号
/* -------------------------------------------------------------------------- */
#div_raceno {
    border: 2px solid #FFFF00;
    display: grid;
}
#div_racenoT {
    display: grid;
}
#div_racenoC {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
}
.input_raceno {
	display: none;
}
.label_raceno {
	background-color: skyblue;
	padding: 10px 20px;
    border: 1px outset white;
}
.input_raceno:checked + label {
	background-color: pink;
	padding: 10px 20px;
    border: 1px inset white;
}

/* -------------------------------------------------------------------------- */
/* 中間アフェリエイト
/* -------------------------------------------------------------------------- */
#div_mid {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

/* -------------------------------------------------------------------------- */
/* 番組表
/* -------------------------------------------------------------------------- */
#div_program {
/*    border: 2px solid #FFFF00;*/
    display: grid;
}

#div_programT {
    display: grid;
}

#div_programC {
    display: grid;
}
#th_program {
    background: #7F7FFF;
}
#tb_program {
}
#tb_program tr:hover {
	cursor: pointer;
	cursor: hand;
}

/* -------------------------------------------------------------------------- */
/* 進入コース上アフェリエイト
/* -------------------------------------------------------------------------- */
#div_course_af {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

/* -------------------------------------------------------------------------- */
/* 進入
/* -------------------------------------------------------------------------- */
#div_course {
    display: grid;
}

#div_courseT {
    display: grid;
    grid-template-columns: 1fr 5px 1fr 5px 1fr 5px 1fr;
}

#div_courseC {
    display: grid;
}
#th_course {
    background: #7F7FFF;
}


/* -------------------------------------------------------------------------- */
/* 決まり手
/* -------------------------------------------------------------------------- */
#div_kimarite {
    display: grid;
}

#div_kimariteT {
    display: grid;
}
#div_kimariteC {
    display: grid;
}
#th_kimarite {
    background: #7F7FFF;
}

/* -------------------------------------------------------------------------- */
/* 画像
/* -------------------------------------------------------------------------- */
#div_img {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
/*
#pic {
	grid-row: 1 / span 5;
	grid-column: 1;
}
*/

/* -------------------------------------------------------------------------- */
/* 出目
/* -------------------------------------------------------------------------- */
#th_deme {
    background: #7F7FFF;
}

/* -------------------------------------------------------------------------- */
/* フッター
/* -------------------------------------------------------------------------- */
#div_footer {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
}

/* -------------------------------------------------------------------------- */
/* 最後
/* -------------------------------------------------------------------------- */
#div_tail {
    display: grid;
}