@charset "utf-8";

/* =base
------------------------------------------------------------------------------------------*/
body {
	text-align: center;
	color: #CCC;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-size: 12px;
	line-height: 20px;
	height: 100%;
	background-color: #000;
	
	background-position:center top;
}
html {overflow-y:scroll; height:100%;}

a {color: #C00;text-decoration: none; outline:none;}
a:hover {color: #C00;text-decoration: underline;}
a:hover img{opacity:0.8!important;filter: alpha(opacity=80)!important;}

@media print {
body {-webkit-print-color-adjust: exact;}
}

/* =bg
------------------------------------------------------------------------------------------*/
/*
body {min-height: 100%; background:url(../'../images/amanohyde_bg.jpg') no-repeat center; background-size:cover;}
*/
body.top_bg{  background-position:center top; background-color: #000000;}
body.top_bg2{ background-image:url(../images/top_bg2.jpg); background-repeat:no-repeat; background-position:center top;}
body.in_bg{
      background-color: #000000;
	background-repeat: no-repeat;
}

.in_head_bg{height:95px;width:100%;position:absolute;z-index: 5;   margin-top: 40px;}
.in_head_wrap{ width:904px; margin:0 auto; text-align:left; padding-top:2px; padding-left: 0px;}


/* =fade
------------------------------------------------------------------------------------------*/
#js_fade2 {position : fixed;top : 0;left : 0;width: 100%; height : 100%;background-color: #000;background-image : url(../images/loading_b.gif );background-repeat : no-repeat; background-position : 50% 50%; z-index: 10;}

/* =コンテイナー
------------------------------------------------------------------------------------------*/
.fade_container{}
#container {width: 100%;position: relative ;height:100%; margin:0 auto;min-height: 630px; overflow:visible; min-width:900px;}
#wrap{position:relative;text-align:left;float: left;}

/* =header
------------------------------------------------------------------------------------------*/
header{   

    width: 100%;
    position: abusolute;
    z-index: 20;
	border-bottom: solid 1px #999999;

    /* border-bottom: solid 1px #999999; */
}
header#ver2{ background-image:url(../images/head_bg_ver2.png); height:150px; box-shadow:none;}
.header_wrap{ width:960px; margin:0 auto; text-align:left;position: relative;}
header h1{ display:block;background-image:url(../images/thankyou.jpg); background-repeat:no-repeat; width:1024px; height:1359px;text-indent:-9999px;}
header h1 a{ display:block;background-image:url(../images/thankyou.jpg); background-repeat:no-repeat; width:1024px; height:683px;text-indent:-9999px;}
header h1 a:hover{opacity:0.8;filter: alpha(opacity=80)}
header h2{ position:absolute; left:272px; top:18px; background-image:url(../images/head_h2.png); width:319px; height:34px; text-indent:-9999px;}

header .en{ position:absolute; right:0; top:0; margin:0;}
header .en a{ display:block; background-image:url(../images/head_english.png); width:132px; height:50px; text-indent:-9999px;}
header .en a:hover{ opacity:0.8;filter: alpha(opacity=80);}

.headbg_btm{ position:absolute; top:410px; width:100%; height:75px; background-image:url(../images/head_bg_btm.png); background-position:center top;}
.ver2main{ position:relative; z-index:5;}


.sharearea{ position:absolute; right:0px; top:0; background-color:#333;background-color: rgba(68,68,68,0.7); 
	text-align:left;
	width: 135px;
	height: 49px;
	-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.sharearea h2{ float: left; width:70px;}
.sharearea ul{
	padding:18px 0 0 5px;
}
.sharearea li{float:left;margin-left:10px;}
.sharearea li.fb{
	width: 110px;
	height: 20px;
	display: block;
	overflow: hidden;
}
.sharearea li.twt{
	width:110px;
	height:20px;
	display:block;
	overflow: hidden;
}

/* =header2
------------------------------------------------------------------------------------------*/
header2{ background-image:url(../images/header_bg.jpg); background-repeat:repeat; background-position:center top; height:350px; width:100%; position:abusolute; z-index:20;
-webkit-box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.35);
-moz-box-shadow:    4px 4px 5px 0px rgba(0, 0, 0, 0.35);
box-shadow:         4px 4px 5px 0px rgba(0, 0, 0, 0.35);
border-bottom: solid 1px #999999;
}
header#ver2{ background-image:url(../images/head_bg_ver2.png); height:150px; box-shadow:none;}
.header_wrap2{ width:1024px; margin:0 auto; text-align:left;position: relative;}
header2 h1{ position:absolute; left:35%; top:0;}
header2 h1 a{ display:block;background-image:url(../images/head_h1.png); background-repeat:no-repeat; width:309px; height:270px;text-indent:-9999px;}
header2 h1 a:hover{opacity:0.8;filter: alpha(opacity=80)}
header2 h2{ position:absolute; left:272px; top:18px; background-image:url(../images/head_h2.png); width:319px; height:34px; text-indent:-9999px;}

header2 .en{ position:absolute; right:0; top:0; margin:0;}
header2 .en a{ display:block; background-image:url(../images/head_english.png); width:132px; height:50px; text-indent:-9999px;}
header2 .en a:hover{ opacity:0.8;filter: alpha(opacity=80);}

.headbg_btm2{ position:absolute; top:410px; width:100%; height:75px; background-image:url(../images/head_bg_btm.png); background-position:center top;}
.ver2main2{ position:relative; z-index:5;}


.sharearea2{ position:absolute; right:0px; top:0; background-color:#333;background-color: rgba(68,68,68,0.7); 
	text-align:left;
	width: 135px;
	height: 49px;
	-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.sharearea2 h2{ float: left; width:70px;}
.sharearea2 ul{
	padding:18px 0 0 5px;
}
.sharearea2 li{float:left;margin-left:10px;}
.sharearea2 li.fb{
	width: 110px;
	height: 20px;
	display: block;
	overflow: hidden;
}
.sharearea2 li.twt{
	width:110px;
	height:20px;
	display:block;
	overflow: hidden;
}


/* =navi CSS
------------------------------------------------------------------------------------------*/
.nav_head{position:absolute; width:960px; right:0;}

.nav_head li{ float:left;  height:65px;}
.nav_head li a{ height:65px; display:block; text-indent:-9999px; background-image:url(../images/nav_fin3.png);}

.nav_news{ width:82px; background-position:0 0;}
.nav_about{ width:87px; background-position:-82px 0;}
.nav_bands{ width:91px; background-position:-169px 0;}
.nav_tickets{ width:104px; background-position:-273px 0; }
.nav_access{ width:179px; background-position:-375px 0;}
.nav_goods{ width:87px; background-position:-554px 0;}
.nav_notice{ width:85px; background-position:-641px 0;}
.nav_faq{ width:94px; background-position:-736px 0;}
.nav_time{ width:95px; background-position:-830px 0;}

.nav_head li a:hover{   opacity:0.8;filter: alpha(opacity=80);}


/* =hover nav
------------------------------------------------------------------------------------------*/
.nav_bg{position:fixed; width:100%; height:100%; z-index:-1; overflow:hidden; opacity:0;}
.nav_bg.sel{ z-index:10;}
.navimg{ position:fixed;left:50%;min-width: 1000px!important;/* max-width:1800px;*/min-height: 594px!important;/*opacity:0.7;*/}
.nav_bg h2{ position:absolute; left:40px; top:80px; z-index:10;}

.slidebg{ position:absolute; top:0; left:-1170px; z-index:3; background-image:url(../images/nav_bg2_loop.png); width:200%; height:1000px; background-position: center top}
.slideimg{position:absolute;top:0px;left:50%;z-index:3;margin-left:-483px;opacity: 0.65;filter: alpha(opacity=65);}
.slidetxt{ position:absolute; top:60%; left:0; width:3600px; z-index:5}
.slidetxt li{ float:left; width:600px;}




/* =navi2 CSS
------------------------------------------------------------------------------------------*/
.nav_head2{position:absolute; width:940px; right:0; top:279px;}

.nav_head2 li{ float:left;  height:65px;}
.nav_head2 li a{ height:65px; display:block; text-indent:-9999px; background-image:url(../images/nav_fin4.png);}

.nav_news2{ width:100px; background-position:0 0;}
.nav_about2{ width:75px; background-position:-100px 0;}
.nav_bands2{ width:100px; background-position:-175px 0;}
.nav_tickets2{ width:90px; background-position:-275px 0; }
.nav_access2{ width:190px; background-position:-365px 0;}
.nav_goods2{ width:80px; background-position:-555px 0;}
.nav_notice2{ width:100px; background-position:-635px 0;}
.nav_faq2{ width:110px; background-position:-735px 0;}

.nav_head2 li a:hover{   opacity:0.8;filter: alpha(opacity=80);}


/* =hover nav
------------------------------------------------------------------------------------------*/
.nav_bg{position:fixed; width:100%; height:100%; z-index:-1; overflow:hidden; opacity:0;}
.nav_bg.sel{ z-index:10;}
.navimg{ position:fixed;left:50%;min-width: 1000px!important;/* max-width:1800px;*/min-height: 594px!important;/*opacity:0.7;*/}
.nav_bg h2{ position:absolute; left:40px; top:80px; z-index:10;}

.slidebg{ position:absolute; top:0; left:-1170px; z-index:3; background-image:url(../images/nav_bg2_loop.png); width:200%; height:1000px; background-position: center top}
.slideimg{position:absolute;top:0px;left:50%;z-index:3;margin-left:-483px;opacity: 0.65;filter: alpha(opacity=65);}
.slidetxt{ position:absolute; top:60%; left:0; width:3600px; z-index:5}
.slidetxt li{ float:left; width:600px;}

/* =foot
-----------------------------------------------------------------------------------------*/
footer{ background-color:#000000; background-repeat:repeat; background-position:center top; border-top: solid 1px #999999;}
.foot_wrap{ width:1024px; margin:0 auto; height:180px; position:relative;}

footer .copyright{ width:960px; margin:0 auto;left:0; top:35px; padding-top:0px;}

footer .foot_sns{ position:absolute; width:348px; right:105px; top:25px;}
footer .foot_sns li{ float:left; padding-left:3px;}

footer .hip{ position:absolute; right:0; top:25px;}



/* =in nav
-----------------------------------------------------------------------------------------*/

.innavi_wrap2{width:960px; padding:0 20px;margin:0 auto;}

nav#innavi2{ background-color:#000; background-image:url(../images/innav2_bg.jpg);
	height:50px;
	width:100%;
	opacity:0.85;
	filter: alpha(opacity=85);
	position: fixed;
	top:-80px;
	left:0;
	z-index:9
}
nav#innavi2 ul{
	width:770px;
	height:50px;
	float:right;
}
nav#innavi2 li{float:left;height:50px; padding-right:15px}

nav#innavi2 h2{float:left; height:50px; width:140px; }
nav#innavi2 h2 a{height:50px; width:206px; margin-top:-1px;}

nav#innavi2 ul a{display:block;height:50px;background-image:url(../images/nav_fin.png); text-indent:-9999px;}
nav#innavi2 ul a:hover{opacity:0.8!important;filter: alpha(opacity=80)!important;}



.nav_about2{ width:120px; background-position:0 -8px;}
.nav_bands2{ width:80px; background-position:-120px -8px;}
.nav_tickets2{ width:90px; background-position:-200px -8px; }
.nav_time2{ width:100px; background-position:-290px -8px;}
.nav_access2{ width:130px; background-position:-390px -8px;}
.nav_goods2{ width:80px; background-position:-600px -8px;}
.nav_notice2{  width:100px; background-position:-635px 0;}
.nav_faq2{ width:84px;  background-position:-680px -8px;}




/* =ページトップ
------------------------------------------------------------------------------------------*/
.page_top{text-align: right;margin: 0;  width:80px;  text-align:center;position:fixed; right:30px; bottom:40px; font-size:10px; z-index:10; }
.page_top a{ background-image:url(../images/pagetop_icon.png); background-repeat:no-repeat;display:block;height:80px; width:80px; text-indent:-9999px;opacity:0.7;filter: alpha(opacity=70);}
.page_top a:hover{ opacity:1;filter: alpha(opacity=100);  -moz-transition: .5s;
  -webkit-transition: .5s;
  -o-transition: .5s;
  -ms-transition: .5s;
  transition: .5s;}

/* =見出し
------------------------------------------------------------------------------------------*/
h1{margin:0;}
h2{margin:0;}
h3{margin:0;}
h4{margin:0;}
h5{margin:0;}

.mgnb0{ margin:0;}

/* =clearfix
------------------------------------------------------------------------------------------*/
.clearfix:after{clear:both;display:block;height:0;line-height:0;visibility:hidden;font-size:0.1em;content:".";}
/*.clearfix{overflow: hidden;}*/

/* font
------------------------------------------------------ */
/* = Trajan font
/* IE */
@font-face {font-family: 'cserif';src: url(../'../fonts/TrajanPro-Regular.eot');}
/* Firefox, Opera, Safari */
@font-face {font-family: 'cserif';src: url(../'../fonts/TrajanPro-Regular.otf') format('opentype');}
.cserif{font-family: 'cserif';}

/* =帯
------------------------------------------------------------------------------------------*/
#obi{ 
	position:fixed;
	top:0px;
	z-index:9999;
}

.clear{ 

	clear:both;
}