/*
==============================================================
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;
  height: 150px;
  margin-left: 25px;
  font-size: xx-small;
  text-indent: -9999px;
  background: url(../club/club.jpg) no-repeat;
}

/*
==============================================================
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: xx-small;
  text-indent: -9999px;
  overflow: hidden;
  display: block;
}

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

#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 0px;
}

#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: 40px 0 30px 25px;
}

/*dataBlock */
#dataBlock {
  width: 250px;
  float: left;
  border-bottom: 1px solid #CFCCC9;
  background: url(../club/bg1.gif) repeat-y;
}

#dataBlock h3 {
  width: 250px;
  height: 50px;
  font-size: 0;
  text-indent: -9999px;
  background: url(../club/club_h3.gif) no-repeat;
}

#dataBlock dl {
  margin: 0 20px;
}

#dataBlock dt {
  padding-top: 15px;
  background: url(../club/partition.gif) top center repeat-x;
}

#dataBlock dd {
  padding: 5px 0 15px 0;
  font-size:12px;
  line-height: 20px;
}

/*mainBlock */
#mainBlock {
  width: 500px;
  float: right;
}

#mainBlock p#comment {
  padding: 20px 0;
  font-size:12px;
  line-height: 20px;
  background: url(../club/bg3.gif) repeat-x;
/*  border-top: 5px solid #DAA9C3;*/
}

#mainBlock #block1 {
  background: url(../club/bg2.gif) repeat-y;
}

#mainBlock #block1 #club1 {
  width: 240px;
  float: left;
  border-top: 1px solid #CCC;
}

#mainBlock #block1 #club2 {
  width: 240px;
  float: right;
  border-top: 1px solid #CCC;
}

#mainBlock #block1 #club1 #pic1, #mainBlock #block1 #club2 #pic2 {
  margin-left: 20px;
  display: block;
}

#mainBlock #block1 #club1 p, #mainBlock #block1 #club2 p {
  padding: 20px;
  font-size:12px;
  line-height: 20px;
}

#mainBlock #partition {
  height: 30px;
  clear: both;
  background: url(../club/bg4.gif) no-repeat;
}

#mainBlock #block2 {
  padding: 20px 0;
  border: 1px solid #CCC;
}

#mainBlock #block2 #pic3 {
  margin-right: 20px;
  float: right;
}

#mainBlock #block2 h4 {
  margin-left: 20px;
}

#mainBlock #block2 p {
  width: 240px;
  margin: 20px 0 0 20px;
  font-size:12px;
  line-height: 20px;
}

#btnTop {
  clear: both;
}

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

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

div#error {
  margin: 50px 0;
  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;
}