@charset "utf-8";

/* ===== メディアサイズによる表示・非表示切り替え ===== */
.openSp,.openSp1{	display: none;}
#socialSp{	display: none;}
.mobileUmenu{display:none;}

/* ===== hタグ ===== */

#leftBox h2{
	width: 700px;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #666;
	position: relative;
	text-indent: -9999px;
}
#rightBox h2{
	width: 250px;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #666;
	text-indent: -9999px;
}

h2#ex{
	width: 980px;
	height: 31px;
	margin: 16px 0 0;
	padding: 0;
	border-bottom: 1px solid #666;
	text-indent: -9999px;
	background: url("../img/top/ttl_ex.png") no-repeat 2px 0;
	background-size: 200px auto;
}
h2#topics{
	height: 31px;
	background: url("../img/top/ttl_topics.png") no-repeat 2px 0;
	background-size: 145px auto;
}
h2#info{
	height: 31px;
	margin-top: 30px;
	background: url("../img/top/ttl_info.png") no-repeat 2px 0;
	background-size: 205px auto;
}
h2#today{
	height: 33px;
	background: url("../img/top/ttl_today.png") no-repeat 2px 0;
	background-size: 78px auto;
}
h2#calendar{
	height: 26px;
	background: url("../img/top/ttl_calendar.png") no-repeat 2px 0;
	background-size: 122px auto;
	border-bottom: 0px;
}
h5.close{
	padding: 10px 0;
	font-size:1.154em;
	text-align:center;
}
/* ===== slideShow ===== */

.flexslider{
	margin: 16px 0 0;
	border: none;
	border-radius: 0;
	box-shadow: none;
}
.flex-direction-nav .flex-prev{
	left: -40px;
}
.flex-direction-nav .flex-next{
	right: -40px;
	text-align: right;
}
.flex-direction-nav a{
	text-indent: -9999px;
}
.flex-direction-nav .flex-prev{
	background: url("../img/basic/iconPrev.png") no-repeat 0 0;
	background-size: 30px auto;
}
.flex-direction-nav .flex-next{
	background: url("../img/basic/iconNext.png") no-repeat 0 0;
	background-size: 30px auto;
}
.flex-direction-nav a{
	text-decoration:none;
	display: block;
	width: 30px;
	height: 30px;
	margin: -60px 0 0;
	position: absolute;
	top: 50%;
	z-index: 10;
	overflow: hidden;
	cursor: pointer;
}
/* キャプション */
.flex-caption{
	margin: 0;
	padding: 5px 10px;
	background: #000;
	color: #fff;
	font-size: 0.923em;/* 12px */
	z-index: 100;
}
/* サムネイル */
.flex-control-thumbs{
	width: 100%;
	margin : 10px auto 0;
	overflow: hidden;
}
.flex-control-thumbs li{
	width: 65px;
	margin: 0 1px;
	float: none;
}
.flex-control-thumbs img{
	width: 100%;
	display: block;
	opacity: .6;
	cursor: pointer;
	border: 2px solid #fff;
}
.flex-control-thumbs .flex-active{
	border: 1px solid #666;
}


/* ===== Exhibitions ===== */

.flexsliderEX{
	position:relative;
	width: 980px;
	margin: 18px 0 25px;
}
.flexsliderEX ul{
	overflow: hidden;
}
.flexsliderEX ul li{
	float: left;
	width: 314px !important;
	margin-right: 19px;
}
.flexsliderEX ul li a{
	display: block;
	color: #333;
	text-decoration: none;
}
.flexsliderEX .flex-prev{
	margin: -30px 0 0;
}
.flexsliderEX .flex-next{
	margin: -30px 0 0;
}
.flexsliderEX ul li a.img{
	display: block;
	margin: 0;
	padding: 0;
	color: #fff;
	text-decoration: none;
}
.flexsliderEX ul li p.caption{
	width: 314px;
	margin: 0 0 9px;
	padding: 10px;
	background: #000;
	color: #fff;
	font-size: 0.923em;/* 12px */
}
.flexsliderEX ul li h3.txt{
	margin: 9px 0 0;
	padding: 0;
	line-height: 1.3em;
	font-size: 1.231em;/* 16px */
	font-weight: normal;
}
.flexsliderEX ul li a:hover h3.txt{
	text-decoration: underline;
}


/* ===== infoContents:leftBox,rightBox ===== */

#infoContents{
	overflow: hidden;
	margin-bottom: 20px;
}
#leftBox{
	float: right;
	width: 700px;
}
#rightBox{
	float: right;
	width: 250px;
	margin-left: 30px;
}
#leftBox h2 .list{
	display: block;
	position: absolute;
	right: 0;
	bottom: 6px;
}
#leftBox h2 .list a{
	display: block;
	padding: 3px 7px 3px 24px;
	font-weight: normal;
	background: #eee url("../img/basic/ico_arrow01.png") no-repeat 5px 4px;
	background-size: 14px auto;
	color: #333;
	text-decoration: none;
	text-indent: 0;
}

/* Topics,Information */
#leftBox dl{
	overflow: hidden;
	width: 700px;
	margin: 10px 0 0;
}
#leftBox dl dt{
	clear: left;
	float: left;
	width: 160px;
	margin:0 0 13px;
	padding: 0;
}
#leftBox dl dt span{/* NEWアイコン */
	margin: -2px 0 0 8px;
	padding: 0 3px;
	background: #D60B00;
	color: #fff;
	font-size: 0.615em;/* 8px */
	text-align: center;
}
#leftBox dl dd{
	float: left;
	width: 525px;
	margin: 0 0 13px 15px;
	padding: 0;
}

/* スライドパネル */
.open,
.open1{
	padding: 0 2px;
	text-align: right;
	cursor: pointer;
}
#openBox,
#openBox1{	display:none;}

/* Today */
#today-wrapper{position:relative;}
#today-wrapper .date{
	position:absolute;
	margin:0;
	top:0;
	right:5px;
}
h2#today{
	border-bottom: none;
}
#todayBox{
	position:relative;
	margin: 0;
	padding: 6px 8px;
	border: 1px solid #999;
	color: #333;
	line-height: 1.3;
	overflow: hidden;
}
.todayLink{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	text-indent: -9999px;
}
#todayBox h3{
	float: left;
	width: 85px;
	margin: 8px 5px 0 0;
	font-weight: normal;
}
#todayBox h4{
	float: left;
	margin: 0;
	padding: 0;
	font-size: 1.692em;/* 22px */
	letter-spacing: -1px;
}
#todayBox .memo{
	clear: both;
	margin: 0;
	padding: 0 0 0 93px;
	font-size: 0.923em;/* 12px */
}
.info{
	margin: 6px 0 22px;
	color: #666;
	font-size: 0.846em;/* 11px */
}

/* Calendar */
#clndrBox{
	margin: 5px 0 22px;
}
#clndrHeader{
	background: #eee;
	position: relative;
	padding: 0.2em 0;
}
#clndrHeader .prev,
#clndrHeader .next{
	position: absolute;
	top: 12px;
	width: 1.4em;
	height: 1.4em;
	text-indent: -9999px;
	cursor: pointer;
}
#clndrHeader .prev{
	left: 10px;
	background: url("../img/top/clndrPrev.png") no-repeat;
}
#clndrHeader .next{
	right: 0px;
	background: url("../img/top/clndrNext.png") no-repeat;
}
#clndrHeader .month-title{
	margin: 0 1.4em;
	line-height: 1.4em;
	text-align: center;
	font-size: 1.385em;/* 18px */
}
#clndrHeader .month-title a{
	color: #333;
}
#clndrBox table{
	width: 248px;
	border-collapse: collapse;
	text-align: center;
	color: #333;
}
#clndrBox table th{
	padding: 4px 0;
	border: none;
	font-weight: normal;
	font-size: 0.692em;/* 9px */
	width: 14.5%;
}
#clndrBox table td{
	padding: 4px 0 4px;
	border: 1px solid #999;
	font-size: 0.846em;/* 11px */
}
#clndrBox table td a{
	color: #333;
	text-decoration: none;
}
#clndrBox table .sun{
	color: #f00;
}
#clndrBox table .sat{
	color: #265BFF;
}
#clndrBox table .closed{
	background: #eee;
}
#clndrBox table .tenji-closed a{
	color: #FF9326;
}
#clndrBox table .today{
	background: #D0E9FF;
}
#clndrFooter{
	margin: 5px 0;
	font-size: 0.769em;/* 10px */
}
#clndrFooter > div,
#clndrFooter > p{
	display: inline-block;
	margin: 0;
	padding: 0;
	height:14px;
	line-height: 14px;
	vertical-align: middle;
}
#clndrFooter > div{
	width: 14px;
	height:14px;
}
#clndrFooter > div.todayMark{
	padding-top: 2px;
	background: #D0E9FF;
}
#clndrFooter > div.closedMark{
	background: #eee;
}
#clndrFooter > div.tenjiclosedMark{
	width: 12px;
	color: #FF9326;
}
#clndrFooter > p{
	margin-right: 5px;
}

/* museumContents,bnrBox */
#museumContentsSP{
  display:none;
}
#museumContents,
#museumContentsSP{
	clear: both;
	width: 980px;
	padding: 20px 0 0;
}
#bnrBox{
	width: 980px;
	margin-top: 16px;
	padding: 20px 0 0;
	border-top: 1px solid #666;
}
#museumContents ul,
#museumContentsSP ul,
#bnrBox ul{
	width: 1000px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	list-style: none;
}
#museumContents ul li,
#museumContentsSP ul li,
#bnrBox ul li{
	float: left;
	margin-right: 20px;
	margin-bottom: 7px;
}
#museumContents li a,
#museumContentsSP li a{
	display:block;
	width:180px;
	height: 180px;
}
#museumContents a:hover,
#museumContentsSP a:hover{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}