@charset "utf-8";

/*--------------------------------------
	共通
--------------------------------------*/
a:link    { text-decoration:none; color:#000000; }
a:visited { text-decoration:none; color:#000000; }
a:active  { text-decoration:none; color:#000000; }
a:hover  { text-decoration:underline; color:#666666; }

#wrapper { width: 800px; }
#content-area {
	background: url(../images/common/contents_bg.gif) repeat;
	width: 750px;
	padding: 25px;
}


/*	ヘッダー -------------------- */
#header-area {
	background-color: #090B20;
	padding: 5px 0 5px 0;
}
#header-nav {
	font-size: 10px;
	color: #FFFFFF;
	letter-spacing: 2px;
	text-align: right;
	width: 800px;
	padding-top: 5px;
}
#header-nav a:link    {
	text-decoration:none;
	color:#FFFFFF;
}
#header-nav a:visited { text-decoration:none; color:#FFFFFF; }
#header-nav a:active  { text-decoration:none; color:#FFFFFF; }
#header-nav a:hover  { text-decoration:underline; color:#FFFFFF; }


/*	グローバルナビ -------------------- */
#global-nav-bg {
	height:60px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	background-image: url(../images/common/global-nav-bg.jpg);
	background-repeat: repeat-x;
}
#global-nav {
	overflow:hidden;
	width:800px;
	height:60px;
	background-color: #FFFFFF;
	background-image: url(../images/common/texture_global-nav_01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#global-nav ul { zoom:1; }
#global-nav li { float:left; margin-right: 1px; }
#global-nav li.child { float:left; margin: 0px; }



/*--------------------------------------
	#content
--------------------------------------*/
#content {	
	display:inline-block;
	height:1%;
	min-height:1%;
	line-height:1.5;
	/* \*/display:block;/* */ 
	}
#content:after {/* for modern browser */
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0;
	visibility:hidden;
}
	
/*--------------------------------------
	#end-of-content
--------------------------------------*/	
#end-of-content {
	width:750px;
	text-align: left;
	margin-top: 10px;
}
#end-of-content ul.content-nav {
	position:relative;
	overflow:hidden;
	width:750px;
}

#end-of-content ul.content-nav li {
	float:right;
	background-image: url(../images/common/icon_top.gif);
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 30px;
	padding-left: 23px;
}

#end-of-content ul.content-nav li.prev {
	float:left;
	background-image: url(../images/common/icon_back.gif);
	background-repeat: no-repeat;
	line-height: 30px;
	padding-left: 30px;
	background-position: left center;
}

#end-of-content-main {
	width:550px;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
}
#end-of-content-main ul.content-nav {
	position:relative;
	overflow:hidden;
	width:550px;
}

#end-of-content-main ul.content-nav li {
	float:right;
	background-image: url(../images/common/icon_top.gif);
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 30px;
	padding-left: 23px;
}
#end-of-content-main ul.content-nav li a {
	color: #000000;
}
#end-of-content-main ul.content-nav li hover {
	color: #333333;
	text-decoration:none;
}

#end-of-content-main ul.content-nav li.prev {
	float:left;
	background-image: url(../images/common/icon_back.gif);
	background-repeat: no-repeat;
	line-height: 30px;
	padding-left: 30px;
	background-position: left center;
}






/*--------------------------------------
	div#sub-content（左カラム）
--------------------------------------*/
div#sub-content {
	float:left;
	display:inline;/* for IE6 */
	text-align:center;
	min-height:800px;
	width:180px;
}
div#sub-content div.content-navi {
	width:180px;
}
div#sub-content div.content-navi ul {
	zoom:1;
}
div#sub-content div.content-navi li {
	float:left;
	margin-bottom: 5px;
}
div#sub-content div.content-navi img {
	display: block;
}
div#sub-content div.content-navi a img {
	border: 3px solid #999999;
}
div#sub-content div.content-navi a:hover img  { border: 3px solid #660000; }


/*--------------------------------------
	div#main-content（右カラム）
--------------------------------------*/
div#main-content {
	float:right;
	display:inline;/* for IE6 */
	width:550px;
	margin-left: 20px;
	text-align: left;
}
div#main-content div.content-area {
	width: 550px;
	margin-bottom: 10px;
}
div#main-content div.pagetop-area {
	width: 550px;
	margin-bottom: 10px;
}


/*--------------------------------------
	#end-of-main-content
--------------------------------------*/
div.end-of-main-content {
	overflow: hidden;
}


/*--------------------------------------
	コンテンツ
--------------------------------------*/

/*　共通大見出し -------------------- */
h4 {
	margin: 0px 0px 10px; padding-left: 20px;
	font-size: 13pt; line-height: 35px; color: #FFFFFF; letter-spacing: 1px; text-align: left;
	background: url(../images/title_bg_long.jpg) no-repeat;
}



/*　共通小見出し -------------------- */
.title-s-brown {
	font-size: 15pt; font-weight: bold; color: #4D4D00; letter-spacing: 1px; text-indent: 10px;
	background-color: #D7D6B0; border-left: thick solid #4D4D00; margin: 0 0 10px 0; padding: 5px;	
}
.title-s-blue {
	font-size: 12pt;
	font-weight: bold;
	line-height: 20pt;
	letter-spacing: 1px;
	color: #FFFFFF;
	text-indent: 10px;
	background-color: #020F4A;
	margin: 0 0 10px 0;
	padding:10px;
	border-left-width: thick;
	border-left-style: solid;
	border-left-color: #8798BE;
	letter-spacing: 1px;
}
.title-name {
	font-size: 11pt; font-weight: bold; color: #FFFFFF; line-height: 20px; text-indent: 7px; background-color: #000000;
	border-top: solid  #5A72AF medium; border-bottom: solid #5A72AF medium; border-right-style: none medium; border-left-style: none medium;
	padding: 2px 0 2px 0; margin: 0 0 7px 0;
}
.title-name-rubi { font-size: 7pt; font-weight: normal; letter-spacing: 1px; padding-left: 0px; color: #FFFFFF; line-height: 8pt; }



/*　テキスト -------------------- */
.txt-basic { font-size: 11pt; line-height: 18pt; letter-spacing: 1px; text-align: left; }
.txt-basic img { float: left; margin-right: 10px; margin-bottom: 10px; }
.txt-bold { font-size: 10pt; line-height: 20pt; letter-spacing: 2px; font-weight: bold; color: #020F4A; }
.txt-list { font-size: 10pt; font-weight: bold; line-height: 20pt; letter-spacing: 2px; color: #020F4A; }
.txt-caption { font-size: 9pt; line-height: 10pt; letter-spacing: 1px; text-align: left; }
.txt-caption img { padding-bottom: 5px; }
.txt-caption table {}
.txt-caption td { padding-bottom: 10px; }



/*　テキストカラー -------------------- */
.color-red { font-weight: normal; color: #990000; }
.color-red a:link    { text-decoration:none; color:#990000; }
.color-red a:visited { text-decoration:none; color:#990000; }
.color-red a:active  { text-decoration:none; color:#990000; }
.color-red a:hover  { text-decoration:underline; color:#990000; }



/*　注意箇所 -------------------- */
.notice-regular { font-size: 8pt; line-height: 1.4; color: #990000; letter-spacing: 1px; }




/*囲み文字 -------------------- */
.boxed-item-1 {
	font-size: 9pt; font-weight: bold; color: #000066;
	line-height: 13pt; letter-spacing: 1px;
	padding: 8px; margin: 15px 0 15px 0;
	border: thin solid #000066;	background-color: #FFFFFF;		
	}
.boxed-item-2 {
	font-size: 9pt; font-weight: bold;
	line-height: 13pt; letter-spacing: 1px;
	padding: 10px; margin: 10px 0 5px 0;
	border: thin solid #2D4574;	background-color: #DEEEEF;
	}
.boxed-item-3 {
	font-size: 11pt; font-weight: bold; color: #990000;
	line-height: 15pt; letter-spacing: 1px;
	padding: 8px; margin: 15px 0 15px 0;
	border: thin solid #990000;	background-color: #F0E3DF;		
	}
.boxed-item-3 a:link    { text-decoration:none; color:#990000; }
.boxed-item-3 a:visited { text-decoration:none; color:#990000; }
.boxed-item-3 a:active  { text-decoration:none; color:#990000; }
.boxed-item-3 a:hover  { text-decoration:underline; color:#990000; }


/*　表組みテキスト -------------------- */

.chart-bg table {
	background-color: #666666;
}
.chart-bg td,th {
	border: 1px solid #666666;
}
.chart-title-1 { font-size: 13pt; color: #666666; line-height: 17pt; letter-spacing: 1px; background-color: #D1D8E7; text-indent: 10px;	}
.chart-category-1 {
	font-size: 11pt; color: #333333;
	line-height: 17pt; letter-spacing: 1px;	text-align: center;
	background-color: #C8CACC; padding:0 5px 0 5px;	
}
.chart-base-1 {
	font-size: 10pt; color: #666666; line-height: 1.5;
	background-color: #FFFFFF; padding: 5px;
}
.chart-base-2 {
	font-size: 10pt; color: #666666; line-height: 16pt; letter-spacing: 1px;	
	background-color: #EAEBEC; padding:5px 10px 5px 10px;
}


/*　ボックス -------------------- */
#box-area {
	font-size: 11pt;
	line-height: 18pt;
	letter-spacing: 1px;
	text-align: left;
	width: 550px;
	margin-bottom: 10px;
}
#box {
	display:block;
	height:1%;
	min-height:1%;
	line-height:1.5;
	/* \*/display:block;
	overflow: inherit;
	}
#box:after {/* for modern browser */
	content:".";
	display:inherit;
	height:0;
	clear:both;
	line-height:0;
	visibility:hidden;
}
#box-left{
	display:inherit;/* for IE6 */
	width: 47%;
	float: left;
	margin-bottom: 10px;
}
#box-left img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
#box-left img.clear {
	margin-right: 0px;
	margin-bottom: 10px;
	float: none;
}
#box-right{
	display:inherit;/* for IE6 */
	width: 47%;
	float: right;
}
#box-right img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
#box-right img.clear {
	margin-right: 0px;
	margin-bottom: 10px;
	float: none;
}

/*--------------------------------------
	各ページ毎CSS
--------------------------------------*/
/*　トップページ -------------------- */
/*　企画展 -------------------- */
#content-special div.block { margin:0; background-color: #FFFFFF; }
#content-special div.information { margin-bottom:20px; }
#content-special div.block div.pseudo-frame {
	overflow:auto;
	width:550px;
	height:300px;
	border:1px solid #666;
}
* html #content-special div.block div.pseudo-frame {
	width:547px;
}
#content-special div.block dl {
	margin:0;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
}
#content-special div.block dl dt {
	color:#990000;
	font-size: 14px;
	font-weight: bold;
}
#content-special div.block dl dd {
	zoom:1;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1em;
	letter-spacing: 1px;
}


/*　新着情報 -------------------- */
#content-news div.block {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10;
	margin-left: 0;
}
#content-news div.information { margin-bottom:10px; }
#content-news div.block div.pseudo-frame {
	overflow:auto;
	width:545px;
	height:400px;
	border:1px solid #666;
	background-color: #FFFFFF;
}
* html #content-news div.block div.pseudo-frame {
	width:547px;
}
#content-news div.block dl { margin:0; padding:15px 20px; }
#content-news div.block dl dt {
	float:left;
	clear:left;
	color:#990000;
}
#content-news div.block dl dd {
	margin:0 0 1em 7em;
	zoom:1;
	text-align: left;
}
#content-news img {
	vertical-align: middle;
	padding-right: 10px;
}




/*　新着情報アイコン -------------------- */
.news-txt-regular {
	font-size: 9pt;
	letter-spacing: 1px;
	line-height: 17px;
	background-color: #FFFFFF; 
	padding: 15px;
	border:1px solid #666;
}
.news-txt-regular img {
	vertical-align: middle;
	margin-bottom: 5px;
}


/*　展示終了・掲載終了 -------------------- */

.news-txt-finish { color:#FFFFFF; padding: 3px 5px 2px 5px; margin: 0 5px; background:#FF6600; }



/*　24将 -------------------- */
#exposition-area {
	width: 550px;
	position: relative;
}
#exposition-area img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
#list-area {
	background-color: #FFFFFF;
	padding: 20px;
	border: 1px solid #666666;
	margin-top: 10px;
	position: relative;
}
#list {
	display:block;
	height:1%;
	min-height:1%;
	line-height:1.5;
	/* \*/display:block;
	overflow: inherit;
	}
#list:after {/* for modern browser */
	content:".";
	display:inherit;
	height:0;
	clear:both;
	line-height:0;
	visibility:hidden;
}
#list ul {}
#list li {}



/*　ニャン助 -------------------- */
#cat-photo-area {
	font-size: 9pt;
	line-height: 16pt;
	letter-spacing: 1px;
	text-align: left;
	width: 530px;
	background-color: #FFFFFF;
	padding: 10px;
}
#cat-photo {
	display:block;
	height:1%;
	min-height:1%;
	line-height:1.5;
	/* \*/display:block;
	overflow: visible;
	visibility: visible;
	}
#cat-photo:after {/* for modern browser */
	content:".";
	display:inherit;
	height:0;
	clear:both;
	line-height:0;
	visibility:hidden;
}
#nyan-bg-left {
	display:inherit;/* for IE6 */
	float: left;
	width: 47%;
	background-color: #CCCCCC;
	text-align: center;
	padding: 7px;
}
#nyan-bg-right {
	display:inherit;/* for IE6 */
	float: right;
	width: 47%;
	background-color: #CCCCCC;
	text-align: center;
	padding: 7px;
}



/*　グッズ -------------------- */
.goods-txt-name { font-size: 9pt; font-weight: bold; line-height: 1.5; letter-spacing: 1px; }
.goods-txt { font-size: 9pt; font-weight: normal; line-height: 1.4; letter-spacing: 1px; }
.goods-txt-exhibition { font-size: 8pt; font-weight: normal; line-height: 1.4; letter-spacing: 0.3px; }



/*　展示一覧 -------------------- */
.exhibit-txt-detail {
	font-size: 10pt; line-height: 15pt; letter-spacing: 1px;
	padding: 4px; margin: 5px 0 5px 0; border: thin solid #2D4574; background-color: #FFFFFF;
	}
#exhibit-area {
	font-size: 11pt;
	line-height: 18pt;
	letter-spacing: 1px;
	text-align: left;
	width: 550px;
	margin-bottom: 10px;
}
#exhibit {
	display:block;
	height:1%;
	min-height:1%;
	line-height:1.5;
	/* \*/display:block;
	overflow: inherit;
	}
#exhibit:after {/* for modern browser */
	content:".";
	display:inherit;
	height:0;
	clear:both;
	line-height:0;
	visibility:hidden;
}
#exhibit-left{
	display:inherit;/* for IE6 */
	width: 50%;
	float: left;
	margin-bottom: 10px;
}
#exhibit-left img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
#exhibit-right{
	display:inherit;/* for IE6 */
	width: 43%;
	float: right;
	margin-bottom: 10px;
}



/*　観光情報 -------------------- */
.reader-title {
	font-size: 9pt; font-weight: bold; letter-spacing: 1px;
	background-color: #CCCCCC;	text-indent: 3px;
	padding: 4px; margin-bottom: 5px;
	border-left: 3px solid #666666;
}
.reader-txt { font-size: 9pt; line-height: 1.5; background-color: #FFFFFF; padding: 7px; }
.sight-txt-info {
	font-size: 10pt; font-weight: bold; line-height: 1.7; color: #4D4D00;
	background-color: #E8E7D0; border: 1px solid #7B7844;
	padding: 5px; margin: 5px 0 0 0;
	}
.sight-txt-info a:link    { text-decoration:none; color:#4D4D00; }
.sight-txt-info a:visited { text-decoration:none; color:#4D4D00; }
.sight-txt-info a:active  { text-decoration:none; color:#4D4D00; }
.sight-txt-info a:hover  { text-decoration: underline; color:#4D4D00; }
.sight-txt-name { font-size: 11pt; font-weight: bold; color: #4D4D00; letter-spacing: 1px; margin: 10px 0 5px 0; }
.sight-spot {
	font-size: 10pt;
	color: #FFFFFF;
	background-color: #666600;
	padding: 3px;
	margin: 10px 0 10px 0;
	border: 1px solid #333300;
	line-height: 4;
}



/*　けい線 -------------------- */
.hr-dot { background: url(../images/hr_dot.gif) repeat-x center; margin: 10px 0 10px 0; }




/*--------------------------------------
	#補助リンク
--------------------------------------*/
/*　ブロックリンク -------------------- */
.link-record {
	font-size: 11pt;
	color: #333333;
	background-color: #FFFFFF;
	border-left: 5px solid #304069;
	text-indent: 5px;
	line-height: 30px;
	margin-bottom: 5px;
	letter-spacing: 1px;
}
.link-record a { text-decoration: none; display: block; }
.link-record a:hover { background-color: #ECFAFF; text-decoration: underline; color: #333333; }



/*　VLリンク -------------------- */	
#vllink { width:800px; margin-bottom: 10px; }
#vllink ul {
	list-style-type: none;
	font-size: 9px;
	text-align: left;
	padding: 0;
	margin: 5px 0 0 0px;
}
#vllink ul li { display: inline; padding-right: 10px; }
#vllink ul li a { text-decoration: none; color: #999999; }
#vllink ul li a:link { text-decoration: none; color: #999999; }
#vllink ul li a:visited { text-decoration: none; color: #999999; }
#vllink ul li a:hover { text-decoration: none; color: #999999; }
#vllink ul li strong { font-weight: normal; }




/*--------------------------------------
	#フッター
--------------------------------------*/

/*　foot-detail -------------------- */
#foot-detail-area {
	font-size: 9pt;
	font-weight: bold;
	text-align: left;
	line-height: 1.5;
	letter-spacing: 1px;
	background: url(../images/common/foot_detail_bg.gif) repeat;
	width: 730px;
	padding: 10px 35px 10px 35px;	
}
#foot-detail {
	display:inline-block;
	height:1%;
	min-height:1%;
	line-height:1.5;
	/* \*/display:block;/* */
	position: relative;
}
#foot-detail:after {/* for modern browser */
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0;
	visibility:hidden;
}
div#foot-detail-left{
	display:inline;/* for IE6 */
	width: 10%;
	float: left;
	margin-right: 10px;
}
div#foot-detail-right{
	display:inline;/* for IE6 */
	width: 88%;
	float: right;
}

/*　foot-navi -------------------- */
#foot-navi { width:800px; }
#foot-navi ul {
	background: url(../images/common/foot_navi_bg.gif) repeat;
	padding: 10px 35px 10px 35px;
	list-style-type: none;
	font-size: 9pt;
	line-height: 1.5;
	letter-spacing: 2px;
	text-align: left;
}
#foot-navi ul li { display: inline; padding-right: 10px; }
#foot-navi ul li a { text-decoration: none; color: #000000; }
#foot-navi ul li a:link { text-decoration: none; color: #000000; }
#foot-navi ul li a:visited { text-decoration: none; color: #000000; }
#foot-navi ul li a:hover { text-decoration: underline; color: #000000; }
#foot-navi ul li strong { font-weight: normal; }

/*　foot-copyright -------------------- */
#foot-copyright {
	font-size: 10pt;
	color: #FFFFFF;
	letter-spacing: 1px;
	text-align: left;
	background: url(../images/common/foot_copy_bg.gif) repeat-x;
	width: 730px;
	padding: 8px 35px 10px 35px;
}
#foot-copyright a:link    { text-decoration:none; color:#FFFFFF; }
#foot-copyright a:visited { text-decoration:none; color:#FFFFFF; }
#foot-copyright a:active  { text-decoration:none; color:#FFFFFF; }
#foot-copyright a:hover  { text-decoration:underline; color:#FFFFFF; }