body { margin:0; padding:0;
}h1 { text-align:center; width:100%; font-size: 2.5vw; color: blue; height:3vw; margin-top: 0em; margin-bottom : 0em; background-color: white;}h1.prog_date{ font-size: 32px; height:auto; } h2.prog_title{ text-align: center; font-size: 1.17em; margin-top: 1em; margin-bottom: 1em;
}div.head_1{ text-align:center; width:100%; font-size: 2vw; color: blue; height:3vw; 
}.spaceBelowMenu { height: 2vw }div.spaceProgDate{ height:3vw; width:100%; background-color: white;
} 
.flex-container { display: flex;
} 
.Sticker_TR{ min-height:10.65vw; background-color: #7DF9FF;} 
.Sticker_BE{ min-height:10.65vw; background-color: lightBlue;}
.Sticker_TL{ min-height:10.65vw; background-color: #FFFF88;}
.Sticker_TV{ min-height:10.65vw; background-color: #FFA500;} 
#StickerL{ display: run-in; width:15%; font-size:2vw}
#Sticker { width:70%; color: black; border: 0.15vw solid black; text-align: center;}
#StickerR{ display: run-in; width:15%} 
#Button1{ font-size:0.00vw; background-color: lightcyan; border:0px; margin-left: 0.0vw; margin-right: 0.0vw; margin-top: 6.0px; margin-bottom: 0.0px;}
#Button2{ font-size:0.95vw; background-color: lightcyan; border:0px; margin-left: 0.1vw; margin-right: 0.1vw; margin-top: 1.3vw; margin-bottom: 0.0vw;} #Sticker_4 { font-size: 8vw; font-family:'Times New Roman', Times, serif; line-height: 7vw;}#Sticker_5 {display: run-in; font-size: 2.5vw; font-family: Arial, Helvetica, sans-serif; height: auto; white-space: nowrap;}
#Sticker_5a{display: run-in; font-size: 2.5vw; font-family: Arial, Helvetica, sans-serif; height: auto; white-space: nowrap; width:75%; line-height: 3.0vw;}
#Sticker_5b{display: run-in; font-size:1.25vw; font-family: Arial, Helvetica, sans-serif; height: auto; white-space: nowrap; width:25%; text-align: left;}img.imgSkyLine{ height: 70%; width: 70%; border-radius: 50%; margin-left: 15%; margin-right: 15%; }
div.doubleClef_1{ font-size:1.0vw; position: absolute; top: 1.5vw; left: 2.5vw; }
div.doubleClef_2{ display: run-in; font-size:1.0vw; position: absolute; top: 1vw; left: 17vw; }footer.foot1{font-size:1.2vw; text-align: right; color:blue; background-color: aquamarine;} 
figure { border: 1px solid blue; padding: 30px; margin: 0;
}table, th, td { border: 0.1vw solid #dddddd; border-collapse: collapse;
}
th { text-align: left;
} 
tr.tbl1tr1:nth-child(even) { background-color: #fafafa; }
tr.tbl1tr1:nth-child(odd) { background-color:white;
} 
tr.tbl2tr1:nth-child(even) { background-color: #fafafa; }
tr.tbl2tr1:nth-child(odd) { background-color:white;
} 
div.tbl1hc1_d { width:20%;} 
div.tbl1hc2_d { width:80%; height:auto}table.tbl1h_t { width:100%; white-space: nowrap} 
a.Idx_yr_li {font-size: calc(10px + 0.6vw)}
a.Idx_dt_li {font-size: calc(10px + 0.6vw)} 
div.Idx_dt_li {font-size: calc(8px + 0.6vw)} 
div.tbl1_d { width:80%; height:26vw; overflow-y: scroll} table.tbl1_t {width:100%; white-space: nowrap} 
col.tbl1c1_col{ width: 1%; white-space: nowrap } td.t1d1 {text-align:center} 
td.t1d2 {text-align:left} tr.t1rh {background-color:lightcyan} tr:target {background-color: yellow; } tr.tbl1tr1:target {background-color: yellow; } div.d1h1{background-color:lightcyan; font-size: 1.5vw; height:auto; width:100%; text-align:center; border: 0.1vw solid blue;} div.d1h1:target { background-color: yellow; border:0}#border1 { font-size: calc(12px + 1.2vw); border-left: 2vw solid springgreen; border-right: 2vw solid springgreen; border-top: 2vw solid springgreen}
#border2 { font-size: 1.5vw; border-left: 2vw solid springgreen;}
#date_prog{height:2vw} div.dleft{display: run-in; overflow: hidden; width:100%;position: sticky;top: 0;background-color:lightcyan; height: calc(18px + 1.8vw); overflow-y: scroll} div.dright{display: run-in; overflow: hidden; width:100%; background-color:lightcyan; height:auto; overflow-y: scroll; overflow-x: scroll; font-size: calc(8px + 0.4vw); border-left:0.3vw solid transparent; white-space: nowrap;} td.t2d1 {white-space: nowrap; color: blue} 
td.t2d2 {white-space: nowrap; color: teal} #NAV_ul{ list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: rgb(10,92,82); width: 100%;
} li.nav1_li { float: left; border-right:1px solid #bbb; } li.nav1_li :last-child { border-right: none; } li.nav1_li a, li.nav1_li span, .dropbtn { font-size:2vw; display: block; color: white; text-align: center; padding: 0.5vw 16px; text-decoration: none; } li.nav1_li a.hide_pc {display: none;} li.nav1_li a.hide_mb {display: run-in;} #hideMobile { display: run-in; } #hideMobileFlex { display: run-in; } #y1980mmdd, #y1981mmdd, #y1982mmdd{ display: run-in; } .hideMobile {display: run-in;} li.nav1_li > a:hover:not(.active) { background-color: rgb(0,65,65); } li.nav1_li > span:hover:not(.active) { background-color: rgb(0,65,65); } .active { background-color: rgb(25,102,25); } .dropdown:hover .dropbtn {background-color: rgb(12,95,88);} li.dropdown {display: inline-block;} .dropdown-content { display: none; position: absolute; background-color: rgb(12,95,88); min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; opacity:0.9; } .dropdown-content:hover { opacity:1.0;} div.dropdown-content a { color: white; padding: 4px 16px; text-decoration: none; display: block; text-align: left; } .dropdown-content a:hover {background-color: rgb(0,65,65);} .dropdown:hover .dropdown-content { display: block; } .dropdown-contentAbout { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); padding: 12px 16px; z-index: 1; left:auto; right:0; margin-right:-10px;}.dropdownAbout:hover .dropdown-contentAbout { display: block;
}div.aud1 { margin: 0; text-align: center; } .flex-containerVideo { display: flex; margin: 0.5vw; } div.vid1{ flex:1; margin: 0.5vw; } video { width: 100%; height: auto; } div.disp1 { display: flex; flex-flow: row nowrap; background-color: white} td.disp1 { display: run-in} div.Prg1 { border-style: solid; border-width: 0.1vw; border-color: grey; font-size:1.5vw; flex:50%} div.Prg3 { border-style: solid; border-width: 0.1vw; border-color: grey; font-size:1.5vw;} figure.figr1 { border-style: solid; border-width: 0.1vw; border-color: grey; padding: 5px; height:100%; width:100%; display: block;} figcaption.figcpt1 { background-color: #222; color: #fff; font: italic smaller sans-serif; padding: 0.3vw; text-align: center; font-size:1vw;}
img.img1{ height:100%; width:100%; display: block;}div.contactDiv{ background-color: lightblue; width: 400px; padding: 10px; border: 2vw solid springgreen; margin: 10px; flex-wrap: nowrap; order:2; flex-shrink: 0;
} .contactForm01, .contactForm02{ width: 390px; resize: none;} input[type=submit] { border: 1px solid blue; border-radius: 4px; font-size:15px; height: 30px; } .contactForm11, .contactForm12{ opacity: 0; position: absolute; top: 0; left: 0; height: 0; width: 0; z-index: -2; } .contactForm22{ opacity: 1; } .container { position: relative; text-align: center; color: red;
} .centered { position: absolute; top: 56%; left: 50%; transform: translate(-50%, -50%); } 
.centered1 { position: absolute; top: 59%; left: 49%; transform: translate(-50%, -50%); font-size:1.4vw; background-color: indigo; color: white } figure.figr2 { display: run-in; border: thin #c0c0c0 solid; padding: 0px; width:100%; height: auto;
}figure.figr3 { border: thin white solid; padding: 0px; width:100%; height: 100%;
}.text_year
{font-size:1.5vw; height: 2vw; border: 0.1vw solid blue} .top-left2
{font-size:1.4vw; color:white; position: absolute; top: 0.15vw; left: 0.15vw;}.text_title
{font-size:2.0vw}.text_descrpt
{display: run-in; font-size:1.5vw} .text_summary
{display: none;} img.img2{height:100%; width:100%; border: 0.1vw solid blue; margin: 0.0vw; box-sizing: border-box}img.img3{display: run-in; height:100%; width:100%; border: 0.0vw solid blue; margin: 0.0vw; box-sizing: border-box}img.img4{height:100%; width:100%; border: 0.1vw solid blue; margin: 0.0vw; box-sizing: border-box}img.img5{height:100%; width:100%; display: block;}