body,div,ul,ol,li,h1,h2,p {
 margin: 0;
 padding: 0;
}

body {
 text-align: center;
 min-width: 780px;
 background-image: url(img/bg_ly.gif);
}

hr {
 color: #336666;
}

a:link, a:visited {
 color: #008080;
 text-decoration: none;
}

a:hover, a:active {
 color: #ff8c00;
 text-decoration: underline;
}

#wrapper {
 width: 780px;
 margin: 0 auto;
 text-align: left;
}

#header {
 width: 800px;
 height: 50px;
}

#header h1 {
 display: none;
}

#menu .navibtn {
  display: block;
  width: 100px;
  color: #ffffff;
  background-color: #336666;
  border: outset 2px #CCFFCC; /* 枠の色 */
  margin: 0px;
  padding: 3px 1px 1px 0px;
  font-size: 12px;
  line-height: 15px;          /* 行の高さ */
  text-align: center;         /* 水平揃え */
  text-decoration: none;      /* 下線を消す */
}
#menu .navibtn:hover {
  color: #eeeeee;
  background-color: #003333;
  border: inset 2px #CCFFCC;
  margin: 0px;
  padding: 4px 0px 0px 1px;
  line-height: 15px;
}
#menu .navibtn:active { color: #ffffff; }
#menu .navibtn:visited { color: #ffffff; }


#main {
 width: 800px;
 height: auto;
 text-align: left;
 background: #CCFFCC;
 font-size: 11pt;
 color: #2F4F4F;
 line-height: 16pt;
}

#main .key {
 text-align: top;
}

#main .leftCol {
 float: left;

}

#main .rightCol {
 line-height: 16pt;
 padding: 15px 0px 0px 0px;
}

#main2 {
 width: 800px;
 height: auto;
 text-align: left;
 background: #CCFFCC;
 font-size: 11pt;
 color: #2F4F4F;
 line-height: 16pt;
 padding: 40px;
}

#main2 .imgCol {
 float: left;
 height: 30px;
 padding: 15px;
}

#main2 .rightCol {
 float: right;
 padding: 15px 0px 0px 0px;
}


#main2 .rightCol2 {
 float: right;
 padding: 15px 50px 0px 0px;
}

#main2 .rightCol3 {
 float: right;
 padding: 15px 10px 0px 0px;
}

#main3 {
 width: 800px;
 height: auto;
 text-align: left;
 background: #FFE4E1;
 font-size: 11pt;
 color: #2F4F4F;
 line-height: 16pt;
 padding: 40px;
}

#main3 .imgCol {
 float: left;
 height: 30px;
 padding: 20px;
 text-align: right;
}

#main3 .rightCol {
 float: right;
 padding: 20px 10px 0px 0px;
}


<!-- Soh Field -->
<!-- 1.Ckeck it out!(会員ニュース) -->
#cio {background-image: url(public/members/img/sf4_a.jpg);
   background-repeat:no-repeat; width=100px; height=100px;
   margin: 20px 0px 0px 0px;
}
#cio:hover {background-image: url(public/members/img/sf4_b.jpg);
}

<!-- 2.発送物のご案内 -->
#sendout {background-image: url(public/members/img/sf2_a.jpg);
   background-repeat:no-repeat; width=100px; height=100px;
}
#sendout:hover {background-image: url(public/members/img/sf2_b.jpg);
}

<!-- 3.公演情報 -->
#stage {background-image: url(public/members/img/sf8_a.jpg);
   background-repeat:no-repeat; width=100px; height=100px;
   margin: 20px 0px 0px 0px;
}
#stage:hover {background-image: url(public/members/img/sf8_b.jpg);
}

<!-- 4.後援会イベント -->
#fcevent {background-image: url(public/members/img/sf6_a.jpg);
   background-repeat:no-repeat; width=100px; height=100px;
   margin: 20px 0px 0px 20px;
}
#fcevent:hover {background-image: url(public/members/img/sf6_b.jpg);
}

<!-- 5.写真館 -->
#photog {background-image: url(public/members/img/sf1_a.jpg);
   background-repeat:no-repeat; width=100px; height=100px;
}
#photog:hover {background-image: url(public/members/img/sf1_b.jpg);
}

<!-- 6.会員専用掲示板 -->
#fcbbs {background-image: url(public/members/img/sf3_a.jpg);
   background-repeat:no-repeat; width=100px; height=100px;
}
#fcbbs:hover {background-image: url(public/members/img/sf3_b.jpg);
}

table{
 text-align: left;
 font-size: 11pt;
 color: #2F4F4F;
 line-height: 16pt;
}

#footer {
 width: 800px;
 height: 50px;
 text-align: left;
 background: #336666;
 padding-top: 10px;
 padding: 20px;
 font-size: 10pt;
 color: #CCCCCC;
}

#footer .rightColf {
 float: right;
 font-size: 10pt;
}

#footer .rightColf a {
 display: block;
 padding-left: 10px;
 background: url(img/a2.gif) left center no-repeat;
 color: #FFFFFF;
 txt-decoration: none;
}