/* はじめてのWebドキュメントづくり */

body {
      color:       black;
      background:  white;
      padding:     5% 10% 8% 10%;
}
h3 {
      border-left: solid thin;
      border-top:  solid thick;
      padding-left:0.25em;
      padding-top: 0.25em;
      clear:       all;
}
h4 {
      margin:      0.5em 0.5em 0.25em 0em;
}
p  {
      margin-top:  0.25em;
      margin-bottom:0.25em;
      text-indent: 1em;
      text-align:  justify;
      line-height: 1.5em;
}
li p {
      text-indent: 0em;
}
a:link    {color:  #0000cc;}
a:visited {color:  #000066;}
a:active  {color:  #ff0000;}
.contents-navigator {
      padding:     0.5em 0.5em 0.5em 0.5em;
      background:  white;
}
.index-section {background:#ffffff;}
.my-first-section {background:#ff9999;}
.coloring-section {background:#ff99cc;}
.elementary-section {background:#ffcccc;}
.filename-section {background:#ffcc99;}
.embeding-section {background:#ffff99;}
.pagelayout-section {background:#ccff99;}
.listtable-section {background:#ccffcc;}
.formscript-section {background:#ccffff;}
.charset-section {background:#ccccff;}
.documentation-section {background:#cc99ff;}
.beyondhtml-section {background:#cc99cc;}
.dynamic-section {background:#cc9999;}
.sample-text {
      border:      solid thin;
      padding:     0.5em;
}
.sample-code {
      border:      double red;
      padding:     0.5em;
      text-indent: 0em;
}
.sample-rendering {
      float:       right;
      width:       50%;
      margin-left: 0.5em;
      padding:     0.5em;
      border:      ridge thick silver;
      font-size:   50%;
}
.floatright {
      float:       right;
      margin-right:0em;
      padding:     0.5em;
}
.floatleft {
      float:       left;
      margin-left: 0em;
      padding:     0.5em;
}
.aligncenter {text-align: center;}
.alignright  {text-align: right;}