body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  line-height: 1.5em;
  font-size: 10px;
  color: #cccccc;
  background: #000000 url(/img/head_bg.png) repeat-x top left;
}

#fence {
  position:relative;
  width: 900px;
  height: 100%;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  background-color: transparent;
}

#header {
  position:relative;
  top: 0px;
  float: none;
  width: 900px;
  height: 80px;
  margin: 0;
  padding: 0;
  background-color: transparent;
  text-align: left;
}

#header ul {
  position:absolute;
  top: 0px;
  left: 350px;
  width: 350px;
  height: 22px;
  list-style: none outside;
  text-align: left;
  line-height: 22px;
  margin: 0px;
  padding: 0px;
  background-color: transparent;
  z-index: 900;
}

#header ul a{
  text-decoration: none;
}

/* ================ */
#header ul li{
  float: left;
  margin: 28px 30px;
  height: 22px;
  height: 2em;
  text-align: left;
}

#header ul li#tv {
  width: 88px;
  background: url(/img/botan_rakuyatv.png) no-repeat 0px 0px;
}
#header ul li#tv:hover {
  background: url(/img/botan_rakuyatv.png) no-repeat 0px -22px;
}
#header ul li#label {
  width: 115px;
  background: url(/img/botan_rakuyalabel.png) no-repeat 0px 0px;
}
#header ul li#label:hover {
  background: url(/img/botan_rakuyalabel.png) no-repeat 0px -22px;
}

#main {
  position:relative;
  margin-top: 80px;
  float: none;
  width: 900px;
}

#video {
  position:relative;
  margin-top: 120px;
  float: none;
  width: 900px;
  height: 590px;
}
#video2 {
  position:absolute;
  top: 200px;
  float: none;
  width: 900px;
  height: 590px;
}

#footer {
  clear: both;
  float: none;
  position:relative;
  width: 100%;
  height: 15px;
  margin-bottom: 50px;
  padding: 0px;
  color: #cccccc;
  background-color: transparent;
  text-align: center;
  font: normal 10px/1.7em 'ＭＳ ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Century Gothic',sans-serif;
  border-top: #333333 solid 1px;
}


#sns {
  position:absolute;
  top: 12px;
  left: 620px;
  width: 240px;
  height: 60px;
  margin: 0;
  padding: 0px;
  font: normal 10px/1.6em 'メイリオ','ＭＳ ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Century Gothic',sans-serif;
  text-align: left;
  color:#ffffff;
  background-color: transparent;
  z-index:5;
}



#menu {
  position:absolute;
  top: 80px;
  left: 0px;
  width: 900px;
  height: 70px;
  margin: 0;
  padding: 0;
  background-color: transparent;
  z-index:2;
}

ul#mainmenu {
  position:relative;
  width: 900px;
  height: 50px;
  list-style: none outside;
  text-align: left;
  margin-top: 10px;
  padding: 0px;
  background-color: transparent;
/* IE6 対策 */
        behavior: url("/css/csshover.htc");
}
/* ================ */
ul#mainmenu li.main{
  float: left;
  margin: 0px 2px;
  display: block;
  height: 50px;
  text-align: left;
  font: normal 10px/2em 'ＭＳ ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Century Gothic',sans-serif;
}

ul#mainmenu li#aboutus {
  position: relative;
  width: 108px;
  background: url(/img/botan_aboutus.gif) no-repeat 0px 0px;
}
ul#mainmenu li#aboutus:hover {
  background: url(/img/botan_aboutus.gif) no-repeat 0px -50px;
}

ul#mainmenu li#access {
  width: 88px;
  background: url(/img/botan_access.gif) no-repeat 0px 0px;
}
ul#mainmenu li#access:hover {
  background: url(/img/botan_access.gif) no-repeat 0px -50px;
}

ul#mainmenu li#livesche {
  width: 141px;
  background: url(/img/botan_livesche.gif) no-repeat 0px 0px;
}
ul#mainmenu li#livesche:hover {
  background: url(/img/botan_livesche.gif) no-repeat 0px -50px;
}

ul#mainmenu li#reservation {
  width: 131px;
  background: url(/img/botan_reservation.gif) no-repeat 0px 0px;
}
ul#mainmenu li#reservation:hover {
  background: url(/img/botan_reservation.gif) no-repeat 0px -50px;
}

ul#mainmenu li#fooddrink {
  width: 137px;
  background: url(/img/botan_fooddrink.gif) no-repeat 0px 0px;
}
ul#mainmenu li#fooddrink:hover {
  background: url(/img/botan_fooddrink.gif) no-repeat 0px -50px;
}

ul#mainmenu li#party {
  width: 111px;
  background: url(/img/botan_party.gif) no-repeat 0px 0px;
}
ul#mainmenu li#party:hover {
  background: url(/img/botan_party.gif) no-repeat 0px -50px;
}

ul#mainmenu li#forartist {
  width: 153px;
  background: url(/img/botan_forartist.gif) no-repeat 0px 0px;
}
ul#mainmenu li#forartist:hover {
  background: url(/img/botan_forartist.gif) no-repeat 0px -50px;
}


ul#mainmenu li.main a{
  text-decoration: none;
}


/* サブメニュー領域 */
ul#mainmenu li.main p {
  margin-top: 30px;
  display: block;
  width:100%;
  background-color:#000000;
  text-align: center;
  font: normal 10px/2em 'ＭＳ ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Century Gothic',sans-serif;
}
/* 下層のメニューを不可視に */
ul#mainmenu li.main p span a{
  display: none;
}
/* 疑似要素 :hover で下層のメニューを可視に */
ul#mainmenu li.main:hover p span a{
  text-decoration: none;
  display: block;
  float:left;
  color: #666666;
  width:100%;
  background-color:#000000;
  z-index:2;
}
ul#mainmenu li.main:hover p span a:hover{
  color: #ffffff;
  background-color:#000000;
}





#sitemap {
  clear: both;
  float: none;
  position:relative;
  width: 100%;
  height: 235px;
  margin-top: 0px;
  padding: 8px;
  color: #cccccc;
  background-color: transparent;
  text-align: center;
  font: normal 11px/1.6em 'ＭＳ ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Century Gothic',sans-serif;
  border-top: #333333 solid 1px;
  z-index:900;

}
#sitemap ul#mainmenu {
  position:relative;
  width: 900px;
  height: 50px;
  list-style: none outside;
  text-align: left;
  margin-top: 10px;
  padding: 0px;
  background-color: transparent;
}
/* ================ */
#sitemap ul#mainmenu li.main{
  float: left;
  margin: 0px 2px;
  display: block;
  height: 50px;
  text-align: left;
  font: normal 10px/2em 'ＭＳ ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Century Gothic',sans-serif;
}

#sitemap ul#mainmenu li#aboutus {
  position: relative;
  width: 123px;
  background: url(/img/botan_mini_aboutus.gif) no-repeat 0px 0px;
}
#sitemap ul#mainmenu li#access {
  width: 93px;
  background: url(/img/botan_mini_access.gif) no-repeat 0px 0px;
}
#sitemap ul#mainmenu li#livesche {
  width: 138px;
  background: url(/img/botan_mini_livesche.gif) no-repeat 0px 0px;
}
#sitemap ul#mainmenu li#reservation {
  width: 128px;
  background: url(/img/botan_mini_reservation.gif) no-repeat 0px 0px;
}
#sitemap ul#mainmenu li#fooddrink {
  width: 133px;
  background: url(/img/botan_mini_fooddrink.gif) no-repeat 0px 0px;
}
#sitemap ul#mainmenu li#party {
  width: 123px;
  background: url(/img/botan_mini_party.gif) no-repeat 0px 0px;
}
#sitemap ul#mainmenu li#forartist {
  width: 123px;
  background: url(/img/botan_mini_forartist.gif) no-repeat 0px 0px;
}

#sitemap ul#mainmenu li.main a{
  text-decoration: none;
}


/* サブメニュー領域 */
#sitemap ul#mainmenu li.main p {
  margin-top: 10px;
  padding-left: 10px;
  display: block;
  width:100%;
  background-color:transparent;
  text-align: left;
  font: normal 10px/2em 'ＭＳ ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Century Gothic',sans-serif;
}
#sitemap ul#mainmenu li.main p span a{
  text-decoration: none;
  display: block;
  float:left;
  color: #666666;
  width:100%;
  background-color:transparent;
}
#sitemap ul#mainmenu li.main:hover p span a:hover{
  color: #ffffff;
  background-color:transparent;
}