html, body { background: white; height: 100%; width: 900px; 
             margin-left: 100px; margin-right: 100px; 
             margin-top: 5px; margin-bottom: 0px; }

div#container { position: relative; height: 100%; min-height: 100%; margin-bottom: 10px; }

div#footer { clear: both; width: 900px; height: 10px; margin-top: 20px; margin-bottom: 10px;
             font-style: nomal; text-align: center;
             border-top: solid; border-top-widht: 3px; border-color: darkgray; }

h1 { width: 900px; color: snow; font-size: 2.5em; font-family: "AR P丸ゴシック体M"; background: darkgray; text-align: center; }

h2 { width: 900px; font-size: 1.7em; font-family: "Monotype Corsiva"; background: lightgray; text-align: center; }

h3 { font-size: 1.5em; }

h4 { font-size: 1.2em; }

p  { line-height: 1.2em; font-size: 0.8em; }

p#1 { line-height: 1.5em; }

a  {color: red; }

#table-1 { width: 900px; background: lightgray; border-style: none; text-align: center; }

#td-1 { width: 180px; }

#table-2 { width: 445px; border-style: ridge; border-color: lightgray; 
           font-family: "AR P丸ゴシック体M"; font-size: 0.8em; }

#td-2, #th-2 { height: 20; border-width: 1px; border-color: lightgray; border-style: solid; }

#table-3 { width: 900px; border-style: ridge; border-color: lightgray; font-size: 0.8em; }

#td-3, #th-3 { width: 180px; border-width: 1px; border-color: lightgray; border-style: solid; text-align: center; }

caption { font-size: 1.5em; font-family: "Monotype Corsiva"; }

div#list { margin-bottom: 250px; }

div#list-1 { float: left; margin-right: 5px; }

div#list-2 { float: right; }

div#list-3 { clear: both; float: left; margin-right: 5px; margin-top: 50px; margin-bottom: 50px;}

div#list-4 { float: right; margin-top: 50px; margin-bottom: 50px; }

div#list-5 { clear: both; float: left; margin-right: 5px; margin-bottom: 50px;}

div#list-6 { float: right; margin-bottom: 50px; }

div#kashi { text-align: center; }

a:link    { color: blue; }
a:visited { color: purple; }
a:hover   { color: red; }