@charset "UTF-8";

/*  ページテーマ画像  */

#head .theme_img{
	background-image: url(image/theme.jpg);
	}


/*ページタイトル*/
#main h2.program_list.calendar{
	background-image: url(image/calendar.gif);
	}

#main h2.title.index01{
	background-image: url(image/index01.gif);
	}

#main h2.title.index02{
	background-image: url(image/index02.gif);
	}

#main h2.title.index03{
	background-image: url(image/index03.gif);
	}

#main h2.title.index04{
	background-image: url(image/index04.gif);
	}

#main h2.title.details{
	background-image: url(image/details.gif);
	}

#main h2.title.inq{
	background-image: url(image/inq.gif);
}

#main h2.title.ticket{
	background-image: url(image/ticket.gif);
}


#main h3{
	text-indent: 0;
	font-size:1.2em;
	color:#0f8a79;
	padding:0px 0px 10px 0px;
}

/*---------------------
  カレンダーページ
-----------------------*/
/*マンスリーul*/
ul.month{
	display:block;
	list-style:none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

ul.month li{
	display:block;
	float:left;
}

ul.month li a{
	width:42px;
	font-size:14px;
	display:block;
	background-color:#d4d2d3;
	padding:5px;
	margin:0px 1px 10px 0px;
	text-align:center;
	color:#3a3a3a;
}

ul.month li a.month_left{
	width:47px;
}

ul.month li a.month_right{
	width:47px;
	margin:0px 0px 10px 0px;
}


ul.month li a:hover{
	background-color:#0f8a7a;
	color:#fff;
	text-decoration: none;
}

ul.month li a.chooses{
	background-color:#0f8a7a;
	font-weight:bold;
	color:#fff;
}




/*カレンダー用table*/
#main table.calendar {
	padding: 0px;
	margin-bottom:10px;
	margin-top:0px;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	table-layout: fixed;
}

#main table.calendar td{
	padding:0;
	border-top:1px solid #999;
	border-left:1px solid #999;
}

#main table.calendar th {
	border-top:1px solid #999;
	border-left:1px solid #999;
	background-color:#e8e8e8;
	padding:7px 7px;
	width: 10%;
	text-align: justify;
	text-justify: distribute-all-lines;
}

#main table.calendar th.week {
	border-top:1px solid #999;
	border-left:1px solid #999;
	background-color:#afafae;
	color:#ffffff;
	font-size:1.2em;
	padding:7px 7px;
	text-align:center;
	font-weight:bold;
	background-image: url(image/table_bg.gif);
	background-repeat: repeat-x;
}

#main table.calendar span {
	display:block;
	padding:7px 7px 7px 7px;
}

#main table.calendar span.day {
	display:block;
	padding:2px;
	margin:0px;
	font-weight:bold;
	background-color:#dddddd;
	text-align:center;
}

/*---------------------
  チケットサービス
-----------------------*/
#main h3.title_ticket{
	text-indent:-9999px;
	padding:0px;
	margin:5px 0px 0px 0px;
	width:494px;
	height:61px;
	background-image: url(image/title_ticket.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
}

.ticket_text{
	display:block;
	padding:0px;
	margin:0px;
}


.ticket_text .ticket_tel{
	display:block;
	width:218px;
	height:44px;
	float:left;
	margin:5px 20px 0px 0px;
}

.bg_blue{
	display:block;
	padding:10px;
	margin:0px 0px 0px 0px;
	background-color:#d7e4ec;
}

#main h4.ticket_step{
	text-indent:-9999px;
	width:753px;
	height:25px;
	background-repeat: no-repeat;
	background-attachment: scroll;
}

#main h4.ticket_step01{
	padding:0px;
	margin:15px 0px 10px 0px;
	background-image: url(image/ticket_step01.gif);
}

#main h4.ticket_step02{
	padding:0px;
	margin:30px 0px 10px 0px;
	background-image: url(image/ticket_step02.gif);
}

#main h4.ticket_step02b{
	width:250px;
	height:25px;
	padding:0px;
	margin:20px 0px 0px 0px;
	text-indent:-9999px;
	background-image: url(image/ticket_step02b.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
}

#main h4.ticket_step03{
	padding:0px;
	margin:30px 0px 10px 0px;
	background-image: url(image/ticket_step03.gif);
}

#main h4.ticket_step04{
	padding:0px;
	margin:30px 0px 10px 0px;
	background-image: url(image/ticket_step04.gif);
}

ul.ticket_pay{
	padding:0px;
	margin:0px 0px 0px 0px;
}

ul.ticket_pay li{
	list-style:none;
	padding:0px 0px 0px 10px;
	margin:0px;
	background-image: url(image/ticket_arrow.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0px 50%;
}

/*ナビ選択*/

#container #main_navi a.concert{
	background-position: -300px -87px;}



/*------------------------------------------
  コンサートページ
--------------------------------------------*/
#main .title_details_bg{
	padding:3px 0px 3px 0px;
	margin:0px 0px 10px 0px;
	width:753px;
	background-image: url(image/title_details_bg.jpg);
	background-repeat: repeat-y;
	background-attachment: scroll;
	}

#main .title_details_bg h2.title.details{
	padding:0px;
	margin:0px;
	width:220px;
	height:23px;
	vertical-align:middle;
	background-image: url(image/details.gif);
	}


#main .title_details_bg table.page_sent{
	padding:0px;
	margin:0px;
	vertical-align:middle;
}

#main .title_details_bg table.page_sent td.color{
	background-color: #5eb8b3;
}

#main .title_details_bg .page_day{
	font-size:1.15em;
	font-weight:bold;
	color:#fff;
	padding:0px 5px 0px 5px;
	margin:0px;
	}

/*公演一覧・詳細用のカレンダー*/
ul.month_sent{
	display:block;
	list-style:none;
	padding:0px;
	margin:0px 0px 0px 0px;
}

ul.month_sent li{
	display:block;
	float:left;
	padding:0px;
	margin:0px;
}

ul.month_sent li a{
	width:42px;
	font-size:14px;
	display:block;
	background-color:#d4d2d3;
	padding:5px;
	margin:0px 1px 1px 0px;
	text-align:center;
	color:#3a3a3a;
}

ul.month_sent li a.month_left{
	width:47px;
}

ul.month_sent li a.month_right{
	width:47px;
	margin:0px 0px 1px 0px;
}

ul.month_sent li a:hover{
	background-color:#0f8a7a;
	color:#fff;
	text-decoration: none;
}

ul.month_sent li a.chooses{
	background-color:#0f8a7a;
	font-weight:bold;
	color:#fff;
}


/*  ページおくり  */
#main .news_pageno{
	display:block;
	width:735px;
	padding:6px 13px 5px 3px;
	margin:0px 0px 20px 0px;
	background-color:#cfcfcf;
	text-align:right;
	border:none;
}