@charset "utf-8";

/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-

		基本レイアウト用CSS
		
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/




/**************************************************************

	Header

***************************************************************/




/****************************************************************

	Navigation

*****************************************************************/



/**************************************************************

	Content

***************************************************************/



/* main
===============================================================*/
.about #main {
	padding: 75px 28px 0 28px;
	float: right;
	width: 740px;
	background: url("../images/bg_about_content.jpg") no-repeat -160px 0;
}

.sitemap #main,
.inquiry #main {
	padding: 75px 28px 0 28px;
	float: right;
	width: 740px;
	background: url("../images/bg_sitemap_content.jpg") no-repeat -160px 0;
}

.access #main {
	padding: 75px 28px 0 28px;
	float: right;
	width: 740px;
	background: url("../images/bg_access_content.jpg") no-repeat -160px 0;
}

.foyer #main {
	padding: 75px 28px 0 28px;
	float: right;
	width: 740px;
	background: url("../images/bg_foyer_content.jpg") no-repeat -160px 0;
}

.chronicle #main {
	padding: 107px 25px 0 28px;
	float: right;
	width: 743px;
	background: url("../images/bg_chronicle_content.jpg") no-repeat -160px 0;
}

.permanent #main {
	padding: 75px 28px 0 28px;
	float: right;
	width: 740px;
	background: url("../images/bg_permanent_content.jpg") no-repeat -160px 0;
}

.permanent-exhibits #main {
	padding: 75px 25px 0 0;
	float: right;
	width: 771px;
	background: url("../images/bg_permanent_content.jpg") no-repeat -160px 0;
}

.museumnews #main {
	padding: 75px 25px 0 0;
	float: right;
	width: 652px;
	background: url("../images/bg_news_content.jpg") no-repeat -279px 0;
}

.section {
	margin: 0 0 40px;
	padding: 0 0 0 150px;
	font-size: 75%;
}

.section_wide {
	padding: 0;	
}

.section-row {
	width: 740px;
}

.section-row:after {
	content: ".";
	clear: both;
	display: block;
	visibility: hidden;
	line-height: 0;
	font-size: .1px;		
}

.section_left {
	float: left;
	width: 265px;
}

.section_right {
	width: 325px;
	float: right;
	padding: 0;
}

.permanent-exhibits .section .hd_exhibit-chapter {
	margin: 0 -25px 0 0;
}

.section .bd {

}

.permanent-exhibits .section .bd {
	padding: 0 0 0 181px;
	margin: 0 0 0 0;
}

.section .bd p {
	margin: 23px 0 0;
	line-height: 1.8333;
}

.section .bd p.first-child {
	margin: 11px 0 0;	
}

.section .bd ol li {
	margin: 0 0 0 22px;
	list-style: decimal outside;
	line-height: 1.8333;
}

.section .image-block {
	/zoom: 1;
}

.section .wide-block {
	margin-left: -150px;
}

.section .img-left {
	float: left;
}

.section .img-right {
	float: right;
}

.section .image-block .img-left {
	float: left;
}

.section .image-block .img-right {
	float: right;
}

.section  .exhibit-image-block {
	margin: 0 -25px 0 -181px;
}

.section .image-block:after {
	content: ".";
	clear: both;
	display: block;
	visibility: hidden;
	line-height: 0;
	font-size: .1px;	
}

.section .museum-guide {
	margin: 13px 0 0;
	background: url("../images/bdr_v.gif") repeat-y 72px 5px;
}

.section .museum-guide dl {
	line-height: 1.8333;
}

.section .museum-guide dl dt {
	width: 92px;
	float: left;
	font-weight: bold;
}

.section .museum-guide dl dd {
	margin: 0 0 10px 95px;
}

.permanent .section .museum-guide {
	background: url("../images/bdr_v.gif") repeat-y 103px 5px;
}
.permanent .section .museum-guide dl dt {
	width: 120px;
}
.permanent .section .museum-guide dl dd {
	margin: 0 0 10px 120px;
}

.section .museum-guide dl dd p {
	margin: 0;
}

.section .museum-guide dl dd table {
	margin: 0 0 6px 0px;
}

.section .museum-guide dl dd table th {
	width: 100px;
	font-weight: normal;
	vertical-align: middle;
	text-align: center;
}


.section dl.compact dt {
	float: left;
	clear: both;
}

.section dl.compact dd {
	
}

.section dl {
	line-height: 1.8333;
}

.section dl.schedule dt {
	font-weight: bold;
}

.section dl.schedule dd {
	font-weight: bold;
}

.section dl.schedule dd p {
	margin: 0;
	_height: 1%;
}

.section dl.foyer_schedule {
	margin: 30px 0 0;
	width: 360px;
}

.section dl.foyer_schedule dt {
	width: 52px;
}

.section dl.foyer_schedule dd {
}

.sitemap-list {
	padding: 0 0 0 17px;
}

.sitemap-list ul li {
	padding: 0 0 0 16px;
	line-height: 2.5;
	background: url("../images/marker_sqr_bl.gif") no-repeat 0 .8em;
}

.section .privacy-policy {
	
}

.section .privacy-policy dl {
	margin: 15px 0 0;
	line-height: 1.8333;
}

.section .privacy-policy dl dt {
	font-weight: bold;
}
.section .privacy-policy dl dd {
	margin: 0 0 0 1em;
}

.section .privacy-policy dl dd p {
	margin: 0;
}

.section .privacy-policy dl dd ul {
	margin: 15px 0 18px;
}

.section .privacy-policy dl dd ul li {
	margin: 0 0 0 12px;
}

.section .inquiry-form {
	margin: 0 0 50px;
}

.section .inquiry-form em.required {
	color: #FF3300;
}

.section .inquiry-form p {
	margin: 0 0 37px;
}

.section .inquiry-form dl dt {
	float: left;
	display: inline;
	width: 9.5em;
}

.section .inquiry-form dl dd {
	margin: 0 0 12px 9.5em;
}

.section .inquiry-form dl dd p {
	margin: 0;
}




.section .inquiry-form dl dd input.text {
	width: 220px;
}

.section .inquiry-form dl dd input.mail {
	margin: 0 0 12px;
	width: 320px;
}

.section .inquiry-form dl dd input.mail-check {
	margin: 0 0 5px;
	width: 320px;
}

.section .inquiry-form dl dd input.tel {
	width: 70px;
}

.section .inquiry-form dl dd textarea {
	width: 320px;
	height: 100px;
}

.section .inquiry-form p.buttons {
	margin: 0 150px 0 0;
	text-align: right;
}

.chronology {
	padding: 1px 0 0;
}

.chronology dl {
	line-height: 1.3333;
}

.chronology dl dt{
	float: left;
	display: inline;
	margin: 0 -14em .5em 0;
}

.chronology dl dt span {
	margin: 0 0 0 22px;
	width: 3.5em;
	text-align: right;
}

.chronology dl dd{
	margin: 0 0 14px 14em;
}

.exhibits {
	margin: 10px 0 0 -6px;
	width: 596px;
}

.exhibits ul {
	width: 596px;
}

.exhibits ul:after {
	content: ".";
	clear: both;
	display: block;
	visibility: hidden;
	line-height: 0;
	font-size: .1px;		
}

.exhibits ul li {
	margin: 4px 0 0;
	padding: 0 0 0 4px;
	float: left;
}

.exhibits-navi {
	width: 746px;
	margin: 0 0 0 25px;
}

.exhibits-navi ul:after {
	content: ".";
	clear: both;
	display: block;
	visibility: hidden;
	line-height: 0;
	font-size: .1px;		
}

.exhibits-navi ul li {
	padding: 0 0 0 3px;
	float: left;
}

.notes {
	margin: 40px 0 0;
}

.notes ul li {
	padding: 2px 0 2px 30px;
	line-height: 1.5;
	background-repeat:no-repeat;
	background-position: 0 .2em;
}

.notes ul li.note01 {
	background-image: url("../images/icon_01.gif") ;
}
.notes ul li.note02 {
	background-image: url("../images/icon_02.gif") ;
}
.notes ul li.note03 {
	background-image: url("../images/icon_03.gif") ;
}
.notes ul li.note04 {
	background-image: url("../images/icon_04.gif") ;
}
.notes ul li.note05 {
	background-image: url("../images/icon_05.gif") ;
}
.notes ul li.note06 {
	background-image: url("../images/icon_06.gif") ;
}
.notes ul li.note07 {
	background-image: url("../images/icon_07.gif") ;
}
.notes ul li.note08 {
	background-image: url("../images/icon_08.gif") ;
}
.notes ul li.note09 {
	background-image: url("../images/icon_09.gif") ;
}
.notes ul li.note10 {
	background-image: url("../images/icon_10.gif") ;
}
.notes ul li.note11 {
	background-image: url("../images/icon_11.gif") ;
}
.notes ul li.note12 {
	background-image: url("../images/icon_12.gif") ;
}
.notes ul li.note13 {
	background-image: url("../images/icon_13.gif") ;
}
.notes ul li.note14 {
	background-image: url("../images/icon_14.gif") ;
}
.notes ul li.note15 {
	background-image: url("../images/icon_15.gif") ;
}
.notes ul li.note16 {
	background-image: url("../images/icon_16.gif") ;
}
.notes ul li.note17 {
	background-image: url("../images/icon_17.gif") ;
}
.notes ul li.note18 {
	background-image: url("../images/icon_18.gif") ;
}
.notes ul li.note19 {
	background-image: url("../images/icon_19.gif") ;
}
.notes ul li.note20 {
	background-image: url("../images/icon_20.gif") ;
}



.mgnb5 { margin-bottom: 5px !important;}
.mgnb10 { margin-bottom: 10px !important;}
.mgnb15 { margin-bottom: 15px !important;}
.mgnb20 { margin-bottom: 20px !important;}
.mgnb25 { margin-bottom: 25px !important;}
.mgnb30 { margin-bottom: 30px !important;}
.mgnb35 { margin-bottom: 35px !important;}
.mgnb40 { margin-bottom: 40px !important;}
.mgnb45 { margin-bottom: 45px !important;}
.mgnb50 { margin-bottom: 50px !important;}
.mgnb55 { margin-bottom: 55px !important;}
.mgnb60 { margin-bottom: 60px !important;}
.mgnb65 { margin-bottom: 65px !important;}
.mgnb70 { margin-bottom: 70px !important;}

.mgnt5 { margin-top: 5px !important;}
.mgnt10 { margin-top: 10px !important;}
.mgnt15 { margin-top: 15px !important;}
.mgnt20 { margin-top: 20px !important;}
.mgnt25 { margin-top: 25px !important;}
.mgnt30 { margin-top: 30px !important;}
.mgnt35 { margin-top: 35px !important;}
.mgnt40 { margin-top: 40px !important;}
.mgnt45 { margin-top: 45px !important;}
.mgnt50 { margin-top: 50px !important;}
.mgnt55 { margin-top: 55px !important;}
.mgnt60 { margin-top: 60px !important;}
.mgnt65 { margin-top: 65px !important;}
.mgnt70 { margin-top: 70px !important;}

.column_block {
	/zoom: 1;
}

.column_block:after {
	content: ".";
	clear: both;
	display: block;
	visibility: hidden;
	line-height: 0;
	font-size: .1px;
}

.column_left {
	float: left;
}

.column_right {
	float: right;
}

.column_left .section {
	margin: 0;
}



/* sub
===============================================================*/
#sub {
	margin: 40px 0 0 78px;
	width: 200px;
	float: left;
	display: inline;
}



/**************************************************************

	Footer

***************************************************************/