body {
 font-family:
  'Lucida Grande',
  'Hiragino Kaku Gothic ProN', 
  'ヒラギノ角ゴ ProN W3',
   'Meiryo', 'メイリオ', 
   'sans-serif';
}

/** for PC browsers **/
@media only screen and (min-device-width: 800px) {
  /*body, table, input, textarea { font-size: 13px; }*/
  body { padding: 0.5em; }
  body, input, textarea { font-size: 90%; }
  h1 { font-size: 150%; }
  h2 { font-size: 125%; }
  h3 { font-size: 110%; }
  h4, h5 { font-size: 100%; }
  h1.big { font-size: 200%; }
  h2.big { font-size: 150%; }
  h3.big { font-size: 120%; }
  body ul li {  margin: 0 0 0 -1.0em; }
  header img#medneco { width: 7em; float: left; margin-right: 0.2em; }
  header img#smallneco { width: 3em; float: left; margin-right: 0.2em; }
}

/** for smart phones **/
@media only screen and (max-device-width: 799px) {
  body { padding: 0.1em; }
  h1 { font-size:  115%; }
  h2 { font-size:  110%; }
  h3, h4, h5{ font-size:  100%; }
  h1.big { font-size: 130%; }
  h2.big { font-size: 115%; }
  h3.big { font-size: 110%; }
  body { margin: 0 0 0 0.5em; }
  body ul li { margin: 0 0 0 0.2em; }
  body ol li { margin: 0 0 0 1.5em; }
  header img#medneco { width: 5em; float: left; margin-right: 0.2em; }
  header img#smallneco { width: 2.5em; float: left; margin-right: 0.2em; }
}
@media only screen and (max-device-width: 799px) and (orientation: portrait) {
  body, textarea { font-size: 300%; }
}
@media only screen and (max-device-width: 799px) and (orientation: landscape) {
  body, textarea { font-size: 150%; }
}


/*
header {
  border-bottom: 0.2em solid #ccc;
}
*/

header h1, header h2, header h3 {
  padding: 0; 
  margin: 0; 
  display: block;
}

body ul {
  margin: 0.2em 0 0.2em 0; 
}
body ol {
  margin: 0.2em 0 0.2em 0; 
}
body ul li {
  padding: 0;
}
body ol li {
  padding: 0;
}
body h1, body h2, body h3 {
  padding: 0; 
  margin: 0; 
  display: block;
}

table, table th, table td {
  padding: 0.2em 0.3em 0.2em 0.3em; 
}

table {
  border: 0.2em solid black;
  border-collapse: collapse;
  margin: 0.4em 0em 0.4em 0em; 
}

table td {
  border: 0.1em solid black;
  border-collapse: collapse;
}

table th {
  border: 0.1em solid black;
  border-top: 0.2em solid black;
  border-bottom: 0.2em solid black;
  border-collapse: collapse;
}

  table th.u {
    border: 0.1em solid black;
    border-top: 0.2em solid black;
    border-bottom: 0.1em solid black;
    border-collapse: collapse;
  }
  table th.m {
    border: 0.1em solid black;
    border-top: 0.1em solid black;
    border-bottom: 0.1em solid black;
    border-collapse: collapse;
  }
  table th.l {
    border: 0.1em solid black;
    border-top: 0.1em solid black;
    border-bottom: 0.2em solid black;
    border-collapse: collapse;
  }

table.nb, table.nb tr, table.nb td, table.nb th {
  border: 0; 
  border-collapse: collapse;
  padding: 0.2em 0.2em 0.2em 0.2em; 
}

div.liquid {
  float: left;
  padding: 0 0.25% 0 0.25%;
}

div.hr {
  padding: 0.4em 0 0.4em 0; 
  padding-bottom: 0.4em; 
  border-bottom: 1px solid #666; 
}

div.hr h2 { font-size: 110%;}
div.hr h3 { font-size: 100%;}


section.hr {
  padding: 0.4em 0 0.4em 0; 
  padding-bottom: 0.4em; 
  border-bottom: 1px solid #666; 
}



strong {
  color: brown; 
}

span.corr {
  background-color: yellow;
  color: red; 
}

table {
  overflow-x: scroll; 
  white-space: nowrap; 
}

nav {
  width: 100%; 
}
nav ul {
  margin: 0.5em 0 0.5em -0.1em;
  padding: 0;
}
nav ul:after {
  content: ""; 
  clear: both; 
  display: block;
}
nav ul li {
  padding: 0.1em 0.7em 0.1em 0.7em;
  margin: 0.1em;
  float: left; 
  text-align: center; 
  list-style-type: none; 
  color: #ccc; 
  background-color: #555; 
}
nav ul li:hover { background-color: #daa; }

nav ul li.p2 { padding: 0.1em; width: 6.00em; background-color: #c88; }
nav ul li.p3 { padding: 0.1em; width: 9.15em; background-color: #c88; }
nav ul li.p2:hover { background-color: #eaa; }
nav ul li.p3:hover { background-color: #eaa; }
nav ul li.i2 { padding: 0.1em; width: 6.00em; background-color: #d96; }
nav ul li.i3 { padding: 0.1em; width: 9.15em; background-color: #d96; }
nav ul li.i2:hover { background-color: #fb8; }
nav ul li.i3:hover { background-color: #fb8; }
nav ul li.e2 { padding: 0.1em; width: 6.00em; background-color: #9ae; }
nav ul li.e3 { padding: 0.1em; width: 9.15em; background-color: #9ae; }
nav ul li.e2:hover { background-color: #bcf; }
nav ul li.e3:hover { background-color: #bcf; }
nav ul li.k2 { padding: 0.1em; width: 6.00em; background-color: #d98; }
nav ul li.k3 { padding: 0.1em; width: 9.15em; background-color: #d98; }
nav ul li.k2:hover { background-color: #fba; }
nav ul li.k3:hover { background-color: #fba; }

header nav ul li a {
 color: white; 
 text-decoration: none;
 display: block;
}

nav.breadcrumb ul li {
  padding: 0.1em 0.7em 0.1em 0.7em; 
  /*border-radius: 0 0.7em 0.7em 0; */
  margin: 0.1em;
  list-style-type: none; 
  background-color: #6a9;
  float: left; 
}

span.new {
  font-size: 60%; 
  color: red; 
  background-color: yellow;
  padding-left: 0.3em; 
  padding-right: 0.3em; 
}