* { margin: 0; padding: 0; }

body  { line-height: 1.3; background-color: #fff; color: #000; }

#container { width: 92%; margin: 0 auto; min-width: 740px; max-width: 940px; }
#table-container { width: 98%; margin: 0 auto; padding-bottom: 1em; min-width: 740px; max-width: 980px; }

h1    { font-size: 150%; text-align: center; margin: 1em 0; }
h2    { font-size: 100%; margin: 1em 0 2px; }

hr { margin: 1em 0; }

ul, ol { margin-left: 2em; }

ul.m-circle  { list-style-type: circle; }

ul.nav-list li { margin-bottom: 0.5em; }

dt { }
dd { margin-left: 1em; margin-bottom: 0.8em; }

table   { border-collapse: separate; border: 1px solid #666; width: 100%; margin: 0 auto 0.4em; font-size: 90%; empty-cells: show; }
#table-container table { table-layout: fixed; }
caption { text-align: left; } 
th, td  { border: 1px solid #666; padding: 2px; vertical-align: top; }
th      { background-color: #eee; white-space: nowrap; }

.w15p { width: 15%; }
.w20p { width: 20%; }
.w35p { width: 35%; }

.t-c  { text-align: center; }

.topic-path{ font-size: 80%; text-align: left; padding: 5px 0; }
.ttp { font-size: 80%; text-align: right; }
a:link    { color: #03c; }
a:visited { color: #801070; }
a:hover   { color: #cc1020; }
a:active  { color: #ee0000; }