/* 外枠部分 */
.sub4-1
   {
    border:solid 1px #008000;         /* 外枠上下左右の罫線 */
    background-color:#2e8b57;         /* 背景色 */
    color:#00008b;                    /* 文字色 */
    width:200px;                      /* 全体の幅 */
    margin-left:83px;
   }



/* タイトル部分 */
.sub4-2
   {
    margin-top:5px;                   /* タイトル外側上の余白 */
    margin-right:0px;                 /* タイトル外側右の余白 */
    margin-left:40px;                  /* タイトル外側左の余白 */
    margin-bottom:0px;               /* リスト下の余白 */
    background-color:#2e8b57;         /* 背景色 */
    color:#00008b;                    /* 文字色 */
    padding-top:5px;                  /* 文字上部の余白 */
    text-align:center;                /* 文字を中央 */
    font-weight:bold;                 /* 文字を太く */
   }

/* リスト */
.sub4-3
   {
    margin:5px;                   /* リスト上の余白 */
   }

/* リスト */
.sub4-4
   {
    margin:5px;                   /* リスト上の余白 */
   }

 #top
         a:hover { background-color:#33ff80;}

 #left
         a:hover { background-color:#33ff80;}

 #bottom-left
         a:hover { background-color:#33ff80;}

 #center
         a:hover { background-color:#ffffff;
                   color:#ff0000;
                 }

.l-top	{border-top:solid 1px #7fff7f;	   border-left:solid 1px #7fff7f;
 	border-bottom:solid 1px #7fff7f;   color:#228b22;
	}
.lc-top	{border-top:solid 1px #7fff7f;     border-left:solid 1px #7fff7f;
	border-right:solid 1px #7fff7f;    border-bottom:solid 1px #7fff7f;
        color:#228b22;
	}
.rc-top	{border-top:solid 1px #7fff7f;     border-right:solid 1px #7fff7f;
	border-bottom:solid 1px #7fff7f;   color:#228b22;
	}
.r-top	{border-top:solid 1px #7fff7f;     border-right:solid 1px #7fff7f;
	border-bottom:solid 1px #7fff7f;   color:#228b22;
        font-size:75%;
	}


 body   {margin:0px; padding:0px; text-align:center;}
 #main  {
         margin-left:auto;    /* 左側マージンを自動的に空ける */
         margin-right:auto;   /* 右側マージンを自動的に空ける */
         text-align:left;     /* 中身を左側表示に戻す */
         width:800px;         /* 幅を決定する */
         background-color:#efffef;
        }
 #top   {
         text-align:center;
         margin-left:auto;    /* 左側マージンを自動的に空ける */
         margin-right:auto;   /* 右側マージンを自動的に空ける */
         width:800px;
         height:50px;
         background-color:#efffef;
        }
 #top-left {
         text-align:left;
         width:200px;
         height:872px;
         float:left;
         background-color:#ccffcc;
         border-top:solid 1px #7fff7f;
         border-left:solid 1px #7fff7f;
         border-right:solid 1px #7fff7f;
        }
 #top-left-center {
         width:18px;
         height:802px;
         float:left;
         background-color:#efffef;
        }
 #top-center {
         text-align:center;
         width:354px;
         height:870px;
         float:left;
         background-color:#ffffff;
         border-top:double 3px #7fff7f;
         border-left:double 3px #7fff7f;
         border-right:double 3px #7fff7f;
        }
 #top-right-center {
         width:18px;
         height:802px;
         float:left;
         background-color:#efffef;
        }
 #top-right {
         width:200px;
         height:872px;
         float:left;
         background-color:#ccffcc;
         border-top:solid 1px #7fff7f;
         border-left:solid 1px #7fff7f;
         border-right:solid 1px #7fff7f;
        }
 #center-left {
         text-align:left;
         width:200px;
         height:44px;
         float:left;
         background-color:#ccffcc;
         border-top:solid 1px #7fff7f;
         border-bottom:double 3px #00ff00;
         border-left:solid 1px #7fff7f;
         border-right:solid 1px #7fff7f;
         font-size:75%;
        }
 #center-center-left {
         width:18px;
         height:48px;
         float:left;
         background-color:#efffef;
        }
 #center-center {
         text-align:center;
         width:354px;
         height:48px;
         float:left;
         background-color:#ffffff;
         border-left:double 3px #7fff7f;
         border-right:double 3px #7fff7f;
        }
 #center-center-right {
         width:18px;
         height:48px;
         float:left;
         background-color:#efffef;
        }
 #center-right {
         text-align:center;
         width:200px;
         height:48px;
         float:left;
         background-color:#ccffcc;
         border-left:solid 1px #7fff7f;
         border-right:solid 1px #7fff7f;
        }
 #center {
         text-align:left;
         width:800px;
         height:0px;
         float:left;
        }
 #bottom-left {
         text-align:left;
         width:200px;
         height:200px;
         float:left;
         background-color:#ccffcc;
         border-left:solid 1px #7fff7f;
         border-right:solid 1px #7fff7f;
         border-bottom:solid 1px #7fff7f;
        }
 #bottom-left-center {
         width:18px;
         height:200px;
         float:left;
         background-color:#efffef;
        }
 #bottom-center {
         text-align:center;
         width:354px;
         height:198px;
         float:left;
         background-color:#ffffff;
         border-left:double 3px #7fff7f;
         border-right:double 3px #7fff7f;
         border-bottom:double 3px #7fff7f;
        }
 #bottom-right-center {
         width:18px;
         height:200px;
         float:left;
         background-color:#efffef;
        }
 #bottom-right {
         text-align:center;
         width:200px;
         height:200px;
         float:left;
         background-color:#ccffcc;
         border-left:solid 1px #7fff7f;
         border-right:solid 1px #7fff7f;
         border-bottom:solid 1px #7fff7f;
        }
 #bottom {
         text-align:center;
         width:800px;
         height:10px;
         background-color:#ffffff;
        }