body {
  font-family: "Meiryo UI", sans-serif;
  font-size:15px;
  letter-spacing: 0.05em;
  max-width: 1000px;
}

header {
  position: relative;
  height: 90px;
  /* background-color: navy; */
  background-color: #000093;  /* mediumblue と navy の 3/4値 */
  
  color: white;
  padding: 20px;
}
header a{
  text-decoration: none;
}
header a h1:hover{
  color: #e0e0e0;
}

header p{
  padding:0;
  margin:0;
  color:#ffff1a;
}
header h1{
  padding:0;
  margin:0;
  color:#ffffff;
}
header img{
  position: absolute;
  right:-3px;
  bottom:-3px;
  width: 90px;
}

h1 {
  font-size: 2em;
}

p {
  font-size: 1em;
}

a{
  text-decoration:underline  gray;
  text-underline-offset: 0.1em;
  color: #000;
}
a:hover{
  text-decoration: none;
  background-color: unset;
}
a:hover span.yyy{
  background-color: #e9cc37;   /* #d0b217 */
}


main {
  padding: 20px;
}

section {
  margin-bottom: 2em;

}

h2 {
  font-size: 1.5em;
  margin-top:1.1em;
  margin-bottom:0.7em;
}

ul {
  list-style-type: none;
  padding-top:0;
  padding-left:0.1em;
}

li {
  margin-bottom: 6px;
}
#reports{
  display: inline-block;
  position: relative;
}
#dtlist li {
  display: inline-block;
  width: 97%;
  background-color: #eee;
  padding: 1px 3px;
  margin: 2px;
}
#dtlist li.dt1st{
  padding: 3px;
  margin:4px 2px;
}
#dtlist {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow-y: scroll;
  max-width: 880px;
  height:250px;
  /*max-width: calc(max(100vw -20px,500px));*/
}
#dtlist li span:nth-child(1) {
  font-size:80%;
  font-style:italic;
  letter-spacing: 0.01em;
  color: #ca0000;
}

#dtlist a{
  position: relative;
  color: #111;
  text-decoration: none;
}
#dtlist a:hover {
  color: #b99b00;
  text-decoration: underline;
  text-underline-offset: 0.2em;
  text-decoration-skip-ink:none;
}

.epaper{
  width:8em;
}

footer {
  background-color: #000093;  /* mediumblue と navy の 3/4値 */
  color: white;  
  padding: 20px;
}
footer p{
  padding:0;
  margin:0;
  text-align:right;
  font-size:1.1em;
  padding-right:10%;
}

.container{
  display: flex;
  align-items:flex-start;
}
.citem{
  display: inline-flex;
  margin-right:5px;
  padding:1px 3px;
  text-align:top;
}
.citem p{
  margin:1px 3px;
}
.bside{
}
.topw12{
  margin-top:12px;
}
.bside p{
  display:inline-block;
  margin:2px 12px 2px 12px;
}
.links{
  padding-top:20px;
  padding-left:0.1em;
  margin-bottom:5px;
}
.gamboo_banner{
  height:18px;
  margin-bottom:-2px;
}
.links div{
  display:inline-block;
  /* min-width:12em; */
  height:2.6em;
  padding-top:1em;
  padding-left:0.2em;
  padding-right:0.2em;
  border:1px solid gray;
  margin-bottom:10px;
  text-align:center;
}
.links div.lkdiv1{
  width: calc(max(50% - 26px,23em));
}
.links div.lkdiv{
  width: calc(max(25% - 14px,5em));
}


.links a{
  text-decoration: none;
}
.links div:hover{
  background-color:#eee;
}

.alphabet{
  white-space:nowrap;
  letter-spacing: 0em;
}
.gamboo{
  white-space:nowrap;
  letter-spacing: -0.03em;
  font-weight:bold;
  color:#e67e00;
}
.yosokatu{
  white-space:nowrap;
  font-weight:bold;
  color:#000000;
}
.yosokatu span{
  color:#e60000;
}
  
.nrm{
  font-weight: normal;
}
.nrap{
  white-space:nowrap;
}
.pct86{
  font-size:86%;
}
.pct73{
  font-size:73%;
}
.press1{
  letter-spacing:0.01em;
}
.press2{
  letter-spacing:0.02em;
}
/* ---- */
.gamboo_logo{
  height:0.93em;
}
.newicn{
  height:1.1em;
  margin-bottom:-2px;
}
/* - profile.html --- */
.about{
}
.about p{
  display: flex;
}
.about p span{
  display: inline-flex;
  padding-right:15px;
}
.about p span:nth-child(1){
  white-space:nowrap;
  min-width:3.1em;
}
/* ----- for data_top.html  from data-top.css --- */
.new{background:yellow;font-weight:normal;font-size:12px;}
.dtbl{
	margin: 0;
	padding: 5px 0px;
}
.dtbl table{
	margin:0px auto; border-collapse: collapse;
}

.dtbl table tr.x1{
	background-color:#fff7f7;
	border-bottom: 1pt dotted lightgray;
}
.dtbl table tr.x2{
	background-color:#f7f7ff;
	border-bottom: 1pt dotted lightgray;
}
.dtbl table td{
	font-size:0.94em; text-align:left; padding:4px 8px 4px 8px;
}
.dtbl table td.cnt{
	text-align:center;
}

.dtbl a:link   {color:midnightblue; font-weight:normal;text-decoration:none;  border-bottom:1px dotted midnightblue;}
.dtbl a:visited{color:midnightblue; font-weight:normal; text-decoration:none;  border-bottom:1px dotted midnightblue;}
.dtbl a:hover  {color:red;          font-weight:normal; border-bottom:1px none #d00; }


.sec_news img:nth-child(1){
  height:1.1em;
  margin-bottom:-0.25em;
}
.sec_news p{
  margin-left:1em;
}
.sec_news p:first-of-type{
  margin-top:5px;
}
.sec_news h3{
  margin-bottom:5px;
}

.netkrtxt{
   letter-spacing: 0.02em;
}
.netkrtxt span{
 color:red; 
}


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

@media screen and (max-width: 480px) {  /* 768->480 */
  body{
    font-size: 14px;
  }
  header {
    height: 75px;
    padding: 10px;
  }
  header img{
    width: 72px;
  }
  main {
    padding: 5px;
  }

  section {
    margin-bottom: 10px;
  }
  #dtlist {
    height:218px;
  }
  footer {
    padding: 10px 5px;
  }
  br.ec2{ display: inline; }   /*  スマホでは改行する */
  .pc{ display: none; }     /*  スマホでは表示しない */
  .dtbl table td{ padding: 4px 4px 4px 4px;
}

  
}
@media screen and (max-width: 780px) {  /* 481 〜 780 */
  .ntbl{ display: none; }   /* スマホ・タブレットでは表示しない */
  .links div.lkdiv, .links div.lkdiv1{
    padding-top:0.72em;
    height: 2.1em;
    width: calc(100% - 18px); 
  }
    
}
@media screen and (min-width: 481px) {
  .sp{ display: none; }     /* スマホのみで表示する */
}
/* -------------------------------- */
.relodiv{
  position: absolute;
  bottom:6px;
  right:19px;
}
/* CSSでリロード(更新)ボタンを作る。 */
.reload{ 
  position: relative;
  width: 22px; 
  height: 22px;
  border: 4px solid;
  border-right-color: transparent;
  border-radius: 100%;
  box-sizing: border-box;
}

.reload:before{
  position: absolute;
  top: 5px;
  right: -7px;
  content: "";
  height: 50%;
  border: 7px solid transparent;
  border-top: 10px solid;
  background: transparent;
  transform-origin: left top;
  transform: rotate(-40deg);
  box-sizing: border-box;
}
.blue{
  color: #3399ff90;
}
/* --- profile.html -- */
.m9745{
  height:24px;
  margin-bottom:-7px;
}