@charset "UTF-8";

.museum{
	width:940px;
	margin:28px auto;
}

#contents p{
	font-size: 14px;
	font-size: 1.4rem;
	line-height:171%;
	margin: 0;
}

#contents .pb10{
	padding-bottom:10px;
}

#contents .mt20{
	margin-top:10px;
}

#contents .mt35{
	margin-top:35px;
}

#contents .mb50{
	margin-bottom:50px;
}

#contents .mr4{
	margin-right:4px;
}

#contents h1{
	font-size:28px;
	font-weight:normal;
}

#contents #h1_intro{
	line-height:2em;
}

#contents h1 img{
	vertical-align:middle;
}

#contents h4{
	font-size:16px;
	font-weight:bold;
	line-height:225%;
}

#contents .mr2{
	margin-right:2px;
}

#contents .museum ul{
	width:448px;
	margin:32px auto 0 auto;
}

#contents .museum ul li{
	display:inline-block;
	text-align:center;
	width:24px;
	height:24px;
	font-size:14px;
	font-size:1.4rem;
	line-height:1.4;
	background:#acacac;
	vertical-align:middle;
}
#contents .museum ul li img{
	line-height:0;
}

#contents .museum ul li.intro{
	width:80px;
}

#contents .museum ul li a{
	color:#333;
	display:block;
	width:24px;
	height:24px;
	background:#e1e1e1;
	text-decoration:none;
}


#contents .museum ul li a:hover{
	text-decoration:underline;
}

#contents .museum ul li.intro a{
	width:80px;
}

#contents #menu{
	border-top:1px solid #e1e1e1;
	width:560px;
	margin:0 auto 60px auto;
}

#contents #menu li{
	height:40px;
	border-bottom:1px solid #e1e1e1;
}

#contents #menu li a{
	line-height:40px;
}

#contents #menu li span{
	color:#999999;
}

#contents .left{
	float:left;
	text-align:left!important;
}

#contents .right{
	float:right;
	text-align:left!important;
}

#contents .p20{
	padding:0 20px;
}

#contents .ml30{
	margin-left:30px;
}

#contents .mr30{
	margin-right:30px;
}

#contents .w240{
	width:240px;
}

#contents .w250{
	width:250px;
}

#contents .w290{
	width:290px;
}

#contents .w300{
	width:300px;
}

#contents .w420{
	width:420px;
}

#contents .w450{
	width:450px;
}

#contents .w570{
	width:570px;
}

#contents .w600{
	width:600px;
}

#contents .w670{
	width:670px;
}

#contents .caption{
	font-size:12px;
	text-align:center;
	margin-top:5px;
}

#contents #menu a{
	color:#333;
	font-size:14px;
	font-size:1.4rem;
	text-decoration:none;
}

#contents #menu a:hover{
	text-decoration:underline;
}

#contents .clearfix{
	width:100%;
}






/*デバイスの横幅が750px以下の場合*/
@media only screen and (max-width: 750px) {



}