body{background:white; color:black; padding:2% 5% 3% 5%; }

a{text-decoration:none;}
a:link, a:visited{color:red;}
a:active, a:hover{color:white; background:red;}

h1{font-size:150%; color:orange;} 
h2{font-size:115%; color:yellowgreen;} 
h3{font-size:115%; text-align:center;}
h4{font-size:100%; color:green; padding-left:3%;}

div.navi{text-align:right;}

p{line-height:125%; padding-left:3%;}
p.footer, p.notice{font-size:90%;  color:#333333;}
p.author{font-size:90%; text-align:right;}
p.Q{font-size:95%; color:#000099; padding-left:8%;}
p.A{font-size:95%; padding-left:8%;}

dl{padding-left:8%;}
ul{list-style-type:none;}
ul.index{ padding-left:8%;}
dt, dd, li{line-height:125%; font-size:90%; }
li.index{line-height:250%; font-size:100%; }

hr{color:black; noshade; height:2;}

img.pic{margin:0 1em 0 1em}