@charset "UTF-8";

body {
  margin: 0;                       /* 0 の場合は単位が省略できる */
  padding: 0;
  background: #dde;                /* 背景色 */
  font-family: Meiryo, MS PGothic; /* フォント */
  font-size: 12pt;                 /* 文字の大きさ */
}
#container {                       /* id="container" のタグに対してスタイルを適用 */
  margin: 0 auto;                  /* 外側の余白:上下,左右、左右 auto でセンタリング */
  padding: 2em 4%;                 /* 内側の余白:上下,右左。% はウインドの幅に対する割合で、
                                      ウインド幅が変わると左右の padding の大きさも変わる。 */
  background: #fff;
  min-width: 300px;                /* 最小幅 */
  max-width: 550px;                /* 最大幅 */
  min-height: 500px;               /* 最小高さ */
}
p {
  line-height: 180%;               /* 行の高さを 180%（行間を80%） */
  text-indent: 1em;                /* 段落の先頭を１文字インデント */
  text-align: justify;             /* 均等割り付け */
}
h1 {
  font-size: 18pt;                 /* 文字の大きさ */
  color: #336;                     /* 文字の色 */
  background: #eef;                /* 背景色 */
  border-style: solid;             /* 枠線の種類 */
  border-color: #669;              /* 枠線の色 */
  border-width: 1px 0;             /* 枠線の太さ：上、右、下、左の順 */
  padding: 0.35em 0em 0.1em 0.4em; /* 内側の余白の大きさ：上、右、下、左の順 */
  margin: 0em -0.3em 1em -0.3em;   /* 外側の余白の大きさ：上、右、下、左の順 */
}