@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);


@charset "utf-8";


/* base
---------------------------------------------------------------------- */
body{
font-size: 90%;
font-family: "Hiragino Kaku Gothic Pro","Meiryo","MS PGothic",sans-serif;
line-height: 1.8em;
overflow-x: hidden;
-webkit-text-size-adjust: 100%;
background:url("../img/bg_body.png") top center no-repeat;
}
/* site-elements
------------------------------------------------- */
h1,h2,h3,h4,h5 {
clear:both;
font-family: 'Noto Sans Japanese',"Hiragino Kaku Gothic Pro","Meiryo","MS PGothic",sans-serif;
font-weight: 500;
line-height: 1.5em;
}
#globalNav {
font-family: 'Noto Sans Japanese',"Hiragino Kaku Gothic Pro","Meiryo","MS PGothic",sans-serif;
}
h1 {
font-size: 165%;
}
h2 {
font-size: 165%;
}
h3 {
font-size: 150%;
}
h4,h5 {
font-size: 125%;
}
p {
margin-bottom: 15px;
}
strong {
font-weight: bold;
}
small {
font-size: 85%;
}
.red {
color: #F80000;
}

a {
text-decoration: none;
}

footer a:link,
footer a:visited { color: #000; }
footer a:focus,
footer a:hover,
footer a:active { color: #000; text-decoration: underline;}

section#contents a:link,
section#contents a:visited { color: #25F; }
section#contents a:focus,
section#contents a:hover,
section#contents a:active { color: #25F; text-decoration: underline;}

#subMenu a:link,
#subMenu a:visited { color: #25F; }
#subMenu a:focus,
#subMenu a:hover,
#subMenu a:active { color: #25F; text-decoration: underline;}

.button:link,
.button:visited { color: #000; }
.button:focus,
.button:hover,
.button:hover {
color: #000;
text-decoration: none;
filter: alpha(opacity=60);
-moz-opacity:0.60;
opacity:0.60;
}

a:focus img,
a:hover img,
a:active img {
filter: alpha(opacity=60);
-moz-opacity:0.60;
opacity:0.60;
}
a:active img {
outline: none;
position: relative;
top: 1px;
}

/* contents-elements
---------------------------------------------------------------------- */
#contents div.entry-section {
clear:  both;
margin: 1px 0 0px;
padding: 30px 0;
border-top: 1px solid #CCCCBB;
}
#contents h2.title {
margin-top: 15px;
padding: 5px 0 5px 15px;
color: #0022BB;
font-weight: 700;
line-height: 150%;
border-bottom: 5px solid #CCCCBB;
background: url(../img/pict_title.png) left 18px no-repeat;
}
#contents h3 {
margin: 5px 0;
color: #666600;
}
#contents th {
white-space: nowrap;
padding: 0 5px;
}
#contents th,
#contents td {
border-bottom: 1px solid #999944;
}
#contents ol {
margin-bottom: 15px;
padding-left:30px;
list-style-type: upper-roman;
}
#contents ol ol {
padding-left:20px;
list-style-type: decimal;
}
#contents ol ol ol {
padding-left:0;
}
#contents ol ol ol li {
list-style-type: none;
list-style-position: inside;
counter-increment: cnt;
}
#contents ol ol ol li:before{
display: marker;
content: "(" counter(cnt) ") ";
}
#contents ol ol ol ol li {
padding-left:20px;
list-style-type: katakana;
}
#contents ol ol ol ol li:before{
content: "";
}
#contents ol ul,
#contents ul ul {
padding-left:20px;
list-style-type: disc;
}
#contents table.museum {
border: 1px solid #004488;
}
#contents table.museum th {
border-right: 5px solid #004488;
}
#contents table.interact {
border: 1px solid #44AAFF;
}
#contents table.interact th {
border-right: 5px solid #44AAFF;
}
#contents table.inquiry {
border-collapse: separate;
border-spacing: 10px;
width: 100%;
background: #E2E2DA;
}
#contents table.inquiry th,
#contents table.inquiry td {
border-bottom: none;
}
#contents table.inquiry th {
width: 50px;
}
/* IE10ハック */
@media all and (-ms-high-contrast: none) {
#contents table.inquiry th {
width: 80px;
}
}
/* Edgeハック */
@supports (-ms-ime-align:auto) {
#contents table.inquiry th {
width: 80px;
  }
}
#contents table.inquiry td.officer {
font-weight: bold;
}
/* entry-elements
---------------------------------------------------------------------- */
#single div.entry-meta {
margin: 1px 0 30px;
text-align: right;
border-top: 1px solid #CCCCBB;
border-bottom: 1px solid #CCCCBB;
}
#single h3 {
clear:  both;
padding: 50px 0 0;
}
#single h4 {
display: inline-block;
padding: 50px 0 0;
font-size: 150%;
color: #666600;
}
#single .has-large-font-size,
#single .has-huge-font-size {
line-height: 1.3em
}
/* archive-elements
---------------------------------------------------------------------- */
#archive ul.list li {
clear: both;
margin: 1px 0 0;
padding: 30px 0;
border-top: 1px solid #CCCCBB;
}
#archive ul.list dl {
overflow: hidden;
}
#archive ul.list dt {
float: left;
display: table-cell;
text-align: center;
vertical-align: middle;
height: 150px;
width: 200px;
}
#archive ul.list dd {
margin-left: 230px;
}
#archive ul.list img {
margin: auto;
max-height: 100%;
max-width: 100%;
}
#archive ul.list h3,
#archive ul.list p {
display: inline;
}
#archive ul.list .entry-meta {
border-top: 1px solid #CCCCBB;
text-align: right;
}

/* page-elements
---------------------------------------------------------------------- */
/* introduction */
#introduction h4,
#introduction-yumoto h4,
#introduction-inoo h4 {
clear: both;
display: inline;
background: #DD6600;
color: #FFFFFF;
line-height: 2.8em;
padding: 0.3em 2.0em;
border-radius: 20px / 20px;
-moz-border-radius: 20px / 20px;
-webkit-border-radius: 20px / 20px;
-o-border-radius: 20px / 20px;
-ms-border-radius: 20px / 20px;
}
#introduction ul.exhibition {
display: table;
margin: 0 -20px;
}
#introduction ul.exhibition li {
display: table-cell;
padding: 20px;
width: 50%;
}
#introduction ul.exhibition img {
float: left;
margin: 0 15px 30px 0;
width: 45%;
}
#introduction ul.exhibition h3 {
display: inherit;
}
#introduction-yumoto div.yumoto {
overflow: hidden;
}
#introduction-yumoto ul.yumotoCollection li,
#introduction-inoo ul.inooDocument li,
#introduction-inoo ul.inooRelation li {
clear: both;
overflow: hidden;
margin-bottom: 30px;
}
#introduction-inoo ul.inooRelation li span {
background: #669;
padding: 0 0.5em;
width: 2.0em;
height: 2.0em;
text-align: center;
border-radius: 50%;
color: #fff;
}
#introduction-inoo div.catch {
text-align: center;
}
#introduction-inoo div.catch img {
width: 100%;
}

#introduction-inoo ul.inooRelationmap {
list-style: none;
counter-reset: number;
padding: 0;
}
#introduction-inoo ul.inooRelationmap li:before {
counter-increment: number;
content: counter(number);
background: #669;
padding: 0 0.5em;
width: 2.0em;
height: 2.0em;
text-align: center;
border-radius: 50%;
color: #fff;
}













/* museumguide */
#museumguide p.price,
#museumguide p.time {
padding: 15px;
border: 1px solid #CCCCBB;
background: #FEFEFE;
}
/* members */
#members div.gift {
margin-bottom: 15px;
padding: 15px;
border: 1px solid #CCCCBB;
background: #FEFEFE;
}
#members div.gift span {
color: #DD0033;
font-weight: bold;
}
/* interactguide */
#interactguide table.usagefee {
border-top: 1px solid #999944;
border-left: 1px solid #999944;
text-align: center;
vertical-align: middle;
}
#interactguide table.usagefee th,
#interactguide table.usagefee td {
border-right: 1px solid #999944;
vertical-align: middle;
}
#interactguide p.time,
#interactguide p.closing {
padding: 15px;
border: 1px solid #CCCCBB;
background: #FEFEFE;
}


/* access */
#access img.accessmap {
max-width: 100%; 


}
/* floor */
#floor li {
padding-left: 25px;
}
#floor li li {
padding-left: 0;
}
#floor li.pict01 {
background: url("../img/icon_floor01.png") 0 top no-repeat;
}
#floor li.pict02 {
background: url("../img/icon_floor02.png") 0 top no-repeat;
}
#floor li.pict03 {
background: url("../img/icon_floor03.png") 0 top no-repeat;
}
#floor li.pict04 {
background: url("../img/icon_floor04.png") 0 top no-repeat;
}
#floor li.pict05 {
background: url("../img/icon_floor05.png") 0 top no-repeat;
}
#floor li.pict06 {
background: url("../img/icon_floor06.png") 0 top no-repeat;
}
#floor li.pict07 {
background: url("../img/icon_floor07.png") 0 top no-repeat;
}
#floor li.pict08 {
background: url("../img/icon_floor08.png") 0 top no-repeat;
}
#floor li.pict09 {
background: url("../img/icon_floor09.png") 0 top no-repeat;
}
#floor li.pict10 {
background: url("../img/icon_floor10.png") 0 top no-repeat;
}

/* link */
#link li {
padding: 15px 0;
border-bottom: 1px solid #CCCCBB;
}


/* top-slick
---------------------------------------------------------------------- */
#main_visual {
overflow: hidden;
margin-bottom: 0;
}
#main_visual ul {
position: relative;
background-color: #FFFFFF;
}
#main_visual img {
max-width: 100%;
height: auto;
}
ul#slider_main .slide-arrow {
position: absolute;
top: 50%;
margin-top: -15px;
opacity: 0.7;
z-index: 1;
}
ul#slider_main .prev-arrow {
left: 25px;
}
ul#slider_main .next-arrow {
right: 25px;
}

#event_visual {
margin: 1px 0 0 0;
border-top: 1px solid #CCCCBB;
border-bottom: 1px solid #CCCCBB;
}
#event_visual ul {
position: relative;
margin: 20px 35px;
padding: 0 0 0 0;
}
#event_visual li {
padding: 0 5%;
text-align: center;
}
#event_visual p {
margin: 5px 25px 0 0;
}
#event_visual li img {
max-width: 90%;
height: auto;
}
ul#slider_event .slide-arrow {
position: absolute;
top: 35%;
margin-top: -15px;
z-index: 1;
}
ul#slider_event .prev-arrow {
left: -35px;
}
ul#slider_event .next-arrow {
right: -35px;
}

/* infoArea
---------------------------------------------------------------------- */
#infoArea {
display: table;
margin: 0 ;
width: 100%;
}


/* top-news
---------------------------------------------------------------------- */
#news {
display: table-cell;
padding-right: 50px;
width: 60%;
}
#news ul {
margin: 1px 0 0;
text-align: left;
border-top: 1px solid #CCCCBB; 
}
#news li {
padding: 5px 0;
border-bottom: 1px solid #CCCCBB; 
}
#news span {
padding-right: 60px; 
}
#news span.event-m,
#news span.info-m {
background: url(../img/icon_news_m.png) right center no-repeat;
}
#news span.event-i,
#news span.info-i {
background: url(../img/icon_news_i.png) right center no-repeat;
}
#news .news_list {
text-align: right;
}


/* top-calendar
---------------------------------------------------------------------- */
#calendar {
display: table-cell;
width: 40%;
}
#calendar #eo_calendar_widget-2_content {
margin: 1px 0 0;
text-align: left;
border-top: 1px solid #CCCCBB; 
}
#calendar caption {
margin: 5px 0 3px;
background: #CCCCBB;
font-weight: bold;
}
#calendar table {
width: 100%;
text-align: center;
	margin-bottom: 5px;
}
#calendar td {
border-bottom: 1px solid #CCCCBB;
}

#calendar td.eo-past-date span,
#calendar td.today span,
#calendar td.eo-future-date span {
display: block;
margin: auto;
height: 25px;
width: 25px;
border-radius: 50% / 50%;
-moz-border-radius: 50% / 50%;
-webkit-border-radius: 50% / 50%;
-o-border-radius: 50% / 50%;
-ms-border-radius: 50% / 50%;
}

#calendar td.eo-event-cat-event span {
background: #66DD77;
}
#calendar td.eo-event-cat-closed span {
background: #FF0000;
}
#calendar td.eo-event-cat-closed-m span {
background: #FF9977;
}
#calendar td.eo-event-cat-closed-i span {
background: #FF77FF;
}
#calendar td.eo-event-cat-temporary span {
background: #2277DD;
}
#calendar #eo-widget-prev-month,
#calendar #eo-widget-next-month {
font-weight: bold;
}
/* breadcrumbs
---------------------------------------------------------------------- */
div.breadcrumbs {
text-align: right;
}


/* pagetop
---------------------------------------------------------------------- */
#pagetop {
position: fixed;
bottom: 20px;
right: 3%;
font-size: 150%;
}
#pagetop a {
background: #999944;
text-decoration: none;
color: #fff;
padding: 15px;
text-align: center;
display: block;
border-radius: 5px;
}
#pagetop a:hover {
text-decoration: none;
filter: alpha(opacity=60);
-moz-opacity:0.60;
opacity:0.60;
}