@charset "utf-8";

.clearfix {
	*zoom: 1;
}
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
#header #menu{
	display:none;
}
/* ===== 共通フレーム ===== */
.contents {
	width: 980px;
	margin: 0 auto;
}
.content{
	float: right;
	width: 740px;
}
.sidebar{
	float: left;
	width: 220px;
}

/* ===== sidebar ===== */

.sidebar ul{
	margin-bottom: 20px;
}
.sidebar li a{
	margin-top:-1px;
	padding: 10px 10px 10px 10px;
	display:block;
	border:solid 1px #444;
	color: #444;
}
.sidebar li a.on,
.sidebar li a:hover{
	color: #fff;
	text-decoration: none;
	background-color: #444;
}


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

h1{
	padding: 10px 10px 9px 35px;
	min-height: 43px;
	margin: 0 auto;
	background: #444 url("../img/icoArrow01.png") 12px center no-repeat;
	color: #fff;
	overflow: hidden;
	font-size: 1.125em;/* 18px */
	font-weight:200;
}
h1.h1img{
	padding:0;
	height: auto;
	overflow: hidden;
}
h2{
	margin: 26px 0 0 0;
	font-size: 1.313em;/* 21px */
	font-weight:500;
}
h3{
	margin: 26px auto 15px;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #333;
	font-size: 1.250em;/* 20px */
	font-weight:400;
}
h4{
	margin: 26px auto 10px;
	padding: 0;
	font-size: 1.188em;/* 19px */
	font-weight:400;
}
h5{
	margin: 26px auto 10px;
	padding: 6px 10px 5px 10px;
	color: #fff;
	background-color: #999;
	font-size: 1em;/* 16px */
	font-weight:300;
}
h6{
	margin: 26px auto 20px;
	padding: 4px 0;
	border-bottom: 1px solid #666;
	font-size: 1em;/* 16px */
}
p{margin: 10px 0 20px;font-weight:300;}
strong{font-weight:500;}

.attention{ color: #d1342e;}
.fblue{ color:#006DD9;}

.w5{width:5%;}
.w10{width:10%;}
.w12{width:12%;}
.w13{width:13%;}
.w15{width:15%;}
.w20{width:20%;}
.w22{width:22%;}
.w25{width:25%;}
.w30{width:30%;}
.w35{width:35%;}
.w40{width:40%;}
.w45{width:45%;}
.w50{width:50%;}
.w55{width:55%;}
.w60{width:60%;}
.w65{width:65%;}
.w70{width:70%;}
.w75{width:75%;}
.w80{width:80%;}
.w85{width:85%;}
.w90{width:90%;}
.w95{width:95%;}
.w100{width:10%;}

.mt20{margin-top:20px !important;}

/* ===== パンくず ===== */

ul#pankuz{
	width: 980px;
	margin: 0px auto 15px;
	padding: 0;
	font-size: 0.769em;/* 10px */
	list-style: none;
}
ul#pankuz li{
	display: inline-block;
}

/* ========= Template ========= */
/* HR */
hr.line{
	display: block;
	margin: 30px auto;
	height: 1px;
	border: none;
	border-top: 1px #ccc solid;
}
/* コラム */
.column{
	margin: 20px 0;
	padding:20px 30px;
	background-color: #eee;
}
.column p{
	margin: 10px auto;
}
.column .ttl{
	font-size:1.250em;
	margin: 0 auto 10px;
}

/* リスト 　共通　*/
ul.disc, ol.decimal{
	clear: both;
	margin: 10px 0 15px 20px;
	padding: 0 10px;
	font-weight:300;
}
ul.nodisc{
	clear: both;
	margin: 10px 0 15px 0px;
	padding: 0 10px 0 0;
}
ul.disc li, ol.decimal li {
	margin: 0;
	padding: 1px 0;
}
/* リスト 「・」　*/
ul.disc ,
ul.disc li{
	padding: 0 0 0 5px;
	list-style: disc;
}
/* リスト 「123」 */
ol.decimal ,
ol.decimal li{
	padding: 0 0 0 5px;
	list-style: decimal;
}
/* リンク */
.link{
	padding: 0 0 0 15px;
	background: url("../img/icoArrow03.png") left 4px no-repeat;
}
.external {
	padding: 5px 28px 5px 5px;
	background: url("../img/icoLink.png") right 8px no-repeat;
	text-indent:-9999px;
}
.pdf {
	padding: 5px 28px 5px 5px;
	background: url("../img/icoPdf.png") right 8px no-repeat;
	text-indent:-9999px;
}
.slink {
	margin-bottom: 10px;
	padding-left: 12px;
	padding-right: 5px;
	background: url("../img/icoArrow04.png") left 5px no-repeat;
}
.detailLink{
	border: solid 1px #ccc;
	width: 85px;
}
.detailLink a{
	display:block;
	width:100%;
	padding: 7px 10px 5px 30px;
	background: url("../img/icoArrow02.png") 13px 12px no-repeat;
	text-decoration:none;
	color:#333;
}
.detailLink a:hover{
	background-color:#ccc;
}
.linkbtn{
	border:solid 1px #666;
	padding:5px 10px 3px 10px;
}
.linkbtn a{
	text-decoration:none;
}
.linkbtn:hover{
	background-color:#ccc;
}

/* テーブル */
table {
	width:740px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 0;
	border: 0;
	border-collapse: collapse;
}
tr {
	margin: 0;
	padding: 0;
	border: 0;
}
td, th {
	margin: 0;
	padding: 10px 15px;
	border: 1px #666 solid;
	text-align:left;
	font-size: 0.95em;
}
th {
	color: #333;
	font-weight: normal;
}
table.speaceNone td,table.speaceNone th {
	padding: 5px 5px !important;
}
table.anthology th,
table.anthology td{
	font-size:0.82em !important;
}
/* S～LL共通指定 */
.imgLeftS, .imgRightS, .imgRowS,
.imgLeftM, .imgRightM, .imgRowM,
.imgLeftL, .imgRightL, .imgRowL,
.imgRowLL{
	margin:20px 0;
	width:740px;
	overflow:hidden;
}
/* S～LL共通指定 */
.imgLeftS .imgBox img,
.imgRightS .imgBox img,
.imgRowS .imgBox img,
.imgLeftM .imgBox img,
.imgRightM .imgBox img,
.imgRowM .imgBox img,
.imgLeftL .imgBox img,
.imgRightL .imgBox img,
.imgRowL .imgBox img,
.imgRowLL .imgBox img{
	width:100%;
}
/* コラム用 */
.column .imgLeftS, .column .imgRightS, .column .imgRowS,
.column .imgLeftM, .column .imgRightM, .column .imgRowM,
.column .imgLeftL, .column .imgRightL, .column .imgRowL,
.column .imgRowLL{
	margin:20px 0;
	width:680px;
	overflow:hidden;
}
.column .imgRightM .txtBox {
	float: left;
	width: 420px;
}
.column .imgRightS{width:680px;}
.column .imgRightS p{margin:0 !important;}

/* Sサイズ：画像179px左＋テキスト右 */
.imgLeftS .imgBox{
	float:left;
	margin: 0 20px 10px 0;
	width:179px;
}
/* Sサイズ：画像179px右＋テキスト左 */
.imgRightS .imgBox{
	float:right;
	margin: 0 0 10px 20px;
	width:179px;
}
/* Sサイズ：画像179px4列 */
.imgRowS .imgBox{
	float:left;
	margin: 0 0 10px 8px;
	width:179px;
}
.imgRowS .imgBox:first-child{
	margin: 0 0 10px;
}
/* Mサイズ：画像240px左＋テキスト右 */
.imgLeftM .imgBox{
	float:left;
	margin: 0 20px 10px 0;
	width:240px;
}
/* Mサイズ：画像240px右＋テキスト左 */
.imgRightM .imgBox{
	float:right;
	margin: 0 0 10px 20px;
	width:240px;
}
.imgRightM .txtBox{
	float:left;
	width:480px;
}
.imgLeftM .txtBox{
	float:right;
	width:480px;
}

/* Mサイズ：画像240px3列 */
.imgRowM .imgBox{
	float:left;
	margin: 0 0 10px 10px;
	width:240px;
}
.imgRowM .imgBox:first-child{
	margin: 0 0 10px;
}
/* Lサイズ：画像365px左＋テキスト右 */
.imgLeftL .imgBox{
	float:left;
	margin: 0 20px 10px 0;
	width:365px;
}
/* Lサイズ：画像365px右＋テキスト左 */
.imgRightL .imgBox{
	float:right;
	margin: 0 0 10px 20px;
	width:365px;
}
/* Mサイズ：画像365px2列 */
.imgRowL .imgBox{
	float:left;
	margin: 0 0 10px 10px;
	width:365px;
}
.imgRowL .imgBox:first-child{
	margin: 0 0 10px;
}
/* LLサイズ：画像740p */
.imgRowLL .imgBox{
	margin: 0 0 10px 0;
	width:740px;
}
/* 最終ブロックの間隔：下のブロックと間隔をあけたい時 */
.last{
	margin-bottom: 40px !important;
}
/* 最終ブロックの間隔：下のブロックと狭めたい時（注釈付けたい時など） */
.lastnarrow{
	margin-bottom: 5px !important;
}
/* キャプション*/
caption,
.caption{
	margin:5px 0;
	font-size:0.769em;/* 10px */
	text-align:left;
	line-height:130%;
	color:#666;
}
.captionLeft,.captionCenter,.captionRight{
	font-size: 75.0%;
}
.captionCenter{
	text-align: center;
}
.captionRight{
	text-align: right;
}
/* getAdobeReader */
.getAdobeReader {
	display: inline-block;
	margin: 20px 0 25px 0;
	padding: 10px 15px;
	width: 100%;
	border: 1px solid #999;
	background-color: #ededed;
	font-size: 81.3%;/* 13px */
}
.getAdobeReader p {
	width: 83%;
	margin:0;
}
.getAdobeReader img {
	float: right;
}

/* ============= 展覧会 ============= */
/* 展覧会スケジュール */
ul#exhibitionSchedule{
	padding:0;
	margin:20px 0 10px 0;
}

ul#exhibitionSchedule li{
	padding-bottom:15px;
	margin: 15px 0 0 0;
	border-bottom: solid 1px #ccc;
}

ul#exhibitionSchedule li .pic{
	display:block;
	float:left;
	width:150px;
	padding-right:20px;
}
ul#exhibitionSchedule li .text{
	text-decoration:none;
	float:right;
	width:580px;
	color:#222;
	display:block;
}
/*
ul#exhibitionSchedule li .text:hover{
	text-decoration:none;
	color:#C0AB81;
}
*/
ul#exhibitionSchedule li .title{
	font-size:130%;
	font-weight:400;
	margin:7px 0 5px;
	display:block;
}
ul#exhibitionSchedule li .date{
	font-size:110%;
	font-weight:400;
}
.iconKikaku_s{
	width:70px;
	padding:3px 5px 1px 5px;
	background-color:#333;
	font-size:75%;
	font-weight:100;
	color:#fff;
	text-align:center;
}
.iconTokubetu_s{
	width:70px;
	padding:3px 5px 1px 5px;
	background-color:#b20000;
	font-size:75%;
	font-weight:100;
	color:#fff;
	text-align:center;
}
/* 開催中の展覧会・次回開催の展覧会 */
.ExhibitionBox{
	margin-top:20px;
}

.ExhibitionBox .left{
	float:left;
	width:180px;
	padding-right:35px;
}

.ExhibitionBox .right{
	float:right;
	width:535px;
	padding-bottom:10px;
}

.ExhibitionBox .right h3{
	border-bottom:solid 1px #ccc;
	padding:10px 0 12px 0;
	margin:0;
	font-weight:400;
	font-size:125%;
	color:#222;
}
.ExhibitionBox .right h3 a{
	text-decoration:none;
}

.ExhibitionBox .right .date{
	font-size:115% !important;
	padding:10px 0 5px 0;
}

.ExhibitionBox .right .txt{
	margin:0;
	padding:8px 0 0 0;
	letter-spacing:0.04em;
	font-size:90%;
}
.showmore{
	padding:15px 0 0 0px;
}
.showmore a {
	overflow:hidden;
	text-indent:-9999px;
	display:block;
	width:112px;
	height:31px;
	border: none;
	background:url(../img/detail.png) 0% 0% no-repeat;
	border:solid 1px #ccc;
}
.showmore a:hover {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
/* 過去の展覧会 */
.archive h4{
	margin:0 0 10px;
	padding:0 0 10px;
	border-bottom:solid 1px #ccc;
}
/* 展覧会 */
.exBox{
	overflow:hidden;
	margin:25px 0;
}
.exBox .left{
	float:left;
	width:270px;
}
.exBox .left img{
	width:270px;
}
.exBox .right{
	float:right;
	width:450px;
}
.exBox .date{
	font-size:130% !important;
	padding:5px 0 5px 0 ;
}
.exBox .txt{
	margin:0;
	margin:0 0 8px 0;
	letter-spacing:0.04em;
	font-size:100%;
}
.exBox .link{
	font-size:95%;
	margin:5px 0;
}

/* ============= コレクション ============= */
.collectionList {
	z-index: 0;
	margin: 15px 0 0;
	padding: 0 0 0 0;
	width: 740px;
}
.collectionList li {
	display: inline-block;
	width: 175px;
	margin: 0 0 0 8px;
	vertical-align: top;
	font-size:75%;
}
.collectionList li:first-child {
	margin: 0 0 20px 0;
}
.collectionList div {
	vertical-align: top;
	border:solid 1px #cdcdcd;
	width: 177px;
	margin-bottom:10px;
}
.collectionList li p{
	margin:5px 0;
}
.collectionList a {
	width: 175px;
	height: 175px;
	display: table-cell;
	vertical-align: middle;
}
.collectionList img.height {
	margin: 0 auto;
	display: block;
	text-align: center;
	height:175px;
}
.collectionList img.width {
	margin: auto 0;
	display: block;
	text-align: center;
	width:175px;
}
/* コレクション作品紹介 */
.collectionDetail .imgBox{
	margin: 0 0 10px 0;
	width:740px;
}
.collectionDetail .imgBox img{
	width:740px;
}
.collectionDetail .imgBox img.height{
	width:25%;
	margin:0 auto;
	display:block;
}
.collectionDetail .imgBox img.height75{
	width:40%;
	margin:0 auto;
	display:block;
}
/* ============= 休館日 ============= */
.clndr li{
	display:inline-block;
	margin:15px 0 0 15px;
}
.clndr li:first-child{
	margin:0;
}
.clndr .iconTokubetu_s{
	float:right;
	margin-top:3px;
}
.clndrBox{
	width: 233px;
	margin-top:5px;
	border-collapse: collapse;
	text-align: center;
	color: #333;
}
.clndrBox th{
	padding: 4px 0;
	text-align: center;
	border: none;
	font-weight: normal;
	font-size: 0.692em;/* 9px */
	width: 14.5%;
}
.clndrBox td{
	padding: 4px 0 4px;
	border: 1px solid #999;
	font-size: 0.846em;/* 11px */
	text-align: center;
}
.clndrBox td span{
	display:block;
	width:100%;
	padding:4px 0 4px 0;
	margin: -4px 0 -4px;
	background-color:#ccc;
}
.clndrBox .sun{
	color: #f00;
}
.clndrBox .sat{
	color: #265BFF;
}
.clndrBox .closed{
	background: #ccc;
}
/* 休館日 */
#clndrclsd{
	margin: 5px 0 0;
	font-size: 0.769em;/* 10px */
	text-align: right;
}
#clndrclsd > div,
#clndrclsd > p{
	display: inline-block;
	margin: 0;
	padding: 0;
	height:14px;
	line-height: 14px;
	vertical-align: middle;
}
#clndrclsd > div{
	width: 14px;
	height:14px;
}
#clndrclsd > p{
	margin: 3px 5px 0 0;
}
#clndrclsd > div.closedMark{
	background: #ccc;
	border:solid 1px #999;
}
