*{
margin:0;
padding:0;
}

html{
height: 100%;
}

body{
height: 96%;
}

body > #container{
height:auto;
}

body {
text-align: center;
font: normal 13px arial, helvetica, hirakakupro-w3, osaka, "ms pgothic", sans-serif;
background-image: url(../images/glb_bg.jpg);
background-repeat : repeat;
background-attachment: fixed;
background-position: top;
background-color: #FFFFFF;
margin: 0px;
line-height: 150%;
}

#container {
width: 940px;
height: 50px;
margin: 250px auto 0px auto;
text-align: center;
clear: both;
}

#header {
width: 850px;
height: 148px;
padding: 0px;
margin: 0px auto 0px auto;
text-align: left;
background-image: url("../images/header_logo.jpg");
background-repeat: no-repeat;
background-position: left top;
clear: both;
}

#logo {
background-image: url("../images/logo.png");
background-repeat: no-repeat;
background-position: left top;
margin-bottom:25px;
clear: both;

}

#navi {
	margin:0px;
}

#navi ul{
	width: 840px;
	height: 50px;
	list-style-type: none;
}

#navi li {
	width: 105px;
	height: 50px;
	float:left;
}

#navi a {
	width: 105px;
	height: 50px;
	text-indent: -9999px;
	text-decoration: none;
	display: block;
	background-image: url("../images/navi.png");
	background-repeat: no-repeat;
}

#menu1 a { background-position: 0 0; }
#menu2 a { background-position: -105px 0; }
#menu3 a { background-position: -210px 0; }
#menu4 a { background-position: -315px 0; }
#menu5 a { background-position: -420px 0; }
#menu6 a { background-position: -525px 0; }
#menu7 a { background-position: -630px 0; }
#menu8 a { background-position: -735px 0; }


#navi a:hover {
	width: 105x;
	height: 50px;
	text-decoration: none;
	background-image: url("../images/navi.png");
	background-repeat: no-repeat;
}

#menu1 a:hover { background-position: 0 -50px; }
#menu2 a:hover { background-position: -105px -50px; }
#menu3 a:hover { background-position: -210px -50px; }
#menu4 a:hover { background-position: -315px -50px; }
#menu5 a:hover { background-position: -420px -50px; }
#menu6 a:hover { background-position: -525px -50px; }
#menu7 a:hover { background-position: -630px -50px; }
#menu8 a:hover { background-position: -735px -50px; }


#main {
width: 940px;
height: auto;
margin: 20px auto 0px auto;
padding: 0;
text-align: center;
clear: both;
background:url(../images/main_bg.png);
background-repeat: repeat;
background-position: top;
}

#main_left {
width: 380px;
height: auto;
margin: 40px 20px 30px 30px;
padding: 0;
text-align: left;
float: left;
}

#main_center {
width: 290px;
height: auto;
margin: 40px 20px 30px 0px;
padding: 0;
text-align: left;
float: left;
}

#main_right {
width: 170px;
height: auto;
margin: 40px 30px 30px 0px;
padding: 0;
text-align: left;
float: left;
}

#news {
width: 380px;
height: auto;
text-align: left;
background-image: url("../images/main_news.png");
background-repeat: no-repeat;
background-position: left top;
clear: both;
}

#video {
width: 290px;
height: auto;
text-align: left;
background-image: url("../images/main_movie.png");
background-repeat: no-repeat;
background-position: left top;
clear: both;
}

#live {
width: 290px;
height: auto;
text-align: left;
background-image: url("../images/main_live.png");
background-repeat: no-repeat;
background-position: left top;
clear: both;
}

#releases {
width: 170px;
height: auto;
text-align: left;
background-image: url("../images/main_releases.png");
background-repeat: no-repeat;
background-position: left top;
clear: both;
}

#links {
width: 170px;
height: auto;
background-image: url("../images/main_links.png");
background-repeat: no-repeat;
background-position: left top;
clear: both;
}

.cont {
padding-top: 50px;
margin-bottom:25px;
text-align: left;
}

div.cont p {
margin: 0px;
padding: 2px 0px;
}

div.cont a:hover img,.a:active img {
filter:alpha(opacity= 50); /* IE */
-moz-opacity:0.50; /* Firefox CSS3ˆÈ‘O */
opacity:0.50; /* CSS3 */
}

div.cont h2 {
font-size: 13px;
}

div.cont h2.point {
padding: 0px 0px 0px 15px;
background: url(../images/point.gif) no-repeat 0px 3px;
}


div.cont h4 {
font-size: 10px;
font-style: italic;
}

div.cont h4.date {
color: #993300;
}

div.cont p {
font-size: 13px;
margin :6px 0px;
}
	
.livedate{
    color: #993300;
	font-size: 12px;
	font-weight: bold;
	float:left;
	width:70px;
	}

.venue{
	color: #333333;
	float:left;
	font-weight: bold;
	width:190px;
}

.venue a.feedlink{
	color:#AED7A5;
	font-weight:bold;
}

.venue a{
	color:#199143;
}

.livetitle{
	color: #999999;
	float:left;
	font-weight: bold;
	}

.disctitle {
	color: #333333;
	font-size: 13px;
	font-weight: bold;
}

.disccap {
	color: #8B8B8B;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 15px;
}

.linkcap {
	color: #8B8B8B;
	font-size: 12px;
	font-weight: bold;

}

.alpha {
	margin-bottom: 10px;
	clear: both;
}

.beta {
	margin-bottom: 10px;
	border-bottom: #CCCCCC 2px dotted;
	clear: both;
}

.gamma {
	padding-bottom: 15px;
	margin-bottom: 20px;
	border-bottom: #CCCCCC 2px dotted;
	clear: both;
}

div.beta span a:hover {
    color: #999999;
	text-decoration: underline;
	}

.more a {
    font-size: 12px;
    font-weight: bold;
	color: #666666;
	float:right;
	text-align:right;
}

#global_left {
width: 170px;
height: auto;
margin: 40px 20px 30px 30px;
padding: 0;
text-align: left;
float: left;
}

#global_center {
width: 500px;
height: auto;
margin: 40px 20px 30px 0px;
padding: 0;
text-align: left;
float: left;
}

#global_right {
width: 170px;
height: auto;
margin: 40px 30px 30px 0px;
padding: 0;
text-align: left;
float: left;
}

#global_news {
width: 170px;
height: auto;
text-align: left;
background-image: url("../images/main_news.png");
background-repeat: no-repeat;
background-position: left top;
clear: both;
}

#global_blog {
width: 170px;
height: auto;
text-align: left;
background-image: url("../images/global_blog.png");
background-repeat: no-repeat;
background-position: left top;
clear: both;
}

#global_text {
width: 500px;
height: auto;
text-align: left;
clear: both;
}

.global_title {
	clear: both;
	margin-bottom: 10px;
}


.global_title a {
    font-size: 12px;
    font-weight: bold;
	color: #000000;
}

div.live {
background-image: url("../images/global_live.png");
background-repeat: no-repeat;
background-position: left top;
}

div.bio {
background-image: url("../images/global_bio.png");
background-repeat: no-repeat;
background-position: left top;
}

div.disc {
background-image: url("../images/global_disc.png");
background-repeat: no-repeat;
background-position: left top;
}

div.movie {
background-image: url("../images/global_movie.png");
background-repeat: no-repeat;
background-position: left top;
}

div.news {
background-image: url("../images/global_news.png");
background-repeat: no-repeat;
background-position: left top;
}

div.profile {
width: 500px;
height: 366px;
margin-bottom: 20px;
background-image: url("../images/haku_profile.png");
background-repeat: no-repeat;
background-position: left top;
}

div.profile img{
margin: 50px;
}

img.disc {
margin-bottom:10px;
}

.disctitle{
	color: #333333;
	font-weight: bold;
}

.red_italic {
    font-style: italic;
    color: #993300;
}

#footer {
width: 800px;
height: auto;
margin: 3px auto;
padding: 3px 0;
font-size:10px;
text-align: center;
background-color: #666666;
color: #FFFFFF;
clear: both;
}

.clear {
clear: both;
height: 0px;
padding: 0px;
margin: 0px;
}

a {color: #000000;}
a:link {text-decoration: underline;}
a:visited {text-decoration: underline;}
a:hover {color: #999999;text-decoration: underline;}
a:active {text-decoration: underline;}
a img,:link img,:visited img {border:none;
margin: 0px;
}

.hover {
	border-color: #aaf;
	cursor: pointer;
	background-color: #cdF;
	}
.hover a:link {
	color: #CC3333;
	}
.hover a:visited {
	color: #CC3333;
	}