@charset "utf-8";

/* =====================================================================

	1.layout
	2.header
	3.globalNavi
	4.sidebar
	5.Crumb
	6.footer

===================================================================== */

/* =====================================================================
	1.layout
===================================================================== */
body {
	background:#FFF;
	border-top:6px solid #3F3F3F;
}
body#home{
	background:#FFFFFF url(img/bg.jpg) no-repeat center top;
}
#header{
	position:relative;
	width:980px;
	height:104px;
	margin:0 auto;
	padding:0;
	text-align:left;
}
#home #header{
	height:384px;
}
#container {
	position: relative;
	width:980px;
	margin:0 auto;
	padding-bottom:30px;
	background:url(img/bg_container.gif) repeat-y center  !important;
}
#contents{
	clear:both;
	width:980px;
	margin:0 auto;
	padding:0;
	text-align:left;
}
#mainContents {
	float: right;
	display: inline;
	width: 738px;
}
#sideContents {
	float: right;
	display: inline;
	width:240px;
	border-top:1px solid #DDD;
	border-left:1px solid #DDD;
	border-right:1px solid #DDD;
}
.inner{
	clear:both;
	width:980px;
	margin:0 auto;
	padding:0;
	text-align:left;
}
#header:after,
#container:after,
#contents:after,
#mainContents:after,
#sideContents:after,
.inner:after{
	display:block;
	height:0;
	content:"";
	clear:both;
	visibility: hidden;
}
#header ul,
#sideContents ul,
#footer ul{ list-style:none;}


/* =====================================================================
	2.header
===================================================================== */
/*　2-1.タイトル　*/
#header h1,
#header p#siteName{
	position:absolute;
	width:240px;
	height:65px;
	top:20px;
	z-index:1000;
}
	#header #siteName a{
		display:block;
		overflow:hidden;
		width:240px;
		height:65px;
	}

/* 2-2-2.ヘッダーリンク */
#language{
	position:absolute;
	top:0;
	right:0;
	height:30px;
	padding:0 15px 0 2px;
	background:#3F3F3F;
	list-style:none;
}
	#language li{
		float:left;
		display:inline;
		height:13px;
		padding:9px 0 8px 13px;
		line-height:13px;
	}


/* =====================================================================
	3.globalNavi
===================================================================== */
#globalNavi{
	position:absolute;
	width:980px;
	top:-54px;
	margin:0;
	padding:0;
	height:54px;
}
#globalNavi ul{
	float:right;
	width:739px;
}
#globalNavi li{
	float:left;
	display:block;
	width:123px;
	height:54px;
	line-height:54px;
	border-top:1px solid #DDD;
}
#home #globalNavi li{
	border-top:1px solid #F3F3F3;
}
#globalNavi li.nav1{
	width:124px;
}
#globalNavi li a{
	overflow:hidden;
	display:block;
	width:100%;
	height:54px;
	line-height:54px;
	text-indent:-9999px;
	background:url(img/navi.png) 0 0 no-repeat;
	*background:url(img/navi_ie.gif) 0 0 no-repeat;
}
#globalNavi li.nav1 a{ background-position:0 0;}
#globalNavi li.nav2 a{ background-position:-124px 0;}
#globalNavi li.nav3 a{ background-position:-247px 0;}
#globalNavi li.nav4 a{ background-position:-370px 0;}
#globalNavi li.nav5 a{ background-position:-493px 0;}
#globalNavi li.nav6 a{ background-position:-616px 0;}

#globalNavi li.nav1 a:hover{ background-position:0 -54px;}
#globalNavi li.nav2 a:hover{ background-position:-124px -54px;}
#globalNavi li.nav3 a:hover{ background-position:-247px -54px;}
#globalNavi li.nav4 a:hover{ background-position:-370px -54px;}
#globalNavi li.nav5 a:hover{ background-position:-493px -54px;}
#globalNavi li.nav6 a:hover{ background-position:-616px -54px;}


#home #globalNavi li.nav1 a{ background-position:0 -108px;}
#about #globalNavi li.nav2 a{ background-position:-124px -108px;}
#exhibition #globalNavi li.nav3 a{ background-position:-247px -108px;}
#gold #globalNavi li.nav4 a{ background-position:-370px -108px;}
#facata #globalNavi li.nav5 a{ background-position:-493px -108px;}
#archives #globalNavi li.nav6 a{ background-position:-616px -108px;}


/* =====================================================================
	4.sidebar
===================================================================== */
/*　4-1.アイコンナビ　*/
#iconNavi{
	width:240px;
	height:52px;
	list-style:none;
	border-bottom:1px solid #DDD;
}
	#iconNavi li{
		float:left;
		display:inline;
		width:80px;
	}
	#iconNavi li a{
		overflow:hidden;
		display:block;
		width:80px;
		height:52px;
		text-indent:-9999px;
		background:url(img/icon_navi.gif) 0 0 no-repeat;
	}
	#iconNavi li.nav_access a{ background-position:0 0;}
	#iconNavi li.nav_schedule a{ background-position:-80px 0;}
	#iconNavi li.nav_info a{ background-position:-160px 0;}

	#iconNavi li.nav_access a:hover{ background-position:0 -52px;}
	#iconNavi li.nav_schedule a:hover{ background-position:-80px -52px;}
	#iconNavi li.nav_info a:hover{ background-position:-160px -52px;}

	#access #iconNavi li.nav_access a{ background-position:0 -52px;}
	#schedule #iconNavi li.nav_schedule a{ background-position:-80px -52px;}
	.info #iconNavi li.nav_info a{ background-position:-160px -52px;}

/*　4-2.サブナビ　*/
#subNavi{
	overflow:hidden;
	margin:0;
	padding:0;
	font-size:12px;
	_zoom: 1;
}
	#subNavi li{
		width:240px;
		height:53px;
		border-bottom:1px solid #DDD;
	}
	#subNavi li.nav_book{
		border-bottom:1px dotted #DDD;
	}
	#subNavi li a{
		overflow:hidden;
		display:block;
		height:53px;
		width:240px;
		text-indent:-9999px;
		background-repeat:no-repeat;
		background-position:left top;
	}
	#subNavi li a:hover{
		background-position:right bottom;
	}
	#subNavi li.nav_book a{ background-image:url(img/navi_book.gif);}
	#subNavi li.nav_cafe a{ background-image:url(img/navi_cafe.gif);}
	#subNavi li.nav_camera a{ background-image:url(img/navi_camera.gif);}
	#subNavi li.nav_photo a{ background-image:url(img/navi_photo.gif);}


/*　4-3.バナー　*/
ul.sideBanner{
	padding-top:10px;
	border-bottom:1px solid #DDD;
	background:#FFFFFF;
}
	ul.sideBanner li{
		width:180px;
		margin:0 auto 10px;
		line-height:1.5;
	}
/*　4-3.広告バナー　*/
div.adBanner{
	border-bottom:1px solid #DDD;
	background:#FFFFFF;
}
	div.adBanner h3{
		padding:0 15px;
		font-size:100%;
		font-weight:bold;
		line-height:30px;
	}
	div.adBanner li{
		width:180px;
		margin:0 auto 10px;
	}
#sideFacebook{
	padding:10px;
	text-align:center;
	background:#FFFFFF;
	border-bottom:1px solid #DDD;
}
#sideFacebook span#u_0_1{
	display:none;
}
#sideSocial{
	padding:10px 30px;
	text-align:center;
	background:#FFFFFF;
	border-bottom:1px solid #DDD;
}
.social_L{
	padding-top:13px;
	width:50px;
	float:left;
}
.social_R{
	float:right;
}
.social_R p{
	padding-left:0px !important;
}

#sideSocial ul{
	list-style:none;
}
#sideSocial ul li{
	display:inline;
	padding:5px 2px;
	}
#sideSocial li img{
	width:35px;
}
#sidePressRelease{
	padding:10px;
	text-align:center;
	background:#FFFFFF;
	border-bottom:1px solid #DDD;
}

#sideFacata{
	position:relative;
	background:#FFFFFF;
	border-bottom:1px solid #DDD;
}
	#sideFacata h3{
		height:30px;
		padding:0 15px;
		color:#FFFFFF;
		font-size:108%;
		font-weight:bold;
		line-height:30px;
		background:#333333;
	}
	#sideFacata .listLink{
		position:absolute;
		top:5px;
		right:15px;
		color:#FFFFFF;
		font-size:10px;
		font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
		line-height:20px;
	}
	#sideFacata .listLink a{ color:#FFFFFF;}
	#sideFacata .listLink a:hover{ color: #CCC; text-decoration:underline !important;}

#sideFacata div a{
	display:block;
	padding:10px;
	text-align:center;
}
#sideFacata div a:hover{
	background:#F5F5F5;
}

#sideCalendar{
	padding:10px;
	text-align:center;
	background:#FFFFFF;
	border-bottom:1px solid #DDD;
}

#sideCalendar p{
	line-height:15px;
}

	#sideCalendar dl {
		margin:10px 0;
		text-align:left;
	}
		#sideCalendar dt {
			clear:left;
			float:left;
			width:50px;
			margin:7px 0 5px 5px;
			padding:0;
			color:#FFFFFF;
			font-size:10px;
			line-height:1.5;
			background:#333333;
			text-align:center;
		}
		#sideCalendar dd {
			padding:7px 5px 5px 65px;
			font-size:12px;
			line-height:1.5;
			background:url(img/dd_side.gif) repeat-x top;
		}


#sideInfo{
	padding:10px;
}
	#sideInfo h3{
		font-size:14px;
		font-weight:bold;
		line-height:30px;
	}
	#sideInfo p{
		margin-bottom:10px;
		font-size:12px;
		line-height:1.5;
	}
	#sideInfo div.bnr{
		margin-bottom:10px;
		line-height:1;
	}
	#sideInfo ul{
		margin-bottom:10px;
		list-style:none;
	}
	#sideInfo li{
		padding-left:15px;
		background:url(img/ic_side.gif) no-repeat left center;
	}
	#sideInfo a,
	#sideInfo a:link,
	#sideInfo a:visited,
	#sideInfo a:active { color: #06C; text-decoration:none;}
	#sideInfo a:hover { color: #06C; text-decoration: underline;}

	#sideInfo dl {
		margin-bottom:10px;
	}
		#sideInfo dt {
			clear:left;
			float:left;
			width:50px;
			margin:7px 0 5px 5px;
			padding:0;
			color:#FFFFFF;
			font-size:10px;
			line-height:1.5;
			background:#333333;
			text-align:center;
		}
		#sideInfo dd {
			padding:7px 5px 5px 65px;
			font-size:12px;
			line-height:1.5;
			background:url(img/dd_side.gif) repeat-x top;
		}

#sideCaution{
	margin:10px;
	border:4px solid #c00;
	padding:10px;
	background-color:#FEE;
	}
	#sideCaution p{
		margin-bottom:10px;
		line-height:1.5;
		font-size:14px;
		}
	#sideCaution p.title{
		font-size:17px;
		color:#c00;
		font-weight:bold
		}
	#sideCaution a,
	#sideCaution a:link,
	#sideCaution a:visited,
	#sideCaution a:active { color: #c00; text-decoration:none;}
	#sideCaution a:hover { color: #06C; text-decoration: underline;}

div.sideBtn{
	clear:both;
	width:240px;
	margin:0 auto 10px;
	text-align:center;
}
div.sideBtn2{
	clear:both;
	width:240px;
	margin:0 auto 10px;
	text-align:center;
}
ul.sideBox{
	clear:both;
	width:240px;
	margin:0 auto;
	padding-bottom:5px;
}
ul.sideBox li{
	margin-bottom:10px;
	_zoom:1;
}
div.calendarBox{
	clear:both;
	width:240px;
	margin:0 auto 20px;
	*display:none;
}
div.calendarBox h3{
	margin-bottom:5px;
}

/* サイドナビ */
#sideContents div.sideParts{
	clear:both;
	width:240px;
	margin:0 auto;
	padding:0;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
#sideContents div.sideParts h3{
	height:53px;
}
#sideContents div.sideParts h3 a{
	overflow:hidden;
	height:53px;
	line-height:53px;
	text-indent:-9999px;
}
#about #sideContents div.sideParts h3 a{ background:#666 url(img/side_about.gif) no-repeat 0 0;}
#exhibition #sideContents div.sideParts h3 a{ background:#666 url(img/side_exhibition.gif) no-repeat 0 0;}
#education #sideContents div.sideParts h3 a{ background:#666 url(img/side_education.gif) no-repeat 0 0;}
#gold #sideContents div.sideParts h3 a{ background:#666 url(img/side_gold.gif) no-repeat 0 0;}
#facata #sideContents div.sideParts h3 a{ background:#666 url(img/side_facata.gif) no-repeat 0 0;}
#archives #sideContents div.sideParts h3 a{ background:#666 url(img/side_archives.gif) no-repeat 0 0;}

#about #sideContents div.sideParts h3 a:hover{ background:#777 url(img/side_about.gif) no-repeat right 0;}
#exhibition #sideContents div.sideParts h3:hover{ background:#777 url(img/side_exhibition.gif) no-repeat right 0;}
#gold #sideContents div.sideParts h3:hover{ background:#777 url(img/side_gold.gif) no-repeat right 0;}
#facata #sideContents div.sideParts h3:hover{ background:#777 url(img/side_facata.gif) no-repeat right 0;}
#educa #sideContents div.sideParts h3:hover{ background:#777 url(img/side_education.gif) no-repeat right 0;}
#archives #sideContents div.sideParts h3:hover{ background:#777 url(img/side_archives.gif) no-repeat right 0;}

#sideContents div.sideParts h3 a{
	display:block;
	overflow:hidden;
	height:53px;
}
#sideContents ul.snavi{
	margin:0;
	padding:0;
	overflow: hidden;
	font-size:12px;
	border-bottom:1px solid #DDD;
	*zoom: 1;
}
#sideContents ul.snavi li{
	overflow:hidden;
	background:#F6F6F6;
}
#sideContents ul.snavi li a{
	display:block;
	padding:9px 5px 9px 58px;
	color: #333;
	line-height:1.4;
	text-decoration:none;
	background:#F6F6F6 url(img/ic_side.gif) no-repeat 30px 12px;
	*zoom:1;
}
#sideContents ul.snavi li.on a{
	display:block;
	padding:9px 5px 9px 58px;
	color:#333;
	text-decoration:none;
	background:#E3E3E3 url(img/ic_side.gif) no-repeat 30px 12px;
}
#sideContents ul.snavi li a:hover{
	color: #333;
	text-decoration:none;
	background:#E3E3E3 url(img/ic_side.gif) no-repeat 30px 12px;
}

#sideContents ul.snavi li ul.sub_list{
	list-style:none;
}
#sideContents ul.snavi li ul.sub_list li{
	overflow:hidden;
	margin:0;
	font-weight:normal;
	border-bottom:0;
}
#sideContents ul.snavi li ul.sub_list li a{
	color:#333;
	padding:8px 5px 7px 70px;
	display:block;
	line-height:1.3;
	text-decoration:none;
	background:#FFF url(img/ic_side.gif) no-repeat 60px center;
}
#sideContents ul.snavi li ul.sub_list li.on a{
	color: #333;
	text-decoration:none;
	background:#E3E3E3 url(img/ic_side.gif) no-repeat 60px center;
}
#sideContents ul.snavi li ul.sub_list li a:hover{
	color:#333;
	text-decoration:none;
	background:#E3E3E3 url(img/ic_side.gif) no-repeat 60px center;
}

/* サイドナビ2 */
#sideContents ul.snavi2{
	margin:0;
	padding:0;
	_zoom: 1;
	overflow: hidden;
	font-size:12px;
	border-top:1px solid #DDD;
	border-left:1px solid #DDD;
	border-right:1px solid #DDD;
}
#sideContents ul.snavi2 li{
	overflow:hidden;
	border-top:1px solid #FFF;
	border-bottom:1px solid #DDD;
	background:#FFF;
}
#sideContents ul.snavi2 li a{
	display:block;
	padding:8px 5px 7px 25px;
	color: #306;
	line-height:130%;
	text-decoration:none;
	background: url(img/ic_navi.gif) no-repeat 10px center;
	_zoom:1;
}
#sideContents ul.snavi2 li a:hover{
	color: #333;
	text-decoration:none;
	background:#EFEEF5 url(img/ic_navi.gif) no-repeat 10px center;
}


/* =====================================================================
	5.Crumb
===================================================================== */
#crumb{
	height:29px;
	background:#F6F6F6;
	border-right:1px solid #DDD;
}
#crumb ul{
	height:29px;
	padding:0 0 0 20px;
}
#crumb li{
	display:inline;
	float:left;
	line-height:29px;
}
#crumb li a{
}

/* =====================================================================
	6.footer
===================================================================== */
#footer{
	clear:both;
	width:100%;
	color:#FFF;
	background: url(img/bg_footer.gif) top center;
}
#footNavi{
	clear:both;
	width:100%;
	height:47px;
	margin:0 auto;
	padding-top:2px;
	background: url(img/bg_foonavi.gif) repeat-x top;
	border-bottom:1px solid #1A1A1A;
}
#footNavi .inner{
	position:relative;
	width:980px;
	margin:0 auto;
}
	#footNavi ul{
		overflow:hidden;
		padding:16px 0 0;
	}
		#footNavi li{
			float:left;
			display:inline;
			height:15px;
			padding:0 3px 0 10px;
			line-height:15px;
			_zoom:1;
		}
		#footNavi li a {
			font-size: 12px;
		}
		#footNavi li a,
		#footNavi li a:link,
		#footNavi li a:visited,
		#footNavi li a:active { padding-left:10px; color:#FFF; text-decoration:none; background: url(img/li_footer.gif) no-repeat 0 4px;}
		#footNavi li a:hover { color: #CCC; text-decoration: underline; background: url(img/li_footer.gif) no-repeat 0 4px;}

	#footNavi .pagetop{
		position:absolute;
		top:-27px;
		right:20px;
		height:27px;
	}
		#footNavi .pagetop a{
			display:block;
			overflow:hidden;
			width:150px;
			height:27px;
			text-indent:-9999px;
			background:url(img/btn_pagetop.gif) no-repeat 0 0;
		}
		#footNavi .pagetop a:hover{
			background:url(img/btn_pagetop.gif) no-repeat 0 -27px;
		}


#footLink{
	clear:both;
	width:100%;
	padding-top:17px;
	border-top:1px solid #5A5A5A;
	border-bottom:1px solid #1A1A1A;
}
#footLink h3{
	height:40px;
	padding:0 34px;
	color:#FFF;
	line-height:40px;
	background:url(img/dt_footer.gif) no-repeat 16px 14px;
	border-bottom:1px solid #1A1A1A;
}
#footLink ul{
	height:120px;
	padding:11px 0 14px 18px;
	border-top:1px solid #5A5A5A;
}
#footLink li{
	float:left;
	display:inline;
	width:240px;
	height:25px;
	line-height:25px;
}
	#footLink li a,
	#footLink li a:link,
	#footLink li a:visited,
	#footLink li a:active {
		display:block;
		padding-left:16px;
		color:#FFF;
		text-decoration:none;
		background:url(img/ic_footer.gif) no-repeat 0 center;
	}
	#footLink li a:hover { color: #CCC; text-decoration:underline;}

#copyright{
	height:37px;
	padding-top:3px;
	border-top:1px solid #5A5A5A;
}
	#copyright address{
		width:980px;
		margin:0 auto;
		height:37px;
		color:#FFFFFF;
		font-style:normal;
		line-height:37px;
		text-indent:-9999px;
		background:url(img/copyright.gif) no-repeat center top;
	}
#footer:after,
#footBox:after,
#footLink:after,
#footNavi:after,
#address:after{
	display:block;
	height:0;
	content:"";
	clear:both;
	visibility: hidden;
}