body { bgcolor="#ffffff"; font-size:12pt; font-family: Meiryo,"Hiragino Kaku Gothic Pro"; color:#000000; margin: 0; padding: 0;} 
.page { background-color:#ffffff; width:90%; height: auto; margin: 20px auto; padding-top: 20px; padding-bottom: 20px; }
header {width:80%; margin: 0 auto; }
.main { width:55%; height: auto; float: left; margin-top: 9px; margin-left: 13%;} 
.link   { width:19%; height: auto; float: right; margin-top: 10px; margin-right: 11%; }
h1    { font-size:22pt; margin: 0; color:#a0a000;}
h2    { border-left:10px solid #1f5e73;padding:3px 15px;line-height:2;font-size:18pt}
ul     { margin-top: 0px }
footer { clear:both; font-size: 10pt; width: 74%; margin: 0 auto; padding:50px 0; text-align: right }

@media screen and (max-width: 640px)
{ body { bgcolor="#ffffff"; font-size:16pt; font-family: Meiryo,"Hiragino Kaku Gothic Pro"; color:#000000;margin: 0; padding: 0;}
 .page { background-color:#FFFFFF; width:100%; height: auto; margin: 0; box-shadow: none}   
 .main {width:90%; height: auto; float:none; margin: 0 5%} 
 .link   {width:90%; height: auto; float:none; margin: 0 5%}
  h1    { font-size:25pt;}
  h2    { font-size:20pt}
 }