@charset "utf-8";

/**** Allover styles ****/
*{
  margin: 0px;
  padding: 0px;
}

A IMG{
  border: none;
  text-decoration: none !important;
}

BODY{
  font-family: sans-serif;
  font-size: 11pt;
}



/**** #header ****/
#header{
  background-color: #000;
  color: #fff;
  height: 50px;
  left: 0px;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 100%;
}

#header H1{
  font-size: 28px;
  font-weight: bold;
  margin: 12px 50px;
}

#header H1 .subtitle{
  font-size: 22px;
}



/**** #main, #main2, #container ****/
#main{
	background: url("../images/bg_l.jpg") repeat-y left top;
	bottom: 60px;
	left: 49px;
	overflow: auto;
	position: absolute;
	top: 58px;
	width: 100%;
}

#main2{
  background: url("../images/bg_r.jpg") repeat-y right top;
  min-height: 100%;
  width: 100%;
}

#container{
  height: 100%;
  margin: 0px 100px;
  line-height: 1.5em;
}

#container H2{
  font-size: 20pt;
  font-weight: bold;
  padding: 5px;
  text-align: center;
}

#container H3{
  border-bottom: 1px solid #000;
  font-size: 18pt;
  font-weight: bold;
  margin: 10px 20px 5px 5px;
  padding: 0px 5px 2px;
}

#container H3 .first{
  margin-top: 0px;
}

#container H3 SPAN.detail{
  font-size: 10pt;
  line-height: 1em;
}

#container H3 .detail A{
  text-decoration: none;
}

#container H4{
  font-size: 12pt;
  font-weight: bold;
  margin: 10px 5px 0px;
  padding: 5px 5px 2px 0px;
}

#container P{
  margin-left: 1.5em;
  padding-right: 20px;
}

#container UL LI, #container OL LI{
  margin-left: 1.5em;
}

#container A{
  color: #000;
  text-decoration: underline;
}

#container A:hover{
  color: #000;
  font-weight: bold;
}
.message3{
	width:auto;
	height:auto;
	margin:0;
	padding:10px 0 10px 0;
	text-align:center;
}
#container P.message{
  padding: 10px;
  text-align: center;
  font-size: xx-large;
  color: red;
}
#container P.message2{
  padding: 0;
  text-align: center;
}
div.banner{
	width: 750px;
	height: 234px;
	margin-left : auto; 
	margin-right : auto;
}
div.banner a:hover {
	position:relative;
    top: 2px;
    left:2px;
	}
#container STRONG{
  font-weight: bold;
  text-decoration: underline;
}

#container TABLE{
  border: 1px solid #000;
  border-collapse: collapse;
  margin: 10px auto;
  vertical-align: middle;
}

#container TD{
  padding: 2px 5px;
}

#container TH{
  background-color: #ccc;
  font-weight: bold;
  padding: 2px 5px;
}

#container TH.section{
  background-color: #000;
  color: #fff;
  font-weight: bold;
  text-align: center;
}

#container .clearfix{
  clear: both;
}

/**** #footer ****/
#footer{
  background-color: #000;
  bottom: 0px;
  color: #fff;
  font-size: 10pt;
  height: 60px;
  left: 0px;
  overflow: auto;
  position: absolute;
  text-align: center;
  width: 100%;
}

#navigation{
  font-size: 14pt;
  font-weight: bold;
  height: 25px;
  margin: 5px auto;
  width: 640px;
}

#navigation UL LI{
  float: left;
  list-style-type: none;
}

#navigation UL LI A{
  background-image: url("../images/navigation.jpg");
  background-repeat: no-repeat;
  display: block;
  height: 25px;
  text-indent: -32765px;
  width: 80px;
}

#top A{
  background-position: 0px 0px;
}

#top A:hover, #top A.on{
  background-position: 0px -25px;
}

#info A{
  background-position: -80px 0px;
}

#info A:hover, #info A.on{
  background-position: -80px -25px;
}

#artists A{
  background-position: -160px 0px;
}

#artists A:hover, #artists A.on{
  background-position: -160px -25px;
}

#ticket A{
  background-position: -240px 0px;
}

#ticket A:hover, #ticket A.on{
  background-position: -240px -25px;
}

#attention A{
  background-position: -320px 0px;
}

#attention A:hover, #attention A.on{
  background-position: -320px -25px;
}

#access A{
  background-position: -400px 0px;
}

#access A:hover, #access A.on{
  background-position: -400px -25px;
}

#blog A{
  background-position: -480px 0px;
}

#blog A:hover, #blog A.on{
  background-position: -480px -25px;
}

#link A{
  background-position: -560px 0px;
}

#link A:hover, #link A.on{
  background-position: -560px -25px;
}

#copyright{
  clear: both;
  text-align: center;
}

#copyright A.on{
  font-weight: bold;
  text-decoration: none;
}

#footer A{
  color: #fff;
  text-decoration: underline;
}

#footer A:hover{
  color: #fff;
  font-weight: bold;
}
.message a{
	text-align:center
}