/* ----------------------------------------------------

                      backbone

---------------------------------------------------- */

body {
  margin: 0;
  text-align: center;
  background-color: #090c0f;
  background-image: url(/images/bg_body.gif);
  color: #eee;
}
#wrapper {
  width: 750px;
  margin: 0 auto;
  text-align: center;
}
#border_top {
  background: url(/images/bg_top.jpg);
  width: 700px;
  height: 40px;
}
#border_main {
  background-image: url(/images/bg_main.jpg);
  background-repeat: repeat-y;
  width: 700px;
}
#border_bottom {
  background-image: url(/images/bg_bottom.jpg);
  width: 700px;
  height: 40px;
}
#border_foot {
  background-image: url(/images/bg_foot.jpg);
  width: 700px;
  height: 62px;
}

/* ----------------------------------------------------

                       header

---------------------------------------------------- */

#header {
  width: 700px;
  margin: 0px;
  color: #d4dee1;
  text-align: left;
}
img#top_banner {
  width: 480px;
  height: 192px;
  border-style: none;
}
ul.navi {
  _height: 1px;
  min-height: 1px;
  margin: 0.1em 5px -2px;
  padding: 0.2em 0 0 0;
  background-image: url(/images/bg_break01.gif);
  background-position: left 0.3em;
  background-repeat: no-repeat;
}
ul.navi:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: inline;
  clear: both;
}
ul.navi li {
  margin: 0;
  float: left;
  width: 7em;
  width: 135px;
  background-image: url(/images/bg_break01.gif);
  background-position: right 0.1em;
  background-repeat: no-repeat;
  list-style-type: none;
  text-align: center;
  font-weight: bold;
}
ul.navi li a {
  margin: 0 1px;
  padding: 0.3em 0.5em;
  border: none;
  display: block;
  line-height: 1;
  font-size: 16px;
  color: #a0c9dd;
  text-decoration: none;
}
#navi_1 a:hover {
  color: #eee;
  background-color: #00957e;
}
#navi_1_f a {
  color: #eee;
  background-color: #00957e;
}
#navi_2 a:hover {
  color: #eee;
  background-color: #1a439b;
}
#navi_2_f a {
  color: #eee;
  background-color: #1a439b;
}
#navi_3 a:hover {
  color: #eee;
  background-color: #e30020;
}
#navi_3_f a {
  color: #eee;
  background-color: #e30020;
}
#navi_4 a:hover {
  color: #eee;
  background-color: #ffc827;
}
#navi_4_f a {
  color: #eee;
  background-color: #ffc827;
}
#navi_5 a:hover {
  color: #eee;
  background-color: #8b278d;
}
#navi_5_f a {
  color: #eee;
  background-color: #8b278d;
  text-align: center;
}
#navi_6 a:hover {
  color: #eee;
  background-color: #f0027e;
}
#navi_6_f a {
  color: #eee;
  background-color: #f0027e;
}
#navi_7 a:hover {
  color: #eee;
  background-color: #00957e;
}
#navi_7_f a {
  color: #eee;
  background-color: #00957e;
}
#navi_8 a:hover {
  color: #eee;
  background-color: #1a439b;
}
#navi_8_f a {
  color: #eee;
  background-color: #1a439b;
}
#navi_9 a:hover {
  color: #eee;
  background-color: #e30020;
}
#navi_9_f a {
  color: #eee;
  background-color: #e30020;
}
#navi_10 a:hover {
  color: #eee;
  background-color: #ffc827;
}
#navi_10_f a {
  color: #eee;
  background-color: #ffc827;
}
#font_b {
  color: #eee;
}

/* ----------------------------------------------------

                       footer

---------------------------------------------------- */

#footer {
  clear: both;
  margin: 0px 5px;
  font-size: 13px;
  text-align: center;
}
#backtop {
  margin: 0px 10px 10px 0px;
  text-align: right;
  border-bottom:1px dotted #888888;
}
#footer a {
  color: #a0c9dd;
}
#footer a:hover {
  color: #fff;
}

/* ----------------------------------------------------

                         main 

---------------------------------------------------- */

#main {
  width: 650px;
  padding: 20px 0px 10px 20px;
  font-size: 16px;
  color: #fff;
  text-align: left;
}
#main h1{
  font-size: 18px;
  padding: 0px;
  color: #ffc827
}
#main a {
  color: #a0c9dd;
}
#main a:hover {
  color: #eee;
}
li#main {
  color: #fff;
}
#news table {
  font-size: 12px;
  width: 610px;
  padding: 7px;
  background-color: #090c0f;
  border-width: thick;
  border-style: double;
  border-color: #eee;
  color: #eee;
}
td.date {
  text-align: left;
  vertical-align:top;
  border: none;
}
td.category {
  text-align: left;
  vertical-align:top;
  border: none;
  width: 5.5em;
}
td.contents {
  text-align: left;
  vertical-align:top;
  border: none;
}
td.more {
  text-align: right;
  vertical-align:top;
  border: none;
}
.attention {
  color: red;
  font-weight: bold;
  font-size: 18px;
}

/* ----------------------------------------------------

                         band

---------------------------------------------------- */

#band{
  position: relative;
  height: 340px;
}
/*#band iframe {
  border: none;
  frameBorder: 0width 100%;
  scrolling: no;
  width: 312px;
  height: 190px;
}*/
#band table.frame {
  width: 630px;
  margin: 0px;
  background-color: #090c0f;
}
#band table.list {
  width: 620px;
  font-size: 14px;
  margin: 0px;
}
#band td {
  text-align: center;
  vertical-align: middle;
  border: 1px solid #eee;
  padding: 4px 2px 2px 4px;
}
#band td a {
  color: #eee;
  text-decoration: none;
}
#band td a:hover {
  color: #33e;
}
#band td.member {
  width: 80px;
}
#band td.member_usa {
  width: 180px;
}
#band td.intro {
  width: 188px;
  text-align: left;
}
#band td.intro_usa {
  width: 400px;
  text-align: left;
}
#band td.mylist {
  width: 312px;
}
#band td.mylist_usa {
  width: 400px;
}
.underline {
  text-decoration: underline;
}

#ba_li1{
  left: 0px;
  top: -2em;
  position: relative;
  width: 128px;
  display: none;
  background-color: #192960;
  border: 1px solid #eee;
  z-index: 1;
}
#ba_li2{
  left: 127px;
  top: -2em;
  position: relative;
  width: 128px;
  display: none;
  background-color: #192960;
  border: 1px solid #eee;
  z-index: 2;
}
#ba_li3{
  left: 254px;
  top: -2em;
  position: relative;
  width: 128px;
  display: none;
  background-color: #192960;
  border: 1px solid #eee;
  z-index: 2;
}
#ba_li4{
  left: 381px;
  top: -2em;
  position: relative;
  width: 128px;
  display: none;
  background-color: #192960;
  border: 1px solid #eee;
  z-index: 2;
}
#ba_li5{
  left: 508px;
  top: -2em;
  position: relative;
  width: 128px;
  display: none;
  background-color: #192960;
  border: 1px solid #eee;
  z-index: 2;
}

#ba_menu{
  width: 640px;
  position: relative;
  text-align:  center;
  border: 1px solid #eee;
  background-color: #090c0f;
}

.u_line{
  color: #a0c9dd;
  text-decoration: underline;
  cursor: pointer;
}

.ba_border{
  border: 1px solid #eee;
  width: 128px;
}

.ba_man{
  width: 128px;
}

#ba_win{
  position: absolute;
  top: 75px;
  width: 638px;
  min-height: 245px;
  _height: 264px;
  border-top: 3px double;
  border-right: 3px double;
  border-left: 3px double;
  border-bottom: 3px double;
  padding-top: 0px;
  padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  margin: 0px;
  z-index: 0;
}

/* ----------------------------------------------------

                         link

---------------------------------------------------- */

#link table.out {
  width: 630px;
  margin: 0px;
  background-color: #090c0f;
}
#link table.in {
  width: 620px;
  font-size: 14px;
  margin: 0px;
}
#link td {
  text-align: center;
  vertical-align: middle;
  border: 1px solid #eee;
  padding: 4px 2px 2px 4px;
}
#link td a {
  color: #eee;
  text-decoration: none;
}
#link td a img {
  color: #eee;
  text-decoration: none;
  border: none;
}
#link td a:hover {
  color: #33e;
}
#link td a img:hover {
  color: #33e;
  border: none;
}
#link td.banner {
  width: 230px;
  text-align: center;
}
#link td.name {
  width: 350px;
  text-align: center;
}
.underline {
  text-decoration: underline;
}

/* ----------------------------------------------------

                         caution

---------------------------------------------------- */

#caution{
  position: relative;
  height: 350px;
}

#li1{
  left: 112px;
  top: -5px;
  position: relative;
  width: 200px;
  display: none;
  background-color: #2d2d39;
  border: 1px solid #eee;
  z-index: 1;
}
#li2{
  left: 400px;
  top: -5px;
  position: relative;
  width: 200px;
  display: none;
  background-color: #2d2d39;
  border: 1px solid #eee;
  z-index: 2;
}

#ca_menu{
  width: 600px;
  position: relative;
  text-align:  center;
  cursor:    hand;
  border: 1px solid #eee;
}

.ca_border{
  border: 1px solid #eee;
}

#ca_win{
  position: absolute;
  top: 50px;
  width: 600px;
  height: 300px;
  border: 3px;
  border-style: double;
  margin: 0;
  z-index: 0;
}
/* ----------------------------------------------------

                         setlist

---------------------------------------------------- */

#setlist table.setlist_ab {
  width: 630px;
  margin: 0px;
  background-color: #090c0f;
}
#setlist table.setlist_de {
  width: 620px;
  font-size: 14px;
  margin: 0px;
}
#setlist td {
  vertical-align: middle;
  border: 1px solid #eee;
  padding: 4px 2px 2px 4px;
}
#setlist td.music {
  text-align: center;
  width: 320px;
}
#setlist td.title {
  text-align: center;
  width: 280px;
}
#setlist td.band {
  text-align: center;
  vertical-align: middle;
  border: 1px solid #eee;
  padding: 4px 2px 2px 4px;
  font-size: 17px;
}

/* ----------------------------------------------------

                         sell

---------------------------------------------------- */

#sell table.sell_list_ab {
  width: 630px;
  margin: 0px;
  background-color: #090c0f;
}
#sell table.sell_list_de {
  width: 620px;
  font-size: 14px;
  margin: 0px;
}
#sell td {
  text-align: center;
  vertical-align: middle;
  border: 1px solid #eee;
  padding: 4px 2px 2px 4px;
}