@charset "utf-8";

@supports (-ms-ime-align: auto) and (not (-webkit-text-stroke: initial)) {
  .selector {
    property: value;
  }
}

body{margin:0 0px;padding:0px;background:#000000;} 
body,table,div{font-size:15px;color:#cccccc;} 


a{color:#666666;text-decoration:none;} 
a:visited { color: #666666; }
a {text-decoration: none;}
a:hover {position: relative; top: 1px; left: 1px; text-decoration: none; color: #ffa500; }



.linkbox a {
  color: #ffffff; 
  display: inline-block;
  background-color: #000000;
  border: 1px solid #ffffff;
  padding: 10px; /* a要素内の余白 */
}

 /* マウスを載せたときのスタイル */
.linkbox a:hover { 

  position: relative; top: 1px; left: 1px; text-decoration: none;
 }


header {position: relative; height: 30vh; background: url(top.jpg) center / cover;}

h1 {
  border-bottom: solid 1px white;  /*線の種類（実線） 太さ 色*/
  font-size: 18px;/*フォントサイズ*/
}

h2 {
  background: #cccccc;/*背景色*/
  padding: 2px 5px 2px 5px;
  font-size:15px;
  color: #333333;
}

p.box {border-bottom: 2px solid #cccccc;}

.text{text-align:left; display:inline-block;}

.center{margin-left:auto;margin-right:auto;text-align:center}


.under {border-bottom: double 4px #cccccc;}


html{
  scroll-behavior: smooth;
}

dl{
  overflow: hidden;
  border-top: none;
}
dt{
  float: left;
  box-sizing: border-box;
}

dd{
  margin-left: 20%;
}
dd:after{
  display: block;
  content: "";
  clear: both;
}
dd:before{
  content: ": ";
  width: 5px;
}