h1,h2,h3,h4,h5,h6,p,ul,ol,dl{margin-top:0;margin-bottom:0;}

.tdftad a { font-size: x-small; text-decoration: none; }
.tdftad{ color: #808080; font-size: x-small; text-decoration: none; position: fixed; left: 30px; bottom: 4px; z-index: 2; }
.clear { clear:both; }
.clear hr { display:none; }

body { font-size: small; font-family: Verdana, Geneva, Arial, helvetica, sans-serif; background-color: #fff; margin: 0; padding: 0; height: 100% ;}
#bodyText { color: #6c6c6c; clear: none; overflow: auto; }	

a:link { color: #808080; text-decoration:none; }
a:visited { color: #b8b8b8; text-decoration: none; }
a:hover{ color: #ff8000; text-decoration:none }
a:active { color: #ff8000; text-decoration: none; }

#navi { position: fixed; left: 30px; top: 30px; z-index:2;}
#navi li { margin: 0 10px 0 0; display:inline; list-style:none; }
#navi a { color: #fff; font-size: 0.9em; text-decoration: none; }   
#navi a:hover { color: #9bb2bb; } 

#collumn { position: fixed; top: 60px; left: 30px; z-index: 1;  float:left;}	 

*html body　#content   { width: auto; height: 90%; z-index: 0; margin-top: 110px; margin-bottom: 100px; margin-left: 230px; float:left;}
#content   { width: auto; height: 90%; z-index: 0; margin-top: 120px; margin-left: 200px; float:left;}

img.noteimg{ width: 600px; height: 400px; clear: none; margin: 10px 0; }
img.simg{ width: 100px; height: 100px; clear: none; margin: 10px 10px 0px 0px; }

h1 { color: #cecece; font-size: 1.2em; font-weight: bold;}
h2 { color: #9bb2bb; font-size: 1.2em; font-weight: bold;}
h3 { color: #cecece; font-size: 0.8em; line-height: 80%;}


#footer{ color: #fff; font-size: x-small; position: fixed; right: 30px; bottom: 13px; z-index:2; }
*.floating { list-style:none; width: 30%; float: left; clear: none; padding-right: 10px; }
*.floatclear {clear: both;}