@charset "UTF-8";

/** サブメニュー ---------------------- **/
#subMenu dl{
	background:url(../../ticket/images/submenu.gif) no-repeat 0% 0%;
	width:200px;
	height:417px;
	margin-bottom:10px;}

#subMenu dl dt{
	text-indent:-1000em;
	height:66px;}

#subMenu dl dd{
	text-indent:-1000em;
	width:200px;}

#subMenu dl dd a{
	width:200px;
	display:block;
	overflow:hidden;
	outline:none;}

#subMenu dl dd a:hover{
	background-image:url(../../ticket/images/submenu.gif);
	overflow:hidden;
	outline:none;}

#sMenu01{background-position: -200px -66px; height:37px;}
#sMenu02{background-position: -200px -103px; height:37px;}
#sMenu03{background-position: -200px -140px; height:37px;}
#sMenu04{background-position: -200px -177px; height:37px;}
#sMenu05{background-position: -200px -214px; height:37px;}
#sMenu06{background-position: -200px -251px; height:55px;}
#sMenu07{background-position: -200px -306px; height:37px;}
#sMenu08{background-position: -200px -343px; height:37px;}
#sMenu09{background-position: -200px -380px; height:37px;}




/** 共通 **/
#preBox{
	width:625px;
	border-bottom:1px solid #DDD;
	padding-bottom:15px;}

#preBox h4{
	margin-bottom:15px;}

#preBox ul{
	width:560px;
	margin:0 auto;
	list-style:none;}

#preBox ul li strong{
	color: #990000;
	margin-right:0.5em;}

.preLl_01{
	font-size:130%;
	font-weight:bold;
	padding-left:8.5em;
	text-indent:-8em;}

.preLl_02{
	font-size:130%;
	font-weight:bold;
	padding-left:4.5em;
	text-indent:-4em;}

.bt_pre{
	width:150px !important;
	width /**/:680px;
	padding:0 0 0 475px;
	margin:15px 0 0;}

#preBox a{
    text-decoration:none;
	color:#F00;}

#preBox a:hover{
	color:#019E97;}




/** トップ **/
#top_ticket_outer{
	width:625px;
  	margin:2em 0 0;}

#top_ticket_conveni{
  	width:200px;
  	margin:0;
  	float:left;}

#top_ticket_other{
  	width:410px;
  	float:right;}

#ticket_other01{
  	width:200px;
  	float:left;}

#ticket_other02{
  	width:200px;
  	float:right;}


ul#hosoku_list {
	list-style-type:disc;
	padding:1em 0 0;
	margin: 10px 0 20px;
	width:625px;
	border-bottom:dashed 1px #CCC;}

ul#hosoku_list li {
	color:#D97E1A;
	font-weight: bold;
	margin:0 0 0.5em 20px;
	padding:0 0 0.3em 0;}

ul#hosoku_list li a{
    text-decoration:none;
	color:#D97E1A;}

ul#hosoku_list li a:hover{
	color:#019E97;}


#ticket_info{
    border:5px solid #DDD;
	width:585px !important;
	width /**/:625px;
	padding:15px;
	margin:0 auto 20px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}

#ticket_info h4{
    border-bottom: dashed #999999 1px;
	font-size:120%;
	padding:0 0 8px 0;
	margin:0 0 10px 0;}

#ticket_info h4 span{ color:#FBC0AA;}

.tip{ font-size:100%; font-weight:normal; color:#666666; margin-left:1.5em;}
.tip span{
    width:120px;
	font-size:130%;
	font-weight:bold;
	margin-right:10px;	
	color:#CC3300;}



/** 先行予約 **/
#pre_infoBox{
	width:625px;
	margin:2em 0 20px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}

#pre_infoBox h4{
	border-left: 8px #099 solid;
	border-bottom:dashed 1px #CCC;
	font-size:110%;
	font-weight:bold;
	color:#099;
	margin:0 0 0.5em 0;
	padding:0.2em 0 0.2em 10px;
	line-height:1.4;}

#pre_infoBox p{
	margin-left:18px;}



/** 購入方法　共通 **/
.ticket_stitleBOX{
	width:605px !important;
	width /**/:625px;
	background-color:#FBE3DD;
	border-top:solid #E2502C 1px;
	padding:10px 10px 8px;
	margin:0 0 1em 0;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}

.ticket_stitleBOX h4{
	font-size:120%;
	font-weight:bold;
	color:#E2502C;
	margin:0 0 0.3em 0;}

.ticket_stitleBOX ul{
	margin:0;}

.ticket_stitleBOX li{
	font-size:110%;
	font-weight:bold;}

.ticket_stitleBOX p{
	font-size:100%;
	font-weight:bold;
	color:#666666;}


ul.ticket_list {
    list-style-position:inside;
	list-style-type:disc;
	margin: 0 0 50px 20px;}
ul.ticket_list li {
	text-indent:-1em;
	color:#E2502C;
	font-weight: bold;
	border-bottom:dashed 1px #999999;
	margin:0 0 0.5em 0;
	padding:0 0 0.3em 0;}
ul.ticket_list li span{
    color:#666666;
	font-weight:normal;}


.h4_ticket{
	border-left: 8px #099 solid;
	font-size:110%;
	font-weight:bold;
	color:#099;
	margin:0 0 0.5em 0;
	padding:0.2em 0 0.2em 8px;
	line-height:1.2;}

.ul_Pcode{
	list-style:disc;
	font-weight:bold;
	line-height:1.6;
	margin:0 0 0 35px;}

.ul_Pcode li strong{
	color:#900;
	font-size:120%;
	margin-left:0.5em;}
  


/** モバイル **/
.mobile_box{
   width:288px !important;
   width /**/:305px;
   margin:0 0 4px 0px;
   padding:10px 10px 3px;
   border:#CCCCCC solid 1px;}
.mobile_stitle01{
   font-weight:bold;
   font-size:120%;
   color:#006666;
   padding:0 0 0.3em 0;
   border-bottom:solid 1px #006666;}
.mobile_stitle02{
	font-weight:bold;
	font-size:110%;
	color:#FF6600;
	margin:0.5em 0;}
.mobile_stitle02 a{text-decoration:none;}



/** 残席情報 **/
.zanseki_attention{
	width:585px !important;
	width /**/:625px;
	margin:0 0 30px;
	padding:5px 15px;
	background-color:#FCFAD6;
	border:solid 5px #FFCC00;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}

.zanseki_attention dl{
  	line-height:1.5em;
  	margin:0.5em 0 0 0;}
.zanseki_attention dt{
  	color:#CC3300;
  	font-weight:bold;
  	width:130px;
  	font-size:13px;}
.zanseki_attention dd{
  	line-height:1.5em;
  	margin:-1.5em 0 0.5em 130px;}

table.zanseki_hyou {
        font-size: 90%;
        color: #666666;
        width: 100%;
        margin:5px 0 20px;
        border: solid #CCC 1px;
		border-collapse:collapse;
		line-height:1.5;
		font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}
.zanseki_hyou th {
        padding: 5px;
		color:#FFFFFF;
		text-align:center;
        border: #FFF solid 1px;
		background-image:url(../ticket/images/zanseki_tablebg.jpg);
		background-repeat:no-repeat;
		background-position:0 0;
		background-color:#009999;}
.zanseki_hyou td {
	padding: 5px;
	font-weight:bold;
	border:#CCC solid 1px;
	background-color:#F0FFFF;}
.number {
	font-size:140%;
	color:#009999;
	text-align:center;
	width:2em;}

.sales{
	text-align:center;
	color:#900;
	width:3em;}
span.green_seki{font-size:90%; color:#009933;}

.time{
	text-align:center;
	white-space:nowrap;}

.koen{}

.artist{
	white-space:nowrap;}

#date_choice{
	text-align:center;
	font-size:130%;
	font-weight:bold;
	margin:1.5em 0;}

#date_choice a{
	text-decoration:underline;
	color:#CC6600;
	margin:0 1em;}

#date_choice a:hover{
	color:#FF9900;
}




/** 追加 **/
table.sale_medium {
        font-size: 100%;
        color: #666666;
        width:350px;
        margin:15px auto 5px auto;
        border: 1px;
        border-collapse: separate;
        border-spacing: 1px;}
.sale_medium th {
        padding: 5px;
		font-weight:bold;
		text-align:center;
        background-color:#fbebd7;}
.sale_medium td {
        padding: 5px;
		text-align:center;
        background-color:#F5F5F5;}
.sale_medium td span{ font-weight:bold;}

span.kanbai{ color:#CC3300;}
span.end{ color:#009933;}
span.wazuka{ color:#0099CC;}
span.yoyuu{ color:#FF9900;}

.table_attention{ width:350px; margin:0 auto 0 auto; text-align:right; font-size:90%; font-weight:bold;}






/** 補足ページ **/
#individual_container{
    width:498px !important;
	width /**/:500px;
	border:#CCCCCC solid 1px;
	padding:0;
	margin:0 auto;
	color:#555;}
#individual_container h1{
    width:498px;
    height:150px;
	min-height:150px;
	margin:0;}
.individual_cont{
    width:478px !important;
	width /**/:498px;
	margin:0;
	padding:10px;}
.p_img{
    width:180px;
	float:left;}
.p_text{
    width:280px;
	float:right;}
	
.individual_cont h2{
    font-size:110%;
	font-weight:bold;
	color:#099;
	padding:0 0 0 8px;
	border-left: solid 10px #099;}

.individual_cont h3{
    font-size:100%;
	font-weight:bold;
	border-left:solid 10px #DC9265;
	border-bottom:1px dashed #CCC;
	margin:0 0 1em 0;
	padding:0 0 2px 8px;}

.individual_cont p{
    font-size:80%;
	font-weight:normal;
	line-height:1.4em;}

.ind_list dl{
  line-height:1.7em;
  border-top: dotted 1px #CEB037;
  margin:0.5em 0 0 0;}

.ind_list dt{
  color:#CC3300;
  font-weight:bold;
  font-size:80%;
  width:5em;}

.ind_list dd{
  font-size:80%;
  line-height:2em;
  margin:-1.5em 0 0.7em 6em;}

.pcode{
	margin:0px 0 5px 15px;}

.individual_cont ul{
	font-size:80%;
	line-height:1.4;}

	
/** クローズ **/
#ind_close{
    width:500px;
	text-align:left;
	margin:10px auto 0px auto;
	padding-bottom:15px;}
#ind_close img{border:none;}
#ind_close a{ text-decoration:none;
              border:none;}