@charset "Shift_JIS";
/* CSS Document */
/*===========import=============*/
@import url("clearfix.css");
@import url("reset.css");



/*===========変更エリア=============*/
html {

}

body  {
	color:#fff;
	background-color:#000;
	}

body #topBdy{
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	line-height:1.7em;
	letter-spacing:0.1em;
	color:#fff;
	background-color:#000;
		}

#topCont{
	/*background:url(../img/bg.jpg) center top no-repeat;*/
	overflow-x: hidden;
    position: relative;
    min-width: 1000px;
}

#secondCont{
    position: relative;

		overflow-x: hidden;
    min-width: 1000px;


}


a:link{color:#feec70; text-decoration:none; outline:none;}
a:visited{color:#feec70; text-decoration:none; outline:none;}
a:active{color:#cc0082; text-decoration:none; outline:none;}
a:hover{color:#e1e0d8; text-decoration:underline; border-bottom:none; outline:none;}

#container a:hover img{ filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
#container a:hover img.none{ filter: alpha(opacity=100); -moz-opacity:1; opacity:1; }


strong{}

/*===========common=============*/
#container{text-align:center; background:url("../img/bg.jpg") no-repeat center top; background-color:#000; }
#contents{ width:990px; margin:0px auto 0px auto; text-align:left;}

#aside{ float:right; width:310px; margin-top:15px; }
	#aside .rspace{ margin-bottom:10px;}
	#aside #rdecoTop { text-align:center; margin-bottom:3px;}
	#aside #rdecoBottom { text-align:center; margin-top:3px; clear:both;}
	#aside ul#sBtnFoot { display:block; width:310px; list-style:none;}
		#aside ul#sBtnFoot li{ display:block; float:left; margin-bottom:3px; }
		#aside ul#sBtnFoot li.rBspace{ margin-right:10px; }

#sSns{ margin-bottom:10px;}

/*===========head=============*/

/*#nav*/ #headerTypeA{ width:990px; position:relative; }
	/*#top*/ #headerTypeA #main{ position:absolute; top:0px; left:0px; z-index:3;}
	/*#top*/ #headerTypeA #data { position:absolute; left:284px; top:34px;}
	/*#top*/ #headerTypeA #sns { position:absolute; left:877px; top:20px;}
	/*#top*/ #navBG { position:absolute; background:#000 repeat-x ;  alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; height:50px; padding: 0 500%; margin: 0 -500% 6px; width: 100%; top:107px; z-index:2; overflow-x:hidden; }



/*===========nav=============*/

body#topBdy #nav li#topNav a{ background-position: 0 -40px}
body#lineupBdy #nav li#lineupNav a{ background-position: -142px -40px}
body#ticketsBdy #nav li#ticketsNav a{ background-position: -284px -40px}
body#goodsBdy  #nav li#goodsNav a{ background-position: -426px -40px}
body#qaBdy #nav li#qaNav a{ background-position: -568px -40px}

  #nav{position:absolute; top:112px; right:0px;  z-index:5;}
    #nav li{ float:left; width:142px; height:40px; margin:0 0 0 1px; overflow:hidden}
    #nav li a{ display:block; width:142px; padding-top:40px; background:url(../img/nav.png) no-repeat}
      #nav li#topNav a{ background-position: 0 0}
      #nav li#topNav a:hover{ background-position: 0 -40px}
      #nav li#lineupNav a{ background-position: -142px 0}
      #nav li#lineupNav a:hover{ background-position: -142px -40px}
      #nav li#ticketsNav a{ background-position: -284px 0}
      #nav li#ticketsNav a:hover{ background-position: -284px -40px}
      #nav li#goodsNav a{ background-position: -426px 0}
      #nav li#goodsNav a:hover{ background-position: -426px -40px}
      #nav li#qaNav a{ background-position: -568px 0}
      #nav li#qaNav a:hover{ background-position: -568px -40px}




/*===========mainVisual=============*/
#detailBox { display:none; position:relative; top:186px; height:400px; }
#detailCont { position:relative;}

#box1 { position:absolute; left:81px; width:830px; height:350px; z-index:1; }
#box2 { position:absolute; left:992px;  width:830px; height:350px; z-index:1; }
#box3 { position:absolute; left:1903px;  width:830px; height:350px; z-index:1; }
#box4 { position:absolute; left:2814px;   width:830px; height:350px; z-index:1; }
#box5 { position:absolute; left:3725px;  width:830px; height:350px; z-index:1; }
#box6 { position:absolute; left:4636px;   width:830px; height:350px; z-index:1; }
#box7 { position:absolute; left:5547px;  width:830px; height:350px; z-index:1; }
#box8 { position:absolute; left:6458px;  width:830px; height:350px; z-index:1; }
#box9 { position:absolute; left:7369px;  width:830px; height:350px; z-index:1; }
#box10 { position:absolute; left:8280px;  width:830px; height:350px; z-index:1; }
#box11 { position:absolute; left:9191px;  width:830px; height:350px; z-index:1; }
#box12 { position:absolute; left:10102px;  width:830px; height:350px; z-index:1; }
#box13 { position:absolute; left:11013px;  width:830px; height:350px; z-index:1; }
#box14 { position:absolute; left:11924px;  width:830px; height:350px; z-index:1; }
#box15 { position:absolute; left:12835px;  width:830px; height:350px; z-index:1; }
#box16 { position:absolute; left:13746px;  width:830px; height:350px; z-index:1; }
#box17 { position:absolute; left:14657px;  width:830px; height:350px; z-index:1; }
#box18 { position:absolute; left:15568px;  width:830px; height:350px; z-index:1; }
#box19 { position:absolute; left:16479px;  width:830px; height:350px; z-index:1; }

/*+left911*/


#bgout { width:830px; height:350px; background-image:url(../img/artist/main_tegomasu.jpg);}

#jfilter01 { height:518px; background-image:url(../lineup/img/detail_tegomasu.jpg);}
#jfilter02 { width:230px; background:url(../lineup/img/img_tegomasu.png) no-repeat;}

#btnArea{ position:relative; width:932px; text-align:center; margin:0px auto 0px auto; z-index:10;}
#btnPrev img { position:absolute; top:159px; left:0px;}
#btnNext img { position:absolute; top:159px; right:0px;}



/*===========top=============*/
#topArticle {  display:none; width:990px; margin-bottom:100px; margin-top:200px;}

#twitter{width:320px; float:left; }
#contCenter{margin-left:15px; width:335px; float:left;}
#contRight{  float:right; width:320px;}

#contCenter img ,#contRight img { margin-bottom:10px;}


#sponsor{ display:none; width:500px; margin:0 auto 20px auto; border:solid 1px #333; padding:5px 0 5px 15px;}
#sponsor img {float:left; margin-right:5px; text-align:center;}

#top #article{ float:left; width:660px; margin-top:15px;}

	#contFrame { background:url(../img/cont_bgTop.png) no-repeat top left; padding-top:17px;}
	#contFrame01 { background:url(../img/cont_bg.jpg) repeat left top; padding:20px;}
	#contFrame01 h2 { margin-bottom:10px;}
	#contFrame02 { height:17px; background:url(../img/cont_bgBottom.png) no-repeat bottom left; line-height:1; font-size:1px;}

	#bBox  { background:url(../img/cont_textTop.png) no-repeat top left; padding-top:28px;}
	#bBox01 { background:url(../img/cont_textBg.jpg) repeat left top; padding:30px;}


/*===========second=============*/
#secondArticle { display:none; position:relative; top:186px; width:990px;  margin-bottom:300px;}
#secondBG01{background-color:rgba(0,0,0,0.5); padding:20px;}
/*IE7,8 Hack*/
#secondBG01{ background/*\**/:url(../img/blackpar.png) repeat\9;}


/*===LINEUP===*/
#secondArticle #lineupList { margin-bottom:20px;}
#secondArticle #lineupList ul li { float:left;}
#secondArticle #lineupList ul li.mRight { margin-right:10px;}

.scheTit { margin-bottom:10px; }
.stage01 {margin-top:18px;margin-bottom:5px;}
.stage02 {margin-top:50px; margin-bottom:5px;}

/*===DETAIL===*/
#artistCont{ margin:20px 0 0 0;}
#artistCont #artistLeft { float:left; margin-right:20px; width:400px; line-height:0;}
#artistCont #artistLeft .officialBtn{  background-color:rgba(255,255,255,0.1); text-align:center; margin-top:3px; padding:10px 0;}
/*IE7,8 Hack*/
#artistCont #artistLeft .officialBtn{ background/*\**/:url(../lineup/img/whitepar01.png) repeat\9;}

#artistCont #artistRight { float:right; background-color:rgba(0,0,0,0.7); width:490px; padding:20px;}
/*IE7,8 Hack*/
#artistCont #artistRight { background/*\**/:url(../lineup/img/blackpar01.png) repeat\9;}

#artistCont #artistRight .artistName { font-size:16px; font-weight:bold; }
#artistCont #artistRight .artistText { font-size:12px; margin-top:10px; margin-bottom:10px; line-height:21px;}
#artistCont #artistRight .artistText img.ura { position:relative; top:3px;}

/*===TICKETS===*/
#ticketsCont{ margin:20px 0 0 0;}
#ticketsLeft{ float:left; margin-right:20px; width:610px;}
#ticketsLeft #ticketstable { border:solid 1px #424443; background:#333333; font-size:16px; line-height:24px;}
#ticketsLeft #ticketstable tr { border:solid 1px #424443;}
#ticketsLeft #ticketstable th { background:#0c0c0c; border:solid 1px #424443; width:100px;}
#ticketsLeft #ticketstable th ,#ticketsLeft #ticketstable td {padding:10px;}
.redText { color:#ff1c00;}
#bannerRight{ float:right; width:320px; line-height:0;}
#bannerRight img { margin-bottom:10px;}

/*===QA===*/
#qa{ padding:0px;}
#qa dt{/*margin-bottom:4px;*/ /*padding-bottom:2px;*/ padding:3px 0; padding-left:35px; background:url(../qa/img/icon_q.png) no-repeat 0 0; font-size:16px; font-weight:bold; /*border-bottom:dotted 1px #666*/ height:20px; margin-bottom:10px;}
#qa dd{min-height:15px; height:auto!important; height:15px; margin-bottom:30px; padding-left:0px; background:url(../qa/img/icon_a.png) no-repeat; line-height:15px; font-size:12px; color:#000;}
.qaWhite {background-color:rgba(255,255,255,0.8); padding:10px; margin-left:35px;}
/*IE7,8 Hack*/
.qaWhite { background/*\**/:url(../qa/img/bgwhite02.png) repeat\9;}



/*IE6 alert*/
#alertIE6,
#noscript { background: #f1f1f1 url(http://www.tv-asahi.co.jp/Top11/common/images/bg_noscript_base.gif) repeat-y center top; border-bottom:1px solid #fff; }
#alertIE6 p,
#noscript p { width: 990px; margin: 0 auto; position: relative; zoom: 1; }
#alertIE6 img,
#noscript img { display: block;text-align:center}
#alertIE6 .close { position: absolute; top: 3px; right: 3px; cursor: pointer; }








/*===========thumbnailr=============*/
#showcase #thumb_wrapper{
    height:43px;
    /*width:934px;*/
    width:956px;/*width:956px;*/
    margin-left:auto;
    margin-right:auto;
    clear:both;
    text-align:center;
    /*text-align:left;*/
    /*position:relative;*/
    position:absolute;
    top:360px;
    left:21px;
    /*
    background:url(/img/pc/thumb_control_bg.gif) top center no-repeat;
    */
}
#showcase #thumb_wrapper div{
    height:29px;/*height:34px;*/
    width:10px;/*width:34px;*/
    display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    margin-top:9px;
    margin-right: 4px;
    margin-left: 4px;
    line-height:150%;
    /zoom: 1;
}
#showcase #thumb_wrapper div img{
    display:block;
    height:14px;/*height:34px;*/
    width:14px;/*width:34px;*/
}





/*===========foot=============*/
#footer { display:none;}
#footBG { background: url(../img/foot_bg.gif) center repeat; width:100%; min-width:990px; padding-top:20px; border-top:1px solid #666; text-align:center;}

#footBtn {width:990px; text-align:center; height:50px; margin:0 auto; font-size:12px;}

#history {
	text-align:left;
	margin-bottom:10px;
	float:left;
}

#history img{
	vertical-align:top;
}

.history-links a{
	color: #808080;
	margin-top: 3px;
	display: inline-block;
	margin-left: 15px;
	font-family: Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-size: 14px;
	letter-spacing: 1px;
}
.history-links a:hover{
	text-decoration: none;
}

#footerNav{ margin-right: auto; margin-left: auto; text-align:left;}
#footerNav a{ margin-right:15px; padding-left:9px; background:url(../img/icon_arrow.gif) no-repeat 0 6px; text-decoration:none; color:#FFF;}
#footerTop { float:right;}
#footerTop a { margin-right:10px;}
#cr{width:990px; min-height:80px; height:auto!important; background:url(../img/cr.gif) no-repeat left top; text-align:right; margin:30px auto 0 auto;}
