@charset "UTF-8";
html          {
               background: #aabbcc;
              }
body          {
               margin: 0 3em;
               width: 800px;
               padding: 0;
               border: 1px solid gray;
               border-top: thick solid navy;
               border-bottom: thick solid navy;
               background: #ffffff;
               text-align: center;
               font-size: small;
               color:        blacky;
               line-height : 1.5;
               }
p             { margin: 20px; }
h2             { font-size: large; }
#header       {
              margin: 0;
              padding: 0;
              text-align: center;
              }
#contents1       {
              clear: both;
              margin: 0;
              padding: 0;   
              float: left;
              font-size: small; 
              text-align: center;
              }
#contents1 .hidari1      {
              width: 40%;
              margin: 20px;
              padding: 0;
              float: left;
              text-align: left;
              }
#contents1 .migi1      {
              width: 50%;
              margin: 0;
              padding: 0;
              text-align: right;
              float: right;
              }
#contents2       {
              clear: both;
              margin: 0;
              padding: 20px;   
              font-size: small; 
              text-align: left;
              }
#contents3       {
              clear: both;
              margin: 0;
              padding: 0;
              text-align: center;
              }
#contents3 .hidari3      {
              width: 45%;
              margin: 0;
              padding: 10px;
              text-align: left;
              float: left;
              }
#contents3 .migi3      {
              width: 50%;
              margin: 0;
              padding: 0;
              text-align: left;
              float: right;
              }
table.service          {
               border: 2px solid gray;
               border-collapse: collapse;
               margin: 0 auto 1em;
               }
.service caption          {
               font-weight: bolder;
               color: teal;
               }
col.item          { width: 23% }
col.sp            { width: 12% }
col.comment       { width: 65% }
.service th, .service td          {
               border: 1px solid gray;
               padding: 0.3em;
               }
.service th    { background: #eee; }
#menu          {
               margin: 0;
               padding: 0;
               font-size: small;
               }
#menu li        {
               display: block;
               float: left;
               font-size: small;
               width: 55px;
               height: 20px;
               background: #555 url("../imges/index1.gif");
               color: green;
               margin: 0 0.5em 0 0;
               text-align: center;
               }
#menu a         {
               display: block;
               width: 100%;
               color: blue;
               text-decoration: none;
               }
#menu a:hover   {
               display: block;
               background: #059 url("../imges/index2.gif");
               width: 55px;
               height: 20px;
               color: green;
               text-decoration: underline;
               }
#nav          {
               margin: 0;
               padding: 0;
               font-size: small;
               }