body {
 background-image:url(background.gif);
 color:#000000;
  font-family: 'Hiragino Mincho Pro', 'MS PMincho', serif;
 font-size:16px;
 margin-top:0;
 }

a {text-decoration:none;}
a:link {color:#000000;}
a:visited {color:#000000;}
a:active {color:#ff8000;}
a:hover {color:#0000ff; background-color:#ffffff;}

/* mobile menu -------------------------------------------------------------- */
.drawer-nav {
  background-image: url("background.gif");
  }
ul.drawer-menu {
  font-family: "EB Garamond","游明朝","Yu Mincho","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","HGS明朝E","メイリオ","Meiryo",serif; /* EB Garamond 使用 */
  font-style: normal;
  font-size: 1.25em;
  text-align: center;
  }
.drawer-menu li {
  border-bottom: solid 1px #999;
  margin: 0 auto;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  }
.drawer-menu li a {
  color: #000000;
  text-decoration: none;
  }

.summary-menu {
  background-image: url("background-lightblue.gif");
  }

/* ----- header ----- */

#header {
 border-bottom:solid 1px black;
 font-size:18px;
 margin:10px auto 0;
 overflow:hidden;
 padding-bottom:10px;
 width:800px;
 }
@media (max-width:768px) {
#header {
  max-width: 100%;
  min-width: 100%;
  }
 }

#header-image {
 float:left;
 margin-left:100px;
 overflow:hidden;
 }
@media (max-width:768px) {
#header-image {
  float: none;
  margin: 0 auto;
  overflow: hidden;
  }
 }

#header-title {
 margin-left:300px;
 overflow:hidden;
 }
@media (max-width:768px) {
#header-title-mobile {
  margin: 10px auto 0;
  overflow: hidden;
  width: 95%;
  }
 }
.header-title-mobile {
  width: 100%;
  }

#header-navi {
 color:#000000;
 font-size:18px;
 margin-top:-15px;
 overflow:hidden;
 }
#header-navi ul {
 list-style:none;
 }
#header-navi li {
 border-left:solid 1px #000000;
 float:left;
 margin:0;
 padding:0 15px;
 }
#header-navi a {
 color:#000000;
 text-decoration:none;
 }
#header-navi a:hover {
 border-bottom:solid 5px #696969;
 color:#555;
 }

/* ----- main ----- */

#main {
 clear:both;
 border-bottom:solid 1px black;
 font-size:18px;
 margin:10px auto 0;
 overflow:hidden;
 padding-bottom:10px;
 text-align:center;
 width:800px;
 }
@media (max-width:768px) {
#main {
  max-width: 100%;
  min-width: 100%;
  }
 }
#main-primary {
 float:left;
 margin-left:20px;
 overflow:hidden;
 padding-right:20px;
 width:530px;
 }
@media (max-width:768px) {
#main-primary {
  float:none;
  margin:0 auto;
  overflow: hidden;
  padding: 0;
  width: 95%;
  }
 }

@media (max-width:768px) {
#main-primary li {
  margin-left: -1.0em;
  }
 }

#main-secondary {
 font-size:16px; /* 18px */
 float:right;
 line-height:1.25em;
 margin-top:1.0em;
 margin-right:10px;
 overflow:hidden;
 text-align:left;
 width:220px; /* 240px */
 }

#main-center {
  margin:0 auto;
  overflow:hidden;
  text-align:center;
  width:600px;
  }
@media (max-width:768px) {
#main-center {
  width:95%;
  }
 }

/* ----- footer ----- */

#footer {
 clear:both;
 font-size:16px;
 margin:10px auto 0;
 overflow:hidden;
 padding-bottom:10px;
 text-align:center;
 width:800px;
 }
@media (max-width:768px) {
#footer {
  max-width: 100%;
  min-width: 100%;
  }
 }

#copyright {
 color:#000000;
 font-family:'Hiragino Mincho Pro', 'MS PMincho', serif;
 font-size:16px;
 }
.copyrightmark {
 font-family:Arial;
 }

/* ----- summary ----- */

.summary-title {
 line-height:2.0em;
 margin-top:1.0em;
 }
.summary-navi {
 background-image:url(background-blue.gif);
 background-color:#bcd9ff;
 border-left:dotted 5px #ffffff;
 border-right:dotted 5px #ffffff;
 padding:1.0em 0.5em 1.0em 0.5em;
 }
.summary-navi ul {
 list-style:none;
 margin-left:-2.5em;
 }

/* extra code -------------------------------------------------- */
.no-display {display:none;}
.inline-block {display:inline-block;}
.width100 {width:100%;}
.text-right {text-align:right;}
.text-left {text-align:left;}
.text-center {text-align:center;}
.text-justify {text-align: justify;} /* 両端揃え */
.bold {font-weight:600;}
.san-serif {font-family:"游ゴシック Medium","YuGothic","YuGothicM","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",sans-serif;}
.serif {font-family:"游明朝","Yu Mincho","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","HGS明朝E","メイリオ","Meiryo",serif;}
.fs44 {font-size:44px;}
.fs36 {font-size:36px;}
.fs32 {font-size:32px;}
.fs28 {font-size:28px;}
.fs24 {font-size:24px;}
.fs20 {font-size:20px;}
.fs18 {font-size:18px;}
.fs16 {font-size:16px;}
.fs14 {font-size:14px;}
.fs12 {font-size:12px;}
.fs10 {font-size:10px;}
.fs08 {font-size:08px;}
.zizume0 {font-feature-settings:“palt”;} /* すべて字詰 */
.zizume1 {font-feature-settings:“pkna”;} /* 約物以外を字詰 */
.mobile-off {display:block;}
.mobile-off-inline {display:inline;}
.mobile-on {display:none;}
.mobile-on-inline {display:none;}

@media (max-width:768px) {
.fs44 {font-size:10.8vw;}
.fs36 {font-size:8.8vw;}
.fs32 {font-size:7.8vw;}
.fs28 {font-size:6.8vw;}
.fs24 {font-size:5.8vw;}
.fs20 {font-size:4.8vw;}
.fs18 {font-size:4.3vw;}
.fs16 {font-size:3.8vw;}
.fs14 {font-size:3.3vw;}
.fs12 {font-size:2.8vw;}
.fs10 {font-size:2.4vw;}
.fs08 {font-size:1.9vw;}
.mobile-off {display:none;}
.mobile-off-inline {display:none;}
.mobile-on {display:block;}
.mobile-on-inline {display:inline;}
 }


/* ----- OLD LINE ----- */

table.center {margin-left:auto; margin-right:auto;}
table.textcenter {text-align:center;}
table.c000000 {background-color:#000000;}
table.c808080 {background-color:#808080;}
table.centerffffff000000 {margin-left:auto; margin-right:auto; background-color:#ffffff; color:#000000}

td.background {background-image:url(background.gif);}
td.c000000 {background-color:#000000;}
td.c0080ff {background-color:#0080ff;}
td.center0080ff {text-align:center; background-color:#0080ff;}
td.c80ff80 {background-color:#80ff80;}
td.cc0c0c0 {background-color:#d0d0d0;}
td.cff0000 {background-color:#ff0000;}
td.cffff00 {background-color:#ffff00;}
td.cffffff {background-color:#ffffff;}
td.top {vertical-align:top;}
td.bottom {vertical-align:bottom;}
td.full {background-color:#ff0000;}
td.half {background-color:#ffff00;}
td.right {text-align:right;}
td.center {text-align:center;}
td.left {text-align:left;}
td.lefttop {text-align:left; vertical-align:top;}
td.centertop {text-align:center; vertical-align:top;}
td.centermiddle {text-align:center; vertical-align:middle;}
td.centerbottom {text-align:center; vertical-align:bottom;}
td.rightmiddle {text-align:right; vertical-align:middle;}
td.linetd {background-image:url(line_td.gif); color:#ffffff;}
td.nowrap {white-space:nowrap;}
td.centerlinetdnowrap {text-align:center; background-image:url(line_td.gif); white-space:nowrap; color:#ffffff;}

span.bold {font-weight:bold;}
span.c000000 {color:#000000;}
span.c0000ff {color:#0000ff;}
span.c00ffff {color:#00ffff;}
span.c00ff00 {color:#00ff00;}
span.cc0c0c0 {color:#c0c0c0;}

footer-text {color:#000000;} /*color for  footer.js*/

span.cff0000 {color:#ff0000;}
span.cffff00 {color:#ffff00;}
span.cffffff {color:#ffffff;}
span.c80ff80bold {color:#80ff80; font-weight:bold;}
span.c80ffffbold {color:#80ffff; font-weight:bold;}
span.cff0000bold {color:#ff0000; font-weight:bold;}
span.cffff00bold {color:#ffff00; font-weight:bold;}

hr.line1 {border:solid 1px #c0c0c0;}

img.border0 {border:none;}
img.border3 {border:3px solid #ffffff;}

input.c383838 {background-color:#383838; color:#ffffff;}

div.frame {border:solid 1px #c0c0c0; background-color:#423d0e; padding:3px;}
div.left {text-align:left;}
div.center {text-align:center;}
div.right {text-align:right;}