@charset "utf-8";
/*
information{
	ファイル名 : /common/css/general.css;
	概要 : 様々な汎用スタイルの設定を行っています;
}
index {
	1.基本クラス
	2.テキスト関連
	3.テーブル関連
	4.リスト
	5.Q&Aモジュール
	6.リンクリスト モジュール
	7.PDF モジュール
	8.プラグイン モジュール
	9.ビデオ モジュール
	10.画像配置 モジュール
	11.関連リンク モジュール
	12.強調エリア
	13.和歌エリア
	14.カレンダー用テーブル (休園日カレンダー)
}
*/



/* -----------------------------*/
/* 1.基本クラス */
/* -----------------------------*/

/* 1-1. 読み上げ対応（読み上げに対応したまま非表示になります） */
.forread {
	display:block;
	position:absolute;
	top:-9999px;
	left:-9999px;
}
/* 1-2. 非表示（非表示になり、読み上げられません） */
.hidden {
	display:none;
}
/* 1-3. float時のレンダリング不具合を調整します */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display:inline-block;
	min-height:1%;  /* for IE 7*/
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */
/* clear element */
.clear:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clear{display:inline-table;}
/* \*/
* html .clear{height:1%;}
.clear{display:block;}
/* */

/* 1-4. ボーダーの追加（上部に点線が表示されます） */
.adl {
	padding-top:8px;
	background:transparent url("../../common/img/line.gif") 0 0 repeat-x;
}
/* 1-5. 位置ぞろえ（左寄せ/中央寄せ/右寄せ） */
.a_left {
	text-align:left !important;
}
.a_center {
	text-align:center !important;
}
.a_right {
	text-align:right !important;
}

/* -----------------------------*/
/* 2.テキスト関連 */
/* -----------------------------*/

/* 2-1.段落(pタグにインデント・左余白・下余白を設定) */
p {
	margin-left:0.7em;
	margin-bottom:10px;
	text-indent:1em;
}
/* 2-1-1.インデントのない段落 */
p.no-i {
	text-indent:0;
}
/* 2-1-2.下余白（マージン）の解除（段落以外にも設定可能） */
.mb0{
	margin-bottom:0 !important;
}
.ml0{
	margin-left:0 !important;
}
/* 2-1-3.下余白（パディング）の解除（段落以外にも設定可能） */
.pd0{
	padding-bottom:0;
}
/* 2-1-4.下余白の追加（段落以外にも設定可能） */
.mb1e{
	margin-bottom:1em !important;
}
/* 2-1-5.上付文字 */
span.sup {
	font-size:78%;
	vertical-align:top;
}
/* 2-1-6.斜体表現 */
.font-i {
	font-style: italic;
}
/* 2-1-7.太字表現 */
.bold {
	font-weight:bold;
}
/* 2-1-8.アルファベット大文字表現 */
.upper {
	text-transform:uppercase;
}
/* 2-1-8-2.アッパーライン */
.over {
	text-decoration:overline;
}
/* 2-1-9.新規ウインドウ注意喚起テキスト（フォント小さめ） */
span.openwin {
	color:#000000;
	text-decoration:none !important;
	padding-left:5px;
	font-size:80%;
}
/* 2-1-10.強調表現（黒/赤） */
strong {
	font-weight:bold;
}
strong.red {
	color:#ff0000;
}
/* 2-1-11.行間（大） */
p.line200 {
	line-height:200%;
}
/* 2-1-12.サイズ（小） */
.small ,
p.small {
	font-size:85%;
}
.win {
	font-size:80%;
}

/* 2-2.アンカー文字色の設定（黒） */
a.anc {
	color:#000000;
}

/* 2-3.英文用（インデントなし）位置 */
.en p {
	text-indent:0;
}
/* -----------------------------*/
/* 注記テキストモジュール */
/* -----------------------------*/
p.notice {
	margin-left:2em;
	padding-left:1em;
	text-indent:0;
	font-size:85%;
	background:transparent url("../../common/img/icon-notice.gif") 0 0.4em no-repeat;
}
ul.notice {
	margin-bottom:10px;
	padding-left:2em;
	list-style-type:none;
	background:none;
	font-size:85%;
}
ul.notice li {
	background:transparent url("../../common/img/icon-notice.gif") 0 0.4em no-repeat;
	padding-left:1em;
}
p.notice-e {
	margin-left:2em;
	padding-left:1em;
	text-indent:0;
	font-size:85%;
	background:transparent url("../../common/img/icon-notice-e.gif") 0 0.4em no-repeat;
}
ul.notice-e {
	margin-bottom:10px;
	padding-left:2em;
	list-style-type:none;
	background:none;
	font-size:85%;
}
ul.notice-e li {
	background:transparent url("../../common/img/icon-notice-e.gif") 0 0.4em no-repeat;
	padding-left:1em;
}



/* -----------------------------*/
/* 3.テーブル関連 */
/* -----------------------------*/
/* 
	3-1.
	table.normal（線ありテーブル）
	table.noborder（線なしテーブル）
 */
table.normal,
table.noborder {
	border-spacing: 0;
	border-collapse: collapse;
	margin-left:1em;
	margin-bottom:10px;
}
table.normal {
	border-right:1px solid #bbbbbb !important;
	border-bottom:1px solid #bbbbbb !important;
	border-collapse:collapse;
}
table.normal caption {
	padding-top:5px;
	text-align:left;
}
table.normal caption.b,
table.noborder caption.b {
	font-weight:bold;
}
table.normal caption.a_center {
	text-align:center;
	margin:0 auto;
}
table.normal caption.a_right {
	text-align:right;
}
table.normal th,
table.normal td {
	padding:5px;
	border-left:1px solid #bbbbbb !important;
	border-top:1px solid #bbbbbb !important;
}
table.normal th {
	background-color:#f5f5f5;
	text-align:center;
	font-weight: bold;
	white-space: nowrap;
}
table.noborder {
	border:none;
	border-collapse:collapse;
}
table.noborder caption {
	text-align:left;
}
table.noborder th,
table.noborder td {
	padding:5px;
}
/* 3-2.テーブル幅固定 */
table.w90per {
	width:90%;
}
/* 3-3.擬似見出しセル */
table.noborder td.h {
	white-space: nowrap;
	word-break:keep-all;
	vertical-align:top;
	width:25%;
	padding-right:20px;
	font-weight:bold;
}
/* 3-4.折り返し禁止 */
table th.nowr,
table td.nowr {
	white-space: nowrap;
	word-break:keep-all;
}
/* 3-5.テキスト位置指定 */
table th.v_top,
table td.v_top {
	vertical-align:top;
}
/* 3-6.セル幅固定 */
table th.w70per {
	width:70%;
}
/* 3-7.左余白追加 */
td.pl {
	padding-left:20px !important;
}
/* -----------------------------*/
/* gonittei用モジュール */
/* -----------------------------*/
ul.program {
	list-style-type:none;
}
ul.program li {
	margin-bottom:20px;
}
ul.program table.noborder {
	width:98%;
	margin-left:0;
}
ul.program table.noborder caption {
	padding:3px 10px;
	background-color:#f6efdb;
	font-weight:bold;
}
ul.program table.noborder td {
	padding:2px;
}
ul.program table.noborder td.h {
	padding-left:10px;
}
ul.program table.noborder tr.type2 td.b {
	width:75%;
}

/* -----------------------------*/
/* 4.リスト */
/* -----------------------------*/
/* 4-1.序列つきリスト */
ol.normal {
	list-style-position:outside;
	list-style-type:decimal;
	margin-bottom:10px;
	margin-left:40px;
}
ol.normal li {
	margin-bottom:5px;
}
ol.normal ol {
	list-style-type:lower-alpha;
	margin-left:1.4em;
}
 ol.normal ol {
	list-style-type:lower-roman;
}
 ol.normal ol ol {
	list-style-type:lower-alpha;
}
/* 4-2.序列なしリスト */
ul.normal-1 {
	list-style-position:outside;
	list-style-type:none;
	margin-bottom:10px;
	margin-left:0.3em;
}
ul.normal {
	list-style-position:outside;
	list-style-type:disc;
	margin-bottom:10px;
	margin-left:2.4em;
}
ul.none {
	margin-left:1.6em;
	margin-bottom:10px;
	list-style-type:none;
}
li ul.none {
	margin-left:2.7em;
}
li ul.normal {
	margin-left:1em;
}
li ul.normal-2 li{
	padding-left:14px;
	background:transparent url("../../common/img/icon-dot.gif") 3px 0.6em no-repeat;
	list-style-type:none;
	margin-left:0.7em;
}
li ul.normal li{
	padding-left:14px;
	background:transparent url("../../common/img/icon-dot.gif") 3px 0.6em no-repeat;
	list-style-type:none;
}
* html li ul.none { /* forIE6 */
	margin-left:1.6em;
}
*:first-child+html li ul.none { /* forIE7 */
	margin-left:1.6em;
}
ul.none ul.none {
	margin-left:2.7em !important;
}
/* 4-3.定義リスト */
dl.normal {
	margin-bottom:15px;
}
dl.normal dd {
	margin-left:2em;
}
dl.normal dt {
	font-weight:bold;
}
dl.tume {
	margin-bottom:1px;
}
dl.tume dd {
	margin-left:2em;
}
dl.tume dt {
	font-weight:bold;
}

/* -----------------------------*/
/* 5.Q&Aモジュール */
/* -----------------------------*/
dl.qa {
	margin-bottom:15px;
}
dl.qa dt {
	font-weight:bold;
	margin-bottom:10px;
}
dl.qa dd div.ans {
	margin-left:25px;
}


/* -----------------------------*/
/* 6.リンクリスト モジュール */
/* -----------------------------*/
/* 6-1.単体のリンク */
p.link {
	margin-left:0.8em;
	text-indent:0;
	background:transparent url("../../common/img/icon-link.gif") 0.2em 0.5em no-repeat;
	padding-left:18px;
}
/* 6-2.リンクリスト（改行あり/なし） */
ul.linklist,
ul.linklist-nowrap,
ul.pagenavi {
	margin-left:1em;
	margin-bottom:15px;
	list-style-type:none;
}
ul.linklist li {
	margin-bottom:15px;
	background:transparent url("../../common/img/icon-link.gif") 0 0.4em no-repeat;
	padding-left:15px;
}
ul.linklist-nowrap li {
	display:inline;
	padding-left:15px;
	padding-right:25px;
	background:transparent url("../../common/img/icon-link.gif") 0 0.4em no-repeat;
	line-height:2em;
}
/* 6-3.ページ内ナビ */
ul.pagenavi li {
	display:inline;
	padding-left:15px;
	padding-right:25px;
	background:transparent url("../../common/img/icon-pagenavi.gif") 0 0.4em no-repeat;
	line-height:2em;
}
ul.linklist-nowrap li a,
ul.pagenavi li a {
	white-space:nowrap;
}
ul.linklist-nowrap li.nowr,
ul.pagenavi li.nowr {
	white-space:nowrap;
}
/* 6-4.ページ内ナビ（単体・右寄せ） */
ul.pagenavi_right {
	list-style-type:none;
	margin-bottom:15px;
	text-align:right;
}
ul.pagenavi_right li {
	display:inline;
}
ul.pagenavi_right li a {
	padding-left:15px;
	padding-right:8px;
	background:transparent url("../../common/img/icon-pagenavi.gif") 0 0.3em no-repeat;
}
a.popup img {
	margin-left:2px;
	padding-bottom:2px;
	border-bottom:1px solid #0000bb;
	vertical-align:middle;
}
*:first-child+html ul.linklist-nowrap,
*:first-child+html ul.pagenavi { /* forIE7 */
	width:95%;
}
*:first-child+html ul.linklist-nowrap li { /* forIE7 */
	float:left;
	background:transparent url("../../common/img/icon-link.gif") 0 0.8em no-repeat;
}
*:first-child+html ul.pagenavi li { /* forIE7 */
	float:left;
	background:transparent url("../../common/img/icon-pagenavi.gif") 0 0.8em no-repeat;
}
* html ul.linklist-nowrap,
* html ul.pagenavi { /* forIE6 */
	width:95%;
}
* html ul.linklist-nowrap li { /* forIE6 */
	background:transparent url("../../common/img/icon-link.gif") 0 0.8em no-repeat;
	float:left;
}
* html ul.pagenavi li { /* forIE6 */
	background:transparent url("../../common/img/icon-pagenavi.gif") 0 0.8em no-repeat;
	float:left;
}
* html>body ul.linklist-nowrap,
* html>body ul.pagenavi { /* #forMacIE5 */
	clear:both;
}

/* -----------------------------*/
/* 7.PDF モジュール */
/* -----------------------------*/
p.link-pdf {
	text-indent:0;
	margin-left:1em;
	padding:1px 0 2px 20px;
	background:transparent url("../../common/img/icon-pdf.gif") 0 0.2em no-repeat;
}
ul.link-pdf {
	margin-left:1em;
	list-style-type:none;
}
ul.link-pdf li {
	margin-bottom:6px;
}
ul.link-pdf li a {
	padding:1px 0 2px 20px;
	background:transparent url("../../common/img/icon-pdf.gif") 0 0 no-repeat;
}

/* -----------------------------*/
/* 8.プラグイン モジュール */
/* -----------------------------*/
div.md-plugin ul {
	background:transparent url("../../common/img/line.gif") 0 0 repeat-x;
	list-style-type:none;
	margin-top:20px;
	padding:10px 15px 0px;
}
div.md-plugin ul li {
	clear:both;
	font-size:85%;
	line-height:1.1em;
	margin-bottom:15px;
}
div.md-plugin ul li a img {
	float:left;
	margin-right:15px;
}

div.md-plugin ul li div.bnr {
	float:left;
	margin-right:10px;
}
div.md-plugin ul li div.info {
	font-size:85%;
	line-height:1.1em;
}

/* -----------------------------*/
/* 9.ビデオ モジュール */
/* -----------------------------*/
div.md-video ul {
	margin-left:1em;
	list-style-type:none;
	margin-bottom:15px;
}
div.md-video ul li a {
	margin:0 5px;
}
div.md-video table {
	margin:auto;
	margin-bottom:15px;
}
div.md-video table th,
div.md-video table td {
	padding:3px 10px;
}

/* -----------------------------*/
/* 10.画像配置 モジュール */
/* -----------------------------*/
div.photo img {
	margin:0 5px 5px;
}
div.cap {
	font-size:85%;
}
div.cap350 {
	font-size:85%;
	width:350px;
	text-align:left;
}
div.cap350c {
	font-size:85%;
	width:350px;
	text-align:left;
	margin-right: auto;
	margin-left: auto;
}
div.cap240 {
	font-size:85%;
	width:240px;
	text-align:left;
}
div.cap240c {
	font-size:85%;
	width:240px;
	text-align:left;
	margin-right: auto;
	margin-left: auto;
}
div.md-photo-c1-01 {
	margin-top:10px;
	margin-bottom:20px;
	text-align:center;
}
div.md-photo-c1-01 .cap_left {
	width:350px;
	text-align:left;
}
div.md-photo-c1-02 {
	margin-bottom:20px;
}
div.md-photo-c3 {
	margin-bottom:20px;
	text-align:center;
}
div.md-photo-c3 div {
	margin:10px auto;
	width:680px;
}

div.md-photo-c3 div.left {
	margin:0 auto;
	width:380px;
	float:left;
}
div.md-photo-c3 div.right {
	width:300px;
	margin:0 auto;
	float:right;
	margin-top:80px;
}

/* -----------------------------*/
/* 11.関連リンク モジュール */
/* -----------------------------*/
div.relation {
	margin-top:25px;
}
div.relation .relation-title{
	padding-top:8px;
	padding-left:8px;
	background:transparent url("../../common/img/line.gif") 0 0 repeat-x;
	font-weight:bold;
}
div.relation .relation-body{
	margin-left:15px;
}

/* -----------------------------*/
/* 12.強調エリア */
/* -----------------------------*/
div.bg {
	margin-bottom:10px;
	padding:15px;
	background-color:#f9f9f9;
	border:1px solid #cccccc;
}

/* -----------------------------*/
/* 13.和歌エリア */
/* -----------------------------*/
div.md-waka {
	margin:0 15px 20px;
}
div.md-waka span {
	padding:10px 25px;
	background:transparent url("../../common/img/waka-bg.gif") 0 0;
}
/* -----------------------------*/
/* 14.カレンダー用テーブル (休園日カレンダー) */
/* -----------------------------*/
table.calendar {
	text-align:center;
}

table.calendar caption {
	font-weight:bold;
}
table.calendar td {
	text-align:center;
	padding:15px;
}

table.calendar td.holi {
	color:#ff0000;
}
table.calendar td.close {
	color:#0000ff;
	background-color:#eeeeee;
}
table.calendar td.close span {
	font-size:82%;
}




/* -----------------------------*/
/* 20周年コンテンツ */
/* -----------------------------*/
/* _________ コンテンツエリア __________*/

div.t20y {
	margin:0 auto;
	width:600px;
}

table.t20y-left {
	width:50%;
	float:left;
	margin:0;
	text-align:left;
}
table.t20y-right {
	float:left;
	width:50%;
	margin:0;
	text-align:left;
}

/* これ以降Mac IE 5のみに適用される \*//*/
div.t20y {
	margin:0 auto;
	width:620px;
}
table.t20y-left {
	width:300px;
}
table.t20y-right {
	width:300px;
}
/* これ以降Mac IE 5以外にも適用される */

th.h-year {
	width:55%;
}
th.h-name {
	width:45%;
}

/*  横幅の決まっていないテーブルをセンターに置く場合(Table Width center)*/
div.twdc {
	margin:0 auto;
	width:700px;
}
table.tw100 {
	margin:0 auto;
	width:100%;
}