@charset "utf-8";
/*===================================================================
	common
===================================================================*/
body { }

#headerInr,
#containerInr,
#bnrAreaInr{ width:978px; margin:0 auto; }

#header,
#container,
#bnrArea,
#footerArea {
	width:100%;
	min-width:980px;
}


/* Header
------------------------------------------ */
#header {
	border-bottom:1px solid #d2d2d2;
	width:100%;
	min-width:980px;
	background-color:#8b3d56;
}
#header #headerInr {
	border-left:1px solid #d2d2d2;
	border-right:1px solid #d2d2d2;
	background-color:#ffffff;
}

#header #siteTtl {
	display:inline-block;
	margin-left:9px;
	padding:13px 0 9px;
}
#header #siteTtl a {
	display:block;
	width:200px;
	height:33px;
	background:url(/museum/common/img/logo_s.gif) no-repeat 0 0;
	text-indent:-9999px;
	overflow:hidden;
}
#header #siteTtl a:hover {
	opacity:0.6;
	filter: alpha(opacity=60);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=60)";  /* ie 8 */
	-moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.6;              /* Safari 1.x */
}
body#top #header #siteTtl{
	display:block;
	width:286px;
	margin:0 auto;
	padding:16px 0;
}
body#top #header #siteTtl a {
	display:block;
	width:286px;
	height:47px;
	background:url(/museum/common/img/logo.gif) no-repeat 0 0;
	text-indent:-9999px;
	overflow:hidden;
}


/* gNav */
#gNav {
	border-top:1px solid #d2d2d2;
	border-bottom:2px solid #8b3d56;
}

#gNav ul {
	width:978px;
}
#gNav ul li {
	float:left;
}
#gNav ul li a { 
	display:block;
	width:163px;
	height:34px;
	background-image:url(/museum/common/img/gnav_btn.jpg);
	background-repeat:no-repeat;
	overflow:hidden;
	text-indent:-9999px;
}

#gNav ul li.about a { background-position:0 0; }
#gNav ul li.collection a {background-position:-163px 0;}
#gNav ul li.exhibitions a {background-position:-326px 0;}
#gNav ul li.event a { background-position:-489px 0; }
#gNav ul li.info a { background-position:-652px 0; }
#gNav ul li.link a { background-position:-815px 0; }

#gNav ul li.about a:hover { background-position:0 -34px; }
#gNav ul li.collection a:hover {background-position:-163px -34px; }
#gNav ul li.exhibitions a:hover {background-position:-326px -34px; }
#gNav ul li.event a:hover { background-position:-489px -34px; }
#gNav ul li.info a:hover { background-position:-652px -34px; }
#gNav ul li.link a:hover { background-position:-815px -34px; }

body#about #gNav ul li.about a { background-position:0 -34px; }
body#collection #gNav ul li.collection a {background-position:-163px -34px; }
body#exhibitions #gNav ul li.exhibitions a {background-position:-326px -34px; }
body#event #gNav ul li.event a { background-position:-489px -34px; }
body#info #gNav ul li.info a { background-position:-652px -34px; }
body#link #gNav ul li.link a { background-position:-815px -34px; }


/* infoArea */
.infoArea {
	display:inline-block;
	margin:0 0 15px 13px;
	vertical-align:bottom;
}
.infoArea ul li {
	float:left;
	margin-left:20px;
}
.infoArea a:hover img {
	opacity:0.6;
	filter: alpha(opacity=60);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=60)";  /* ie 8 */
	-moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.6;              /* Safari 1.x */
}

/* infoArea top */
.infoArea.top {
	display:block;
	width:950px;
	margin:0 auto;
	padding:14px 0 4px;
}
.infoArea.top ul li {
	margin:0 11px;
}
.infoArea.top {
	display:none;
}
body#top .infoArea {
	display:none;
}
body#top .infoArea.top {
	display:block;
}



/* container
------------------------------------------ */
#container {
	background:url(/museum/common/img/container_bg.gif) repeat 0 0;
}
#container #containerInr {
	overflow:hidden;
	border-left:1px solid #d2d2d2;
	border-right:1px solid #d2d2d2;
	background-color:#ffffff;
}
#container #containerBg {
	background:url(/museum/common/img/container_bg_shadow.png) repeat-y center 0;
}

/* topicPath */
#topicPath {
	padding:14px 0 4px;
	text-align:left;
	border-bottom:1px solid #d2d2d2;
}
#topicPath li {
	display:inline;
	margin-left:5px;
	font-size:93%;
	background:url(/museum/common/img/topicPath_ico.gif) no-repeat left center;
	padding-left:15px;
}
#topicPath li:first-child {
	margin-left:14px;
	padding-left:0;
	background:none;
}
#topicPath li a {
	color:#1e1e1e;
	text-decoration:underline;
}
#topicPath li a:hover {
	color:#8b3d56;
	text-decoration:none;
}


/* sub
------------------------------------------ */
#sub { float:left; width:214px; }


/* lNavi */
#lNavTtl {
	padding:20px 0 20px 13px;
	border-bottom:solid 4px #8b3d56;
}
#lNav li {
	padding-left:15px;
	border-bottom:solid 1px #d2d2d2;
}
#lNav li a,
#lNav li span {
	display:inline-block;
	padding:11px 0 10px 17px;
	background:url(/museum/common/img/icn_ttl_s.gif) no-repeat 0 center;
	font-size:108%;
}
#lNav li a {
	color:#1e1e1e;
	text-decoration:none;
}
#lNav li a:hover {
	color:#8b3d56;
}
#lNav li.act a,
#lNav li.act span {
	font-weight:bold;
	color:#8b3d56;
	text-decoration:none;
}
#lNav li a span.pdf_s {
	background:url(/museum/common/img/icn_pdf_s.gif) no-repeat right 0;
	padding:0 26px 0 0;
}
#lNav li.no-act {
	background:url(/museum/common/img/footer_bg.gif) repeat 0 0;
}
#lNav li.no-act span {
	opacity:0.3;
	-ms-filter: "alpha(opacity=30)"; /* ie8 */
}


/* btm
------------------------------------------ */
#btm {
	padding:35px 0 15px;
	border-top:1px solid #d2d2d2;
}
#btm #social li {
	float:left;
	margin-left:5px;
	overflow:hidden;
}
#btm #social li.tw {
	width:70px;
	height:20px;
}
#btm #social li.fb {
	width:70px;
	height:20px;
}
#btm #pageTop { margin:0 15px 0 13px; }
#btm #social,
#btm #pageTop { float:right; }


/* main
------------------------------------------ */
#main { font-size:14px; }

/*以降の#main内のフォントサイズは==================================
10px＝ 71%　　|　　16px＝114%　　|　　22px＝157%
11px＝ 79%　　|　　17px＝121%　　|　　23px＝164%
12px＝ 86%　　|　　18px＝129%　　|　　24px＝171%
13px＝ 93%　　|　　19px＝136%　　|　　25px＝176%
14px＝100%　　|　　20px＝143%　　|　　26px＝186%
15px＝107%　　|　　21px＝150%　　|　　
=================================================================*/

#main {
	float:right;
	width:763px;
	padding-top:20px;
	text-align:left;
	border-left:1px solid #d2d2d2;
}
#main #mainInr {
	width:680px;
	margin:0 auto;
}



/* footer
------------------------------------------ */
#footer {
	border-top:solid 1px #d2d2d2;
}


/* bnrArea */
#bnrArea {
	border-bottom:solid 1px #d2d2d2;
	background-color:#8b3d56;
}
#bnrAreaInr {
	padding:17px 0;
}
#bnrAreaInr > div {
	float:left;
	min-height:125px;
	background:url(/museum/common/img/line_dot_y_wh.png) repeat-y left 0;
	padding:0 14px 0 15px;
}
#bnrAreaInr .bnrArea-01 {
	background:none;
}
#bnrArea dt {
	margin-bottom:17px;
}
#bnrArea dd li{
	float:left;
	overflow:hidden;
}
#bnrArea dd li + li {
	margin-left:18px;
}
#bnrArea .bnrTxt {
	margin:4px 0 0 1px;
	padding-left:15px;
	background:url(/museum/common/img/icn_arrow_up_wh.gif) no-repeat 0 4px;
	color:#ffffff;
	font-size:85%;
}
#bnrArea a:hover img {
	opacity:0.9;
	filter: alpha(opacity=90);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=90)";  /* ie 8 */
	-moz-opacity:0.9;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.9;              /* Safari 1.x */
}


/* footerArea */
#footerArea {
	background:url(/museum/common/img/footer_bg.gif) repeat 0 0;
}
#footerArea #footerAreaInr {
	width:860px;
	margin:0 auto;
	padding-top:15px;
}


/* address */
#footerArea #address {
	float:left;
	width:370px;
}
#footerArea #address dl {
	margin-top:25px;
}
#footerArea #address dt {
	margin-bottom:14px;
	font-size:116%;
}
#footerArea #address dd	{}
#footerArea #address dd	li {
	padding:3px 0;
}


/* footerNav */
#footerArea #footerNav {
	float:right;
}
#footerArea #footerNav dl {
	margin-top:25px;
}
#footerArea #footerNav dt {
	margin-bottom:10px;
}
#footerArea #footerNav dd {}
#footerArea #footerNav dd li {
	padding:3px 0 3px 9px;
	background:url(/museum/common/img/icn_disc.gif) no-repeat -3px 0.4em;
}
#footerArea #footerNav li a span.pdf_s {
	background:url(/museum/common/img/icn_pdf_s.gif) no-repeat right 0;
	padding:0 26px 0 0;
}

#footerArea #footerNav .col-1,
#footerArea #footerNav .col-2,
#footerArea #footerNav .col-3 { float:left; margin:0 0 0 10px; }

#footerArea #footerNav .col-1 { width:140px; }
#footerArea #footerNav .col-2 { width:135px; }
#footerArea #footerNav .col-3 { width:auto; }


#copyright {
	width:860px;
	margin:25px auto 0;
	padding:26px 0 20px;
	background:url(/museum/common/img/line_dot_x.gif) repeat-x 0 0;
	color:#1e1e1e;
	font-size:77%;
	text-align:center;
}


/* General purpose
------------------------------------------ */
.fcR { color:#ee0000 !important;}
.noIndent { text-indent:0 !important; }