/*
==============================================================
mainNavi
==============================================================
*/

#mainNavi {
  background: url(../club/bottom_navi.gif) bottom no-repeat;
}

#mainNavi li#navi1 {
  width: 44px;
  left: 0px;
  background: url(../main_navi.jpg) no-repeat 0px 0px;
}

#mainNavi li#navi2 {
  width: 90px;
  left: 46px;
  background: url(../main_navi.jpg) no-repeat -46px 0px;
}

#mainNavi li#navi3 {
  width: 90px;
  left: 138px;
  background: url(../main_navi.jpg) no-repeat -138px 0px;
}

#mainNavi li#navi4 {
  width: 90px;
  left: 230px;
  background: url(../main_navi.jpg) no-repeat -230px 0px;
}

#mainNavi li#navi5 {
  width: 90px;
  left: 322px;
  background: url(../main_navi.jpg) no-repeat -322px 0px;
}

#mainNavi li#navi6 {
  width: 90px;
  left: 414px;
  background: url(../main_navi.jpg) no-repeat -414px 0px;
}

#mainNavi li#navi7 {
  width: 90px;
  left: 506px;
  background: url(../main_navi.jpg) no-repeat -506px -80px;
}

#mainNavi li#navi8 {
  width: 90px;
  left: 598px;
  background: url(../main_navi.jpg) no-repeat -598px 0px;
}

#mainNavi li#navi9 {
  width: 90px;
  left: 690px;
  background: url(../main_navi.jpg) no-repeat -690px 0px;
}

#mainNavi li#navi1 a:hover {
  background: url(../main_navi.jpg) no-repeat 0px -40px;
}

#mainNavi li#navi2 a:hover {
  background: url(../main_navi.jpg) no-repeat -46px -40px;
}

#mainNavi li#navi3 a:hover {
  background: url(../main_navi.jpg) no-repeat -138px -40px;
}

#mainNavi li#navi4 a:hover {
  background: url(../main_navi.jpg) no-repeat -230px -40px;
}

#mainNavi li#navi5 a:hover {
  background: url(../main_navi.jpg) no-repeat -322px -40px;
}

#mainNavi li#navi6 a:hover {
  background: url(../main_navi.jpg) no-repeat -414px -40px;
}
/*
#mainNavi li#navi7 a:hover {
  background: url(../main_navi.jpg) no-repeat -506px -40px;
}
*/
#mainNavi li#navi8 a:hover {
  background: url(../main_navi.jpg) no-repeat -598px -40px;
}

#mainNavi li#navi9 a:hover {
  background: url(../main_navi.jpg) no-repeat -690px -40px;
}

/*page title*/
h2 {
  width: 780px;
  margin-left: 25px;
}

/*
==============================================================
subNavi
==============================================================
*/
#subNavi {
  width: 780px;
  height: 30px;
  margin-left: 25px;
  background: url(../club/sub_navi2.gif);
}

#subNavi ul {
  width: 642px;
  margin-left: 30px;
  position: relative;
  list-style: none;
}

#subNavi li {
  height: 30px;
  position: absolute;
  font-size: 0;
  text-indent: -9999px;
  overflow: hidden;
  display: block;
}

#subNavi li#sub1 {
  width: 68px;
  left: 0px;
  background: url(../club/sub_navi1.gif) no-repeat 0px 0px;
}

#subNavi li#sub2 {
  width: 79px;
  left: 69px;
  background: url(../club/sub_navi1.gif) no-repeat -69px 0px;
}

#subNavi li#sub3 {
  width: 123px;
  left: 149px;
  background: url(../club/sub_navi1.gif) no-repeat -149px 0px;
}

#subNavi li#sub4 {
  width: 110px;
  left: 273px;
  background: url(../club/sub_navi1.gif) no-repeat -273px 0px;
}

#subNavi li#sub5 {
  width: 130px;
  left: 384px;
  background: url(../club/sub_navi1.gif) no-repeat -384px 0px;
}

#subNavi li#sub6 {
  width: 127px;
  left: 515px;
  background: url(../club/sub_navi1.gif) no-repeat -515px -60px;
}

#subNavi li#sub1 a {
  width: 68px;
  height: 30px;
  display: block;
  text-decoration: none;
}

#subNavi li#sub2 a {
  width: 79px;
  height: 30px;
  display: block;
  text-decoration: none;
}

#subNavi li#sub3 a {
  width: 123px;
  height: 30px;
  display: block;
  text-decoration: none;
}

#subNavi li#sub4 a {
  width: 110px;
  height: 30px;
  display: block;
  text-decoration: none;
}

#subNavi li#sub5 a {
  width: 130px;
  height: 30px;
  display: block;
  text-decoration: none;
}

#subNavi li#sub6 a {
  width: 127px;
  height: 30px;
  display: block;
  text-decoration: none;
}

#subNavi li#sub1 a:hover {
  background: url(../club/sub_navi1.gif) no-repeat 0px -30px;
}

#subNavi li#sub2 a:hover {
  background: url(../club/sub_navi1.gif) no-repeat -69px -30px;
}

#subNavi li#sub3 a:hover {
  background: url(../club/sub_navi1.gif) no-repeat -149px -30px;
}

#subNavi li#sub4 a:hover {
  background: url(../club/sub_navi1.gif) no-repeat -273px -30px;
}

#subNavi li#sub5 a:hover {
  background: url(../club/sub_navi1.gif) no-repeat -384px -30px;
}
/*
#subNavi li#sub6 a:hover {
  background: url(../club/sub_navi1.gif) no-repeat -515px -30px;
}
*/

/*
==============================================================
contents
==============================================================
*/

#contents {
  width: 780px;
  margin-left: 25px;
  padding: 40px 0 20px 0;
}

h3 {
  height: 24px;
  font-size: 0;
  text-indent: -9999px;
}

h3#GFSC-S {
  background: url(../club/club_event/h3_4.gif) no-repeat;
}

h3#GFSC-W {
  background: url(../club/club_event/h3_5.gif) no-repeat;
}

table {
  width: 100%;
  margin-top: 20px;
  font-size: 12px;
  border: 1px solid #CCC;
}

th {
  padding: 5px;
  color: #000;
  text-align: center;
  border: 1px solid #CCC;
  background: url(../event/bg2.gif);
}

td {
  padding: 8px 5px;
  border: 1px solid #CCC;
}

th.item1_1 {
  width: 8em;
}

th.item3_1 {
  width: 22em;
}

th.item4_1 {
  width: 5em;
}

th.item5_1 {
  width: 4em;
}

.right {
  text-align: right;
}

.sun, .holiday {
  color:#CC0000;
}

.sat {
  color: #0000FF;
}

.off {
  color: #999;
}

.state1 {
  color: #FFF;
  text-align: center;
  border: 0;
  background: #3D8606;
}

.state2 {
  color: #FFF;
  text-align: center;
  border: 0;
  background: #B10E12;
}

.state3 {
  color: #B10E12;
  text-align: center;
  border: 1px solid #B10E12;
}

.state4 {
  color: #B10E12;
  text-align: center;
  border: 1px solid #B10E12;
}

.state5 {
  text-align: center;
  border: 1px solid #999;
  background: #ECEAEA;
}

a.btnTop {
  width: 17px;
  height :17px;
  margin: 20px 0 0 763px;
  display: block;
  background: url(../btn_top.gif) no-repeat;
}

/*
==============================================================
error
==============================================================
*/

div#error {
  padding: 10px;
  background: url(../event/bg2.gif);
}

div#error p {
  width: 100%;
  padding: 50px 0;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  background: #FFF;
}

body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Arial, "ＭＳ Ｐゴシック", "MS PGothic";
}