body         { color: #333; font-size: 75%; line-height: 140%; text-align: center; margin: 4px }
a:hover   { color: #f93 }
img    { border: 0px }
table    { color: #333; font-size: 100%; width: 100% }
h1,h2,h3,h4,p   { font-weight: normal; margin: 0px; padding: 0px }
form   { margin: 0px; padding: 0px }
ul   { margin: 0px; padding: 0px }
li    { margin: 0px; padding: 0px 1px 0px 0px }
td   { vertical-align: top }
input   { color: #333; font-size: 100% }
textarea   { color: #333; font-size: 100% }
hr    { clear: both; width: 100% }
blockquote    { background-color: #eee; margin: 4px; padding: 4px }
.right   { text-align: right }
.center   { text-align: center }
.float_right   { float: right }
.float_left   { float: left }
.table     { border: solid 1px #ddd }
.table_label    { background-color: #ddd; padding: 4px; border: solid 1px #ddd; width: 120px }
.table_content    { padding: 4px; border: solid 1px #ddd }
.input_button   { font-size: 100%; margin-right: auto; margin-left: auto; width: 200px }
.topic_path ul   { list-style-type: none }
.topic_path li   { padding: 0px; display: inline }
.odp_title    { background-color: #eee; text-align: center; padding: 1px; border: solid 1px #ccc }
.odp_link    { background-color: #eee; text-align: center; padding: 1px; border: solid 1px #ccc }
.url   { color: #008000 }
.font_red   { color: red }
.attention     { background-color: #fcf; margin-top: 2px; margin-bottom: 2px; padding: 4px; border: solid 1px #f00 }
.list li   { margin-bottom: 2px; border-bottom: 1px dashed #693 }
#index       { text-align: left; margin-right: auto; margin-left: auto; width: 700px }
#header         { height: 75px }
#header h1 img      { float: left }
#header ul      { list-style-type: none }
#header li      { display: inline }
#navi ul    { padding-top: 6px }
#navi li { padding-left: 8px }
#left       { float: left; width: 160px }
#left h3        { font-size: 100%; padding: 4px 6px 4px 10px }
#left ul   { text-align: center; list-style-type: none }
#left li  { display: inline }
#left hr  { width: 90% }
#left li img   { vertical-align: bottom }
#fontsize { background-color: #eee; text-align: center; margin-top: 2px; margin-bottom: 2px; padding: 2px 4px; border: solid 1px #333 }
#content              { float: right; width: 530px }
#content h1           { font-size: 120%; margin-top: 2px; margin-bottom: 2px; padding: 4px; border-bottom: 1px solid #693; border-left: 6px solid #693 }
#content h2           { font-size: 120%; clear: both; margin-top: 4px; margin-bottom: 4px; padding: 4px; border-bottom: 1px solid #693; border-left: 6px solid #693 }
#content h3            { font-size: 100%; clear: both; margin: 4px; padding: 4px; border-bottom: 1px solid #c60; border-left: 6px solid #c60 }
#content h4            { color: #c60; font-size: 100%; margin: 2px 4px; padding: 2px 4px; border-bottom: 1px dotted #c60 }
#content ul    { list-style-type: circle; list-style-position: inside; padding: 2px 8px }
#content p      { font-size: 100%; padding: 2px 4px }
#content img     { float: left; padding: 2px 4px 4px }
#content_full                   { width: 692px }
#content_full h1           { font-size: 120%; margin-top: 2px; margin-bottom: 2px; padding: 4px; border-bottom: 1px solid #693; border-left: 6px solid #693 }
#content_full h2           { font-size: 120%; clear: both; margin-top: 4px; margin-bottom: 4px; padding: 4px; border-bottom: 1px solid #693; border-left: 6px solid #693 }
#content_full h3            { font-size: 100%; clear: both; margin: 4px; padding: 4px; border-bottom: 1px solid #c60; border-left: 6px solid #c60 }
#content_full h4            { color: #c60; font-size: 100%; margin: 2px 4px; padding: 2px 4px; border-bottom: 1px dotted #c60 }
#content_full ul    { list-style-type: circle; list-style-position: inside; padding: 2px 8px }
#content_full p      { font-size: 100%; padding: 2px 4px }
#content_full img     { float: left; padding: 2px 4px 4px }
#footer       { text-align: center; clear: both; padding-top: 20px }
#footer ul    { list-style-type: none }
#footer li   { display: inline }