@charset "UTF-8";
@import url(crossfade.css);
/* ================================================================ *
	島根県芸術文化センター「グラントワ」
	基本的設定
	basic.css
	2010/07/08
 * ================================================================ */


/* HTML
---------------------------------------------------------- */
body {
margin:0;
padding:0;
font-size:0.9em;
*font-size:small;
*font:x-small;
font-family:Verdana,Helvetica,Tahoma,sans-serif;
/*font-family:"メイリオ","Meiryo",”Lucida Grande”,Verdana,Helvetica,Tahoma,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",HiraKakuGothicPro-W3,"ＭＳ Ｐゴシック", "MS P Gothic","Osaka",sans-serif;*/
color:#333333;
text-align:center;
background:#ffffff;
}
img {
border:0;
}
p {
margin:0 0 20px 0;
line-height:1.75;
}
li {
line-height:1.75;
}


/* リンク色共通設定
---------------------------------------------------------- */
.entry a:link,
#entry-detail a:link,
.entry-blank a:link,
#crumb-nav a:link,
#sidebar-menu1 a:link,
#sidebar-menu2 a:link,
#sidebar-menu3 a:link,
#close-window a:link,
#footer a:link,
ul#footer-menu a:link {
color:#993300;
text-decoration:none;
border-bottom:1px dotted #993300;
}
.entry a:hover,
#entry-detail a:hover,
.entry-blank a:hover,
#crumb-nav a:hover,
#sidebar-menu1 a:hover,
#sidebar-menu2 a:hover,
#sidebar-menu3 a:hover,
#close-window a:hover,
#footer a:hover,
ul#footer-menu a:hover {
color:#66cc99;
text-decoration:none;
border-bottom:1px dotted #66cc99;
}
.entry a:visited,
#entry-detail a:visited,
.entry-blank a:visited,
#crumb-nav a:visited,
#sidebar-menu1 a:visited,
#sidebar-menu2 a:visited,
#sidebar-menu3 a:visited,
#close-window a:visited,
#footer a:visited,
ul#footer-menu a:visited {
color:#3333ff;
text-decoration:none;
border-bottom:1px dotted #3333ff;
}
.entry a:active,
#entry-detail a:active,
.entry-blank a:active,
#crumb-nav a:active,
#footer a:active,
#sidebar-menu1 a:active,
#sidebar-menu2 a:active,
#sidebar-menu3 a:active,
#close-window a:activer,
ul#footer-menu a:active {
color:#66cc99;
text-decoration:none;
border-bottom:1px dotted #66cc99;
}


/* 画像保存防止
---------------------------------------------------------- */
span.guard{
width:100%;
height:100%;
display:block;
position:absolute;
background:url(../images/spacer.gif);
}


/* 汎用
---------------------------------------------------------- */
.clear {
width:0;
height:0;
visibility:hidden;
overflow:hidden;
clear:both;
font-size:0;
border:none;
}
hr.hidden {
display: none;
}
h2.hidden {
position: absolute;
top: -9999px;
left: -9999px;
}
.small{
font-size:0.8em;
}

/* コンテナ
---------------------------------------------------------- */
#container {
width:800px;
margin:0 auto;
padding:0;
text-align:left;
background:url(../images/container_background.gif) repeat-y;
}


/* ヘッダー
---------------------------------------------------------- */
#header {
width:800px;
margin:30px auto 45px auto;
padding:0 0 0px 0;
clear:both;
}
#header h1 {
width:800px;
height:90px;
margin:0;
padding:0;
}


/* スキップ用ナヴィゲイション
---------------------------------------------------------- */
ul.skip-nav {
position: absolute;
top: -9999px;
left: -9999px;
}


/* タブ形式のメインメニュー
---------------------------------------------------------- */
#menu-wrapper {
width:800px;
margin:0 auto;
font-size:0.9em;
font-family:Verdana,Arial, Helvetica, sans-serif;
font-weight:normal;
line-height:1.4;
text-align:left;
}
#menu {
width:800px;
margin:0;
float:left;
background:#ffffff;
border-bottom:1px solid #cccccc;
}
#menu ul {
margin:0;
padding:0 10px 0 0;
list-style:none;
}
#menu li {
margin:0;
padding:0;
display:inline;
}
#menu a {
margin:0;
padding:0 0 0 4px;
float:left;
color:#333333;
text-decoration:none;
background:url(../images/tab_left.gif) top left no-repeat;
}
#menu a span {
padding:5px 10px 4px 5px;
float:left;
display:block;
color:#333333;
background:url(../images/tab_right.gif) top right no-repeat;
}
/* IE5 for Macは対象外 はじめ \*/
#menu a span {
float:none;
}
/* IE5 for Macは対象外 おわり */
#menu a:hover span {
color:#ffffff;
}
#menu a:hover {
color:#ffffff;
background-position:0% -42px;
}
#menu a:hover span {
color:#ffffff;
background-position:100% -42px;
}
#menu .current a {
color:#ffffff;
background-position:0% -42px;
}
#menu .current a span {
color:#ffffff;
background-position:100% -42px;
}
#menu .different a {
}
/*#menu .different a {
color:#333333;
background-position:0% -84px;
}
#menu .different a span {
background-position:100% -84px;
color:#333333;
}
#menu .different a:hover {
color:#333333;
background-position:0% -42px;
}
#menu .different a:hover span {
color:#333333;
background-position:100% -42px;
}*/
-->


/* タブ形式のサブメニュー
---------------------------------------------------------- */
#submenu {
width:799px;
margin:0 auto;
clear:left;
font-size:0.8em;
font-family: Verdana, Arial, sans-serif;
line-height:normal;
text-align:left;
/*border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;*/
border-left:1px solid #cccccc;
background:url(../images/submenu_background.gif) repeat-y;
}
#submenu ul {
margin:0;
padding:0 10px 0 0;
list-style:none;
}
#submenu li {
margin:0;
padding:0;
display:inline;
}
#submenu a {
float:left;
font-size:95%;
text-decoration:none;
}
#submenu a span {
padding:6px 8px 6px 6px;
display:block;
float:left;
color:#333333;
background:url(../images/menu_background.gif) top right no-repeat;
}
/* IE5 for Macは対象外 はじめ \*/
#submenu a span {
float:none;
}
/* IE5 for Macは対象外 おわり */
#submenu a:hover span {
color:#ffffff;
}
#submenu a:hover {
color:#ffffff;
background-position:0% -30px;
}
#submenu a:hover span {
color:#ffffff;
background-position:100% -30px;
}
#submenu .current a {
color:#ffffff;
background-position:0% -30px;
}
#submenu .current a span {
color:#ffffff;
background-position:100% -30px;
}


/* パンくず式ナヴィゲイション
---------------------------------------------------------- */
#crumb-nav {
color:#999999;
font-size:0.8em;
}
#crumb-nav p {
margin:15px 0;
padding:0;
}


/* 段組の基本設定
---------------------------------------------------------- */
#column-wrapper {
width:800px;
border-top:1px solid #cccccc;
}


/* 2段組のメインの段の基本設定
---------------------------------------------------------- */
#two-column-main {
width:585px;
margin:0;
padding:0 0 0 15px;
float:left;
}


/* 1段組のメインの段の基本設定
---------------------------------------------------------- */
#one-column-main {
width:765px;
margin:0;
padding:0 0 0 15px;
}


/* 2段組，1段組のメインの段の基本設定
---------------------------------------------------------- */
h2#entry-category {
width:585px;
height:120px;
margin:10px 0 30px 0;
padding:0;
text-indent:-9999px;
}
h2.about {
background: url(../images/h2/h2_category_about.gif) no-repeat;
}
h2.museum {
background: url(../images/h2/h2_category_museum.gif) no-repeat;
}
h2.theater {
background: url(../images/h2/h2_category_theater.gif) no-repeat;
}
h2.schedule {
background: url(../images/h2/h2_category_schedule.gif) no-repeat;
}
h2.access {
background: url(../images/h2/h2_category_access.gif) no-repeat;
}
h2.floorguide {
background: url(../images/h2/h2_category_floorguide.gif) no-repeat;
}
h2.info {
background: url(../images/h2/h2_category_info.gif) no-repeat;
}
h2.pressrelease {
background: url(../images/h2/h2_category_pressrelease.gif) no-repeat;
}
h2.news {
background: url(../images/h2/h2_category_news.gif) no-repeat;
}
h2.keitai {
background: url(../images/h2/h2_category_keitai.gif) no-repeat;
}
h2.mailmagazine {
background: url(../images/h2/h2_category_mailmagazine.gif) no-repeat;
}
h2.rent {
background: url(../images/h2/h2_category_rent.gif) no-repeat;
}
h2.members {
background: url(../images/h2/h2_category_members.gif) no-repeat;
}
h2.link {
background: url(../images/h2/h2_category_link.gif) no-repeat;
}
h2.sitemap {
background: url(../images/h2/h2_category_sitemap.gif) no-repeat;
}
h2.policy {
background: url(../images/h2/h2_category_policy.gif) no-repeat;
}
h2#entry-category-museum-artworks {
width:765px;
height:75px;
margin:20px 0 0 0;
padding:0;
text-indent:-9999px;
background: url(../images/h2/h2_category_museum_artworks.gif) no-repeat;
}
h2#entry-category-theater-blank {
width:765px;
height:75px;
margin:20px 0 0 0;
padding:0;
text-indent:-9999px;
background: url(../images/h2/h2_category_theater_blank.gif) no-repeat;
}
h2#entry-category-rent-blank {
width:765px;
height:75px;
margin:20px 0 0 0;
padding:0;
text-indent:-9999px;
background: url(../images/h2/h2_category_rent_blank.gif) no-repeat;
}
h2#entry-category-other-blank {
width:765px;
height:75px;
margin:20px 0 0 0;
padding:0;
/*background: url(../images/h2/h2_category_theater_blank.gif) no-repeat;*/
}

/*h2#entry-category  {
margin:20px 0 0 0;
padding:2px 6px;
font-size:1.3em;
color:#993300;
background:#ffffff;
border:1px dotted #993300;
border-left:5px solid #993300;
}
h2#entry-category a:link,
h2#entry-category a:hover,
h2#entry-category a:visited,
h2#entry-category a:active {
padding:0;
border:none;
}*/
h3.entry-title {
height-min: 21px;
margin: 20px 0 20px 0;
padding:3px 6px 3px 6px;
font-size:1.2em;
color:#ffffff;
background:#993300;
}


/* エントリー
---------------------------------------------------------- */
.entry {
margin: 0 0 30px 0;
}
.entry h4 {
font-size:1.1em;
color:#993300;
margin: 35px 0 10px 0;
padding: 3px 6px 3px 6px;
border:1px dotted #993300;
border-left:6px solid #993300;
}
.entry h4 a:link,
.entry h4 a:visited,
.entry h4 a:hover,
.entry h4 a:active {
border:none;
}
.entry h5 {
font-size:1.1em;
color:#993300;
margin: 35px 0 10px 0;
padding: 0 0 3px 0;
border-bottom:1px dotted #993300;
}
.entry h5 span {
font-size:0.9em;
}
.entry h6 {
font-size:1em;
color:#333333;
margin: 30px 0 20px 0;
padding: 0 0 3px 0;
border-bottom:1px dotted #666666;
}
.entry p {
font-size:1em;
}
.entry li {
font-size:1em;
word-wrap: break-word;
word-break: break-all;
}


/* サイドバー
---------------------------------------------------------- */
#sidebar {
width:165px;
margin:15px 0 15px 0;
padding:0 0px 0 0;
float:right;
}
#sidebar-menu1,
#sidebar-menu2, 
#sidebar-menu3, 
#banner {
}
ul#sidebar-menu1,
ul#sidebar-menu2, 
ul#sidebar-menu3, 
ul#banner {
width:150px;
list-style:none outside;
margin-left:0;
padding-left:0;
font-size:0.9em;
}
#sidebar-menu1 li,
#sidebar-menu2 li, 
#sidebar-menu3 li, 
#footer-menu li {
line-height:1.5;
margin:0 0 5px 0;
}
/*バナー*/
ul#banner a {
text-decoration:none;
}
#banner li {
line-height:1;
margin:0 0 5px 0;
}
#banner #mobile {
/*display:none;*/
}
/*サイト内検索*/
dl#search-box  {
width:100%;
margin:0;
padding:0;
}
#search-box dt {
margin:0;
padding:0 0 3px 0;
font-size:0.9em;
line-height:1.35;
font-weight:normal;
}
#search-box dd {
margin:0;
padding:0;
font-size:0.9em;
}
#search-word {
width:111px;
margin:0 3px 0 0;
border:1px solid #cccccc;
float:left;
}


/* ウィンドウを閉じる
---------------------------------------------------------- */
#close-window {
margin:30px 0 0 0;
font-size:0.8em;
text-align:center;
}


/* フッター
---------------------------------------------------------- */
#footer {
margin:15px 0 0 0;
clear:both;
border-bottom:1px solid #cccccc;
}
#footer-wrapper {
width:800px;
height:42px; 
clear:both;
}
/*メニュー*/
ul#footer-menu {
width:600px;
margin:0;
padding:10px 15px 0 15px;
float:left;
line-height:1.5;
list-style:none outside;
}
#footer-menu li {
margin:0 10px 5px 0;
display:inline;
font-size:0.8em;
line-height:1.5;
}
/*ページの先頭へもどる*/
p#footer-pagetop {
width:135px;
margin:0;
padding:10px 15px 0 15px;
float:right;
font-size:0.8em;
line-height:1.5;
text-align:right;
}
/*著作権とアクセス，島根県文化振興財団*/
#footer-address-foundation {
width:770px;
margin: 0;
padding: 15px;
clear: both;
    overflow: hidden;
border-top:1px solid #cccccc;
}
#footer-address-foundation:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html #footer-address-foundation {
    height: 1em;
    overflow: visible;
}
/**/
/*著作権とアクセス*/
#footer-address {
width:540px;
float:left;
}
#footer-address h3 {
margin:0;
padding:1px 0 0 0;
font-size:0.8em;
font-style:bold;
line-height:1.5;
}
/*島根県文化振興財団*/
#footer-foundation {
width:120px;
float:right;
font-size:0.7em;
text-align:right;
}
#footer-foundation a:link,
#footer-foundation a:hover,
#footer-foundation a:visited,
#footer-foundation a:active {
padding:0;
border:none;
}
#footer-foundation p{
margin:5px 0 0 0;
padding:5px 0 0 0;
line-height:1.5;
border-top:1px solid #cccccc;
}
/*著作権*/
#footer address {
font-size:0.8em;
font-style:normal;
line-height:1.5;
}
/*アクセス*/
#footer-access {
margin:0;
padding:1px 0 0 0;
clear:both;
font-size:0.8em;
}
ul#footer-access {
list-style:none outside;
}
#footer-access li {
line-height:1.5;
}


/* Adobe Readerのダウンロード
---------------------------------------------------------- */
#get-adobe-reader {
border-top: 1px dotted #cccccc;
}
#get-adobe-reader p {
margin:5px 0;
font-size:0.8em;
}
#get-adobe-reader a:link,
#get-adobe-reader a:hover,
#get-adobe-reader a:visited,
#get-adobe-reader a:active {
padding:0;
border:none;
}


/* 別ウィンドウ
---------------------------------------------------------- */
#header-blank {
width:800px;
margin:15px auto 15px auto;
padding:0 0 0px 0;
clear:both;
}
#header-blank h1 {
width:800px;
height:75px;
margin:0;
padding:0;
}
.entry-blank h4 {
font-size:1.1em;
color:#993300;
margin: 35px 0 10px 0;
padding: 3px 6px 3px 6px;
border:1px dotted #993300;
border-left:6px solid #993300;
}
.entry-blank h5 {
font-size:1.1em;
color:#993300;
margin: 35px 0 10px 0;
padding: 0 0 3px 0;
border-bottom:1px dotted #993300;
}


/* 年間スケジュール
---------------------------------------------------------- */
dl.one-year-schedule {
width:585px;
margin:0 0 0px 0;
line-height:1.5;
}
.one-year-schedule dt{
width: auto;
padding: 0 10px 0px 0;
float: left;
font-weight: normal;
}
.one-year-schedule dd{
padding: 0 0 1px 3em;
}
.one-year-schedule-date-place {
margin:0 0 10px 0;
padding:0;
}
ul.one-year-schedule-date-place {
margin:10px 0 10px 0;
padding:0;
font-size:0.9em;
list-style:none;
}
li.one-year-schedule-date-place {
margin:0;
padding:0;
list-style:none;
}


/* 催し物の詳細
---------------------------------------------------------- */
#entry-detail {
width:585px;
}
#entry-detail strong{
color:#993300;
}
#entry-detail-main {
width: 378px;
margin: 0px 0 0 0;
float:right;
}
#entry-detail-main h4{
margin:40px 0 10px 0;
padding:3px 6px;
font-size:1em;
color:#ffffff;
background:#993300;
}
#entry-detail-main h4.entry-detail-lead{
margin:10px 0 10px 0;
padding:0;
font-size:1em;
line-height:1.75;
color:#333333;
background:#ffffff;
}
#entry-detail-main h5{
margin:30px 0 20px 0;
padding:5px 5px 24px 0px;
font-size:1.1em;
line-height:1.35;
color:#333333;
border-top:6px solid #993300;
border-right:1px solid  #cccccc;
border-bottom:1px solid  #cccccc;
}
#entry-detail-main h5 span {
display:block;
font-size:0.8em;
}
#entry-detail-main h6{
margin:30px 0 10px 0;
padding:0 0 0 3px;
font-size:1em;
border-left:6px solid #999999;
}
#entry-detail-main dl{
margin:0 0 20px 0;
line-height:1.5;
border-top:1px dotted #999999;
}
#entry-detail-main dt{
padding:1px 0;
font-weight:bold;
}
#entry-detail-main dd{
margin:0;
padding:1px 0;
border-bottom:1px dotted #999999;
}
h3.entry-title-room-a,
h3.entry-title-room-b,
h3.entry-title-room-c,
h3.entry-title-room-d,
h3.entry-title-organized,
h3.entry-title-grandtoittheater,
h3.entry-title-workshop,
h3.entry-title-traditional,
h3.entry-title-grandtoitevent,
h3.entry-title-rent {
width: 378px;
height-min:60px;
margin:0 0 25px 0;
padding: 5px 0 0 0;
clear:both;
font-size:1.5em;
line-height:1.35;
background: #ffffff;
/*color: #ffffff;*/
}
h3.entry-title-room-a span,
h3.entry-title-room-b span,
h3.entry-title-room-c span,
h3.entry-title-room-d span,
h3.entry-title-organized span,
h3.entry-title-grandtoittheater span,
h3.entry-title-workshop span,
h3.entry-title-traditional span,
h3.entry-title-grandtoitevent span,
h3.entry-title-rent span {
display:block;
font-size:0.6em;
/*font-weight:normal;*/
}
h3.entry-title-room-a {
/*color: #990000;*/
border-top:5px solid #990000;
}
h3.entry-title-room-b {
/*color: #666666;*/
border-top:5px solid #666666;
}
h3.entry-title-room-c {
/*color: #cc9966;*/
border-top:5px solid #cc9966;
}
h3.entry-title-room-d {
/*color: #663366;*/
border-top:5px solid #663366;
}
h3.entry-title-organized {
/*color: #CC0000;*/
border-top: 5px solid #cc0000;
}
h3.entry-title-grandtoittheater {
/*color:#660099;*/
border-top: 5px solid #660099;
}
h3.entry-title-workshop {
/*color:#3366cc;*/
border-top: 5px solid #3366cc;
}
h3.entry-title-traditional {
/*color:#cc6633;*/
border-top: 5px solid #cc6633;
}
h3.entry-title-grandtoitevent {
/*color:#006633;*/
border-top: 5px solid #006633;
}
h3.entry-title-rent  {
/*color:#666666;*/
border-top: 5px solid #666666;
}
p.entry-title-room-a,
p.entry-title-room-b,
p.entry-title-room-c,
p.entry-title-room-d,
p.entry-title-organized,
p.entry-title-grandtoittheater,
p.entry-title-workshop,
p.entry-title-traditional,
p.entry-title-grandtoitevent,
p.entry-title-rent  {
font-size:0.9em;
font-weight:bold;
text-align:right;
}
p.entry-title-room-a {
color: #990000;
border-bottom:1px solid #990000;
}
p.entry-title-room-b {
color: #666666;
border-bottom:1px solid #666666;
}
p.entry-title-room-c {
color: #cc9966;
border-bottom:1px solid #cc9966;
}
p.entry-title-room-d {
color: #663366;
border-bottom:1px solid #663366;
}
p.entry-title-organized {
color: #CC0000;
border-bottom:1px solid #cc0000;
}
p.entry-title-grandtoittheater {
color:#660099;
border-bottom:1px solid #660099;
}
p.entry-title-workshop {
color:#3366cc;
border-bottom:1px solid #3366cc;
}
p.entry-title-traditional {
color:#cc6633;
border-bottom:1px solid #cc6633;
}
p.entry-title-grandtoitevent {
color:#006633;
border-bottom:1px solid #006633;
}
p.entry-title-rent  {
color:#666666;
border-bottom:1px solid #666666;
}
table.entry-detail-fees {
width: 378px;
margin:0 0 12px 0;
padding:0;
border-right: 1px dotted #cccccc;
border-bottom: 1px dotted #cccccc;
}
.entry-detail-fees caption {
position:absolute;
top:-9999px;
left:-9999px;
margin:12px 0 0 0;
padding: 0;
font-weight: bold;
/*text-align:left;*/
}
.entry-detail-fees td, .entry-detail-fees th {
font-size:1em;
border-top: 1px dotted #cccccc;
border-left: 1px dotted #cccccc;
}
.entry-detail-fees th {
padding: 2px;
font-weight: normal;
text-align:center;
vertical-align: center;
}
.entry-detail-fees th.classify  {
padding: 2px;
font-size:0.9em;
font-weight: normal;
text-align:center;
vertical-align: center;
}
.entry-detail-fees td {
padding: 2px;
text-align:right;
border-top: 1px dotted #cccccc;
}
#entry-detail-sidebar {
width: 180px;
margin: 0px 0 0 0;
float:left;
}
#entry-detail-sidebar {
font-size:0.9em;
}
#entry-detail-sidebar img{
margin:0 0 5px 0;
}
#entry-detail-sidebar h4{
padding: 3px 0 0 0;
font-size:1.1em;
line-height:1.5;
border-top:3px solid #993300;
}
#entry-detail-sidebar p{
margin:0;
}

/* 石見の夜神楽定期公演 上演予定一覧 */
table#yokagura-schedule {
width: 378px;
margin:0 0 15px 0;
font-size:0.9em;
border-bottom: 1px solid #cccccc;
}
#yokagura-schedule caption {
position: absolute;
top:-9999px;
left:-9999px;
font-weight: bold;
text-align:left;
text-indent:-9999px;
}
#yokagura-schedule td, #yokagura-schedule th {
border-top: 1px solid #cccccc;
}
#yokagura-schedule th.lecture-title {
font-weight: bold;
}
#yokagura-schedule th {
padding: 2px;
font-weight: normal;
vertical-align: top;
}
#yokagura-schedule td {
padding: 2px 4px 2px 2px;
text-align:left;
vertical-align: top;
border-top: 1px solid #cccccc;
}




/* 問い合わせ先
---------------------------------------------------------- */
/* 強調 */
.entry-address-strong {
margin: 0 0 30px 0;
padding: 10px;
border:1px solid #999999;
}
.entry .entry-address-strong h6 {
margin: 5px 0 5px 0;
}
.entry-address-strong ul{
margin: 0;
padding: 0;
list-style:none;
}
.entry-address-strong li{
margin: 0;
padding: 0;
}
/* 通常 */
.entry-address-normal {
}
.entry-address-normal ul{
margin: 0;
padding: 0;
list-style:none;
}
.entry-address-normal li{
margin: 0;
padding: 0;
}