@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset, img {
  border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var, optgroup {
  font-style: inherit;
  font-weight: inherit;
}

del, ins {
  text-decoration: none;
}

li {
  list-style: none;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

q:before, q:after {
  content: '';
}

abbr, acronym {
  border: 0;
  font-variant: normal;
}

sup {
  vertical-align: baseline;
}

sub {
  vertical-align: baseline;
}

legend {
  color: #000;
}

input, button, textarea, select, optgroup, option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}

input, button, textarea, select {
  *font-size: 100%;
}

a:focus {
  outline: none;
}
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
	font: 13px/1.231;
  /* for IE6/7 */
  *font-size: small;
  /* for IE Quirks Mode */
  *font: x-small;
}

/* for windows vista */
* + html body {
  font-family: "CI","Meiryo";
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */
select,
input,
button,
textarea,
button {
  font: 99% arial,helvetica,clean,sans-serif;
}

/**
 * To help tables remember to inherit
 */
table {
  font-size: inherit;
  font: 100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
  font-family: monospace;
  *font-size: 108%;
  line-height: 100%;
}

strong {
  font-weight: bold;
}
html, body {width:100%;}

#wrapper #contents { width:100%; position:relative; }

::selection {
background: #B8E62B;
}
::-moz-selection {
background: #B8E62B;
}

/* anchor
**********************************/
#wrapper a{
	color: #E85298;
}
#wrapper a,
#wrapper .article{
	text-decoration: none;
	/*-webkit-transition: all 0.2s 0s ease;
	-moz-transition: all 0.2s 0s ease;
	transition: all 0.2s 0s ease;*/
}
#wrapper a:hover {
	color: #B8E62B;	/*filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;*/
}



/* #wrapper
**********************************/
#wrapper {
	width: 100%;
	min-width:1000px;
}
#wrapper img{
  font-size: 0;
}
/* #main
**********************************/
#main {
	margin: 0 auto;
	float: none;
	width: 100%;
	background-repeat: repeat;
	background-position: center 80px;
}

/* #topad
**********************************/
#topad {
	background: #fff;
	padding:0;
}
/* countdown *****/
#cdCover {
	position: relative;
	background-color: #000;
}
#cdCover #cd {
	background: url(../images/cd_bg_01.png) no-repeat 10px 30px;
	width: 645px;
	height: 120px;
	position: relative;
	margin: 0 auto;
	padding-left: 315px;
}
#cdCover #cd span {
	background: url(../images/cd_num_01.png) no-repeat transparent;
	height: 61px;
	width: 61px;
	float: left;
	display: block;
	margin-right: 2px;
	margin-top: 20px;
}
#cdCover #cd span.dot {
	width: 41px;
	background-image: none;
}

#cdCover #cd span.image0 { background-position: center   0px; }
#cdCover #cd span.image1 { background-position: center -71px; }
#cdCover #cd span.image2 { background-position: center -138px; }
#cdCover #cd span.image3 { background-position: center -207px; }
#cdCover #cd span.image4 { background-position: center -278px; }
#cdCover #cd span.image5 { background-position: center -345px; }
#cdCover #cd span.image6 { background-position: center -414px; }
#cdCover #cd span.image7 { background-position: center -483px; }
#cdCover #cd span.image8 { background-position: center -550px; }
#cdCover #cd span.image9 { background-position: center -621px; }

/* #header
**********************************/
#main #article #headerCover {
	width: 100%;
	background-image: url(../images/header_bg_01.png);
	background-repeat: repeat;
	background-position: center top;
	margin: 0 auto;
	height: 460px;
	padding-top: 130px;
}
#main #article #header {
	width: 940px;
	position: relative;
	margin: 0 auto;
	background-color: #000;
	height: 320px;
}
#header h1 {
	position: absolute;
	left: 40px;
	top: 37px;	
}
#header p#txt_01 {
	position: absolute;
	left: 490px;
	top: 25px;
	background-image: url(../images/header_bg_02.png);
	background-repeat: no-repeat;
	background-position: left 0;
	display: block;
	height: 266px;
	width: 389px;
	text-align: center;
	-webkit-animation: anime02 2s steps(2) infinite;
	animation: anime02 2s steps(2) infinite;
}
@keyframes anime02 {
 to {background-position: center -532px;  }
}
@-webkit-keyframes anime02 {
 to {background-position: center -532px;  }
}
#header p#txt_01 img{
	padding-top:33px;
}
#sns{
	position: relative;
	width: 960px;
	margin:10px auto 0;
}
#sns p#bnr_twt{
	position: absolute;
	left: 0px;
	top: 0px;
}
#sns p#bnr_twt a{
	background-color: #0AA3D4;
	width: 240px;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	height: 80px;
}
/*----------nav----------*/
#navCover{
	background-color: #000;
}
#nav {
	background-repeat: no-repeat;
	width: 960px;
	height:80px;
	margin: 0 auto;
	text-align: center;
}
#nav ul {
	overflow: hidden;
	margin: 0 auto;
}
/*#nav ul li {
	display: inline-block;
	margin-right: 15px;
	margin-left: 15px;
	margin-top: 15px;
	vertical-align:middle;
}
#nav ul li a,
#nav ul li span {
	text-decoration: none;
}
#nav ul li span img{
	-moz-opacity:0.25;
	opacity:0.25;
}
#nav ul li.nav_twt img{
}*/
#nav ul li {
	display: inline-block;
	margin-right: 15px;
	margin-left: 15px;
	margin-top: 15px;
	vertical-align:middle;
}
#nav ul li a,
#nav ul li span {
	text-decoration: none;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/navall_01.gif);
	background-repeat: no-repeat;
}
#nav ul li span{
	/*filter: alpha(opacity=25);*/
	-moz-opacity:0.25;
	opacity:0.25;
}
#nav ul li.nav_wn a{height: 21px; width: 186px; background-position: 0px 0px;}
#nav ul li.nav_wn a:hover{background-position: -227px 0px;}
#nav ul li.nav_artist a{height: 21px; width: 100px; background-position: 0px -31px;}
#nav ul li.nav_artist a:hover{background-position: -227px -31px;}
#nav ul li.nav_mc a{height: 21px; width: 40px; background-position: 0px -62px;}
#nav ul li.nav_mc a:hover{background-position: -227px -62px;}
#nav ul li.nav_about a{height: 21px; width: 95px; background-position: 0px -93px;}
#nav ul li.nav_about a:hover{background-position: -227px -93px;}
#nav ul li.nav_og a,#nav ul li.nav_og span{height: 21px; width: 227px; background-position: 0px -124px;}
#nav ul li.nav_og a:hover{background-position: -227px -124px;}
#nav ul li.nav_twt a{
	height: 49px;
	width: 62px;
	background-position: 0px 0px;
	background-image: url(../images/navtwt_01.gif);
}
#nav ul li.nav_twt a:hover{background-position: -62px 0px;}



/* #article 
**********************************/
#article {
}
/* #content 
**********************************/
#content {
	margin: 0 auto;
}
/* .block
**********************************/
.block {
	margin: 0 auto;
	padding: 50px 0;
	overflow: hidden;
	width: 960px;
}
.block h2.h2_tit{
	background-image: url(../images/line_01.png);
	background-repeat: no-repeat;
	background-position: center 0px;
	display: block;
	padding-bottom: 20px;
	text-align: center;
	margin-bottom: 40px;
	height: 45px;
	-webkit-animation: anime01 1s steps(2) infinite;
	animation: anime01 1s steps(2) infinite;
}
@keyframes anime01 {
 to {background-position: center -130px;  }
}
@-webkit-keyframes anime01 {
 to {background-position: center -130px;  }
}
/* #pr
**********************************/
#prCover {
	background-color: #B8E62B;
	background-image: url(../images/pr_bg_01.png);
	background-position: center center;
}
#pr div#playercover {
	border: 1px solid #000;
	box-shadow: 5px 5px 0 2px #000;
	background-color: #FFF;
	margin-right:auto;
	margin-left:auto;
	padding:20px 30px;
	width: 560px;
	text-align: center;
}
#pr div#playercover #playerContainer{
	width: 560px;
	margin-right: auto;
	margin-left: auto;
}
/* #ticket
**********************************/
#ticketCover {
	background-color: #B8E62B;
	background-image: url(../images/tickets_bg_01.png);
	background-position: center center;
}
#ticketCover #ticket {
	
    text-align: center;

}
#ticket p.txt_01{
	display: block;
	padding-bottom: 20px;
	text-align: center;
	margin-bottom: 20px;
}
#ticket p.txt_02{
	display: block;
	padding-bottom: 10px;
	text-align: left;
	margin-bottom: 10px;
 	display: inline-block;
    text-align: left;

}
#ticket .btn {
	display: block;
}
#ticket #btn_eplus{
	width: 780px;
	height: 115px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}
#ticket #btn_eplus a img{
	border: 1px solid #000;
}
#ticket #btn_eplus a{
	height: 110px;
	width: 780px;
	box-shadow: 5px 5px 0 2px #000;
	display: block;
}
#ticket #btn_eplus a:hover{
	box-shadow: 0px 0px 0 0px #000;
	display: block;
	padding-left: 5px;
	padding-top: 5px;
}
#ticket #btn_pia{
	margin-left: 90px;
}
#ticket #btn_pia,#ticket #btn_l-tike,#ticket #btn_sogo{
	width: 240px;
	height: 115px;
	margin-right: 30px;
	float: left;
	margin-bottom: 20px;
}
#ticket #btn_pia a img,#ticket #btn_l-tike a img,#ticket #btn_sogo a img{
	border: 1px solid #000;
}
#ticket #btn_pia a,#ticket #btn_l-tike a,#ticket #btn_sogo a{
	height: 110px;
	width: 240px;
	box-shadow: 5px 5px 0 2px #000;
	display: block;
}
#ticket #btn_pia a:hover,#ticket #btn_l-tike a:hover,#ticket #btn_sogo a:hover{
	box-shadow: 0px 0px 0 0px #000;
	display: block;
	padding-left: 5px;
	padding-top: 5px;
}

/* #wn
**********************************/
#wnCover {
	background-image: url(../images/wn_bg_01.gif);
	background-position: center center;
}
#wnCover #wn {
}
#wnCover #wn ul{
	text-align: center;
}
#wnCover #wn ul li{
	vertical-align: top;
	border: 1px solid #000;
	box-shadow: 5px 5px 0 2px #000;
	background-color: #FFF;
	height: 200px;
	width: 200px;
	display: inline-block;
	margin-right: 7px;
	margin-left: 7px;
	padding:10px;
	text-align: left;
}
#wnCover #wn ul li .date{
	display: block;
	background-image: url(../images/line_02.png);
	background-position: left bottom;
	padding-bottom: 5px;
	margin-bottom: 10px;
	background-repeat: no-repeat;
}
/* #artist
**********************************/
#artistCover {
	background-image: url(../images/artist_bg_01.png);
	background-position: center center;
	background-color: #1FB2E8;
}
#artistCover #artist {
}
#artistCover #artist .artist_btn{
	height: 66px;
	width: 74px;
	position: absolute;
}
#artistCover #artist ul{
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
#artistCover #artist ul li{
	width: 385px;
	position: relative;
	display: inline-block;
	margin-right: 5px;
	margin-left: 5px;
	min-height:340px;
	vertical-align:middle;
}
#artistCover #artist .artist_list .artist_photo img{
	height: auto;
	width: 380px;
	box-shadow: 5px 5px 0 2px #000;
	border: 1px solid #000;
}
#artistCover #artist .artist_list .artist_btn a{
	height: 66px;
	width: 74px;
	position: absolute;
	display: block;
	background-image: url(../images/artist_btn_01.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	left: 10px;
	top: -20px;
}
#artistCover #artist .artist_list .artist_btn a:hover{
	background-position: 0px -66px;
}
#artistCover #artist .artist_list .artist_name{
	text-align: center;
	display: block;
	padding-top: 10px;
}
#artistCover #artist h3.h3_tit{
	padding-bottom: 30px;
}
#profile{
	display:none;
}
.mordal{
	background-color: #FFF;
	padding: 40px;
	width: 580px;
}
.mordal p.artist_name{
	background-color: #FFF;
	padding: 0px 0 20px 0;
	text-align: center;
}
.mordal p.artist_photo{
	background-color: #FFF;
	padding: 0px 0 20px 0;
	text-align: center;
}
.mordal p.artist_txt{
	line-height: 1.6em;
	font-size:16px;
	font-family: "游ゴシック","YuGothic","メイリオ", Meiryo,'Lucida Grande',"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", sans-serif;
}

/* #mc
**********************************/
#mcCover {
	background-image: url(../images/mc_bg_01.png);
	background-position: center center;
}
#mcCover #mc {
}
#mcCover #mc .artist_btn{
	height: 66px;
	width: 74px;
	position: absolute;
}
#mcCover #mc ul{
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
#mcCover #mc ul li{
	width: 385px;
	position: relative;
	display: inline-block;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 40px;
}
#mcCover #mc .mc_list .mc_photo img{
	height: auto;
	width: 380px;
	box-shadow: 5px 5px 0 2px #000;
	border: 1px solid #000;
}
#mcCover #mc .mc_list .mc_name{
	text-align: center;
	display: block;
	padding-top: 10px;
}

/* #about
**********************************/
#aboutCover {
	background-position: center center;
	background-color: #C7F0FD;
}
#aboutCover #about {
}
#aboutCover #about dt{
	font-weight: bold;
	padding-top: 30px;
	padding-bottom: 5px;
}
#about dl dd span.attention{
	padding-bottom:1em;
}
/* #og
**********************************/
#ogCover {
	background-image: url(../images/og_bg_01.png);
	background-position: center center;
}
#ogCover #og {
}
#ogCover #og p.cs{
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
}
#ogCover #og p.txt_01{
	text-align: center;
	padding-top: 0px;
	padding-bottom: 50px;
}
#ogCover #og ul{
	text-align: center;
}
#ogCover #og ul li{
	width: 385px;
	position: relative;
	display: inline-block;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 40px;
	vertical-align:top;
}
#ogCover #og ul li.wide{
	width: 800px;
	position: relative;
	display: inline-block;
	margin-right: 0px;
	margin-left: 20px;
	margin-bottom: 40px;
	vertical-align:top;
}
#ogCover #og ul li.wide a{
	margin-right: 20px;
}
#ogCover #og .og_list .og_photo{
	position: relative;
	height: 253px;
	width: 380px;
}
#ogCover #og .og_list a {
	width: 380px;
	height: 263px;
	display: block;
	float: left;
}
#ogCover #og .og_list a .og_photo {
	display: block;
	height: 253px;
	width: 380px;
	box-shadow: 5px 5px 0 2px #000;
	border: 1px solid #000;
}
#ogCover #og .og_list a:hover .og_photo {
	top:5px;
	left:5px;
	height: 253px;
	width: 380px;
	box-shadow: 0px 0px 0 0px #000;
	border: 1px solid #000;
}
#ogCover #og .og_list .og_photo img.photo{
	height: 253px;
	width: 380px;
}
#ogCover #og .og_list .og_photo img.zoom{
	height: auto;
	width: 35px;
	position: absolute;
	right: 10px;
	bottom: 10px;
}
#ogCover #og .og_list .og_name{
	text-align: center;
	display: block;
	padding-top: 10px;
}
#ogCover #og .og_list .og_detail{
	text-align: center;
	display: block;
}
#ogCover #og #schedule{
	display: block;
	border: 1px solid #000;
	padding: 20px;
	background-color: #FF0;
}
#ogCover #og #schedule h3{
	padding-bottom:5px;
}
#ogCover #og #schedule p.txt_02{
	padding-bottom:5px;
}

/* #twt
**********************************/
#twtCover {
	background-color: #1EA4F0;
}
#twtCover #twt {
}
#twtCover #twt .tweetbox {
	border: 1px solid #000;
	box-shadow: 5px 5px 0 2px #000;
	background-color: #FFF;
	margin-right:auto;
	margin-left:auto;
	padding:20px;
	width: 740px;
}


/* #bottom
**********************************/
#bottom{
	text-align: center;
	background-image: url(../images/bottom_bg_01.png);
}
#bottom .btn{
	height: 80px;
	width: 460px;
	margin-right: 10px;
	margin-left: 10px;
	display: inline-block;
	margin-top: 40px;
	margin-bottom: 40px;
	vertical-align:middle;
}
#bottom .btn a img{
	border: 1px solid #000;
}
#bottom .btn a{
	height: 80px;
	width: 460px;
	box-shadow: 5px 5px 0 2px #000;
	display: block;
}
#bottom .btn a:hover{
	height: 80px;
	width: 450px;
	box-shadow: 0px 0px 0 0px #000;
	display: block;
	padding-left: 5px;
	padding-top: 5px;
}

/* pagetop
**********************************/
#pagetop {
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 100;
	height: 86px;
	width: 86px;
}
#pagetop a{
	display: block;
	height: 100%;
	width: 100%;
	background-image: url(../images/pagetop_btn_01.png);
	background-position: 0px 0px;
	text-indent: -9999px;
 }
#pagetop a:hover {
 	background-position: 0px -86px;

}

/* sns
**********************************/
#btn-sbm {
	text-align: right;
	margin: 0 auto;
}
#btn-sbm li {
	display: inline-block;
	margin-left: 0px;
	margin-right: 5px;
	padding: 0px;
	line-height: normal;
	list-style: none;
	vertical-align: top;
}
*html #btn-sbm li { display: inline; } /* for IE6 */
*+html #btn-sbm li { display: inline; } /* for IE7 */

#btn-sbm li a { margin: 0px; }

#btn-sbm .btnFaceBook { width: 110px; }

#btn-sbm .btnHatenaBookmark { margin-right: 10px; }
#btn-sbm .btnGoogleCalendar { margin-right: 10px; }

/* テキスト指定
**********************************/
#article {
	font-family: "游ゴシック", "YuGothic", "メイリオ", Meiryo, 'Lucida Grande', "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	line-height: 1.5;
	letter-spacing: 0.1em;
	color: #000;
}
#ticket p.txt_02{
	font-weight: bold;
	font-size: 26px;
}
#ticket p.txt_02 span.red{
	color: #E21F24;
}
#wnCover #wn ul li .date{
	font-weight: bold;
	color: #41A6CD;
	font-size: 22px;
	font-family: Arial, Helvetica, sans-serif;
}
#wnCover #wn ul li .txt{
	font-weight: bold;
	font-size: 16px;
	letter-spacing: 0em;
}
#artistCover #artist .artist_name{
	font-weight: bold;
	font-size: 20px;
	line-height: 1.3em;
}
#artistCover #artist .artist_name em{
	font-size: 14px;
}
.mordal p.artist_name{
	font-weight: bold;
	font-size: 24px;
	font-family: "游ゴシック", "YuGothic", "メイリオ", Meiryo, 'Lucida Grande', "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
}
.mordal p.artist_txt{
	line-height: 1.6em;
	font-size:16px;
	font-family: "游ゴシック","YuGothic","メイリオ", Meiryo,'Lucida Grande',"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", sans-serif;
}
#mcCover #mc .mc_name{
	font-weight: bold;
	font-size: 20px;
}
#about dl dt{
	font-weight: bold;
	font-size: 20px;
	line-height:1.6em;
}
#about dl dd{
	font-size: 18px;
	line-height:1.6em;
}
#about dl dd span.attention{
	font-size: 14px;
	line-height:1.3em;
	display: block;
}
#about dl dd span.attention span.red{
	font-weight: bold;
	color: #E21F24;
}
#ogCover #og p.cs{
	font-size: 24px;
	font-weight: bold;
}
#about dl dd strong{
	font-size: 18px;
	padding-top:10px;
	display: block;
}
#ogCover #og p.txt_01{
	font-size: 18px;
}
#ogCover #og p.txt_01 strong{
	font-size: 24px;
	color: #E21F24;
}
#ogCover #og .og_name{
	font-weight: bold;
	font-size: 20px;
}
#ogCover #og .og_detail{
	font-size: 18px;
}
#ogCover #og .og_detail .attention{
	font-size: 14px;
}
#ogCover #og #schedule h3{
	font-weight: bold;
	font-size: 20px;
}
#ogCover #og #schedule p.txt_02{
	font-size: 18px;
}
#ogCover #og #schedule p.attention{
	font-size: 14px;
}
#ogCover #og #schedule p.attention strong{
	font-weight: bold;
	color: #E21F24;
}