html,body{margin:0;padding:0;background: #eeeeee}
body{font-size: 13px; color: #303030; }
p     { padding-right: 30pt; padding-left: 20pt; left: 100% }
div#header h1{height:80px; margin:0;
  padding-left:10px;padding-top:25px;background: #486d94;color: #ffffff}
div#container{background:#fff;text-align:left}
div#navigation{background:#fffffff}
div#extra{background:#bed69e}
div#footer{background: #333;color: #FFF}
div#footer p{margin:0;padding:5px 10px}
h4      { color: white; font-weight: bold; font-size: medium; background-color: #486d94; text-indent: 10pt; margin-right: 10pt; padding-right: 10pt }
.h4_10px { font-size: 10px }
h5   { color: #500; font-weight: bolder; font-size: small; text-decoration: underline; margin-right: 10pt; padding-right: 10pt; padding-left: 15pt; clip: auto }
.r_indent30   { padding-right: 30pt; padding-left: 80pt }
td {}
.std_name { font-weight: bold; }
.syn_name { color: #444; font-size: 80%;  }
.gakumei { font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }
.literat { font-size: 90% }
.syn_uniq { color: #444 }
.list_syn { color: #444; text-decoration: none; padding-left: 10pt }
.list_all { padding-left: 15pt; }
.hang_indent p{ text-indent: -2em; /* 先頭の1文字のみ 1em 左に */ }
div.b2 {
margin-left: 2.0em; /* ブロック全体を 2em（2文字）分右に */
text-indent: -1.0em; /* 先頭の1行のみ 1em（1文字）分左に */
}
div#list_line { line-height: 60% }
h2 { color: #486d94 }
.left_padding30pt  { padding-left: 30pt }
div#container{width:730px;margin:0 auto}
div#content{border-left : thin solid #606060;padding-left:10px;padding-right:10px;float:right;width:560px;}
div#navigation{float:left;width:145px}
div#extra{border-left : thin solid #606060;padding-left:10px;padding-right:10px;float:right;width:560px}
div#footer{clear:both;width:100%}
table{padding-left:10px}
table.prop { border: 1px solid green;}
table.prop th { 
	padding: 0 1em;
	text-align: center;}
table.prop td { 
	padding: 0 1em;
	text-align: left;}
table.prop th { 
	background: #efe }
a:link,a:visited,a:active { color: #06c; text-decoration: none }
a:hover { color:#18B5AE; }
.smalldia { color: #096; font-size: x-small; font-stretch: wider; letter-spacing: 2pt; vertical-align: middle }
.module-header {
    margin-top: 3px;
    margin-bottom: 3px;
    margin-right: 5px;
   padding: 2px 0 1px;
    _padding: 1px 0 2px;
    border: 1px solid  #666666;
    text-align: center;
    color: #444444;
    background: #f6f6f6;
    font-size: 10px;
}
.navi_menu { color: #444444; font-size: large; line-height: 200%; background: #fff; text-align: left; margin-right: 5px; padding: 2px 0 1px }
.font_11px{
   margin-top: 3px;
    margin-bottom: 3px;
    margin-right: 5px;
   padding: 2px 0 1px;
    text-align: left;
    color: #444;
    background: #fff;
    font-size: 11px;
}
.font_10px { color: #444; font-size: 10px; background: #fff; text-align: left; margin-top: 3px; margin-right: 5px; margin-bottom: 3px; padding: 2px 0 1px }
.fig, .sample { 
	margin: 1em auto;
	padding: 1em;
	border: 1px solid black;
 }
.sample p { text-indent: 0 }
table.border { 
	margin: 1em auto;
	border: 1px solid black }
table.border caption { text-align: center; vertical-align: top; margin: 0 auto }
table.border th { border: 1px solid black;
	background: #ddd }
table.border td { border: 1px solid black }
pre {padding: 10px;border: 1px solid gray;background: #fff}
ul,ol {line-height: 150%;margin-top: 3px;padding-left: 3px}
ul li {list-style-type: circle}
<!a{display:block;color: #981793;padding:10px}!>