@charset "utf-8";

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

body {
   margin: 0;
   padding: 0;
   background-color: #1a1a1a;
   white-space: nowrap;
   min-height: 650px;
   font-size:15px;
   color:#cccccc;
}

header {
   padding: 30px 0 10px;
   position: fixed;
   top: 0;
   width: 100%;
   background-color: #1a1a1a;
   display: flex;
   align-items: center;
   border-bottom: 1px solid #333029;
  font-family: serif ;
}

h1 {
  color: #ae9c69;/*文字色*/
  border-bottom: double 3px #ae9c69;
  padding: 3px 5px 3px 5px;
  font-size: 18px;
  font-family: serif ;
}


h1:before {
  content: url("icon_gear.png") ;
  margin-right: 5px;
  vertical-align: -2px;
}

h2 {
  color: #ae9c69;/*文字色*/
  margin: 0; padding: 0;
  font-size: 18px;
  font-family: serif ;
}

h3 {
  color: #ffffff;/*文字色*/
  border: solid 1px #484848;/*線色*/
  background-color: #484848;
  border-radius: 0.3em;/*角丸*/
  text-align:center;
   font-size: 12px;
}

nav {
   margin: 0 auto 0 auto;
}

ul {
   list-style: none;
   margin: 0;
   display: flex;

}

li {
   margin: 3 0 0 15px;
   font-size: 15px;
   font-weight: bold;
}


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



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


table {
   border-collapse: collapse; /* 隣接するセルの罫線を重ねて表示する */
   font-family: "メイリオ", sans-serif;/* フォントのスタイルを指定する */
   font-size:15px;
   color: #cccccc; /* フォント色 */
}



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

.resizeimage img { width: 100%; }

hr {
  border-top: 1px dotted #333029;
  border-right: none;
  border-bottom: none;
  border-left: none;
  margin-top: 10px;
  margin-bottom: 10px;
}

.mgr-10{
    margin-right : 30px;
}



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;
}

.mouseover {
    position: relative;
}
.mouseover span.txt {
    display: none;
}
.mouseover a:hover span.txt {
    display: block;
    line-height: 1.2em;
    margin: 0.5em;
    padding: 0.5em;
    position: absolute;
    top: 10px;
    width: 500px;
}