@charset "UTF-8";
/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
}

table,
img {
	border: none;
}

div#museumArea {
	width: 720px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	color: #666666;
}

div#museumTop {
	padding-top: 12px;
	padding-right: 45px;
	padding-bottom: 15px;
	padding-left: 45px;
	background-color: #F5F0F7;
}

div#museumTop h1 {
	margin-bottom: 20px;
}

div#museumTop p {
	margin-bottom: 10px;
}

div#museumTop ul {
	font-size: 12px;
	color: #000000;
	list-style-type: none;
	text-align: center;
	line-height: 1.3em;
	margin-bottom: 20px;
}

div#museumTop ul li {
}

div#museumTop ul li span {
	font-size: 10px;
}

div#museumTop ul li#waribiki {
	margin-top: 10px;
}

div#museumTop ul li span.pointer {
	color: #552277;
	font-size: 10px;
	padding-right: 3px;
	line-height: 12px;
}

p#member {
	text-align: center;
	margin-bottom: 0px;
}




div.eventBox {
	background-color:#FAFAFA;
	border:1px solid #CECECE;
	font-size:12px;
	margin-top:20px;
	zoom : 1;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

div.eventBox h2 {
	color:#47cc55;
	font-size:12px;
	margin-bottom: 5px;
}

div.eventBox h2 span {
	font-size:10px;
}

div.eventBox table {
	background-color:#FFFFFF;
	border-collapse:collapse;
	font-size:10px;
	margin-bottom:3px;
	margin-top:3px;
	width:100%;
}

div.eventBox ul {
	font-size:12px;
	list-style-type: none;
	margin-bottom: 5px;
}

div.eventBox table tr td {
	border:1px solid #CCCCCC;
	padding:0.2em;
}

div.mTopR {
	float: right;
	height: 413px;
	width: 360px;
}

div.mTopR img {
}

/* ================================================================================
	div#museumBottom
================================================================================ */
div#museumBottom {
	background-color: #F5F0F7;
	padding-top: 0px;
	padding-right: 45px;
	padding-bottom: 20px;
	padding-left: 45px;
}

div#mBarea {
	background-image: url(img/p01.jpg);
	height: 770px;
	width: 590px;
	padding: 20px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: left top;
}



div#mBarea {
	position: relative;
}

div#mBarea img {
	position: absolute;
}

img#p01 {
	top: 20px;
	right: 20px;
	height: 330px;
	width: 275px;
}

img#p02 {
	top: 290px;
	left: 20px;
	height: 215px;
	width: 300px;
}

img#p03 {
	top: 385px;
	left: 340px;
	width: 230px;
	height: 160px;
}

img#p04 {
	left: 20px;
	height: 225px;
	width: 150px;
	top: 540px;
}

img#p05 {
	left: 190px;
	height: 225px;
	width: 135px;
	top: 540px;
}


/* ================================================================================
	div.niUnit
================================================================================ */
/*div.niUnit {
	margin-bottom: 10px;
}

div.niUnit h2 {
	background-color: #B71A39;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 1.2em;
	margin-bottom: 4px;
	padding-top: 0.2em;
	padding-right: 0.5em;
	padding-bottom: 0.2em;
	padding-left: 0.5em;
}

div.niUnit h2 span {
	color: #333333;
	background-color: #FFFFFF;
	font-size: 10px;
	font-weight: normal;
	margin-left: 0.5em;
	padding: 2px;
	line-height: 12px;
}

div.niUnit h3 {
	font-size: 12px;
	line-height: 1.2em;
}

div.niUnit ul {
	margin-left: -10px;
	margin-bottom: 4px;
}

div.niUnit li {
	list-style-type: none;
	float: left;
	display: inline;
	width: 75px;
	margin-left: 10px;
	font-size: 12px;
	line-height: 14px;
	white-space: nowrap;
	zoom : 1;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	height: 14px;
}

div.niUnit li img {
	display: block;
}

div.niUnit ul.wideList {
	margin-left: -20px;
}

div.niUnit ul.wideList li {
	width: 118px;
	margin-left: 20px;
}

div.niUnit strong {
	color: #954414;
	font-weight: normal;
}*/


div#museumArea .note {
	text-indent: 0em;
	font-size: 10px;
}
div#museumArea .caption {
	font-size: 10px;
	line-height: 1.2px;
	text-align: right;
	margin-top: 5px;
}



/* ================================================================================
	clearFix
================================================================================ */

.clearFix{
	overflow: hidden;
}

.clearFix:after{
	clear: both;
	height: 0px;
	overflow: hidden;
	display: block;
	content: "";
}

/*¥*/
* html .clearFix{
	height: 1em;
	overflow: visible;
}
/**/

/* or */
.clear{
	clear: both;
}