@charset "utf-8";

/*====================================================================

common.css

====================================================================*/

/*--------------------------------------------------------------------
01.format
--------------------------------------------------------------------*/
body,div,span,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,p,blockquote,address,
table,tr,th,td,img{
	margin:0;
	padding:0;
	font:normal normal normal 100%/1.7 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	border:none;
}
hr{display:none;}
/*img{display:block;}*/
li{list-style-type: none;}

/*a
----------------------------------------------------------------*/
a{
	color:#5d1d82;
	text-decoration: underline;
}
a:visited{
	color:#5d1d82;
	text-decoration:underline;
}
a:hover{
	color:#5d1d82;
	text-decoration:none;
}
a:active{
	color:#5d1d82;
	text-decoration:none;
}



/*--------------------------------------------------------------------
02.body
--------------------------------------------------------------------*/
html{width: 100%;}
body{
	color: #5c143b;
	font-size: 12px;
	text-align: center;
	line-height: 1.8;
	background: #b20d66 url(../img/common/bg_01.gif) repeat-y center top;
}

#wrapper{
	width: 100%;
	background-repeat: no-repeat;
	margin: 0 auto;
}
#bgimg{
	width: 100%;
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0 auto;
}
#container{
	position: relative;
	width: 900px;
	text-align: left;
	margin: 0 auto;
}



/*bilingual*/
#bilingual{
	z-index: 100;
	position: absolute;
	right: 0;
	top: 0;
	height: 25px;
	line-height: 25px;
	background: #bf0f6d;
}
#bilingual ul li,
#bilingual ul li a{
	display: block;
	width: 100px;
	height: 25px;
}
#bilingual ul li a{
	text-indent: -9999px;
	overflow: hidden;
}
#bilingual ul li#en{
	background: url(../img/common/btn_en.gif) no-repeat;
}
#bilingual ul li#en a:hover{
	background: url(../img/common/btn_en_hover.gif) no-repeat;
}
#bilingual ul li#jp{
	background: url(../img/common/btn_jp.gif) no-repeat;
}
#bilingual ul li#jp a:hover{
	background: url(../img/common/btn_jp_hover.gif) no-repeat;
}


/*--------------------------------------------------------------------
03.head
--------------------------------------------------------------------*/
#head{
	z-index: 10;
	position: relative;
	overflow: hidden;
}
/*navigation*/
#navi,
#navi ul,
#navi ul li,
#navi ul li a{}
#navi{
	height: 118px;
	overflow: hidden;
}
#navi{position: absolute;}
#navi ul,
#navi ul li,
#navi ul li a{
	display: block;
	height: 47px;
}
#navi ul{margin-top: 25px;}
#navi ul:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#navi ul li,
#navi ul li a{width: 150px;}
#navi ul li{float: left;}
#navi ul li a{
	text-indent: -9999px;
	overflow: hidden;
}
#navi ul li#news     a:hover{background-position: 0 0;}
#navi ul li#about    a:hover{background-position: -150px 0;}
#navi ul li#lineup   a:hover{background-position: -300px 0;}
#navi ul li#ticket   a:hover{background-position: -450px 0;}
#navi ul li#access   a:hover{background-position: -600px 0;}
#navi ul li#shopping a:hover{background-position: -750px 0;}





/*--------------------------------------------------------------------
04.contents
--------------------------------------------------------------------*/
#cotnents{
	position: relative;
	width: 900px;
}
#contents:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/*--------------------------------------------------------------------
05.foot
--------------------------------------------------------------------*/
/*sponsor*/
#sponsor,
#sponsor div{
	width: 897px;
}
#sponsor{
	background: url(../img/common/sponsor_border_01.gif) repeat-x left top;
	margin-left: 1px;
}
#sponsor div{
	background: url(../img/common/sponsor_border_02.gif) repeat-x left bottom;
	padding: 10px 0;
}
#sponsor ul,
#sponsor ul li{display: block;}
#sponsor ul:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#sponsor ul li{
	float: left;
	height: 26px;
	margin-right: 20px;
}
#sponsor ul li a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}

#foot{
	height: 72px;
	background: url(../img/common/foot.gif) no-repeat bottom;
	overflow: hidden;
}
#foot:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#foot ul,
#foot ul li,
#foot ul li a{display: block;}
#foot ul{
	float: left;
	margin-top: 48px;
}
#foot ul:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#foot ul li,
#foot ul li a{height: 10px;}
#foot ul li{
	float: left;
	margin-right: 9px;
}
#foot ul li a{
	text-indent: -9999px;
	overflow: hidden;
}
#foot ul li#news     a{width: 52px;background-position: 0 0;}
#foot ul li#about    a{width: 98px;background-position: -61px 0;}
#foot ul li#lineup   a{width: 61px;background-position: -168px 0;}
#foot ul li#ticket   a{width: 65px;background-position: -238px 0;}
#foot ul li#access   a{width: 75px;background-position: -312px 0;}
#foot ul li#shopping a{width: 58px;background-position: -396px 0;}
#foot ul li a:hover{background-image: url(../img/common/foot_navi_hover.gif);}

#foot div{
	float: right;
	width: 225px;
	height: 10px;
	margin-top: 48px;
}
#foot div a{
	display: block;
	width: 77px;
	height: 10px;
	text-indent: -9999px;
	overflow: hidden;
}
#foot div a:hover{background: url(../img/common/foot_contact_hover.gif) no-repeat;}
#foot div p{display: none;}


/*--------------------------------------------------------------------
06.others
--------------------------------------------------------------------*/
.block{display: block;}
.right{float: right;}