/*======================================================
  h1～h4
======================================================*/
h1 {
  background-color: #ccc;
  vertical-align: middle;

  font-size:   160%;
  font-weight: bold;
  page-break-before: always;
  page-break-after:  avoid;
}

h2 {
  background-color: #ccc;
  vertical-align: middle;

  font-size:   140%;
  font-weight: bold;
}

h3 {
  background-color: #ccc;
  vertical-align: middle;

  font-size:   120%;
  font-weight: bold;
}

h4 {
  background-color: #ccc;
  vertical-align: middle;

  font-size:   100%;
  font-weight: bold;
}






/*======================================================
  通常の見出し
======================================================*/
.midashi1 {
  background-color: #0000FF;
  color: #FFFFFF;
  vertical-align: middle;

  font-size:   160%;
  font-weight: bold;
  page-break-before: always;
  page-break-after:  avoid;
}

.midashi2 {
  background-color: #0000FF;
  color: #FFFFFF;
  vertical-align: middle;

  font-size:   150%;
  font-weight: bold;
}

.midashi3 {
  background-color: #0000FF;
  color: #FFFFFF;
  vertical-align: middle;

  font-size:   140%;
  font-weight: bold;
}

.midashi4 {
  background-color: #0000FF;
  color: #FFFFFF;
  vertical-align: middle;

  font-size:   130%;
  font-weight: bold;
}

.midashi5 {
  background-color: #0000FF;
  color: #FFFFFF;
  vertical-align: middle;

  font-size:   120%;
  font-weight: bold;
}

.midashi6 {
  background-color: #0000FF;
  color: #FFFFFF;
  vertical-align: middle;

  font-size:   110%;
  font-weight: bold;
}





/*======================================================
  クラッシックな見出し
======================================================*/
.classich1 {
  background-color: #ccc;
  vertical-align: middle;

  font-size:   160%;
  font-weight: bold;
  page-break-before: always;
  page-break-after:  avoid;
}

.classich2 {
  background-color: #ccc;
  vertical-align: middle;

  font-size:   150%;
  font-weight: bold;
}

.classich3 {
  background-color: #ccc;
  vertical-align: middle;

  font-size:   140%;
  font-weight: bold;
}

.classich4 {
  background-color: #ccc;
  vertical-align: middle;

  font-size:   130%;
  font-weight: bold;
}

.classich5 {
  background-color: #ccc;
  vertical-align: middle;

  font-size:   120%;
  font-weight: bold;
}

.classich6 {
  background-color: #ccc;
  vertical-align: middle;

  font-size:   110%;
  font-weight: bold;
}




















/*======================================================
  番号付の箇条書き
======================================================*/
.numberlist {
  background-color: #e0ffff;

  font-size:   100%;

  vertical-align: middle;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

/*======================================================
  単なる箇条書き
======================================================*/
.kajogaki {
  background-color: #e0ffff;

  font-size:   100%;

  vertical-align: middle;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}




/*======================================================
  段落
======================================================*/
.para1 {
  font-size: 100%;
}

.para2 {
  font-size: 100%;
}

.para3 {
  font-size: 100%;
}


/*======================================================
  div
======================================================*/
.div1 {
  font-size: 100%;
}

.div2 {
  font-size: 100%;
}

.div3 {
  font-size: 100%;
}





/*======================================================
  コード
======================================================*/
.code {
  background-color: #fffff0;

  border-width: 1%;
  border-style: solid;
  font-size:   90%;

  vertical-align: middle;
  padding: 1%;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

/*======================================================
  マージンなしのコード
======================================================*/
.codenomargin {
  background-color: #fffff0;

  border-width: 1%;
  border-style: solid;
  font-size:   100%;

  vertical-align: middle;
  padding: 1%;
}


/*======================================================
  画像表示用
======================================================*/
.image {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}



/*======================================================
  境界線有りテーブル
======================================================*/
.border {
  border-collapse: collapse;
  border-width: 1px;
  border-style: solid;
}

.border th {
  border-width: 1px;
  border-style: solid;

  font-weight: bold;
  padding-left:  3px;
  padding-right: 3px;
}

.border tr {
  border-width: 1px;
  border-style: solid;

  padding-left:  3px;
  padding-right: 3px;
}

.border td {
  border-width: 1px;
  border-style: solid;

  padding-left:  3px;
  padding-right: 3px;
}