BODY { /*背景 */
          　　　background: url(gif/mainback1.gif) ;
          background-color: #ffffff;
     scrollbar-arrow-color: #FF99FF; 
      scrollbar-base-color: #FFFFFF; 
      scrollbar-face-color: #FFFFFF;
 scrollbar-highlight-color: #666666;
  scrollbar-3d-light-color: #FFFFFF;
    scrollbar-shadow-color: #666666;
     scrollbar-track-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
}
a:link    { color: #0000ff; text-decoration: none; }
a:visited { color: #000080; text-decoration: none; }
a:active  { color: #000033; text-decoration: none; }
a:hover   { color: #FF0000; text-decoration: underline; }


.left { /* 左ペイン */
    text-align: center;
    filter: Alpha(Opacity=55);
    background-color: #e8e8ff;
    color: #000000;
    border-top: 1px solid #ccccff;
    border-left: 1px solid #ccccff;
    border-right: 2px solid #9999aa;
    border-bottom: 2px solid #9999aa;
}
.ti { /* シート（ピンク透過） */
    filter: Alpha(Opacity=50);
    background-color: #ffe8ff;
    color: #000000;
    border-top: 1px solid #8888f8;
    border-left: 1px solid #8888f8;
    border-right: 1px solid #666699;
    border-bottom: 1px solid #666699;
    padding: 3px 2px 2px 3px;
    font-weight: bold;
}
.se { /* シート(白） */
    background-color: #ffffff;
    color: #000000;
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}



.wa { /* 緑枠(背景白） */
    background-color: #ffffff;
    color: #000000;
    border-top: 3px solid #51dc38; 
    border-left: 3px solid #51dc38;
    border-right: 3px solid #51dc38;
    border-bottom: 3px solid #51dc38;
}


.lil { /* 左枠線(紫)背景(画像） */
       background: url(gif/mainback1.gif) ;
 background-color: #ffffff;
            color: #000000;
       border-top: 1px solid #ffffff; 
      border-left: 3px solid #8888f8;
     border-right: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}