body {
    width: 800px; 
    margin: 10px auto;
    }    
   /* ボディーの幅800px、余白上下10px、左右自由 */
     
h1 {
   width: 200px;
   margin: 0;
   }
   /* タイトルロゴについて */
  
 div#navi { 
   border-top: 1px solid #cccccc;
   border-bottom: 1px solid #cccccc;
   background-image: url("../html/img/back1.gif");
   margin: 0;
   }
  /* リンクを一つの固まりに */

 
 li.sample {  
   padding: 0 10px;
   text-decoration: none;
   border-right: 1px dotted #cc9966;
   display: inline;
   }
   /* デコレーションなし　*/
   
 #sample1 {
   padding: 0 10px;
   display: inline;
   text-decoration: none;
   }
   /* リンクのデコレーションなし */
   
 li a:link {
   color: #999900;
   text-decoration: none;
   font: 13pt "MS 明朝",平成明朝,serif;
   }
   /* リンクについての指定 */
 
 li a:hover { 
   border-bottom: 1px solid #999900; 
   } 
   /* リンクオンマウス時について下線に1pxの線をひく */
 
 li a:visited { 
   color: #999900;
   font: 13pt "MS 明朝",平成明朝,serif;
   }
 /* 訪問後のリンクの指示 */
 
 #photo {
  width: 752px;
  height: 513px;
  margin-left: 24px;
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 0;
  }
  /* トップの写真 */
 
 p#news {
   color: #999900;
   font: 13pt "MS 明朝",平成明朝,serif;
   letter-spacing: 0.5em;
   padding-left: 80px;
   margin: 0;
   }
   /* 『お知らせ』について */
   
 div#news_box {
   width: 600px;
   margin: 0;
   margin-left: 80px;
   margin-right: 110px;
   padding: 20px;
   padding-top: 0;
   border-top: solid 1px #999999;
   border-bottom: solid 1px #999999;
   margin-bottom: 80px;
   background-color: #ffffff;
   }
  /* 『お知らせ』内のボックスの範囲 */

 dt.date {
   display: inline;
   font: 12pt "MS 明朝",平成明朝,serif;
   list-style: none;
   }  
   /* お知らせ内の日付 */
  
 dd.info {
   list-style: none;
   display: inline;
   font: 12pt "MS 明朝",平成明朝,serif;
   padding-left: 30px;
   } 
   /* お知らせ内の情報 */
   
 span.space1 {
   margin-left: 140px;
   }
   /* 文章を揃える */
  
 address {
    clear: both;
    padding-top: 10px;
    font: 13px "MS 明朝",平成明朝,serif;
    color: #996633;
    text-align: center;
    border-top: solid 1px #999999;
    }
   /* 上部に１px分の太さの棒線を引く */