@charset "shift_jis";

a:link{color:#993300}
a:visited{color:#5d473b}
a:hover{color:#996d00}
a:active{color:#996d00}
body{}

#suntoryhall-index{
	background-image: url(../img/main_bg.gif);
	/* [disabled]background-repeat: repeat; */
	margin: 0px;
	padding: 15px 0;
}


/*header*/
.header_bg{
	background-image: url(../img/header02.jpg);
	background-repeat: repeat-x;
}

/*footer*/
.footer_bg{
	background-image: url(../img/footer02.jpg);
	background-repeat: repeat-x;
}



h1,h2{
	margin: 0;
	padding: 0;
}

.main_table{
	background-color: #FFFFFF;
}
.main_td1{
	background-image: url(../img/main_line1.jpg);
	background-repeat: repeat-y;
}
.main_td2{
	background-image: url(../img/main_line2.jpg);
	background-repeat: repeat-y;
}

/*ヘッダ*/
.logo{
	background-image: url(../img/logo_bg.jpg);
	background-repeat: repeat-x;
}
.top{
	padding-top: 10px;
	padding-bottom: 30px;
	margin-right: 5px;
}

/*メニュー*/
.menu_line1{
	background-image: url(../img/line1.gif);
	background-repeat: repeat-x;
}
.menu_line2{
	background-image: url(../img/line3.gif);
	background-repeat: repeat-x;
}
.menu_line3{
	background-image: url(../img/line4.gif);
	background-repeat: repeat-x;
}


#contents{
	width: 734px;
	margin: 8px 13px 0px 13px;
}
#left{
	float: left;
	width: 356px;
}
#right{
	float: right;
	width: 368px;
}



/*本日の公演・当日券情報　20周年*/
.parform{margin: 0 0 6px 0; padding: 0;}
.encore{margin: 0 0 0 4px; padding: 0;}
.report{margin: 0 0 0 6px; padding: 0;}



/*what's new*/
#whatsnew{width: 356px; margin: 0 0 6px 0;}
#whatsnew_bg{background-image: url(../img/news_line.gif); background-repeat: repeat-y; padding: 0 7 0 7; text-align: center;}

#news{
	border:#e4e4e4 1px solid;
	width:342px;
	font-size: 80%;
	padding: 0;
	scrollbar-3dlight-color: #b4b4b4;
	scrollbar-arrow-color: #b4b4b4;
	scrollbar-darkshadow-color: #b4b4b4;
	scrollbar-face-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-track-color: #E6E6E6
}
#news_wrap{overflow:auto; height: 399px; padding: 0 6px;}

.news_date{margin: 0; padding: 10px 15px 0 0; font-size:80%; line-height:140%;}
.news_word{width: 240px; margin: 0; padding: 10px 0 10px 0; font-size: 80%; line-height: 140%;}
.news_line{background-image: url(../img/news_line2.gif); background-repeat: repeat-x;}



/*banner*/
.banner{background-color: #ededed; padding: 4px 0; margin: 0;}



/*pickup*/
#pickup{width: 368px; margin: 0 0 6px 0; text-align: center;}
#pickup_bg{background-image: url(../img/pk_line.gif); background-repeat: repeat; margin: 0; padding: 0;}

.pickup_ct{width: 356px; margin-right: auto; margin-left: auto; margin-bottom: 4px; text-align: center;}
.pickup_ct2{width: 356px; margin-right: auto; margin-left: auto; text-align: center;}
.pickup_ctbg{border-right: 1px solid #c2c2a3; border-left:  1px solid #c2c2a3; background-image:
	url(../img/pk_bg.gif); background-repeat: repeat-x; margin: 0; padding: 0;}
.pk_photo{border: 1px solid #d9d8d8; margin: 0 3px;}
.pk_txt{margin: 0px; font-size: 70%; line-height: 120%; margin: 0px; padding: 0 4px 0px 4px;}



/*携帯サイト*/
#topmobile{width: 368px; margin: 0 0 6px 0;}
#topmobile #topmobile_bg{background-image: url(../img/pk_line.gif); background-repeat: repeat-y; padding: 5px 15px;}
#topmobile #topmobile_bg p{margin: 0; padding: 0;}
#topmobile #topmobile_bg p img{float:left; margin-right: 10px;}
#topmobile #topmobile_bg p.txt{font-size: 70%;}
#topmobile #topmobile_bg p.txt_b{font-size: 80%; font-weight: bold;}


/*25周年記念事業*/
#memorial{width: 368px; margin: 0 0 6px 0; background-image: url(../img/memorial_line.gif); background-repeat: repeat-y; padding: 0;}
#memorial #memorial_bg{padding: 5px 15px; margin: 0;}
#memorial #memorial_bg ul{margin: 0; padding: 0;}
#memorial #memorial_bg ul li{list-style-type: none; font-size: 80%; width: 165px; float:left; margin-top: 10px;}
#memorial #memorial_bg ul li:after{display:block; height:0px; content:""; visibility:hidden; clear:both;}
#memorial #memorial_bg ul li.last{margin-bottom: 10px;}

#memorial #memorial_bg ul li a{
background-image:url(../img/memorial_btn.gif);
background-position:0 0.2em;
background-repeat:no-repeat;
display:block;
padding-left:15px;
}
#memorial #memorial_bg ul li a:hover{background-image:url(../img/memorial_btn_on.gif);}

#memorial2{width: 368px; height:185px; margin: 0 0 6px 0; background-image: url(../img/memorial2_bg.jpg); background-repeat: repeat-y;}
#memorial2 #memorial_bg{padding: 0 12px; margin: 0;}
#memorial2 #memorial_bg ul{margin: 0; padding: 0;}
#memorial2 #memorial_bg ul li{list-style-type: none; float:left; margin-top: 142px;}
#memorial2 #memorial_bg ul li:after{display:block; height:0px; content:""; visibility:hidden; clear:both;}
#memorial2 #memorial_bg ul li.last{margin-bottom: 10px;}






/* #hall25th_area
---------------------------------------------------------- */
#hall25th_area,
#hall25th_area dl,
#hall25th_area dt,
#hall25th_area dd{
margin:0;
padding:0;
}

#hall25th_area{
background-image:url("../img/hall25th_area_bg.gif");
background-position:left top;
background-repeat:no-repeat;
padding:0 0 12px 0;
}

#hall25th_area:after{
display:block;
margin-top:0px;
height:0px;
content:"";
clear:both;
}

*+html #hall25th_area{
min-height:0%;
}

*html #hall25th_area{
height:0%;
overflow:visible;
}

#hall25th_area img{
border:0;
}

#hall25th_area dl{
float:left;
}

#hall25th_area dl#hall25th_area_l{
padding:0 32px 0 9px;
}

#hall25th_area dl#hall25th_area_r{
}














/*フッター*/
.flash{
	font-size: 70%;
	text-align: right;
	padding: 10px 17px 2px 0;
	background-color: #FFFFFF;
}


/*共通*/
.img{
	margin: 0;
	padding: 0;
}


/* フォントサイズボタン */
.fontsize{
 width: 160px;
 float: right;
 margin: -20px 0 0 0;
 padding: 0 0 5px 0;
 font-size: 1;
}
.fontsize .txt{
 margin: 0;
 padding: 0;
 float: left;
 width: 89px;
 height: 18px;
 line-height: 18px;
 text-indent: -9999px; /* hack */
 padding: 0;
 margin: 0;
 background: transparent url("../img/fontbtn_txt.gif") no-repeat 0 3px;
}
.fontsize .btn{
 margin: 0;
 padding: 0;
 float: left;
 width: 71px;
 height: 18px;
}
.fontsize .btn li{
 display: block;
 float: left;
 width: 18px;
 height: 18px;
 margin-right: 3px;
}
.fontsize .btn li a{
 margin: 0;
 padding: 0;
 display: block;
 width: 18px;
 height: 18px;
 line-height: 18px;
 text-indent: -9999px; /* hack */
 text-decoration: none;
 font-size: 10px;
 background: #fff;
 outline: none;
 border: 0;
}
.fontsize .btn li.large a{background: transparent url("../img/fontbtn_large.gif") no-repeat 0 0;}
.fontsize .btn li.medium a{background: transparent url("../img/fontbtn_medium.gif") no-repeat 0 0;}
.fontsize .btn li.small a{background: transparent url("../img/fontbtn_small.gif") no-repeat 0 0;}
.fontsize .btn li.large a:hover{background: transparent url("../img/fontbtn_large_on.gif") no-repeat 0 0;}
.fontsize .btn li.medium a:hover{background: transparent url("../img/fontbtn_medium_on.gif") no-repeat 0 0;}
.fontsize .btn li.small a:hover{background: transparent url("../img/fontbtn_small_on.gif") no-repeat 0 0;}


/*英語版*/

/*英語版what's new*/
#en_contents{
	width: 770px;
	padding: 8px 15px 0px 15px;
	text-align: center;
}
#en_left{
	float: left;
	width: 485px;
}
#en_right{
	float: right;
	width: 241px;
}


#en_whatsnew{
	width: 485px;
	margin: 0 0 12 0;
}

#en_whatsnew_bg{
	width: 485px;
	background-image: url(../english/img/news_line.gif);
	background-repeat: repeat-y;
	padding: 0 7 0 7;
	text-align: center;
}

#en_news{
	border:#e4e4e4 1px solid;
	overflow:auto;
	width:470px;
	height:65px;
	font-size: 80%;
	text-align: center;
	padding: 0;
	scrollbar-3dlight-color: #b4b4b4;
	scrollbar-arrow-color: #b4b4b4;
	scrollbar-darkshadow-color: #b4b4b4;
	scrollbar-face-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-track-color: #E6E6E6
}
.en_news_date{
	font-size:80%;
	line-height:140%;
	padding: 10px 15px 0 0;
	margin: 0;
}
.en_news_word{
	font-size:80%;
	line-height:140%;
	padding: 10px 0 10px 0;
	margin: 0;
}
.en_news_line{
	background-image: url(../img/news_line2.gif);
	background-repeat: repeat-x;
}

.tp_news{
	color: #cc0000;
	font-size:80%;
	line-height:120%;
	margin: 0px;
	padding: 10px 0 10px 0;
}

.clear{
	clear:both;
}


#hallopera{padding-bottom:-11px; margin-bottom:-11px;}
#hallopera .hallopera_bg{background: url(../img/hopmovie_bg.gif) repeat-y;}
#hallopera #hop_btn{background: url(../img/hopbtn_bg.jpg) no-repeat; width: 368px; padding: 5px 5px 0px 5px; margin:0;}

#hallopera #hop_movie{background: url(../img/hopmovie_bg.gif) repeat-y; padding: 0px 5px;}
#hallopera #hop_movie p{padding: 0; margin: 0;}
#hallopera #hop_movie .movie{float:left; width: 130px;}
#hallopera #hop_movie .movie_btn{float:right; width: 225px;}
#hallopera #hop_movie p.movie_txt{margin: 5px 5px 0px 5px; font-size:70%;}
#hallopera #hop_movie p.movie_bt{text-align:right; margin-right:5px;}
#hallopera #hop_movie p.movie_foot{clear:both;}
























/* 2011年　TOPのみヘッダー組替 
----------------------------------------------------------*/
#hall_top_hd{
background-image: url("../img/logo_bg.jpg");
background-repeat: repeat-x;
background-position:left top;
}

#hall_top_hd:after{
display:block;
margin-top:0px;
height:0px;
content:"";
clear:both;
}

*+html #hall_top_hd{
min-height:0%;
}

*html #hall_top_hd{
height:0%;
overflow:visible;
}

#hall_top_hd table{
width:761px;
}

#hall_top_hd table td{
vertical-align:top;
}

#hall_top_hd h1{
margin:0 229px 0 0;
}

/* 2011.0616追加Twitterボタン */
#hall_top_hd .btn_tw{
margin:22px 20px 0 0;
}

#hall_top_hd .btn_tw img{
border:0;
}


/* リンクボタン*/
#hall_top_hd .link_list{
text-align:right;
}

#hall_top_hd .link_list ul{
margin:10px 0 10px 0;
padding:0 3px 0 0;
font-size:0;
line-height:0;
}

#hall_top_hd .link_list ul:after{
display:block;
margin-top:0px;
height:0px;
content:"";
clear:both;
}

*+html #hall_top_hd .link_list ul{
min-height:0%;
}

*html #hall_top_hd .link_list ul{
height:0%;
overflow:visible;
}

#hall_top_hd .link_list ul li{
float:left;
font-size:0;
line-height:0;
margin:0 0 0 5px;
padding:0 0 0 0;
list-style:none;
}

/* フォントサイズボタン */
#hall_top_hd .fontsize{
width:160px;
float:none;
margin:0px 0 0 10px;
padding:0 0 5px 0;
font-size:1;
}
#hall_top_hd .fontsize .txt{
margin:0;
padding:0;
float:left;
width:89px;
height:18px;
line-height:18px;
text-indent:-9999px; /* hack */
padding:0;
margin:0;
background:transparent url("../img/fontbtn_txt.gif") no-repeat 0 3px;
}

#hall_top_hd .fontsize .btn{
margin:0;
padding:0;
float:left;
width:71px;
height:18px;
}
#hall_top_hd .fontsize .btn li{
display:block;
float:left;
width:18px;
height:18px;
margin-right:3px;
}
#hall_top_hd .fontsize .btn li a{
margin:0;
padding:0;
display:block;
width:18px;
height:18px;
line-height:18px;
text-indent:-9999px; /* hack */
text-decoration:none;
font-size:10px;
background:#fff;
outline:none;
border:0;
}
#hall_top_hd .fontsize .btn li.large a{background:transparent url("../img/fontbtn_large.gif") no-repeat 0 0;}
#hall_top_hd .fontsize .btn li.medium a{background:transparent url("../img/fontbtn_medium.gif") no-repeat 0 0;}
#hall_top_hd .fontsize .btn li.small a{background:transparent url("../img/fontbtn_small.gif") no-repeat 0 0;}
#hall_top_hd .fontsize .btn li.large a:hover{background:transparent url("../img/fontbtn_large_on.gif") no-repeat 0 0;}
#hall_top_hd .fontsize .btn li.medium a:hover{background:transparent url("../img/fontbtn_medium_on.gif") no-repeat 0 0;}
#hall_top_hd .fontsize .btn li.small a:hover{background:transparent url("../img/fontbtn_small_on.gif") no-repeat 0 0;}

















/* #info
=================================== */
#info{
background-image:url("../img/info_bg.gif");
background-position:left top;
background-repeat:repeat-y;
margin:0 0 8px 0;
}

#info h3{
margin:0;
padding:0;
font-size:0;
line-height:0;
}

#info_ft{
background-image:url("../img/info_ft.gif");
background-position:left bottom;
background-repeat:no-repeat;
padding:0px 15px 5px 15px;
}

#info_ft:after{
display:block;
margin-top:0px;
height:0px;
content:"";
clear:both;
}

*+html #info_ft{
min-height:0%;
}

*html #info_ft{
height:0%;
overflow:visible;
}

#info ul,
#info ul li{
margin:0;
padding:0;
list-style:none;
}

#info ul{
padding:7px 0 10px 0;
}

#info ul.line{
background-image:url("../img/info_line.gif");
background-position:left bottom;
background-repeat:repeat-x;
}

#info ul li{
font-size:80%;
line-height:140%;
padding:5px 0 5px 0;
}

#info ul li a{
display:block;
background-image:url("../img/info_ico_ar_red.gif");
background-position:left 0.5em;
background-repeat:no-repeat;
padding:0 0 0 18px;
}

#info ul.blue li a{
display:block;
background-image:url("../img/info_ico_ar_blue.gif");
}

#suntory_contents #info ul.blue li a:link{color:#0000ff;}
#suntory_contents #info ul.blue li a:visited{color:#3333ff;}
#suntory_contents #info ul.blue li a:hover{color:#4488ee;}
#suntory_contents #info ul.blue li a:active{color:#4488ee;}


/* 緊急のお知らせ
---------------------------------------------------------- */
#emergency_info .tp_news{
border-top:3px solid #cc0000;
border-bottom:3px solid #cc0000;
padding-right:5px;
}

#emergency_info .news_line{
padding:5px;
background-image:none;
}