body {

   scrollbar-face-color: #ffffff;
   scrollbar-arrow-color: green;
   scrollbar-highlight-color: #ffffff;
   scrollbar-shadow-color: green;
   scrollbar-3dlight-color: green;
   scrollbar-darkshadow-color: ffffff;
   scrollbar-track-color: ffffff;

}

.my-body {

   width : 800px; margin: 0 auto;
   border: 1px solid green;
   
   margin-top: 20px;
   margin-bottom : 20px;

   background-image: url("fk-top001.jpg");
   background-repeat: no-repeat;
   background-color: #ffffff;
   
   font-family: Skia,Hiragino Maru Gothic Pro,Comic Sans MS,
   Lucida Sans,Verdana,Arial, "ＭＳ Ｐゴシック", Osaka, sans-serif;
   font-size: 90%;
   color: steelblue;

   scrollbar-face-color: #ffffff;
   scrollbar-arrow-color: green;
   scrollbar-highlight-color: #ffffff;
   scrollbar-shadow-color: green;
   scrollbar-3dlight-color: green;
   scrollbar-darkshadow-color: ffffff;
   scrollbar-track-color: ffffff;


}

/* ----------------タイトル div class="head"  */

.tittle {
          
  font-size: xx-large;
  color: darkseagreen; 
  padding :10px 30px;  
}



/* ---------------- メニュー　div class="menu */
.menu {


   float: right;
   margin-top : 230px;
   margin-right : 10px;
   width : 200px; height : 390px; border : 1px solid green;
   
   text-align: left;
   padding : 10px 10px 15px 10px;
   line-height : 28px;

}


/* ---------------- 左側インフォメーション　div class="info */
.info {
　　
   float: left;
   margin-top : 200px;
   margin-left: 10px;
   width : 470px; height : 390px;
   
   text-align: left;
   padding : 10px 40px 15px 40px;
   
}

/* ---------------- 同盟アイコン類　div class="icon" */
.icon {

   text-align: center;
  
}



/* ----------------フッダー div class="fodder" */
.fodder {  
   
  
   font-size: 90%;
   color: green;
   padding : 5px 0px 0px 40px;
   text-align: left;

}





/* ----------------テキスト p class="t" */
p.t1  {
    
   font-size: 90%;
   color: steelblue;
   line-height: 16px;
    padding-left:20px; 
  
      }


/* ----------------見出し */

h1  {
   
   border-top-color: #98fb98; /* 上枠の色 */
   border-bottom-color: #98fb98; /* 下枠の色 */ 
   border-style: double; /* 枠の種類 */
   border-width: 4px 0px; /* 枠の幅 */
   padding: 2px; /* 余白の幅 */
   font-size: 98%;
   color: #3cb371;
   line-height:  20px;
   text-align: center;
   
     
 }

h2  {
   
    border-top-color: #90ee90; /* 上枠の色 */
   border-bottom-color: #90ee90; /* 下枠の色 */ 
   border-style: solid; /* 枠の種類 */
   border-width: 1px 0px; /* 枠の幅 */
   padding: 1px; /* 余白の幅 */
   font-size: 98%;
   color: #999999;
   line-height:  20px;
   text-align: left;
   
     
 }