@charset "UTF-8";
/* ================================================================ *
	島根県芸術文化センター「グラントワ」
	島根県立いわみ芸術劇場
	theater.css
	2008/03/25
/* ================================================================ */


/* インデックス
---------------------------------------------------------- */
#theater-index {
width:585px;
}
#theater-index .entry-title {
font-size:1em;
}



#theater-index a:link,
#theater-index a:hover,
#theater-index a:visited,
#theater-index a:active{
padding:0;
border: none;
}
#theater-index-news-topics a:link,
#theater-index h4 a:link {
color:#993300;
text-decoration:none;
border-bottom:1px dotted #993300;
}
#theater-index-news-topics a:hover,
#theater-index h4 a:hover {
color:#66cc99;
text-decoration:none;
border-bottom:1px dotted #66cc99;
}
#theater-index-news-topics a:visited,
#theater-index h4 a:visited {
color:#3333ff;
text-decoration:none;
border-bottom:1px dotted #3333ff;
}
#theater-index-news-topics a:active,
#theater-index h4 a:active {
color:#66cc99;
text-decoration:none;
border-bottom:1px dotted #66cc99;
}

#theater-index-sidebar {
width: 165px;
margin: 0px 0 0 0;
float:right;
}
#theater-index-sidebar h3 {
}
#theater-index-main {
width: 390px;
margin: 0px 0 0 0;
float:left;
}

#theater-index-news-topics h3{
height: 45px;
margin:10px 0 15px 0;
padding:5px 0 1px 0;
background:#ffffff;
/*border:1px dotted #993300;*/
color:#993300;
clear:both;
border-top: 5px solid #993300;
border-bottom: 1px dotted #993300;
}
#theater-index-news-topics {
margin:0 0 30px 0;
padding:0;
}
#theater-index-news-topics ul{
margin:0;
padding:0;
font-size: 0.9em;
list-style:none;
clear:both;
}
#theater-index-news-topics li {
margin:0;
padding:0 0 0 15px;
background: url(../images/marker_circle_1.gif) 1px .6em no-repeat;
list-style:none;
}


#theater-index-organized,
#theater-index-grandtoittheater,
#theater-index-workshop,
#theater-index-traditional,
#theater-index-grandtoitevent,
#theater-index-rent {
width: 390px;
margin:0 0 15px 0;
padding:0 0 15px 0;
clear:both;
}
#theater-index-organized h3,
#theater-index-grandtoittheater h3,
#theater-index-workshop h3,
#theater-index-traditional h3,
#theater-index-grandtoitevent h3,
#theater-index-rent h3{
width: 390px;
height: 45px;
margin:10px 0 25px 0;
padding: 5px 0 1px 0;
clear:both;
background: #ffffff;
/*color: #ffffff;*/
}
#theater-index-organized h3{
color: #CC0000;
border-top: 5px solid #cc0000;
border-bottom: 1px dotted #cc0000;
}
#theater-index-grandtoittheater h3{
color:#660099;
border-top: 5px solid #660099;
border-bottom: 1px dotted #660099;
}
#theater-index-workshop h3{
color:#3366cc;
border-top: 5px solid #3366cc;
border-bottom: 1px dotted #3366cc;
}
#theater-index-traditional h3{
color:#cc6633;
border-top: 5px solid #cc6633;
border-bottom: 1px dotted #cc6633;
}
#theater-index-grandtoitevent h3{
color:#006633;
border-top: 5px solid #006633;
border-bottom: 1px dotted #006633;
}
#theater-index-rent h3 {
color:#666666;
border-top: 5px solid #666666;
border-bottom: 1px dotted #666666;
}


#theater-index-organized .event-image{
background: #CC0000;
}
#theater-index-grandtoittheater .event-image{
background: #660099;
}
#theater-index-workshop .event-image{
background: #3366cc;
}
#theater-index-traditional .event-image{
background: #cc6633;
}
#theater-index-grandtoitevent  .event-image{
background: #006633;
}
#theater-index-rent .event-image{
background: #666666;
}



/* イベントの概要の基本設定 */
h4.event-title {
margin: 0 0 5px 0;
padding: 0 0 3px 0;
font-size:1em;
line-height:1.5;
}
.event-excerpt {
width:390px;
/*height:132px;*/
margin: 0 0 15px 0;
padding: 0;
background:#ffffff;
    overflow: hidden;
}
.event-excerpt:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .event-excerpt {
    height: 1em;
    overflow: visible;
}
/**/
.event-text {
width: 240px;
margin: 0;
padding: 0;
float:right;
}
.event-image {
width:137px;
margin: 0;
padding: 0 0 0 3px;
text-align:right;
float:left;
}
ul.event-data {
margin: 0;
padding:0;
font-size:0.9em;
list-style:none;
background:#ffffff;
}
li.event-data {
margin: 0;
padding:0;
}


/* 公演案内
---------------------------------------------------------- */
/* チケット購入について */
dl.howtoorder {
width:585px;
margin:0 0 0px 0;
line-height:1.5;
}
.howtoorder dt{
width: auto;
padding: 0 10px 0px 0;
float: left;
font-weight: normal;
}
.howtoorder dd{
padding: 0 0 1px 3em;
}
/* チケット販売情報 */
#ticketinfo-table-note{
margin:30px 0 0 0;
}
#ticketinfo-table-note p{
margin:0;
font-size:0.9em;
text-align:right;
}
table#ticketinfo-table{
/*width:585px;*/
width: 765px;
margin:0 0 15px 0;
font-size:0.9em;
/*border-right: 1px solid #cccccc;*/
border-bottom: 1px solid #cccccc;
}
#ticketinfo-table caption {
position: absolute;
top:-9999px;
left:-9999px;
font-weight: bold;
text-align:left;
text-indent:-9999px;
}
#ticketinfo-table td, #ticketinfo-table th {
border-top: 1px solid #cccccc;
/*border-left: 1px solid #cccccc;*/
}
#ticketinfo-table th {
padding: 2px;
font-weight: normal;
vertical-align: center;
}
#ticketinfo-table td {
padding: 2px 4px 2px 0;
text-align:left;
}
#ticketinfo-table td.center {
text-align:center;
}


/* グラントワシアター
---------------------------------------------------------- */
dl#grandtoittheater-data {
width:585px;
margin:0 0 30px 0;
padding:5px 0 0 0;
line-height:1.5;
border-top:1px dotted #666666;
}
#grandtoittheater-data dt{
width: auto;
padding: 0 10px 0 0;
float: left;
font-weight: normal;
}
#grandtoittheater-data dd{
padding: 0 0 0 6em;
}
/* チケット窓口一覧 */
table#grandtoittheater-ticket{
width: 585px;
margin:0 0 15px 0;
border-bottom: 1px solid #cccccc;
}
#grandtoittheater-ticket caption {
position: absolute;
top:-9999px;
left:-9999px;
font-weight: bold;
text-align:left;
text-indent:-9999px;
}
#grandtoittheater-ticket td, #grandtoittheater-ticket th {
border-top: 1px solid #cccccc;
}
#grandtoittheater-ticket th.lecture-title {
font-weight: bold;
}
#grandtoittheater-ticket th {
padding: 2px;
font-weight: normal;
vertical-align: top;
}
#grandtoittheater-ticket td {
padding: 2px;
text-align:left;
border-top: 1px solid #cccccc;
}
/* 石見美術館関連 */
dl.grandtoittheater-museum {
width:555px;
margin:0 0 30px 0;
padding:15px;
line-height:1.5;
border:1px dotted #666666;
}
.grandtoittheater-museum dt{
width: auto;
padding: 0 10px 0 0;
float: left;
font-weight: normal;
}
.grandtoittheater-museum dd{
padding: 0 0 0 2em;
}
/* これまでの上映作品 */
table#grandtoittheater-past {
width: 585px;
margin:0 0 15px 0;
border-bottom: 1px solid #cccccc;
}
#grandtoittheater-past caption {
position: absolute;
top:-9999px;
left:-9999px;
font-weight: bold;
text-align:left;
text-indent:-9999px;
}
#grandtoittheater-past td, #grandtoittheater-past th {
border-top: 1px solid #cccccc;
}
#grandtoittheater-past th.lecture-title {
font-weight: bold;
}
#grandtoittheater-past th {
padding: 2px;
font-weight: normal;
vertical-align: top;
}
#grandtoittheater-past td {
padding: 2px;
text-align:left;
border-top: 1px solid #cccccc;
}


/* ワークショップ
---------------------------------------------------------- */
.workshop-detail {
width:585px;
margin: 0 0 0px 0;
padding: 0 0 20px 0 ;
    overflow: hidden;
}
.workshop-detail:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .workshop-detail {
    height: 1em;
    overflow: visible;
}
/**/
h5.workshop-title {
font-size:1em;
color: #333333;
margin: 0 0 15px 0;
padding: 0 0 3px 0;
clear: both;
border-bottom:1px dotted #666666;
}
.workshop-text {
margin: 0 0 0 200px;
}
.workshop-text p{
margin: 0;
padding:0;
}
.workshop-text dl{
margin:0 0 10px 0;
padding:0 0 10px 0;
border-bottom:1px dotted #666666;
}
.workshop-text dt{
margin:0 0 2px 0;
padding:0;
font-size:0.9em;
}
.workshop-text dd{
margin:0;
padding:0;
line-height:1.5;
}
.workshop-image {
width:180px;
margin: 0;
float:left;
font-size:0.8em;
text-align:center;
}
.workshop-image p{
text-align:left;
}


/* 石見の伝統芸能
---------------------------------------------------------- */
#traditional-data {
width:565px;
margin:0 0 30px 0;
padding: 10px;
border:1px dotted #999999;
}
dl#traditional-data {
width:565px;
line-height:1.5;
}
#traditional-data dt{
width: auto;
padding: 0 10px 0 0;
float: left;
font-weight: normal;
}
#traditional-data dd{
padding: 0 0 0 6em;
}
.traditional-performance-detail {
width:585px;
margin: 0 0 0px 0;
padding: 0 0 20px 0 ;
    overflow: hidden;
}
.traditional-performance-detail:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .traditional-performance-detail {
    height: 1em;
    overflow: visible;
}
/**/
.traditional-performance-text {
margin: 0 0 0 200px;
}
.traditional-performance-text p{
margin: 0;
padding:0;
}
.traditional-performance-text dl{
width:385px;
margin:0 0 0px 0;
padding:0px 0 0 0;
line-height:1.5;
}
.traditional-performance-text dt{
width: auto;
padding: 0 10px 0 0;
float: left;
font-size:0.9em;
font-weight: normal;
line-height:1.5;
}
.traditional-performance-text dd{
padding: 0 0 0 0.5em;
line-height:1.5;
}
.traditional-performance-image {
width:180px;
margin: 0;
float:left;
font-size:0.8em;
text-align:center;
}
.traditional-performance-image p{
text-align:left;
}

/* ルビ */
.traditional-ruby {
/*font-size:0.9em;
font-weight:normal;*/
}
/* 石見の夜神楽定期公演
---------------------------------------------------------- */
/* English */
.yokagura-english {
margin:0 0 35px 0;
}
.yokagura-english h6,
.yokagura-english p{
line-height:1.5;
}
/* 演目紹介 */
.yokagura-program {
padding: 0 0 15px 0;
}
.yokagura-program h6 {
margin: 15px 0 3px 0;
padding: 5px 0 20px 0;
font-size:1.5em;
border-top:3px solid #993300;
border-bottom:1px solid #999999;
}
.yokagura-program h6 span{
display:block;
font-size:0.7em;
font-weight:normal;
}
.yokagura-program-note {
margin:0 0 15px 0;
padding:5px 0 0 0;
font-size:0.95em;
border-top:1px dotted #999999;
}
.yokagura-program-note p{
margin:0;
padding:0;
font-size:0.95em;
}
/* 上演団体 */
dl.yokarura-group {
width:585px;
margin:0 0 30px 0;
line-height:1.5;
}
.yokarura-group dt{
width: auto;
padding: 0 10px 10px 0;
float: left;
font-weight: normal;
}
.yokarura-group dd{
padding: 0 0 10px 3em;
}


/* 益田糸あやつり人形
---------------------------------------------------------- */
/* 演目紹介 */
.itoayatsuri-program {
padding: 0 0 15px 0;
}
.itoayatsuri-program h6 {
margin: 15px 0 30px 0;
padding: 5px 0 20px 0;
font-size:1.1em;
border-top:3px solid #993300;
border-bottom:1px solid #999999;
}
.itoayatsuri-program h6 span{
display:block;
font-size:0.7em;
font-weight:normal;
}


/* グラントワイベント
---------------------------------------------------------- */
.grandtoitevent-detail {
width:585px;
margin: 0 0 15px 0;
padding: 0;
    overflow: hidden;
}
.grandtoitevent-detail:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .grandtoitevent-detail {
    height: 1em;
    overflow: visible;
}
/**/
.grandtoitevent-text {
margin: 0 0 0 200px;
}
dl.grandtoitevent-data {
width:385px;
margin:0 0 0px 0;
padding:5px 0 0 0;
line-height:1.5;
border-top:1px dotted #666666;
}
.grandtoitevent-data dt{
width: auto;
padding: 0 10px 0 0;
float: left;
font-weight: normal;
}
.grandtoitevent-data dd{
padding: 0 0 0 5em;
}
.grandtoitevent-image {
width:180px;
margin: 0;
float:left;
font-size:0.8em;
text-align:center;
}
.grandtoitevent-image p{
text-align:left;
}


/* ステージアドバイザー
---------------------------------------------------------- */
.stageadviser-data {
width:565px;
margin:0 0 30px 0;
padding: 0px;
border:0px dotted #999999;
clear:both;
}
dl.stageadviser-data {
width:565px;
line-height:1.5;
}
.stageadviser-data dt{
width: auto;
padding: 0 10px 0 0;
float: left;
font-weight: normal;
}
.stageadviser-data dd{
padding: 0 0 0 6em;
}