@charset "UTF-8";
h2 {
  position: relative;
  padding: 0em 0 0em 0.75em;
  border-left: 6px solid #FF9900;
  border-bottom: 1px solid #FF9900;
}

h3 {
  position: relative;
  padding: 0em 0 0em 0em;
  border-top: 3px solid gray;
}

body {
  width: 1000px; /*幅の指定*/
  margin-right: auto; /*これで中央よせを指定*/
  margin-left: auto;
  font-family: sans-serif, "Meiryo";
  /*    border:1px solid #ccc; */ /* 外側をを薄い線で囲む */
  /*    font-family: Monospace;*/
  /*    font-size: 12pt;*/
  /*    font-size: 100%;*/
  /*    font-family: "Times New Roman"*/
  /*    font-family: "Times New Roman", 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif Meiryo; */
}

header, nav, section, footer {
  margin: 5px;
  padding: 5px;
}

a {
  color: blue;
}

a:hover {
  color: #FF6666;
  text-decoration: underline;
}

header {
  border-bottom: 1px solid #ccc;
}

header h1 {
  display: inline;
}

nav {
  float: right;
  clear: both;
  text-align: right;
  /*    border:1px solid #ccc;*/
}

menu {
  margin: 5px 5px 5px 2.5px;
  padding: 5px;
  float: right;
  width: 200px;
  /* border:5px solid #ccc; */
  border: 1px solid #ccc;
  position: fixed;
  margin-left: 775px;
}

/* position:fixed は親要素の左上が起点になる。なので margin で場所を指定する。*/
/* ref:  https://pochi-web.github.io/entry/2017/05/14/171023/    */
aside {
  margin: 5px 2.5px 5px 5px;
  padding: 5px;
  float: left;
  width: 200px;
  border: 5px solid #ccc;
}

article {
  /*    margin: 5px 2.5px 5px 2.5px; */
  margin: 5px 2.5px 5px 5px;
  padding: 5px;
  float: left;
  width: 745px;
  /* 1200 - ((5+5+5)+200 +(5+5+5+5+5) + (5+5+5+5+5) + 200 + (5+5+5)) = 1200 - 480 = 720 */
  /* 1000 - ((5+5+5)+ (5+5+5+5+5) + 200 + (5+5+5)) = 1000 - 255 = 745 */
  /* border:5px solid #ccc; */
  border-right: 1px solid #ccc;
}

article p {
  font-size: 11pt;
  line-height: 1.8;
  /* color: #696969; */
}

section {
  width: 630px;
  font-size: 11pt;
  line-height: 1.8;
  /* border:1px solid #ccc; */
}

footer {
  text-align: center;
  clear: both;
  margin-right: auto; /*これで中央よせを指定*/
  margin-left: auto;
  width: 1100px;
}

menu a {
  /* font-weight:bold; */
  text-decoration: none;
  color: blue;
}

menu a:hover {
  color: #FF6666;
  text-decoration: underline;
  /*    font-style: italic;*/
}

menu a.active {
  background: #CCC;
  font-weight: bold;
  font-size: 110%;
}

menu li {
  margin-left: 10px;
}

code {
  background-color: gainsboro;
}

table {
  width: 95%;
  border-collapse: collapse;
  margin-left: auto;
  margin-right: auto;
}

th {
  border-collapse: collapse;
  margin-left: auto;
  margin-right: auto;
  background-color: gainsboro;
}

img {
  width: 80%;
  display: block;
  margin: auto;
  text-align: center;
}

figcaption {
  background-color: #222;
  color: #fff;
  font: italic smaller sans-serif;
  padding: 3px;
  text-align: center;
  width: 80%;
  margin: auto;
}

/*# sourceMappingURL=styles.css.map */