@charset "UTF-8";
/*\*/

/*------------------------------
SPECIAL / HAWAII 4th
UPDATED : 2014.04.01
GUIDELINE : Ver.01
------------------------------*/


/* ------------------------------------
 * RESET
 * ------------------------------------ */
@import "reset.css";


/* ------------------------------------
 * COMMON SETTING / OVERRIDE
 * ------------------------------------ */

body {
	color: #000;
	background: url(../img/XQDB-1011/bg.jpg) center top fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	text-align: center;
	font: 12px/1.5 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS P Gothic',Arial,sans-serif;
	-webkit-text-size-adjust:100%;
}



/* ------------------------------------
 * LINK
 * ------------------------------------ */
 
a {
	cursor: pointer;
	outline: none;
}

a img {
	border: 0;
}

a:link,a:visited {
	color: #000;
	text-decoration: underline;
}

a:hover,a:active {
	color: #999;
	text-decoration: underline;
}


/* ------------------------------------
 * BASIC LAYOUT
 * ------------------------------------ */
 
#wrapper {

}
 
#container {
	margin: 0 auto;
	width: 1000px;
	background: url(../img/XQDB-1011/bgcontent.png);
}

#header {
	margin: 0 auto;
	width: 960px;
}

#content {
	margin:0 auto;
	width: 960px;
}

#footer {
	padding: 0 0 60px;
}

.section {
	zoom: 1;
}
.section:after {
    content: ""; 
    display: block; 
    height: 0; 
    clear: both;
    visibility: hidden;
}

/* ------------------------------------
 * HEADER
 * ------------------------------------ */

#header h1 {
	padding-left: 30px;
	display: inline;
	float: left;
	line-height: 70px;
	font-size: 93%;
}

#header #primaryNav {
	padding: 16px 30px 16px 0;
	display: inline;
	float: right;
	width: 600px;
	height: 38px;
	zoom: 1;
}
#header #primaryNav:after {
    content: ""; 
    display: block; 
    height: 0; 
    clear: both;
    visibility: hidden;
}

#header #primaryNav li {
	padding-left: 10px;
	display: inline;
	float: right;
}

#header #primaryNav li img.officialfb {
	margin-top: 7px;
}

#header #primaryNav li iframe {
	margin-top: 8px;
}

#header #globalNav {
	padding: 0 128px;
	clear: both;
	width: 700px;
	height: 50px;
	background: url(../img/bgGlobalNav.png) center top no-repeat;
	zoom: 1;
}


#header #globalNav:after {
	content: ""; 
	display: block; 
	height: 0; 
	clear: both;
	visibility: hidden;
}

#header #globalNav li {
	display: inline;
	float: left;
}

#header #globalNav li a {
	display: block;
	height: 50px;
	background-image: url(../img/GlovalNav2.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#header #globalNav li.news a {
	width: 91px;
}
#header #globalNav li.news a:hover {
	background-position: 0 -50px;
}


#header #globalNav li.tour a {
	width: 93px;
	background-position: -91px 0;
}
#header #globalNav li.tour a:hover {
	background-position: -91px -50px;
}

#header #globalNav li.mv a {
	width: 73px;
	background-position: -184px 0;
}
#header #globalNav li.mv a:hover {
	background-position: -184px -50px;
}


#header #globalNav li.movie a {
	width: 155px;
	background-position: -257px 0;
}
#header #globalNav li.movie a:hover {
	background-position: -257px -50px;
}

#header #globalNav li.archive a {
	width: 131px;
	background-position: -412px 0;
}
#header #globalNav li.archive a:hover {
	background-position: -412px -50px;
}

#header #globalNav li.sns a {
	width: 66px;
	background-position: -543px 0;
}
#header #globalNav li.sns a:hover {
	background-position: -543px -50px;
}

#header #globalNav li.shop a {
	width: 91px;
	background-position: -609px 0;
}
#header #globalNav li.shop a:hover {
	background-position: -609px -50px;
}


#header .band {
	zoom: 1;
}
#header .band:after {
    content: ""; 
    display: block; 
    height: 0; 
    clear: both;
    visibility: hidden;
}



/* ------------------------------------
 * CONTENT
 * ------------------------------------ */

#headcopy,
#shoppingcart,
#tokutenOfficial,
#tokutenShop,
#tour,
#band,
#ustream,
#shop {
	clear: both;
	margin: 0 30px 40px;
}

#content a.finalticket {
	display:block;
	margin:10px auto;
	width:900px;
	height:150px;
	background: url(../img/XQDB-1011/final_ticket_btn_2.png);
	background-position:0 0;
	text-indent:-9999px;
}

#content a.finalticket:hover {
	background-position: 0 -150px;
}

#content p {
	padding: 10px 0;
}

#content p.backtoTop {
	clear: both;
	text-align: right;
	margin-right: 30px;
}

#content p.backtoTop a {
	/*text-decoration: none;
	font-size: 110%;
	font-weight: bold;
	text-shadow: 5px 5px 3px #999;*/
}

#content p.making_btn {
	margin: 0 auto;
}

#content p.making_btn a {
	margin: 0 auto;
	display: block;
	width: 900px;
	height: 150px;
	background: url(../img/XQDB-1011/tokuten/tokutenbtn.png);
	text-indent: -9999px;
	background-position: 0 0;
}

#content p.making_btn a:hover {
	background-position: 0 -150px;
}


 
/* HEADCOPY */

#headcopy {
	background: url(../img/bandphoto.jpg) center bottom no-repeat;
}
 
#headcopy h2 {
	padding-bottom: 610px;
	background: url(../img/spacer.gif) repeat;
}


/* pickup */

#pickup {
	margin-top: 30px;
}

#pickup h1 {
	font-family: 'Rock Salt', cursive;
	background: #911;
	color: #fff;
	font-size: 150%;
	height: 35px;
	font-weight: bold;
	text-align: left;
	padding: 10px 0 0 70px;
}

#pickup span {
	font-weight: bold;
}

#pickup p.topic {
	width: 700px;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 10px 0 10px 40px;
	text-align: left;
	font-size: 150%;
	font-weight: bold;
}

.ninespice {
	margin: 0 auto;
	padding: 10px;
	background: #000;
	color: #fff;
	height: 300px;
	width: 800px;
	text-align: left;
	font-size: 150%;
	font-weight: bold;
}

.ninespice p.aori {
	font-size: 60%;
	font-weight: normal;
	text-align: center;
	background: #c22;
}

.ninespice img {
	float: left;
	padding: 15px;
}

.ninespice p.presents {
	font-size: 70%;
}

.ninespice p.presents em {
	font-size: 200%;
	font-weight: bold;
}

.ninespice p.livehouse {
	font-size: 150%;
	margin-top: -10px;
}

.ninespice p.value {
	font-weight: normal;
	font-size: 80%;
}

.ninespice p.band {
	font-size: 100%;
	margin-top: -20px;
}

.ninespice p.tckt{
	font-weight: normal;
	font-size: 70%;
	text-align: right;
	padding: 5px;
}

.ninespice a{
	font-weight: normal;
	font-size: 70%;	
}

.ninespice a{
	color: #FFF;
}




/* news */

#news h1.newstitle {
	background: url(../img/XQDB-1011/newstitle.png);
	height: 40px;
	margin-bottom: 10px;
}

/* TOUR */

#releasetour {
}

#releasetour p.supportband {
	font-size: 140%;
	font-weight: bold;
	color: #c00;
}

#releasetour h1.tourtitle {
	background: url(../img/XQDB-1011/tourtitle.png);
	height: 40px;
	margin: 70px 0 30px 0;
}

#releasetour p.final {
	margin:0 auto;
	font-family: 'impact', impact;
	font-size: 450%;
	text-align: left;
	width:700px;
}

#releasetour p.final b {
	font-size: 80%;
	color: #777;
	padding-left: 200px;
}


#releasetour p.tourcatch {
	clear: both;
	font-size: 200%;
	font-weight: bold;
	color: #f00;
	background: #000;
	margin: 30px;
}

#

#releasetour p.tourcatch a {
	text-decoration: none;
	color: #fff;
}

#releasetour p.tourcatch a:hover {
	color: #c22;
}

#releasetour span.sat {
	color: #088;
}

#releasetour span.sun {
	color: #b22;
}

#releasetour .firsthalf {
	margin-left: 100px;
	float:left;
	width: 400px;
}

#releasetour .secondhalf {
	float: left;
	width: 400px;
}

#releasetour .house {
	margin-top: -15px;
	font-size: 150%;
	width: 300px;
	font-weight: bold;
	text-align: left;
}

#releasetour .house_second {
	margin-top: -15px;
	font-size: 150%;
	width: 300px;
	font-weight: bold;
	text-align: left;

}

#releasetour span.time {
	font-size: 70%;
	font-weight: nomal;
}

#releasetour p.oneman {
	background: #c22;
	color: #fff;
	padding-left: 40px;
}

#releasetour p.guest {
	background: #681;
	font-size:90%;
	color: #fff;
	padding-left: 40px;
}

#releasetour p.ticketpre {
	font-size: 60%;
	margin-top: -30px;
	margin-bottom: 20px;
}

#releasetour p.ticketpre a {
	text-decoration: none;
	color: #682;
}

#releasetour p.ticketpre a:hover {
	color: #c22;
}


#releasetour p.price {
	clear: both;
	background: #682;
	color: #fff;
}

#releasetour p.price span {
	font-size: 200%;
	font-weight: bold;
}

#releasetour p.price em {
	font-size: 100%;
	font-weight: bold;
}


/* #releasetour .date {
	margin-top: 10px;
}

#releasetour span.time {
	font-weight: nomal;
	font-size: 70%;
}


#releasetour span.oneman {
	clear: both;
	font-weight: nomal;
	line-height: 200%;
	background: #c22;
	color: #fff;
	width: 100%;
}

#releasetour span.guest {
	font-weight: nomal;
	font-size: 70%;
	line-height: 300%;
}

#releasetour p.tourfirst {
	text-align: left;
	float: left;
	font-size: 150%;
	font-weight: bold;
	margin-left: 100px;
	width: 400px;
}

#releasetour p.toursecond {
	text-align: left;
	float: left;
	font-size: 150%;
	font-weight: bold;
	margin-left: 80px;
}

#releasetour p.toursecond em {
	float: right;
	font-weight: bold;
	font-size: 120%;
	color: #c22;
}



#releasetour p.price {
	clear: both;
	width: 500px;
	margin: 0 auto;
	background: #682;
	color: #fff;
}*/

/* TOKUTEN SHOP */

h1.shoptitle {
	background: url(../img/XQDB-1011/shoptitle.png);
	height: 40px;
	margin: 20px 0 10px 0;
}

#tokutenShop ul {
	clear: both;
	border: solid 1px #999;
	background: #682;
	text-align: center;
	zoom: 1;
}

#tokutenShop ul.secondline {
	clear: both;
	border: solid 1px #999;
	background: #682;
	text-align: center;
	zoom: 1;
	width: 669px;
}

#tokutenShop ul:after {
    content: ""; 
    display: block; 
    height: 0; 
    clear: both;
    visibility: hidden;
}
#tokutenShop li {
	padding-left: 1px;
	display: inline;
	float: left;
	width: 222px;
	background: url(../img/tokuten_dotV.gif) left top repeat-y;
}

#tokutenShop li.space {
	background: none;
}

#tokutenShop li:first-child {
	padding-left: 0;
	width: 222px;
	background: none;
}
#tokutenShop li.first-child { /*IE-expression (first-child) */
	padding-left: 0;
	width: 222px;
	background: none;
}
#tokutenShop li { /* IE-expression (first-child) */
behavior: expression(
this.className += (this.previousSibling == null) ? " first-child" : "",
this.style.behavior = "none"
);
}
#tokutenShop li img {
	margin: 0 auto;
}
#tokutenShop li span {
	color: #fff;
	padding: 11px 10px 10px;
	display: block;
	background: url(../img/tokuten_dotH.gif) left top repeat-x;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity:0.85;
}
#tokutenShop li span em {
	padding-top: 10px;
	border-bottom: none;
	display: block;
	height: 3em;
	font-size: 100%;
}



#tokutenShop p.freepass {
	background: #682;
	border: none;
	height: 270px;
	margin: 15px 0 15px 0;
	text-align:left;
}

#tokutenShop p.freepass img.up {
	width: 250px;
	float:left;
}

#tokutenShop p.freepass span.up {
	display: block;
	width: 250px;
	float:left;
}

#tokutenShop p.freepass img.hiki {
	width: 150px;
	float:right;
	padding-right: 15px;
}

#tokutenShop p.freepass span.hiki {
	display: block;
	width: 150px;
	float:right;
	padding-right: 15px;
}

#tokutenShop p.freepass strong {
	float: left;
	font-size: 250%;
	font-weight: bold;
	color: #fff;
	margin-left: -30px;
	background: #c22;
	width: 600px;
	padding-left: 40px;
}

#tokutenShop p.freepass em.sub {
	font-size: 150%;
	padding-top: 5px;
	color: #000;
	font-weight: bold;
	background: #fd0;
	margin-right: 0px;
}

#tokutenShop p.freepass em.caution {
	font-size: 60%;
	color: #ddd;
	padding-top: 15px;
}


#tokutenShop p.offitoku img.offibnr {
	margin-top: 15px;
	height: 200px;
}

#tokutenShop .freepassget {
	background: url(../img/XQDB-1011/bg_2.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 100%;
	height: 500px;
	padding-bottom: 20px;
}

#tokutenShop .freepassget h2 {
	font-size: 300%;
	font-weight: bold;
	color: #f00;
	padding:10px 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #fff;
	opacity: 0.8;
}

#tokutenShop .freepassget p {
	color: #fff;
	float: left;
	width: 235px;
	margin-left: 65px;
	text-align: left;
	font-weight: bold;
	font-size: 140%;
}

#tokutenShop .freepassget p span {
	font-size: 70%;
	color: #ddd;
}

#tokutenShop .freepassget address {
	color: #fff;
	display: block;
	clear: both;
}


#cart ol{
	width :900px;
	padding-left: 50px;
}

#cart ol li.cart {
	background: #fff;
	width: 400px;
	float: left;
	border: 1px solid #bbb;
	margin: 15px;
}

#cart ol li.cartcaution {
	width: 400px;
	background: #222;
	float: left;
	margin: 100px 15px 15px 15px;
	color: #fff;
	padding: 30px 10px;
	border: dotted 1px #555;
}

#cart ol li.cartcaution em {
	color: #c00;
}

#cart ol li.cartcaution em {
	font-size: 200%;
	font-weight: bold;
	color: #c00;
}

#cart ol li.cart a.setbtn {
	display: block;
	width: 390px;
	height: 70px;
	margin: 5px;
	background: url(../img/XQDB-1011/cart/btn.png);
	text-indent: -9999px;
}

#cart ol li.cart a.setbtn:hover {
	background-position: -390px 0;
}

#cart ol li.cart a.mail {
	display: block;
	width: 390px;
	height: 70px;
	margin: 5px;
	background: url(../img/XQDB-1011/cart/btn.png);
	background-position: 0 -70px;
	text-indent: -9999px;
}


#cart ol li.cart a.mail:hover {
	background-position: -390px -70px;
}

#cart ol li.cart a.takuhai {
	display: block;
	width: 390px;
	height: 70px;
	margin: 5px;
	background: url(../img/XQDB-1011/cart/btn.png);
	background-position: 0 -140px;
	text-indent: -9999px;
}


#cart ol li.cart a.takuhai:hover {
	background-position: -390px -140px;
}


/*#tokutenShop p.offitoku img.set,
#tokutenShop p.offitoku img.cd {
	border: solid 1px #777;
	width:400px;
	margin-top: 15px;
}*/



#cart p.offitoku {
	clear: both;
	margin-top: 120px;
	padding-top: 10px;
	font-size: 120%;
	font-weight: bold;
	background: #fff;
	color: #c00;
	padding:5px;
	margin-bottom: 80px;
}

#cart p.offitoku em {
	font-size: 200%;
	font-weight: bold;
	color: #c00;
}

#tokutenShop em.tokuten_cousion {
	font-size: 80%;
	text-align: left;
	margin-top: 5px;
}

/* TOWER ACOUSTIC */

#tower_acoustic {
	margin-top: 40px;
	background: #Fc2;
	border: #e33 solid 5px;
}

#tower_acoustic h1 {
	padding-top: 20px;
	color: #e00;
	font-size: 150%;
	font-weight: bold;
}

#tower_acoustic p.acoustic {
	color: #e33;
	font-size: 120%;
	font-weight: bold;
}

#tower_acoustic p.acoustic a {
	color: #000;
	text-decoration: none;
}

#tower_acoustic p.acoustic a:hover {
	color: #682;
}



/* DOCUMENT */




#document h1.documenttitle {
	background: url(../img/XQDB-1011/documenttitle.png);
	height: 40px;
	margin-bottom: 10px;
}

#archive h1.archivetitle {
	clear: both;
	background: url(../img/XQDB-1011/archivetitle.png);
	height: 40px;
	margin-bottom: 10px;
}



#archive ul{
	margin-left:10px;
}

#archive li {
	float: left;
	margin-left: 10px;
}

#archive li p.movietitle {
	background: url(../img/XQDB-1011/movie_6.png) no-repeat;
	width: 300px;
	height: 50px;
}



#document {
	text-align: center;
	padding-top: 50px;
	margin-bottom:100px;
}

#document img {
	/*box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.3);*/
}

#document h2 {
	font-size: 300%;
}

#musicvideo .section {
	padding: 10px 10px 7px;
}

#musicvideo .section .thumbnail {
	display: inline;
	float: left;
	width: 576px;
	height: 150px;
	padding: 0 0 0 2%;
}

#musicvideo .section .thumbnail li {
	padding: 5px 0 0 3px;
	width: 94px;
	height: 71px;
}

#musicvideo .section .thumbnail ul li {
	float:left;
}

#musicvideo .section .thumbnail li img {
	border: solid 1px #333;
	width: 92px;
	height: 69px;
}

#document .section #movie {
	display: inline;
	width: 900px;
}

#block {
	height:100%;
}

#musicvideo h1.mvtitle {
	background: url(../img/XQDB-1011/mvtitle.png);
	height: 40px;
	margin-bottom: 10px;
}

#musicvideo p.mvcatch {
	background: #000;
	color: #fff;
	padding: 20px;
	font-size: 200%;
	font-weight: bold;
	margin: 30px;
}

#musicvideo img {
	margin-bottom: 10px;
}

#musicvideo img.imgover {
	margin-bottom: 0px;
}
 
/* NEWS midashi */

#midashi {
	margin: 0 auto;
	/*background: url(../img/XQDB-1011/0430_hawaii86.gif) no-repeat;*/
	
}

#midashi a.hov {
	background: url(../img/XQDB-1011/hawaiian_03_.png);
}

#midashi a.hov:hover {
	background: url(../img/XQDB-1011/hawaiian_03_hover.png);
}

#midashi img.jkt{
	margin: 10px 0 20px 10px;
	float: left;
}

#midashi .songlist{
	margin: 0 auto;
	background: #683;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	color: #fff;
	font-weight: bold;
	font-size: 90%;
	width: 900px;
	height: 360px;
	box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.3);

}

#midashi .songlist p.cddetail{
	background: #000;
	width: 540px;
	float: right;
	text-align: right;
	padding-right: 10px;
	font-size: 100%;	
}

#midashi .songlist p.firsthalf{
	float: left;
	text-align: left;
	padding-top:60px;
	padding-left:40px;
	font-size: 140%;
}

#midashi .songlist p.firsthalf em {
	font-size: 100%;
	font-weight: bold;
}

#midashi .songlist p.secondhalf{
	float: left;
	padding-top: 60px;
	font-size: 140%;
	text-align: left;
	margin-left:20px;

}

/* shoplist_bnr */

#shoplist_bnr {
	width: 900px;
	height: 330px;
	margin: 0 auto;
	padding-bottom: 30px;
	margin-top: 20px;
}

#shoplist_bnr ul {
	width: 900px;
}

#shoplist_bnr li {
	width: 200px;
	height: 50px;
	padding-left: 20px;
	padding-bottom: 10px;
	float: left;
}




/* top */
.eight-six{
	clear:both;
	width: 1000px;
	height: 215px;
	margin: 0 auto;
}

#news {
	margin-top: 100px;
	padding-top: 20px;
	margin-bottom: 200px;
}

#midashi a.zure{
	padding-left:20px;
}

#news p {
	background: #fff;
	margin: 0 auto;
	width: 850px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.3);

}

#news p em {
	font-size: 200%;
	font-weight: bold;
}

#news p b {
	font-size:120%;
	color: #272;
}

#news .kiji em {
	font-size: 200%;
	font-weight: bold;
}


#news a:link,a:hover,a:visited {
	color: #000;
}

#news .kiji{
	background: #fff;
	text-align: left;
	float: left;
	width: 450px;
	height:	100px;
	margin-top: 20px;
	padding-top: 0px;
	padding-left: 20px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.3);

}

#news .kiji b.date {
	color: #f00;
}

 
/* BAND */

#band {
	clear: both;
	float: left;
	padding-top: 30px;
	padding-left: 45px;

}

#band img {
	box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.3);

}

#band img.imgover {
	box-shadow:  0px 0px 0px 0px rgba(0,0,0,0.0);
}

#band li:first-child {
	padding-left: 0;
}

#band li.first-child { /*IE-expression (first-child) */
	padding-left: 0;
}

#band li { /* IE-expression (first-child) */
behavior: expression(
this.className += (this.previousSibling == null) ? " first-child" : "",
this.style.behavior = "none"
);
}

#band li h2 {
	margin-bottom: 5px;
	font-size: 116%;
	font-weight: bold;
}

#band li p {
	padding-top: 10px;
	text-align: left;
}


 
/* SNS */

#sns {
	margin: 0 auto;
	width: 960px;
}

#sns p.twitter{
	width:430px;
	height:500px;
	float:left;
	margin-left: 10px;
}

#sns p.faceb{
	width:430px;
	float:right;
	margin-right: 10px;
}

#sns em.twittertitle {
	background: url(../img/XQDB-1011/twittertitle.png) no-repeat center top;
	width: 430px;
	height: 40px;
	margin-bottom: 10px;
}

#sns em.facebtitle {
	width: 430px;
	background: url(../img/XQDB-1011/fbtitle.png) no-repeat;
	height: 40px;
	margin-bottom: 10px;
}



 
/* SHOP */

#shop {
	text-align: center;
}

#shop img {
	margin: 20px auto 30px;
	display: block;
}

#shop .bnr li {
	padding: 0 10px;
    display: -moz-inline-box; /*for FF2*/
    display: inline-block; /*Modern Browser & FF3*/
}
    /* Windows IE6 only */
    * html #shop .bnr li
    {
        display: inline;  
        zoom: 1;
    }
    /* Windows IE7 only */
    *+html #shop .bnr li
    {
        display: inline;
        zoom: 1;
    }

#shop .bnr a img {
	margin: 0;
}

#shop dl {
	margin-top: 20px;
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
	text-align: left;
}

#shop dt {
	padding: 20px 0 5px;
	font-weight: bold;
	font-size: 116%;
}

#shop dd {
	padding-bottom: 20px;
}

	/* footer */

#footer {
	background: #562;
	color: #fff;
	height: 50px;
	width: 100%;
}

p.rotate {
	transform: rotete(100deg);
}