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



/* クロスフェイドの基本設定
---------------------------------------------------------- */
#crossfade-grandtoit,
#crossfade-museum,
#crossfade-theater {
width:800px;
height:400px;
margin:0;
}
#crossfade-grandtoit {
background:url(../images/crossfade/header_photo_home1.jpg);
}
#crossfade-museum {
background:url(../images/crossfade/header_photo_museum1.jpg);
}
#crossfade-theater {
background:url(../images/crossfade/header_photo_theater1.jpg);
}
.fade-box {
width:800px;
height:400px;	
position:absolute;
/*top:163;*/
margin:0px;
}
/* 1枚目 */
#box-1 {
}
/* 2枚目 */
#box-2 {
}
/* 3枚目 */
#box-3 {
}


/* 3段組／カレンダー 日別のナビゲーション
---------------------------------------------------------- */
#three-column-main {
	/*width:775px;*/
	width:800px;
	margin:0 auto;
	overflow: hidden;
}
#home-left, #home-center, #home-right,
.calendar-daily-nav-left, .calendar-daily-nav-center, .calendar-daily-nav-right {
	width: 240px;
	margin:0 0 30px 0;
	padding:0;
}
.calendar-daily-nav {
width:800px;
height:20px;
margin:30px 0;
color:#cccccc;
font-size:0.8em;
	border:1px dotted #993300;
	padding:10px 0;
overflow: hidden;
background:#eeeeee;
}
.calendar-daily-nav:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}
/*\*/
* html .calendar-daily-nav {
	height: 1em;
	overflow: visible;
}
/**/
.calendar-daily-nav a:link {
	color:#993300;
	text-decoration:none;
	border-bottom:1px dotted #993300;
}
.calendar-daily-nav a:hover {
	color:#66cc99;
	text-decoration:none;
	border-bottom:1px dotted #66cc99;
}
.calendar-daily-nav a:visited {
	color:#3333ff;
	text-decoration:none;
	border-bottom:1px dotted #3333ff;
	text-align: right;
}
.calendar-daily-nav a:active {
	color:#66cc99;
	text-decoration:none;
	border-bottom:1px dotted #66cc99;
}
#home-left-center,
.calendar-daily-nav-left-center {
	/*width:510px;*/
	width:520px;
	float: left;
}
.home-left-center-block,
.calendar-daily-nav-left-center-block {
	width:520px;
	clear:both;
}
#home-left,
.calendar-daily-nav-left {
	float: left;
}
#home-center,
.calendar-daily-nav-center {
	/*margin:0 25px;*/
	float: right;
	clear:right;
}
#home-right,
.calendar-daily-nav-right {
	/*margin:0 0 0 25px;*/
	margin:0 0 0 40px;
	float: left;
}
.calendar-daily-nav-left {
	text-align:right;
}
.calendar-daily-nav-right {
	text-align:left;
}
.calendar-daily-nav-center h3{
	font-size:1.5em;
	font-weight:bold;
	color:#993300;
	text-align:center;
}
#home-left h2, #home-center h2, #home-right h2, #home-calendar caption,
#home-rent h4, #home-machizukuri h4,
.daily #home-left h4, .daily #home-center h4, .daily #home-right h4 {
	width: 240px;
	margin:0px 0 15px 0;
	padding:3px 0 0 0;
	color:#333;
	border-top:5px solid #993300;
	font-weight:bold;
}



/* ティッカー（liScroll styles）
---------------------------------------------------------- */
.tickercontainer { /* the outer div with the black border */
	border-bottom:0px dotted #ccc;
	background:#eee;
	width: 800px;
	height: 27px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
	position: relative;
	left: 10px;
	top: 5px;
	width: 750px;
	overflow: hidden;
}
ul.newsticker { /* that's your list */
	position: relative;
	left: 785px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.newsticker li {
	float: left; /* important: display inline gives incorrect results when you check for elem's width */
	margin: 0 50px 0 0;
	padding: 0;
	font-size: 0.8em;
}
ul.newsticker a {
	white-space: nowrap;
	padding: 0;
	margin: 0 50px 0 0;
	color:#993300;
	text-decoration:none;
	border-bottom:1px dotted #993300;
}
ul.newsticker span {
	margin: 0 10px 0 0;
}
ul#ticker01 {
	width:2000px;
}
/* カレンダー
---------------------------------------------------------- */
#home-calendar table {
	width:240px;
	margin:0px auto 0 auto;
	padding:5px 15px 0 15px;
}
#home-calendar caption, #home-calendar th, #home-calendar td {
}
#home-calendar caption {
	margin:0;
	padding:3px 0 30px 0;
	text-align:left;
}
#home-calendar th, #home-calendar td {
	margin:0;
	padding:3px 0;
	border:1px dotted #ccc;
	text-align:center;
	font-size:0.8em;
}
#home-calendar .holiday {
	color:#cc0000;
}
/* 本日の催し物 */
#home-calendar-today {
	padding:15px 0 0 0;
}
/* イベントの概要の基本設定
---------------------------------------------------------- */
#home-event {
	margin: 0 0 30px 0;
}
h3.home-event-title,
h4.home-event-title,
h5.home-event-title {
	margin: 0;
	padding: 0;
	line-height:1.35;
	color:#993300;
	font-weight:bold;
}
#home-exhibition-special h3.home-event-title {
	margin: 5px 0 0 0;
}
.home-event-excerpt {
	width:240px;
	margin: 15px 0 15px 0;
	padding: 0;
	background:#ffffff;
	overflow: hidden;
}
.home-event-excerpt:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}
/*\*/
* html .home-event-excerpt {
	height: 1em;
	overflow: visible;
}
/**/
.home-event-text {
	width: 130px;
	margin: 0;
	padding: 0;
	float:right;
}
.home-event-image {
	width:100px;
	height:100px;
	margin: 0;
	padding: 0;
	text-align:left;
	vertical-align:central;
	float:left;
	background:#cccccc;
}
#home-theater .home-event-image {
	/*background:#993300;*/
	background:#cccccc;
}
ul.home-event-data {
	margin: 5px 0 0 0;
	padding:0;
	font-size:0.9em;
	list-style:none;
}
.home-event-data li {
	margin: 0;
	padding:0;
	line-height:1.35;
}
/* ティーチャーズガイド
---------------------------------------------------------- */
#home-event h2,
#home-rent h2 {
	margin:0 0 15px 0;
}
#home-rent h2 {
	padding:0;
}
#home-demae h2,
#home-teachers h2,
#home-kids h2 {
	margin:30px 0 15px 0;
}
#home-rent .home-event-image,
#home-demae .home-event-image,
#home-teachers .home-event-image,
#home-kids .home-event-image {
	background:#fff;
}
#home-demae .home-event-data li,
#home-teachers .home-event-data li,
#home-kids .home-event-data li {
	padding:0 0 0 15px;
	background: url(../images/marker_circle_1.gif) 1px .5em no-repeat;
}
#home-rent .home-event-excerpt,
#home-demae .home-event-excerpt,
#home-teachers .home-event-excerpt,
#home-kids .home-event-excerpt {
	margin: 15px 0 45px 0;
}
/* ミュージアムショップ
---------------------------------------------------------- */
#home-museumshop .home-event-text {
	width: 155px;
}
#home-museumshop .home-event-image {
	width:75px;
	height:75px;
}
/* まちづくりイベント
---------------------------------------------------------- */
#home-machizukuri h2 {
	margin:0 0 15px 0;
}
#home-machizukuri {
	margin-bottom:45px;
}
/* 石見美術館、いわみ芸術劇場
---------------------------------------------------------- */
#home-museum h2, #home-theater h2,
#home-museum h4, #home-theater h4 {
	margin:0 0 15px 0;
	padding:0;
	border-bottom:1px solid #ccc;
}
#home-theater h2 {
	/*margin:30px 0 15px 0;*/
}
/* キッズページ
---------------------------------------------------------- */
#home-demae h2,
#home-teachers h2 {
	margin:30px 0 15px 0;
}
/* 新着情報
---------------------------------------------------------- */
#home-update h2 {
	margin:15px 0 15px 0;
}
ul.home-update {
	margin:0 0 10px 0;
	padding:0;
	font-size: 0.9em;
	list-style:none;
	clear:both;
}
.home-update li {
	margin:0;
	padding:0;
	list-style:none;
}

/* ブログ
---------------------------------------------------------- */
#home-blog h2 {
	margin-bottom:15px;
}
#home-blog h3 {
	margin:0;
	padding:0 0 0 15px;
	background: url(../images/marker_circle_1.gif) 1px .5em no-repeat;
	font-size: 0.9em;
}
#home-blog h3 a {
	font-weight:bold;
}
#home-blog p {
	margin:0 0 10px 0;
	padding:0 0 0 15px;
	font-size: 0.9em;
}
/* 石見美術館、いわみ芸術劇場
---------------------------------------------------------- */
#home-roomc {
	margin: 0 0 30px 0;
}
#home-roomd .home-event-excerpt,
#home-rooma .home-event-excerpt,
#home-roomb .home-event-excerpt,
#home-roomc .home-event-excerpt {
	background:#333;
	color:#fff;
}
#home-roomd .home-event-excerpt,
#home-rooma .home-event-excerpt,
#home-roomb .home-event-excerpt,
#home-roomc .home-event-excerpt {
	margin: 0 0 15px 0;
	padding:0 0 0 0;
}
#home-roomd .home-event-text,
#home-rooma .home-event-text,
#home-roomb .home-event-text,
#home-roomc .home-event-text {
	width:120px;
	padding:0 10px 10px 0;
}
#home-roomd h2,
#home-rooma h2,
#home-roomb h2,
#home-roomc h2 {
	border-top:0px;
	margin: 0;
	padding:0;
}
#home-roomd h3,
#home-rooma h3,
#home-roomb h3,
#home-roomc h3 {
	margin: 10px 0 0.3em 0;
	font-size:0.8em;
}
#home-roomd .home-event-image,
#home-rooma .home-event-image,
#home-roomb .home-event-image,
#home-roomc .home-event-image {
}
#home-roomd .home-event-text a:link, #home-rooma .home-event-text a:link, #home-roomb .home-event-text a:link, #home-roomc .home-event-text a:link,
#home-roomd .home-event-text a:visited, #home-rooma .home-event-text a:visited, #home-roomb .home-event-text a:visited, #home-roomc .home-event-text a:visited,
#home-roomd .home-event-text a:active, #home-rooma .home-event-text a:active, #home-roomb .home-event-text a:active, #home-roomc .home-event-text a:active,
#home-roomd .home-event-text a:hover, #home-rooma .home-event-text a:hover, #home-roomb .home-event-text a:hover, #home-roomc  .home-event-text a:hover {
	color:#fff;
	text-decoration:none;
	border-bottom:1px dotted #fff;
}

/* 
---------------------------------------------------------- */
#home-mitai,
#home-sankashitai,
#home-yobitai {
	margin-bottom:45px;
}
#home-mitai h2,
#home-sankashitai h2 {
	margin-top:0;
}
#home-mitai h2,
#home-sankashitai h2,
#home-yobitai h2 {
	margin-bottom:30px;
}
#home-mitai h3,
#home-sankashitai h3,
#home-yobitai h3 {
	margin:0 0 15px 0;
	padding:0 0 3px 0;
	font-weight:bold;
	font-size: 1.1em;
	color:#993300;
	border-bottom:1px dotted #993300;
}
#home-mitai h2,
#home-mitai h3 {
	border-color:#cc0000;
	color:#cc0000;
}
#home-sankashitai h2,
#home-sankashitai h3 {
	border-color:#3366cc;
	color:#3366cc;
}
#home-yobitai h2,
#home-yobitai h3 {
	border-color:#006633;
	color:#006633;
}
#home-traditional h2 {
	border-color:#cc6633;
	color:#cc6633;
}
/* Read More
---------------------------------------------------------- */
p.home-readmore {
	margin:0 0 30px 0;
	padding:3px 0 0 0;
	font-size: 0.8em;
	text-align:right;
	border-top:1px dotted #ccc;
}
#home-traditional .home-banner ul {
	margin:0;
	padding:0;
border-top:0px dotted #ccc;
}
#home-calendar p.home-readmore {
border-top:0px dotted #ccc;
}
#home-mitai p.home-readmore,
#home-sankashitai p.home-readmore,
#home-yobitai p.home-readmore {
	margin:0 0 10px 0;
}
/* 段組のバナーゾーン
---------------------------------------------------------- */
.home-banner {
	width:240px;
}
.home-banner ul {
	margin:0 0 30px 0;
	list-style:none;
}
.home-banner li {
	margin:0 0 5px 0;
	padding:0;
}
/* インデックス
---------------------------------------------------------- */
#home-index {
	width:585px;
}
#home-calendar a:link, .home-event-title a:link, .home-event-data a:link, .home-update li a:link, #home-blog h3 a:link, .home-readmore a:link, .home-menu-foreign a:link {
	color:#993300;
	text-decoration:none;
	border-bottom:1px dotted #993300;
}
#home-calendar a:hover, .home-event-title a:hover, .home-event-data a:hover, .home-update li a:hover, #home-blog h3 a:hover, .home-readmore a:hover, .home-menu-foreign a:hover {
	color:#66cc99;
	text-decoration:none;
	border-bottom:1px dotted #66cc99;
}
#home-calendar a:visited, .home-event-title a:visited, .home-event-data a:visited, .home-update li a:visited, #home-blog h3 a:visited, .home-readmore a:visited, .home-menu-foreign a:visited {
	color:#3333ff;
	text-decoration:none;
	border-bottom:1px dotted #3333ff;
}
#home-calendar a:active, .home-event-title a:active, .home-event-data a:active, .home-update li a:active, #home-blog h3 a:active, .home-readmore a:active, .home-menu-foreign a:active {
	color:#66cc99;
	text-decoration:none;
	border-bottom:1px dotted #66cc99;
}
#home-calendar a:link, #home-calendar a:hover, #home-calendar a:visited, #home-calendar a:active {
	border-bottom:0px dotted #66cc99;
}
/* 外国語メニュー
---------------------------------------------------------- */
ul.home-menu-foreign  {
	margin:0;
	padding:5px 0 0 0;
	list-style:none;
	border-top:1px solid #993300;
}
.home-menu-foreign li {
	margin:0;
	padding:0 0 0 15px;
	background: url(../images/marker_circle_2.gif) 1px .5em no-repeat;
}
.home-menu-foreign li li {
	margin:0;
	padding:0 0 0 15px;
	background: url(../images/marker_circle_1.gif) 1px .5em no-repeat;
	list-style:none;
}