﻿@charset "UTF-8";
/* メインビジュアル */
#mainPic{
	margin-bottom:15px;}

#mainFlash{
	width:500px;
	float:left;}

#mainImg{
	width:400px;
	float:right;}


/*メインエリア*/
#top_mainarea{
   width:900px;
   margin:0 auto;}


/*左エリア*/
#top_mainLeft {
	float: left;
	width: 515px;
	margin:15px 0 0;}


/*==チケット関連==*/
#top_ticket{
    width:495px !important;
	width /**/:515px;
	height:228px !important;
	height /**/:235px;
	min-height:235px;
	margin:0px 0 15px 0;
	padding:7px 10px 0px;
	background:url(../images/top_ticket_bg.gif) no-repeat 0% 0%;}

#top_ticket_tLeft{
	width:355px;
	float:left;}

#top_ticket_tRight{
	width:123px;
	float:right;
	margin-top:3px;}

#top_ticket h2{
	margin:0 0 0 7px;}

#soldout{
	margin:10px 0 0 0px;
	width:355px;}

#soldoutLeft{
	width:130px;
	float:left;
	margin:12px 0 0 3px;}

#soldoutLeft h3{
	margin:0 0 5px;}

#soldoutRight{
	width:160px !important;
	width /**/:208px;
	height:65px !important;
	height /**/:75px;
	min-height:75px;
	padding:10px 28px 0px 20px;
	float:right;
	background:url(../images/top_ticket_num.gif) no-repeat 0% 0%;
	text-align:center;
	font-size:42px;
	font-weight:bold;
	color:#34A200;}


#top_ticket_bLeft{
	width:138px;
	float:left;
	margin-top:3px;}

#top_ticket_bLeft h3{
	margin:0 0 2px;}

#top_ticket_bRight{
	width:350px;
	float:right;
	height:80px;
	margin:6px 0 0;
	overflow:hidden;
	background-image: url(../images/top_ticket_navi.jpg);
	background-repeat: no-repeat;}

#top_ticket_bRight ul { list-style-type: none; }
#top_ticket_bRight li { display: inline; }
#top_ticket_bRight a { display: block; overflow: hidden;}
#top_ticket_bRight a em{display:none;}

#top_ticket_bRight li a { float: left; height: 80px; background-image: url(../images/top_ticket_navi.jpg); background-repeat: no-repeat; }

a#ti01 { width: 58px; background-position: 0px 0px;}
a#ti02 { width: 58px; background-position: -58px 0px;}
a#ti03 { width: 58px; background-position: -116px 0px;}
a#ti04 { width: 58px; background-position: -174px 0px;}
a#ti05 { width: 60px; background-position: -232px 0px;}
a#ti06 { width: 58px; background-position: -292px 0px;}

a#ti01:hover { background-position: 0px -80px; }
a#ti02:hover { background-position: -58px -80px; }
a#ti03:hover { background-position: -116px -80px; }
a#ti04:hover { background-position: -174px -80px; }
a#ti05:hover { background-position: -232px -80px; }
a#ti06:hover { background-position: -292px -80px; }



/*==ニュース関連==*/
#top_news{
    width:515px;
	margin:0 0 20px 0;
	background:url(../images/top_news_m_bg.gif) repeat-y 0% 0%;}

#top_news_head{
	background:url(../images/top_news_t_bg.gif) no-repeat 0% 0%;
	width:505px !important;
    width /**/:515px;
	padding:0 5px;
	margin:0;
	height:114px;
	min-height:114px;}

#top_news_head h2{
	width:150px;
	height:84px;
	float:left;
	margin:0;}

#top_newsBtn{
	width:166px;
	float:right;
	margin-top:55px;}

#top_newsMenu{
	width:485px;
	margin:5px auto 5px;}

#news01{width:66px; float:left; margin-right:20px;}
#news02{width:65px; float:left; margin-right:20px;}
#news03{width:66px; float:left; margin-right:20px;}
#news04{width:72px; float:left; margin-right:20px;}
#news05{width:45px; float:left;}
#news06{width:71px; float:right;}


#newsbox{
    width:495px !important;
    width /**/:505px;
	margin:0;
	padding:10px;
	line-height:1.4;}

#newsbox table{
	width:495px;
	margin:0;}

#newsbox table th, #newsbox table td{
	background-color:#FFF;
	border-bottom:2px solid #b4dee8;
	vertical-align:top;}

#newsbox table th{
	width:6em;
	color:#C09;
	padding:7px 0;
	text-align:center;}

#newsbox table td{
	padding:7px 0.8em 7px 1.5em;
	background:url(../images/top_news_tbl.gif) repeat-y 0% 10%;
	background-color:#FFF}

.category {
	color:#C09;
	font-weight:bold;}


/*==携帯サイト==*/
#mobile{
    width:515px;
	margin:0 0 10px 0;}


/*==バックナンバーエリア==*/
#backnumber{
    width:491px !important;
	width /**/:515px;
	height:110px;
	min-height:110px;
	margin:0 0 15px 0;
	padding:0px 12px 0;
	background:url(../images/top_backnum_bg.gif) no-repeat 0% 0%;
	overflow:hidden;}

#backnumber h2{
	margin:28px 0 18px;}

.backnum{
	width:135px;
	float:left;
	margin-right:13px;}


/*==バナーエリア==*/
#banner_area{
    width:250px;
	margin:0 0 2em 0;}



/*右エリア*/
#top_mainRight {
	width: 365px;
	float: right;
	margin:15px 0 0;}


/*==企画協賛==*/
#sponsor{
    width:288px !important;
	width /**/:365px;
	height:130px;
	min-height:130px;
	padding:0 65px 0 12px;
	margin:0 0 1em 0;
	background:url(../images/top_sponsor_bg.gif) no-repeat 0% 0%;
	overflow:hidden;}

#sponsor h2{
	margin:18px 0 16px;}

.s_docomo{
	width:114px;
	float:left;
	margin:2px 18px 0 0;}

.s_gas{
	width:152px;
	float:left;}

.s_listBtn{
	width:165px;
	float:right;
	margin:7px 0 0;}


	
/*==ピックアップ==*/
#picup_box{
    width:365px;
	margin:5px 0 30px 0;}

#picup_box h2{ margin:0;}

#picup_textarea{
    width:305px !important;
	width /**/:365px;
	background:url(../images/top_pickup_bg.gif) repeat-y 0% 0%;
    background-color:#FFFFFF;
	padding:5px 30px 5px;}

.artistBox{
	width:305px;
	margin-top:15px;}

.artistBox h3{
	font-size:120%;
	color:#8A7362;
	margin-bottom:3px;}

.artistBox h4{
	font-size:80%;
	color:#8A7362;
	margin-bottom:8px;}

.pic_img{
	font-size:80%;
	color:#999;
	line-height:1;
	margin-bottom:10px;}

.pic_img img{
	margin-bottom:3px;}

.artistBox p{
    font-size:100%;
	color:#666666;
	line-height:1.4;}

.picup_line{margin:15px 0 0;}


	
/*==ソーシャルブックマーク==*/
#bookmark{
    width:320px;
	margin:10px 0 0 0;
	text-align:right;
	vertical-align:middle;}
#bookmark h4{
	margin:0 0.5em 0 0;
	float:left;
	font-size:90%; font-weight:normal;}
	
/*==フリーバナーエリア==*/
#free_banner{
    width:320px;
	text-align:right;
	margin:0;}
#free_banner img{
    margin:10px 0 0 0;}

/*==緊急告知==*/
.notification{
    width:423px !important;
	width /**/:435px;
	padding:5px;
	margin:0 0 0.5em 0;
	border:1px solid #CC3300;
	text-align:left;
	background-color:#FEE1E0;}
.notification h1{
    width:423px;
	text-align:center;
    font-size:120%;
	margin:0 0 0.5em 0;
	color:#CC3300;
	line-height:1.5em;}
.notification span{
    font-size:85%;}


/*** トップページTVCMエリア ***/
.tvcm_box{
    width:400px;
	height:82px;}
p.tvcm_btn{
    width:190px;
	height:82px;
	float:left;}
.tvcm_dl{
    width:202px !important;
	width /**/:210px;
	margin:17px 8px 0 0;
	float:right;}
.tvcm_dl a{
    text-decoration:none;
	border:0;}
.tvcm_dl_txt{
    width:119px !important;
	width /**/:124px;
	font-size:10px;
	line-height:1.2em;
	margin:0 0 0 5px;
	float:left;}