@charset "utf-8";

/* DEFAULT CLEAR */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,td { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
input,textarea,select { font-family:inherit; font-size:inherit; font-weight:inherit; }
input,textarea,select { *font-size:100%; }
table { border-collapse:collapse; border-spacing:0; }
object,embed { margin:0; padding:0; }
a { outline:0; }
img { vertical-align:bottom; border:0; }
/* DEFAULT CLEAR */

html, body { width:100%; height:100%; }


a { color:#666; }
a:link { color:#333; text-decoration:none; }
a:visited { color:#333; text-decoration:none; }
a:hover { color:#5679D2; text-decoration:none; }

hr {
clear:both;
margin:0;
padding:0;
border:none;
border-top:dashed 1px #666;
width:100%;
}
hr.line { border-top:solid 1px #000; }

.clear { clear:both; }

/* WRAP */
#wrap {
margin:0;
padding:100px 0 0 0;
width:950px;
position:relative;
overflow:hidden;
}
/* WRAP */


/* CONTENT */
#content {
margin:0;
width:712px;
float:right;
}

/*ボディ
---------------------------------------------------- */
body { color:#333; background:#fff url(../img_top/back_top.jpg) no-repeat 0 0; }

/*本文コンテンツ
---------------------------------------------------- */
.right {
font-size:75%;
padding:4px 8px 4px 0;
margin-top:-3px;
}
.white {
height:100%;
background:none;
}


/*新着情報ボックス
---------------------------------------------------- */
#whatsnewbox {
border-left:solid 1px #000;
border-right:solid 1px #000;
clear:both;
padding:0;
margin-bottom:8px;
background:#fff;
background: #fff url(../img_top/back_whatsnewbox.gif) repeat-y left top;
width:710px;
overflow:hidden;
}

#whatsnewbox h3 {
width:222px;
height:20px;
font-size:100%;
line-height:20px;
padding:4px 0 0 14px;
*font-weight:normal;
border-bottom:solid 1px #ddd;
color:#5679D2;
}

.h4sml {
width:100%;
font-size:75%;
line-height:130%;
font-weight:normal;
margin:0 0 4px 0;
padding:0 0 4px 0;
color:#666;
overflow:hidden;
}

/*音楽*/
.boxin_hall {
float:left;
width:236px;
*height:auto;
overflow:hidden;
}
.hall a {
border-left:solid 6px #fff;
padding:0 0 0 8px;
}
.hall a:link, .hall p a:link{
border-left:solid 6px #fff;
padding:0 0 0 8px;
}
.hall a:visited,.art p a:visited { color:#333; text-decoration: none; }
.hall a:hover,.art p a:hover { color: #5679D2; text-decoration: none; border-left:solid 6px #5679D2; padding-left:8px;}
.hall a:hover .h4sml { color: #5679D2;}

.hall h4 a {
display:block;
width:216px;
font-size:100%;
font-weight:normal;
line-height:1.5;
background:#fff;
margin-top:8px;
}

.hall a .h4sml{
display:block;
border-bottom:dashed 1px #666;
}

/*美術*/
.boxin_art {
float:right;
width:236px;
*height:auto;
overflow:hidden;
}
.art a,.art p a{
border-left:solid 6px #fff;
padding:0 0 0 8px;
}

.art a:visited,.art p a:visited { color:#333; text-decoration: none; }
.art a:hover,.art p a:hover { color: #5679D2; text-decoration: none; border-left:solid 6px #5679D2; padding-left:8px;}
.art a:hover .h4sml { color: #5679D2;}

.art h4 a {
display:block;
width:216px;
font-size:100%;
font-weight:normal;
line-height:1.5;
background:#fff;
margin-top:8px;
}

.art a .h4sml{
display:block;
border-bottom:dashed 1px #666;
}

/*演劇*/
.boxin_acm {
float:left;
width:236px;
*height:auto;
padding:0 1px;
overflow:hidden;
}
.acm a, .acm p a{
border-left:solid 6px #fff;
padding:0 0 0 8px;
}

.acm a:visited,.art p a:visited { color:#333; text-decoration: none; }
.acm a:hover,.art p a:hover { color: #5679D2; text-decoration: none; border-left:solid 6px #5679D2; padding-left:8px;}
.acm a:hover .h4sml { color: #5679D2;}

.acm h4 a {
display:block;
width:216px;
font-size:100%;
font-weight:normal;
line-height:1.5;
background:#fff;
margin-top:8px;
}

.acm a .h4sml{
display:block;
border-bottom:dashed 1px #666;
}

.crnt {
border-left:none;
height:100%;
}
.crnt h5 {
color: #333;
}
.crnt h5 a{
display:block;
*width:222px;
*height:auto;
font-size:75%;
line-height:1.2em;
color: #333;
padding:8px 0 0 14px;
margin:0;
*margin:0 0 3px 0;
overflow:hidden;
text-decoration: none;
font-weight:normal;
}

.crnt h5 a:link {
color:#333;
}
.crnt h5 a:visited { color: #333; text-decoration: none; }
.crnt h5 a:hover { color: #c00; text-decoration: none; }

#boxin_under {
clear:both;
width:710px;
background:none;
padding:8px 0 4px;
overflow:hidden;
}
#boxin_under .boxin_hall {
border:none;
width:233px;
float:left;
overflow:hidden;
background:none;
padding:0 0 0 4px;
}
#boxin_under .boxin_acm {
border:none;
width:232px;
float:left;
overflow:hidden;
background:none;
padding:0 0 0 4px;
}
#boxin_under .boxin_art {
border:none;
width:232px;
float:right;
overflow:hidden;
background:none;
padding:0 0 0 5px;
}

#boxin_under a {
float:left;
display:block;
width:112px;
height:28px;
font-size:12px;
color:#333;
text-align:center;
background:#E2EFF5;
line-height:28px;
margin:0 3px 0 0;
*padding:5px 0 0;
}


/*音・美・劇画像リンク*/
#toprep {
width:100%;
height:265px;
padding:0;
margin:0;
border-left:solid 1px #000;
}
#toprep img {
float:left;
width:236px;
height:177px;
margin:0;
padding:0;
border-right:solid 1px #000;
z-index:0;
}
#toprep .slideshow_hall {
float:left;
width:236px;
height:177px;
margin:0;
padding:0;
border-right:solid 1px #000;
}
#toprep .slideshow_theater {
float:left;
width:236px;
height:177px;
margin:0;
padding:0;
border-right:solid 1px #000;
}
#toprep .slideshow_gallery {
float:left;
width:236px;
height:177px;
margin:0;
padding:0;
border-right:solid 1px #000;
}

#toprep img .nonebd {
border:none;
}
#bd {
width:712px;
height:25px;
position:absolute;top:340px;
filter: alpha(opacity=80);
opacity:0.8;
z-index:50;
color:#666;
}
#bd .bdhall {
float:left;
width:236px;
margin-left:1px;
z-index:50;
}
#bd .bdart {
float:right;
width:236px;
margin-right:1px;
z-index:50;
}
#bd .bdacm {
float:left;
width:236px;
margin-left:1px;
z-index:50;
}
#bdtxt {
width:712px;
height:25px;
position:absolute;top:340px;
font-size:113%;
line-height:25px;
font-weight:normal;
color:#fff;
z-index:100;
}
#bdtxt a {
padding:2px 0 0;
text-align:right;
}
#bdtxt .bdhall {
float:left;
width:230px;
color:#fff;
margin-left:1px;
padding:0 6px 0 0;
}
#bdtxt .bdhall a:link{display:block;width:100%;color:#333}
#bdtxt .bdhall a:visited{display:block;width:100%;color:#333}
#bdtxt .bdhall a:hover{width:100%;color:#fff}
#bdtxt .bdart {
float:left;
width:230px;
color:#fff;
margin-left:1px;
padding:0 6px 0 0;
}
#bdtxt .bdart a:link{display:block;width:100%;color:#333}
#bdtxt .bdart a:visited{display:block;width:100%;color:#333}
#bdtxt .bdart a:hover{display:block;width:100%;color:#fff}
#bdtxt .bdacm {
float:left;
width:230px;
color:#fff;
margin-left:1px;
padding:0 6px 0 0;
}
#bdtxt .bdacm a:link{display:block;width:100%;color:#333}
#bdtxt .bdacm a:visited{display:block;width:100%;color:#333}
#bdtxt .bdacm a:hover{display:block;width:100%;color:#fff}

/*音楽*/
.top_hall {
float: left;
}
.top_hall a:link,.top_hall a:visited {
display:block;
width:236px;
height:88px;
background:url(../img_top/top_img_hall.gif) no-repeat left top;
font-size:1px;
line-height:1px;
text-indent:-9999px;
text-decoration:none;
outline:none;
margin:0;
border-right:solid 1px #000;
}
.top_hall a:hover {
background-position:left bottom;
}
/*美術*/
.top_art {
float: left;
}
.top_art a:link,.top_art a:visited {
display:block;
width:236px;
height:88px;
background:url(../img_top/top_img_art.gif) no-repeat left top;
font-size:1px;
line-height:1px;
text-indent:-9999px;
text-decoration:none;
outline:none;
margin:0;
border-right:solid 1px #000;
}
.top_art a:hover {
background-position:left bottom;
}
/*演劇*/
.top_acm {
float: left;
}
.top_acm a:link,.top_acm a:visited {
display:block;
width:236px;
height:88px;
background:url(../img_top/top_img_acm.gif) no-repeat left top;
font-size:1px;
line-height:1px;
text-indent:-9999px;
text-decoration:none;
outline:none;
margin:0;
padding:0;
border-right:solid 1px #000;
}
.top_acm a:hover {
background-position:left bottom;
}

#topmenu {
margin:0;
background:#fff;
width:714px;
margin-bottom:8px;
}
#topmenu .menu a{
float:left;
width:116px;
height:12px;
border-left:solid 2px #000;
font-size:75%;
font-weight:bold;
line-height:12px;
margin:8px 0;
padding:6px 0 4px 0;
text-align:center;
}
.menu a:link { color:#333; text-decoration: none; }
.menu a:visited  { color:#333; text-decoration: none; }
.menu a:hover  { color:#333; text-decoration: none; background:#bbb;}

#topmenu .menu_end a{
width:118px;
border-right:solid 2px #000;
}

/*チケット発売中他囲み文字等*/
.wakuredwt, .wakuredwt a {
width:auto;
margin:0;
padding:0 2px;
*padding-top:0;*padding-bottom:0;
font-size:69%;
line-height:1.25em;
color:#c00;
border:solid 1px #c00;
}
/*hp*/
.wakuredwt {float:right;}
.wakugraywt, .wakugraywt a {
width:auto;
margin:0 0 0 5px;
padding:2px;
font-size:100%;
line-height:1.25em;
color:#5679D2;
border:solid 1px #5679D2;
}
.wakugraywt {float:right;}
.wakured, .wakured a{
border-color:#c00;
color:#c00;
}

/*hp*/

/*新着BOX下部続きを読む*/
.up5wht {
font-size:0.8em;
height:1em;
padding-bottom:6px;
background:#fff;
position:relative;top:-5px;
*position:relative;top:0;
text-align:right;
}
.up5wht a:link{color:#666;}
.up5wht a:visited{color:#666;}
.up5wht a:hover{color:#5679D2;}
.up5gry {
height:1.2em;
line-height:1.2em;
*line-height:2em;
padding:0 4px 0 0;
margin:0;
*margin-bottom:10px;
background:#888;
position:relative;top:-5px;
*position:relative;top:0;
}
.up5whtdwn {
font-size:69%;
height:1.2em;
line-height:1.2em;
*line-height:2em;
padding:0 4px 0 0;
margin:0;
*margin-bottom:10px;
position:relative;top:-5px;
*position:relative;top:0;
background:#fff;
}

/*新着BOX下部リンクボタン*/
.under {
float:left;
width:232px;
height:38px;
font-size:75%;
padding:0 0 0 4px;
background:none;
}
.under_fst {
clear:both;
padding:0 0 0 5px;
}
.under_end {
float:right;
padding:0 0 0 5px;
}
/*1行ボタン*/
.under_art_button {
float:left;
width:112px;
margin:0 4px 0 0;
}
.under_art_button a {
display:block;
width:112px;
height:28px;
color:#333;
text-align:center;
background:#E2EFF5;
line-height:28px;
margin:8px 0 0;
padding:5px 0 0;
}
#boxin_under a:link{ color:#333; }
#boxin_under a:visited  { color:#333; text-decoration: none; }
#boxin_under a:hover  { color: #5679D2; text-decoration: none; background:#E2EFF5;}

/*2行ボタン*/
.under_art_button2 a {
float:left;
width:112px;
height:26px;
color:#333;
text-align:center;
background:#aaa;
line-height:100%;
margin:8px 0 0 4px;
padding-top:4px;
}
.under_art_button2 a:link{
color:#333;
}
.under_art_button2 a:visited  { color:#333; text-decoration: none; }
.under_art_button2 a:hover  { color: #fff; text-decoration: none; background:#36c;}
.under_hall_button2 a:visited  { color:#333; text-decoration: none; }
.under_hall_button2 a:hover  { color: #fff; text-decoration: none; background:#E7A505;}
.under_acm_button2 a:visited  { color:#333; text-decoration: none; }
.under_acm_button2 a:hover  { color: #fff; text-decoration: none; background:#c30;}




/* CONTENT */

/* FOOTER */
#footer { margin:0; width:712px; height:80px; }
#footer p#under_link { clear:both; font-size:11px; line-height:1.5; }
#footer p#under_adress {
font-size:10px;
line-height:12px;
margin:0 0 8px 0;
padding:8px 0 2px;
text-align:right;
float:left;
}
#footer p#copy {
font-size:10px;
line-height:12px;
margin:0 0 8px 0;
padding:8px 0 2px;
text-align:right;
float:right;
}
/* FOOTER */

/* SIDE */
#menu_left {
margin:0;
padding:220px 0 0 19px;
width:162px;
float:left;
position:relative;
}

#menu_left h4#logo {
width:161px;
height:63px;
position:absolute;
top:150px;
left:20px;
}

/*menu top*/
#menu_left ul.ul_top {
margin:15px 0;
padding:0;
list-style:none;
}
#menu_left ul.ul_top li {
margin:0 0 4px 0;
padding:0 0 2px 0;
font-size:14px;
font-weight:normal;
border-bottom:dashed 1px #666;
}
#menu_left ul.ul_top li a {
display:block;
padding:8px 0 4px 5px;
width:151px;
line-height:1.25;
height:auto;
border-left:solid 6px #5679D2;
}
#menu_left ul.ul_top li a:link, #menu_left ul.ul_top li a:visited { color:#333; }
#menu_left ul.ul_top li a:hover { background:#F5F5F5; color:#5679D2; }

#menu_left ul.ul_top li.socialbnr a {
padding:0;
display:block;
width:162px;
height:36px;
text-indent:-9999px;
outline:0;
background:no-repeat 0 0;
border:none;
}
#menu_left ul.ul_top li.socialbnr.fb a { background-image:url(../img_com/l_fb.gif); }
#menu_left ul.ul_top li.socialbnr.tw a { background-image:url(../img_com/l_tw.gif); }

#menu_left ul.ul_top li.socialbnr a:hover { background-position:right 0; }
/*menu top*/

#menu_left h4.left_min a {
display:block;
width:162px;
height:46px;
text-indent:-9999px;
margin:0 0 15px;
outline:0;
background:url(../img_com/l_katsu.gif) no-repeat;
}
#menu_left h4.left_min a:link, #menu_left h4.left_min a:visited { background-position:0 0; }
#menu_left h4.left_min a:hover { background-position:right 0; }



/*menu bottom*/
#menu_left ul.ul_sml {
margin:0 4px 15px;
padding:15px 0 0 0;
list-style:none;
}
#menu_left ul.ul_sml li a {
padding:4px 0 0 10px;
font-size:14px;
line-height:1.75;
display:block;
width:148px;
height:auto;
background:url(../img_com/l_menu_arw.gif) no-repeat 0 50%;
border-bottom:dashed 1px #666;
}
#menu_left ul.ul_sml li a:link, #menu_left ul.ul_sml li a:visited { color:#333; }
#menu_left ul.ul_sml li a:hover { color:#5679D2; background:url(../img_com/l_menu_arw_ovr.gif) no-repeat 0 50%; }
/*menu bottom*/

/*qr*/
#menu_left dl.qr { width:162px; height:80px; position:relative; }
#menu_left dl.qr dt { position:absolute; top:0; left:0; }
#menu_left dl.qr dd { padding:0 0 0 63px; font-size:12px; line-height:1.25; }
/*qr*/
/* SIDE */

/* SEARCH */
#search { width:500px; position:absolute; top:10px; right:0; text-align:right; font-size:13px; }
#search p { font-size:77%; line-height:1.5; display:inline; }
#search form { display:inline; padding:0 5px; }
#search form input { font-size:77%; }
/* SEARCH */

/*緊急告知欄*/
#emrg {
width:650px;
margin:0;
padding:0;
background:#fff;
position:absolute;
top:50px;
left:300px;
}
#emrg ul {
list-style:none;
font-size:75%;
line-height:1.25;
}
#emrg ul span.shift_rht { padding:0 0 0 10px; }
#emrg ul a:link{color:#333;padding:2px;}
#emrg ul a:visited{color:#333;}
#emrg ul a:hover{color:#333;background:#ddd;}
/*緊急告知欄*/

/* FOOTER */
#footer p#under_link { font-size:69%; }
#footer p#under_adress { font-size:63%; }
#footer p#copy { font-size:63%; }
/* FOOTER */