@charset "UTF-8";
/*color*/
/*cast color*/
/*font size*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-style: normal;
  font-weight: normal;
  font-size: 100%;
  line-height: 1em;
  vertical-align: baseline;
  
}

main, article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

html {
  overflow-y: scroll;
  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%;
}

blockquote, q {
  quotes: none;
}

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

input, textarea {
  margin: 0;
  padding: 0;
  width: 100%;
}

ol, ul {
  list-style: none;
}

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

caption, th {
  text-align: left;
}

a:focus {
  outline: none;
}

body {
	background-color: #fff; /* 全体の背景指定 */
	
}
#wrapper #contents {
	width: 100%;
	margin: 0 auto;

}

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


/* #wrapper
**********************************/
#wrapper {
	width: 100%;
}
#wrapper img{
  font-size: 0;
}
/* #main
**********************************/
#main {
	margin: 0 auto;
	float: none;
	width: 100%;
	background-image: url(../images/bg_body.gif);
	background-repeat: repeat;
	background-position: center 80px;
}

/* #topad
**********************************/
#topad {
	background: #fff;
	padding:0;
}

/* #header
**********************************/
#main #article #headerCover {
	width: 100%;
	height: 640px;
	background-image: url(../images/bg_header01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0 auto;

}
#main #article #header {
	width: 960px;
	height: 640px;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
}
#main #article #header h1,#main #article #header p.item,#main #article #header p.box{
	position: absolute;
	display:block;
}

#header h1 {
	left:327px;
	top: 92px;
	
}
#header  p#item01 {
	left:811px;
	top: 101px;
}
#header  p#item02 {
	left:3px;
	top: 408px;
}
#header  p#item03 {
	left:168px;
	top: 489px;
}
#header  p#item04 {
	left:571px;
	top: 488px;
}
#header  p#item05 { 
 
	left:653px;
	top: 491px;
}
#header  p.box{
	height: 80px;
	width: 80px;
}
#header  p#box01 {left:800px;top: 0px; -webkit-animation-delay:1.3s;animation-delay:1.3s; background-color: #666;}
#header  p#box02 {left:720px;top: 80px; -webkit-animation-delay:1.5s;animation-delay:1.5s; background-color: #fff;}
#header  p#box03 {left:800px;top: 80px; -webkit-animation-delay:2s;animation-delay:2s; background-color: #000;}
#header  p#box04 {left:160px;top: 240px;height: 160px;width: 160px; -webkit-animation-delay:1.5s;animation-delay:1.5s; background-color: #000;}
#header  p#box05 {left:720px;top: 240px; -webkit-animation-delay:1.5s;animation-delay:1.5s; background-color: #4a4a4a;}
#header  p#box06 {left:640px;top: 320px; -webkit-animation-delay:1.5s;animation-delay:1.5s; background-color: #000;}
#header  p#box07 {left:720px;top: 320px; -webkit-animation-delay:1.5s;animation-delay:1.5s; background-color: #4a4a4a;}
#header  p#box08 {left:80px;top: 400px; -webkit-animation-delay:1.5s;animation-delay:1.5s; background-color: #000;}
#header  p#box09 {left:240px;top: 400px; -webkit-animation-delay:1.5s;animation-delay:1.5s; background-color: #000;}
#header  p#box10 {left:320px;top: 400px; -webkit-animation-delay:1.7s;animation-delay:1.7s; background-color: #fff;}
#header  p#box11 {left:400px;top: 400px; -webkit-animation-delay:1.2s;animation-delay:1.2s; background-color: #000;}
#header  p#box12 {left:560px;top: 400px; -webkit-animation-delay:1.8s;animation-delay:1.8s; background-color: #666;}
#header  p#box13 {left:320px;top: 400px; -webkit-animation-delay:1.5s;animation-delay:1.5s; background-color: #666;}
#header  p#box14 {left:720px;top: 400px; -webkit-animation-delay:1.8s;animation-delay:1.8s; background-color: #000;}
#header  p#box15 {left:80px;top: 480px; -webkit-animation-delay:1s;animation-delay:1s; background-color: #fff;}
#header  p#box16 {left:160px;top: 560px; -webkit-animation-delay:1s;animation-delay:1s; background-color: #000;}
#header  p#box17 {left:240px;top: 560px; -webkit-animation-delay:1.7s;animation-delay:1.7s; background-color: #fff;}
#header  p#box18 {left:480px;top: 560px; -webkit-animation-delay:1.8s;animation-delay:1.8s; background-color: #666;}
#header  p#box19 {left:640px;top: 400px; -webkit-animation-delay:1s;animation-delay:1s; background-color: #4a4a4a;}
#header  p#box20 {left:880px;top: 480px; -webkit-animation-delay:1.8s;animation-delay:1.8s; background-color: #000;}
#header  p#box21 {left:800px;top: 480px; -webkit-animation-delay:1.7s;animation-delay:1.7s; background-color: #fff;}
#header  p#box22 {left:560px;top: 560px; -webkit-animation-delay:1.7s;animation-delay:1.7s; background-color: #4a4a4a;}
#header  p#box23 {left:720px;top: 560px; -webkit-animation-delay:1.7s;animation-delay:1.7s; background-color: #4a4a4a;}



/*----------nav----------*/
#nav {
	background-repeat: no-repeat;
	height: 160px;
	width: 960px;
	margin: 0 auto;
}
#nav ul {
	overflow: hidden;
	margin: 0 auto;
	width: 800px;
}

#nav ul li {
	height: 160px;
	width: 160px;
	float: left;
	position: relative;
}
#nav ul li a,
#nav ul li span {
	
	text-align: center;
	display: block;
	text-decoration: none;
	height: 160px;
	width: 160px;
}
#nav ul li#link-wn a{ background-color: #fff;}
#nav ul li#link-artist a{background-color: #666;}
#nav ul li#link-mc a{background-color: #000;}
#nav ul li#link-about a{background-color: #666;}
#nav ul li#link-og a{background-color: #fff;}
#nav ul li#link-og span{background-color: #fff;}
#nav ul li#link-og img.cs{
	position: absolute;
	left: 0px;
	top: 0px;
}
#nav ul li span img{
	/*filter: alpha(opacity=25);*/
	-moz-opacity:0.25;
	opacity:0.25;
}

#sns{
	position: relative;
	width: 800px;
	margin:80px 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 ul li span img{
	/*filter: alpha(opacity=25);*/
	-moz-opacity:0.25;
	opacity:0.25;
}
#nav ul li span#icon_new{
	position: absolute;
	left: 5px;
	top: 5px;
	width:38px;
	height:19px;
}
#nav ul li span#icon_new img{
	/*filter: alpha(opacity=100);*/
	-moz-opacity:1;
	opacity:1;
}
/* #article 
**********************************/
#article {
}
/* #content 
**********************************/
#content {
	width: 960px;
	margin: 0 auto;
}
/* .block
**********************************/
.block {
	margin: 0 auto 80px;
	background-color: #000;
	overflow: hidden;
}
.block h2{
	background-color: #E7E12A;
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
}
/* #csntv
**********************************/
#csntv {
	margin: 80px auto;
	width: 800px;
	overflow: hidden;
	background-color: #000;
	position: relative;
	text-align: center;
	height: 130px;
	padding-top: 30px;
}/* #ticket
**********************************/
#ticket {
	margin: 80px auto;
	width: 800px;
	overflow: hidden;
	background-color: #000;
	padding-bottom:40px;
	position: relative;
}
#ticket h2{
	width: 137px;
	height: 39px;
	background-image: url(../images/h2_ticket01.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #000;
	position: absolute;
	left: 95px;
	top: 45px;
}

#ticket p{
	display:block;
	float: left;
}
#ticket p a{
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	height: 80px;
}
#ticket p#bnr_eplus a{
	background-color: #E95098;
	width: 440px;
	
}
#ticket p#bnr_twt a{
	background-color: #0AA3D4;
	width: 240px;
}
#ticket p#bnr_eplus{
	margin-top: 20px;
	margin-right: 60px;
	margin-left: auto;	
	float: none;
	width: 440px;
}

#ticket p#bnr_pia a{
	background-color: #247ABC;
	width: 200px;
	}
#ticket p#bnr_l-tike a{
	background-color: #06A0DE;
	width: 200px;
	}
#ticket p#bnr_sogo a{
	background-color: #004497;
	width: 200px;
	}
#ticket p#bnr_l-tike a{
	background-color: #06A0DE;
	width: 200px;
	}
#ticket p#bnr_sogo a{
	background-color: #004497;
	width: 200px;
	}
#ticket p#bnr_pia {
	margin:20px 40px 0 60px;
	}
#ticket p#bnr_l-tike {
	margin:20px 40px 0 0;
	}
#ticket p#bnr_sogo {
	margin:20px 0px 0 0;
	}
	
	/* #wn
**********************************/
#wn {
    min-height:240px;
}
#wn h2{
	height: 240px;
	width: 240px;
	background-image: url(../images/h2_wn01.png);
}
#wn .h2Cover{
	width: 250px;
	background-image: url(../images/arrow_yellow01.png);
	background-repeat: no-repeat;
	background-position: right center;
	float: left;
}
#wn ul
{
	width: 635px;
	margin: 0 auto;
	float: left;
	margin-top:45px;
	padding:0 0 0 45px;
	height:150px;
	overflow: auto;
}
#wn ul li
{
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #FFF;
	overflow:hidden;
	display: block;
	width: 610px;
	font-size: 18px;
}
#wn ul li span.wn_date
{
	display: block;
	float: left;
	width: 130px;
	text-align: left;
}
#wn ul li span.wn_txt
{
	display: block;
	float: right;
	width: 480px;
	text-align: left;
}
	/* #movie
**********************************/
#movie {
    min-height:400px;
}
#movie #movieplayer {
	width:640px;
	height:360px;
	padding-top: 20px;
	margin-right: auto;
	margin-left: auto;
}

/* #artist
**********************************/
#artist {
}
#artist h2{
	height: 240px;
	width: 960px;
	background-image: url(../images/h2_artist01.png);
}
#artist .h2Cover{
	position: relative;
	z-index: 1;
	height: 250px;
	background-image: url(../images/arrow_yellow02.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#artist h3{
	height: 80px;
	width: 960px;
	layout-grid-line:80px;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}
#artist .h3Cover{
	margin-top:-10px;
	position: relative;
	z-index: 1;
	height: 90px;
	background-image: url(../images/arrow_black01.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#artist .h3Sat{
	margin-top:-10px;
}
#artist .h3Sun{
	margin-top:0px;
}
#artist ul.artist_list
{
	margin-top:-10px;
	overflow: hidden;
}
#artist ul.artist_list li 
{
	position: relative;
	display: block;
	float: left;
	text-align: left;
	height: 320px;
	width: 480px;
	background-color: #E7E12A;
}
#artist ul.artist_list li span.artist_name
{
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	position: absolute;
	left: 0;
	bottom: 0;
	margin: 0;
	height: 80px;
	layout-grid-line:80px;
	width: 480px;
	background: rgba(000,000,000,.75);
}
#artist ul.artist_list li span.artist_name img
{
	padding-top:20px;
}
#artist ul.artist_list li span.yellow
{
	background: rgba(230,228,000,.75);
}
#artist ul.artist_list li span.black
{
	background: rgba(000,000,000,.75);
}
#artist ul.artist_list li span#icon_new
{
	position: absolute;
	left: 5px;
	top: 5px;
	opacity:0;
}
#artist p.more
{
	background: #4A4A4A url(../images/bg_text01.png);
	height: 80px;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	width: 960px;
}
#artist ul.artist_list li span.artist_btn{
	position: absolute;
	left: 0px;
	top: 0px;
}

#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
**********************************/
#mc {
}
#mc h2{
	height: 240px;
	width: 960px;
	background-image: url(../images/h2_mc01.png);
}
#mc .h2Cover{
	position: relative;
	z-index: 1;
	height: 250px;
	background-image: url(../images/arrow_yellow02.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#mc ul.mc_list
{
	margin-top:-10px;
	overflow: hidden;
}
#mc ul.mc_list li 
{
	position: relative;
	display: block;
	float: left;
	text-align: left;
	height: 320px;
	width: 480px;
	background-color: #E7E12A;
}
#mc ul.mc_list li span.mc_name
{
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	position: absolute;
	left: 0;
	bottom: 0;
	margin: 0;
	height: 80px;
	layout-grid-line:80px;
	width: 480px;
	background: rgba(000,000,000,.75);
}
#mc ul.mc_list li span.mc_name img
{
	padding-top:20px;
}
#mc ul.mc_list li span.yellow
{
	background: rgba(230,228,000,.75);
}
#mc ul.mc_list li span.black
{
	background: rgba(000,000,000,.75);
}
/* #og
**********************************/
#og {min-height:1280px;}
#og h2{
	height: 240px;
	width: 960px;
	background-image: url(../images/h2_og01.png);
}
#og .h2Cover{
	height: 250px;
	background-image: url(../images/arrow_yellow02.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	position: relative;
}
#og .h2Cover #icon_new
{
	position: absolute;
	left: 15px;
	top: 15px;
	opacity:0;
}
#og ul{
	overflow: hidden;
}
#og ul li{
	float: left;
	display: block;
	height: 400px;
}
#og p{
	min-height: 230px;
	width: 780px;
	margin: 0 auto;
	padding-top: 80px;
	font-size: 18px;
	line-height:1.6em;
	display: block;
}
#og p span.attention{
	font-size: 14px;
	color: #fff;
}
#og p.txt01{
	color: #E8DE3C;
}
#og dl{
	width: 780px;
	margin: 0 auto;
	padding-top: 80px;
	font-size: 18px;
	min-height: 240px;
}
#og dl dt{
	font-weight: bold;
	color: #E7E12A;
	line-height:1.6em;
}
#og dl dd{
	line-height:1.6em;
	padding-bottom:1.6em;
}
#og dl span.attention{
	font-size: 14px;
}
/* #about
**********************************/
#about {min-height:1520px;}
#about h2{
	height: 240px;
	width: 960px;
	background-image: url(../images/h2_about01.png);
}
#about .h2Cover{
	height: 250px;
	background-image: url(../images/arrow_yellow02.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#about dl{
	width: 780px;
	margin: 0 auto;
	padding-top: 60px;
	font-size: 18px;
}
#about #fortoday h3{
	font-size: 20px;
	font-weight: bold;
	color: #E75297;
	padding-bottom:10px;
}
#about #fortoday p{
	font-size: 18px;
	padding-bottom:10px;
}
#about #fortoday table tr td{
	font-size: 14px;
	line-height:1.3em;
}

#about #fortoday{
	width: 740px;
	padding: 20px;
	border: 1px solid #E75297;
	margin-right: auto;
	margin-left: auto;
	margin-top: 40px;
	margin-bottom: 40px;
	line-height:1.6em;
}
#about dl dt{
	font-weight: bold;
	color: #E7E12A;
	line-height:1.6em;
}
#about dl dd{
	line-height:1.6em;
	padding-bottom:1.6em;
}
#about dl span.attention{
	font-size: 14px;
}

/* #twt
**********************************/
#twt {
    height:480px;
}
#twt h2{
	height: 480px;
	width: 240px;
	background-color: #0AA3D4;
	vertical-align: top;
	background-image: url(../images/h2_twt01.png);
	background-position: center 100px ;
}
#twt .h2Cover{
	width: 250px;
	vertical-align: top;
	background-image: url(../images/arrow_blue01.png);
	background-repeat: no-repeat;
	background-position: right center;
	float: left;
}
#twt div.tweetbox
{
	width: 600px;
	margin: 0 auto;
	float: left;
	padding:20px 0 0 85px;
}

/* #bottom
**********************************/
#bottom{
	height: 160px;
	width: 100%;
	position: relative;
	display:block;
}
#bottom p.sitetoplink {
	height: 160px;
	width: 160px;
	position: relative;
	display:block;
	background-color: #E8DE3C;
	float: left;
}
#bottom p.pagetoplink {
	height: 160px;
	width: 160px;
	position: relative;
	display:block;
	background-color: #E8DE3C;
	float: right;
}
#bottom p.sitetoplink:hover {
}

/* sns
**********************************/
#btn-sbm {
	text-align: right;
	padding: 30px 20px 0 0;
	margin: 0 auto;
	height: 50px;
}
#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: #fff;
}

/* countdown *****/
#countdownArea {
	min-height: 80px;
	/*margin-bottom: 22px;*/
	z-index: 1;
	position: relative;
}
.countdown {
	background: url(../images/countdown_bg.png);
	width: 960px;
	height: 80px;
	position: relative;
	margin: 0 auto;
}
.countdown p {
	height: 80px;
	display: block;
	margin-left: 245px;
}
.countdown p span {
	background: url(../images/countdown_parts.png) no-repeat transparent;
}
.countdown p span {
	display: block;
	float: left;
	margin-top: 12px;
	height: 55px;
	overflow: hidden;
	width: 35px;
}

.countdown p span.def {
	background-position: 0 0;
	width: 40px;
	height: 55px;
}
.countdown p span.image0 { background-position: center -666px; }
.countdown p span.image1 { background-position: center   0px; }
.countdown p span.image2 { background-position: center -74px; }
.countdown p span.image3 { background-position: center -148px; }
.countdown p span.image4 { background-position: center -222px; }
.countdown p span.image5 { background-position: center -295px; }
.countdown p span.image6 { background-position: center -370px; }
.countdown p span.image7 { background-position: center -444px; }
.countdown p span.image8 { background-position: center -518px; }
.countdown p span.image9 { background-position: center -592px; }
.countdown p span.days {
	width: 90px;
	background-image: none;
}
.countdown p span.hour {
	width: 90px;
	background-image: none;
}
.countdown p span.minutes {
	width: 90px;
	background-image: none;
}
.countdown p span.seconds {
	width: 80px;
	background-image: none;
}