﻿@charset "UTF-8";
/* ================================================================ *
	島根県芸術文化センター「グラントワ」
	ホーム
	home.css
	2009/07/14
/* ================================================================ */


/* インデックス
---------------------------------------------------------- */
#home-index {
width:585px;
}
#home-index-info h3 a:link,
#home-index-update li a:link,
#home-index-grandtoitevent dt a:link {
color:#993300;
text-decoration:none;
border-bottom:1px dotted #993300;
}
#home-index-info h3 a:hover,
#home-index-update li a:hover,
#home-index-grandtoitevent dt a:hover {
color:#66cc99;
text-decoration:none;
border-bottom:1px dotted #66cc99;
}
#home-index-info h3 a:visited,
#home-index-update li a:visited,
#home-index-grandtoitevent dt a:visited {
color:#3333ff;
text-decoration:none;
border-bottom:1px dotted #3333ff;
}
#home-index-info h3 a:active,
#home-index-update li a:active,
#home-index-grandtoitevent dt a:active {
color:#66cc99;
text-decoration:none;
border-bottom:1px dotted #66cc99;
}
#home-index .entry-title {
height: 18px;
font-size:1em;
}


#home-index-info-news {
width:585px;
margin: 0 0 30px 0;
    overflow: hidden;
}
#home-index-info-news:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html #home-index-info-news {
    height: 1em;
    overflow: visible;
}
/**/
#home-index-update {
width: 165px;
float:right;
}
#home-index-info {
width: 390px;
float:left;
}


#home-index-update h2 {
margin:10px 0 15px 0;
padding:5px 0 0 0;
/*padding:2px 6px;*/
background:#ffffff;
border-top:1px solid #993300;
/*border:1px dotted #993300;*/
font-size:1em;
color:#993300;
clear:both;
}
#home-index-info h2 {
margin:10px 0 15px 0;
padding:5px 0 0 0;
/*padding:2px 6px;*/
border-top:1px solid #993300;
font-size:1em;
color:#ffffff;
/*background:#993300;*/
}

#home-index-info h3{
margin: 0 0 5px 0;
font-size:0.9em;
font-weight:normal;
line-height:1.5;
}
#home-index-info p {
margin: 0 0 10px 0;
font-size:0.9em;
}
#home-index-update,
#home-index-info {
margin:0;
padding:0;
}
#home-index-update ul,
#home-index-info ul{
margin:0;
padding:0;
font-size: 0.9em;
list-style:none;
clear:both;
}
#home-index-update li,
#home-index-info li {
margin:0;
padding:0 0 0 15px;
background: url(../images/marker_circle_1.gif) 1px .6em no-repeat;
list-style:none;
}


#home-index-museum {
width: 285px;
float:left;
}
#home-index-theater {
width: 285px;
float:right;
}


#home-index-museum a:link,
#home-index-museum a:hover,
#home-index-museum a:visited,
#home-index-museum a:active,
#home-index-theater a:link,
#home-index-theater a:hover,
#home-index-theater a:visited,
#home-index-theater a:active{
padding:0;
border: none;
}
#home-index-museum h2,
#home-index-theater h2{
height:135px;
margin:0 0 15px 0;
padding:0 0 0 0;
background:#ffffff;
border:0px dotted #993300;
border-left:0px solid #993300;
border-top:5px solid #993300;
border-bottom:1px solid #999999;
color:#993300;
clear:both;
}
#home-index-museum h3{
height: 15px;
margin: 10px 0 0 0;
padding:3px 6px 3px 6px;
font-size:1em;
color:#ffffff;
background:#993300;
}
#home-index-museum h4,
#home-index-theater h3{
font-size:1em;
line-height:1.5;
}
#home-index-museum-special h4{
margin: 8px 0 5px 0;
}
#home-index-museum-special {
margin: 0 0 25px 0;
}
#home-index-museum-collection h3{
margin: 0 0 15px 0;
}
#home-index-museum-collection h4{
margin: 0 0 5px 0;
}
#home-index-theater h3{
margin: 0 0 5px 0;
}
#home-index-museum h4 a:link,
#home-index-theater h3 a:link {
color:#993300;
text-decoration:none;
border-bottom:1px dotted #993300;
}
#home-index-museum h4 a:hover,
#home-index-theater h3 a:hover{
color:#66cc99;
text-decoration:none;
border-bottom:1px dotted #66cc99;
}
#home-index-museum h4 a:visited,
#home-index-theater h3 a:visited {
color:#3333ff;
text-decoration:none;
border-bottom:1px dotted #3333ff;
}
#home-index-museum h4 a:active,
#home-index-theater h3 a:active {
color:#66cc99;
text-decoration:none;
border-bottom:1px dotted #66cc99;
}
#home-index-museum p {
margin: 0 0 10px 0;
font-size:0.9em;
}
#home-index-museum,
#home-index-theater {
margin:0 0 30px 0;
padding:0;
}
#home-index-museum ul,
#home-index-theater ul{
margin:0;
padding:0;
font-size: 0.9em;
list-style:none;
clear:both;
}
#home-index-museum li,
#home-index-theater li {
margin:0;
padding:0;
list-style:none;
line-height:1.35;
}


/* イベントの概要の基本設定 */
.home-index-event-title {
margin: 0px 0 0 0;
padding: 0 0px 0 0;
font-size:1em;
line-height:1.5;
color:#993300;
}
h4.home-index-event-title {
margin: 0px 0 0 0;
padding: 0 0px 0 0;
line-height:1.5;
color:#993300;
}
.home-index-event-excerpt {
width:285px;
margin: 0 0 15px 0;
padding: 0;
background:#ffffff;
    overflow: hidden;
}
.home-index-event-excerpt:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .home-index-event-excerpt {
    height: 1em;
    overflow: visible;
}
/**/
.home-index-event-text {
width: 141px;
margin: 0;
padding: 0;
float:right;
}
.home-index-event-image {
width:135px;
height:100px;
margin: 0;
padding: 0 0 0 0px;
text-align:right;
float:left;
}
ul.home-index-event-data {
margin: 0;
padding:0;
font-size:0.8em;
list-style:none;
background:#ffffff;
}
li.home-index-event-data {
margin: 0;
padding:0;
}


/* グラントワイベント
---------------------------------------------------------- */
#home-index-grandtoitevent {
/*width:585px;*/
margin: 30px 0 5px 0;
    overflow: hidden;
    clear: both;
}
#home-index-grandtoitevent:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html #home-index-grandtoitevent {
    height: 1em;
    overflow: visible;
}
/**/
#home-index-grandtoitevent h2 {
margin:0px 0 15px 0;
padding:5px 0 0 0;
background:#ffffff;
border-top:1px solid #993300;
font-size:1em;
color:#993300;
clear:both;
}
#home-index-grandtoitevent dl {
margin: 0;
padding: 0;
font-size:1em;
}
#home-index-grandtoitevent dt {
font-weight:bold;
padding:0 0 5px 0;
font-size:1em;
}
#home-index-grandtoitevent dd {
margin:0;
padding:0 0 15px 0;
font-size:0.8em;
}
/* イベントの概要の基本設定 */
.home-index-grandtoitevent-title {
margin: 0px 0 0 0;
padding: 0 0px 0 0;
font-size:1em;
line-height:1.5;
color:#993300;
}
h4.home-index-grandtoitevent-title {
margin: 0px 0 0 0;
padding: 0 0px 0 0;
line-height:1.5;
color:#993300;
}
.home-index-grandtoitevent-excerpt {
width:585px;
margin: 0 0 15px 0;
padding: 0;
background:#ffffff;
    overflow: hidden;
}
.home-index-grandtoitevent-excerpt:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .home-index-grandtoitevent-excerpt {
    height: 1em;
    overflow: visible;
}
/**/
.home-index-grandtoitevent-text {
width: 441px;
margin: 0;
padding: 0;
float:right;
}
.home-index-grandtoitevent-image {
width:135px;
height:100px;
margin: 0;
padding: 0 0 0 0px;
text-align:right;
float:left;
/*display:none;*/
}
ul.home-index-grandtoitevent-data {
margin: 0;
padding:0;
font-size:0.8em;
list-style:none;
background:#ffffff;
}
li.home-index-grandtoitevent-data {
margin: 0;
padding:0;
}


/* グラントワからのお知らせ
---------------------------------------------------------- */
.entry-info a:link {
color:#993300;
text-decoration:none;
border-bottom:1px dotted #993300;
}
.entry-info a:hover {
color:#66cc99;
text-decoration:none;
border-bottom:1px dotted #66cc99;
}
.entry-info a:visited {
color:#3333ff;
text-decoration:none;
border-bottom:1px dotted #3333ff;
}
.entry-info a:active {
color:#66cc99;
text-decoration:none;
border-bottom:1px dotted #66cc99;
}


h3.entry-info-title {
margin: 18px 0 0 0;
padding: 0 0 6px 0;
font-size:1.2em;
color:#993300;
border-bottom: 1px dotted #993300;
}
.entry-info-date {
margin: 3px 0 30px 0;
padding: 0;
font-size:0.8em;
line-height:1.5;
}
.entry-info {
margin: 0 0 30px 0;
}


/* Grand Toit News
---------------------------------------------------------- */
h4.news-title {
margin:15px 0;
}
.news-wrapper {
width:585px;
margin: 0 0 15px 0;
padding: 0px 0 0 0;
clear: both;
    overflow: hidden;
}
.news-wrapper:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .news-wrapper {
    height: 1em;
    overflow: visible;
}
/**/
.news-text {
margin: 0 0 0 165px;
}
.news-text h5{
font-size:0.9em;
color:#333333;
margin:  0 0 5px 0;
padding: 0 0 3px 0;
border-bottom:1px dotted #999999;
}

.news-image {
width:150px;
margin: 0;
float:left;
}
ul.news-contents {
margin: 0;
padding:0;
font-size:0.9em;
list-style:none;
}
ul.news-download {
margin: 15px 0 0 0;
padding:5px 0 0 0;
font-size:1em;
list-style:none;
border-top:1px dotted #999999;
}
li.news-contents,
li.news-download {
margin: 0;
padding:0;
}


/* メールマガジン
---------------------------------------------------------- */
#mailmagazine-button a:link,
#mailmagazine-button a:hover,
#mailmagazine-button a:visited,
#mailmagazine-button a:active {
padding:0;
border: none;
}
#mailmagazine-mobile-career {
margin: 0 0 30px 0;
padding: 10px;
border:1px solid #999999;
}
#mailmagazine-mobile-career h4 {
margin: 5px 0 15px 0;
padding:0 0 5px 0;
color:#333333;
border:none;
border-bottom:1px dotted #999999;
}
#mailmagazine-mobile-career ul{
margin: 0;
padding: 0;
list-style:none;
}
#mailmagazine-mobile-career li{
margin: 0;
padding: 0;
}
