@charset "utf-8";

/* reset css */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body {line-height:1;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;}nav ul {list-style:none;}blockquote, q {quotes:none;}blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}/* change colours to suit your needs */ins {background-color:#ff9;color:#000;text-decoration:none;}/* change colours to suit your needs */mark {background-color:#ff9;color:#000; font-style:italic;font-weight:bold;}del {text-decoration: line-through;}abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}table {border-collapse:collapse;border-spacing:0;}/* change border colour to suit your needs */hr {display:block;height:1px;border:0; border-top:1px solid #cccccc;margin:1em 0;padding:0;}input, select {vertical-align:middle;}

a { color:#ccc; }

/* clearfix */
.clearfix {	*zoom: 1; }
.clearfix:after {	content: '';  display: block;  clear: both;  height: 0;  margin-top: -1px; }

/* margin */
.mb0 { margin-bottom:0!important; }
.mb5 { margin-bottom:5px!important; }
.mb10 { margin-bottom:10px!important; }

/* color */
.defaultColor { color:#333333!important; }

/* text */
.tr { text-align:right!important; }
.tl { text-align:left!important; }
.tc { text-align:center!important; }

/* line */
.separator { background:url(../img/pic_dot.gif) repeat-x left bottom; padding-bottom:35px; margin-bottom:30px; }


html { height:100%; }
body { height:100%;  font-family:"メイリオ", Meiryo,",ＭＳ Ｐゴシック",sans-serif; font-size:12px; color:#ccc; background-color:#000; min-width:1280px; }
*+html body { font-family:"メイリオ", Meiryo,",ＭＳ Ｐゴシック",sans-serif; }

#container { width:1141px;  }
#container { *zoom: 1; background:url(../img/bg_gnav2.png) repeat-y left top; }
#container:after {	content: '';  display: block;  clear: both;  height: 0;  margin-top: -1px; }

#gnav { float:left; width:240px; padding-bottom:50px; height:100%; background:url(../img/bg_gnav.png) no-repeat left top; }
#gnav h1 { width:240px; }
#gnav .home a,#gnav .first a,#gnav .outline a,#gnav .about a,#gnav .performer a { display:block; text-indent:-9999px; outline:none; width:240px; height:64px; background-position:left top; background-repeat:no-repeat; }
#gnav > ul > li { height:64px; }
#gnav .home {  height:70px!important; }
#gnav .performer { height:auto!important; }
#gnav .performer .sub {}
#gnav .performer .sub li { height:auto; }
#gnav .performer .sub a {  margin-left:20px;  display:inline; text-indent:0; width:auto; height:auto; background:none; }
#gnav .performer .sub li { margin-bottom:10px; }
#gnav > ul > li.outline { height:auto; }
#gnav > ul > li.outline > .sub { /* display:none; */ position:relative; padding:0 15px 0 18px; }
/* #gnav > ul > li.outline > a.active + .sub { display:block; } */
#gnav > ul > li.outline .sub li { background:url(../img/bg_dot_h.gif) repeat-x left top; list-style-type:none; }
#gnav > ul > li.outline .sub li:first-child { background:none; }
#gnav > ul > li.outline .sub li a { display:block; background:none; text-indent:0; color:#ccc; font-size:11px; padding:15px 25px; width:auto; height:auto!important; text-decoration:none; letter-spacing:1px; }
#gnav > ul > li.outline .sub li a:hover { text-shadow:0 0 5px rgba(255,255,255,0.7); }
#gnav > ul > li.outline .sub li a.active { color:#7dcdf3; }
#gnav > ul > li.outline .sub li a.active:hover { text-shadow:none;}
#gnav > ul > li.outline .sub li span { display:block; background:none; text-indent:0; color:#666; font-size:10px; padding:10px 2px; width:auto; height:auto!important; text-decoration:none; letter-spacing:1px; }


#contents { position:relative; left:-1px; float:left; width:900px; padding-left:1px; min-height:855px; _height:845px; background:url(../img/bg_contentline.gif) no-repeat left top #191919; }
#contents h2 { margin-bottom:24px; }
#contents .section { margin:0 30px 30px; }
#contents .section p { margin-bottom:1.8em; letter-spacing:1px; line-height:180%; font-size:12px; }
#pageTop { position:absolute; right:-40px; bottom:-2px; }

#footer { background:url(../img/bg_footer.gif) repeat-x left top; height:100px; width:100%; /*min-width:1000px;*/ position:relative; }
#footer .suntory { position:absolute; left:766px; top:20px; }
#footer .orchestra { position:absolute; left:857px; top:26px; }
#footer .bank { position:absolute; left:965px; top:38px; }
#footer .credit { padding:22px 22px 16px; }
#footer .credit li { position:relative; display:inline; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:10px; margin-right:30px; }
#footer .credit li img { position:relative; top:1px; }
#footer .copyright { padding-left:22px; }

#gnav { background:url(../img/bg_gnav.png) no-repeat left top; }
.mainnav { margin-top:-10px; }
.mainnav a { background:url(../img/gnav.png) no-repeat left top; }
#gnav .home a { background-position:-0px -0px; height:70px; }
#gnav .first a { background-position:-0px -70px;}
#gnav .outline a { background-position:-0px -134px;}
#gnav .about a { background-position:-0px -198px;}
#gnav .performer a { background-position:-0px -262px;}
#gnav .performer .sub a { display:block; width:200px; height:55px; text-indent:-9999px }
#gnav .performer .sub li:nth-child(1) a { background:url(../img/nav_gnav05_1.gif); }
#gnav .performer .sub li:nth-child(2) a { background:url(../img/nav_gnav05_2.gif); }
#gnav .home a:hover { background-position:-240px -0px; }
#gnav .first a:hover { background-position:-240px -70px;}
#gnav .outline a:hover { background-position:-240px -134px;}
#gnav .about a:hover { background-position:-240px -198px;}
#gnav .performer a:hover { background-position:-240px -262px;}
#gnav .performer .sub li:nth-child(1) a:hover { background-position:-200px 0; }
#gnav .performer .sub li:nth-child(2) a:hover { background-position:-200px 0; }
#gnav .home a.active { background-position:-480px -0px; }
#gnav .first a.active { background-position:-480px -70px;}
#gnav .outline a.active { background-position:-480px -134px;}
#gnav .about a.active{ background-position:-480px -198px;}
#gnav .performer a.active { background-position:-480px -262px;}
#gnav .performer .sub li:nth-child(1) a.active { background-position:-200px 0; }
#gnav .performer .sub li:nth-child(2) a.active { background-position:-200px 0; }


#gnav .ticket { text-align:center; margin-top:-10px; margin-bottom:20px;  }
#gnav .ticket a:hover{ opacity:0.7; }

#teaser { background:url(../img/teaser_img.jpg) no-repeat center top; height:925px; }
#teaser * { display:none; }
#global-footer { width:100%; background:url(../img/teaser_footer_loop.gif) repeat-x left top; }

.scroll-pane { width:935px; height: 110px; overflow:auto; }
.horizontal-only { height:auto; max-height:110px; }
.jspVerticalBar { background:#000!important; }
.jspHorizontalBar { background:#000!important; visibility: hidden; }

/* home */
body.home { background:url(../img/img_topimg.jpg) no-repeat left top #000!important; }
body.home #contents  { background-color:transparent; }
body.home #contents .copy { position:absolute; left:20px; top:45px; }
body.home #contents #ticketBtn { position:absolute; left:510px; top:350px;  }
body.home #contents #ticketBtn #soldout { background:url(../img/img_soldout.png) no-repeat left top; _background:url(../img/img_soldout.gif) no-repeat left top; position:absolute; left:66px; top:-20px; text-indent:-9999px; width:337px; height:118px; }
body.home #contents #berLogo { position:absolute; left:907px; top:175px; }
body.home #contents #topics { position:absolute; background:rgba(0,0,0,0.8); width:1151px; height:170px; top:685px; }
body.home #contents #topics h2 { margin:12px 16px 12px; position:relative; height:21px; }
body.home #contents #topics h2 img { position:absolute; }
body.home #contents #topics table { margin-left:20px; border-collapse:collapse; }
body.home #contents #topics th,
body.home #contents #topics td { line-height:140%; padding:1px 0 12px; } 
body.home #contents #topics td .ttl { display:block; margin-bottom:8px; }
body.home #contents #topics th { background:url(../img/ico_topics.png) no-repeat left 0px; padding-left:20px; padding-right:25px;  }



/* first */
body.first #contents .section .imgs { width:700px; margin-bottom:30px; }
body.first #contents .section .img01 { float:left; }
body.first #contents .section .img02 { float:right; }
body.first #contents .section .kashimoto { background:url(../img/bg_dot.gif) repeat-x left top; padding-top:30px; }


/* about */
body.about #contents {}
body.about #contents .section {}
body.about #contents .section .img { float:left; padding-bottom:30px; margin-right:25px; }


/* outline */
body.outline #contents .section table { width:100%; }
body.outline #contents .section table th { font-weight:normal; vertical-align:top; text-align:right; white-space:nowrap; width:110px; }
body.outline #contents .section table th,
body.outline #contents .section table td { padding:22px; line-height:160%; letter-spacing:1px; border-bottom:1px solid #333; }
body.outline #contents .section table td { /*width:100%;*/ }
body.outline #contents .section table .separator { background:url(../img/bg_outline_tablesep.gif) repeat-y center top; width:19px; padding:0; }
body.outline #contents .section table .last th,
body.outline #contents .section table .last td,
body.outline #contents .section table .separator { border-bottom:none; }
body.outline #contents .section table .caption { font-size:10px; margin-top:30px; }
body.outline #contents .section table .program { margin-bottom:10px; margin-left:10px; line-height:120%; }
body.outline #contents .section table .eng { font-size:10px; color:#666; line-height:120%; display:block; margin-top:0px; }
body.outline #contents .section table .ttl { display:block; margin-bottom:5px; }
body.outline #contents .section table .small { font-size:10px; }
body.outline #contents .section table .caution { margin-top:2em; }
body.outline #contents .section table .caution p { margin-bottom:0; font-size:10px; text-indent:-1em; padding-left:1em; line-height:130%; }
body.outline #contents .section table table { width:auto; }
body.outline #contents .section table table td,
body.outline #contents .section table table th { border-bottom:none; padding:0; padding-right:20px; }
body.outline #contents .section table table th { width:auto; }
body.outline #contents .section table table td { width:auto; }
body.outline #contents .section table table a { color:#ccc;}
body.outline #contents .section table table.playguide th,
body.outline #contents .section table table.playguide td { padding-bottom:10px; }
body.outline #contents .section table table.playguide th { white-space:nowrap; text-align:left;  }
body.outline #contents .section table table.price-table th,
body.outline #contents .section table table.price-table td { text-align:center; }
body.outline #contents .section table dl.ticket {}
body.outline #contents .section table dl.ticket dt { font-weight:bold; border-left:3px solid #990; padding-left:6px; line-height:120%; margin-bottom:4px; }
body.outline #contents .section table dl.ticket dd { margin-bottom:15px; padding-left:9px; }
body.outline #contents .section .note { font-size:10px; }
body.outline #outline-nav { margin-bottom:30px; }
body.outline #outline-nav li { display:inline-block; /display:inline; /zoom:1; margin-right:20px; }
body.outline #outline-nav li a { color:#ede196; text-decoration:none; background:url(../img/ico_arrow.gif) no-repeat left center; padding-left:12px; }
body.outline #outline-nav li a:hover { text-decoration:underline; }


/* performer */
body.performer #contents .section {}
body.performer #contents .section { /* width:700px; */ }
body.performer #contents .section h3 { margin-bottom:16px; }
body.performer #contents .section .img { float:left; padding-bottom:30px; margin-right:25px; }
body.performer #contents .section h4 { font-size:14px; margin-bottom:10px; line-height:140%; margin-top:50px; }
body.performer #contents .section h4:first-child { margin-top:0; }
body.performer #contents .section .eng { font-size:10px; color:#666; line-height:120%; display:block; margin-top:0px; }