@charset "UTF-8";
/* ----------------------------------------
body
---------------------------------------- */
body { background: #fff; color: #0b1013; text-align: center; -webkit-font-smoothing: subpixel-antialiased; }

/* ----------------------------------------
float clear
---------------------------------------- */
.clearfix, #header .inner, #search, #sp-search, #container, .h-grp, .em1, .em2, .em3, .em4, .em5, .em6, .em7, .em8, .em9, .get-adobe-reader { *zoom: 1; }
.clearfix:after, #header .inner:after, #search:after, #sp-search:after, #container:after, .h-grp:after, .em1:after, .em2:after, .em3:after, .em4:after, .em5:after, .em6:after, .em7:after, .em8:after, .em9:after, .get-adobe-reader:after { content: ""; display: table; clear: both; }

.clear { clear: both; visibility: hidden; height: 0; }

/* ----------------------------------------
anchor
---------------------------------------- */
a { color: #195566; text-decoration: none; }
a:link { color: #195566; text-decoration: none; }
a:visited { color: #195566; text-decoration: none; }
a:hover { color: #40aaef; text-decoration: underline; }
a:active { color: #40aaef; text-decoration: underline; }

/* ----------------------------------------
header
---------------------------------------- */
#header { width: 100%; background: #fff; z-index: 100; text-align: center; }
#header .inner { width: 954px; margin: 0 auto; padding: 0; text-align: left; }
#header .inner .right { float: right; width: 658px; text-align: right; }

#header-link1 { width: 100%; background: #eceef1; font-size: 100%; text-align: center; }
#header-link1 ul { width: 954px; margin: 0 auto !important; padding: 3px 0 !important; list-style: none !important; text-align: right; }
#header-link1 ul li { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; margin: 0 3px 0 9px !important; padding: 0 0 0 8px; background: transparent url("../images/label_arrow.png") 0 center no-repeat; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) { #header-link1 ul li { background-image: url("../images/label_arrow@2x.png"); -moz-background-size: 5px 7px; -o-background-size: 5px 7px; -webkit-background-size: 5px 7px; background-size: 5px 7px; } }
#header-link1 ul li a { color: #0b1013; }
#header-link1 ul li a:hover { color: #40aaef; }

#logo { float: left; width: 282px; height: 52px; margin: 0; padding: 12px 0; }
#logo img { max-width: 100%; height: auto; }

#search { width: 230px; height: 21px; margin: 10px 0 0 auto; padding: 3px 3px 3px 12px; border: 1px solid #ccc; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; }

#search-box { float: left; width: 170px; height: 21px; border: none; }
#search-box:focus { background: none !important; }

#search-btn { float: right; width: 44px; height: 21px; }

#header-link2 { font-size: 100%; }
#header-link2 ul { margin: 6px 0 !important; padding: 0 !important; list-style: none !important; }
#header-link2 ul li { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; margin: 0 3px 0 9px !important; padding: 2px 0 2px 20px !important; background: transparent url("../images/label_link.gif") 0 center no-repeat; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) { #header-link2 ul li { background-image: url("../images/label_link@2x.gif"); -moz-background-size: 17px 17px; -o-background-size: 17px 17px; -webkit-background-size: 17px 17px; background-size: 17px 17px; } }
#header-link2 ul li a { color: #0b1013; }
#header-link2 ul li a:hover { color: #40aaef; }

#btn-menu { display: none; width: 50px; margin: 12px 0; padding: 0; }

/* ----------------------------------------
global nav
---------------------------------------- */
#global-nav { width: 100%; background: #0e7ac4; border-top: 6px solid #40aaef; font-size: 100%; color: #fff; }
#global-nav ul { margin: 0 !important; padding: 0 !important; list-style: none !important; }
#global-nav ul.level1 > li { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; margin: 0 !important; padding: 0 !important; }
#global-nav ul.level1 > li > a { display: block; margin: 7px 0; padding: 4px 12px; border-left: 1px dotted #f3fbff; color: #fff; }
#global-nav ul.level1 > li > a:hover { background: #40aaef; }
#global-nav ul.level1 > li:last-child > a { border-right: 1px dotted #f3fbff; }
#global-nav ul.level2 { display: none; position: absolute; width: 220px; margin: 0 !important; padding: 0 !important; background: #f3fbff; border-right: 1px solid #0e7ac4; border-bottom: 1px solid #0e7ac4; border-left: 1px solid #0e7ac4; z-index: 200; }
#global-nav ul.level2 > li { display: block; margin: 0 !important; padding: 4px 12px !important; border-bottom: 1px dotted #0e7ac4; text-align: left; }
#global-nav ul.level2 > li:last-child { border-bottom: none; }
#global-nav ul.level2 > li > a { color: #195566; }
#global-nav ul.level2 > li > a:hover { color: #40aaef; }

#menu-bg { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); z-index: 200; }

#menu-body { display: none; position: absolute; top: 46px; left: 50%; width: 90%; margin-left: -45%; background: #fff; border-top: 6px solid #40aaef; text-align: center; z-index: 300; }

#sp-gnav { background: #0e7ac4; font-size: 100%; color: #fff; text-align: left; }
#sp-gnav ul { margin: 0 !important; padding: 0 !important; list-style: none !important; }
#sp-gnav ul li { margin: 0 !important; padding: 8px 12px !important; border-bottom: 1px dotted #f3fbff; cursor: pointer; }
#sp-gnav ul li a { color: #fff; }

#sp-link { margin: 4px 0 0 0; text-align: left; font-size: 100%; }
#sp-link ul { margin: 0 !important; padding: 0 !important; list-style: none !important; }
#sp-link ul li { margin: 2px 12px !important; padding: 2px 0 2px 20px !important; background: transparent url("../images/label_link.gif") 0 center no-repeat; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) { #sp-link ul li { background-image: url("../images/label_link@2x.gif"); -moz-background-size: 17px 17px; -o-background-size: 17px 17px; -webkit-background-size: 17px 17px; background-size: 17px 17px; } }
#sp-link ul li a { color: #0b1013; }
#sp-link ul li a:hover { color: #40aaef; }

#sp-search { width: 230px; height: 21px; margin: 8px auto 0 auto; padding: 3px 3px 3px 12px; text-align: right; border: 1px solid #ccc; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; }

#btn-close { display: block; margin: 12px 0 0 0; padding: 12px 0; border-top: 1px solid #eceef1; text-align: center; cursor: pointer; }

/* ----------------------------------------
category nav
---------------------------------------- */
#cat-nav { width: 100%; padding: 6px 0 0 0; background: #aaeac9; font-size: 100%; text-align: center; }
#cat-nav ul { width: 954px; margin: 0 auto; padding: 0; text-align: left; list-style: none; }
#cat-nav ul li { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; margin: 0 0 6px 0; padding: 0; }
#cat-nav ul li a { display: block; padding: 4px 12px; color: #0b1013; }
#cat-nav ul li a:hover { background: #cef4e1; color: #0b1013; text-decoration: underline; }
#cat-nav ul li.parent a { margin: 0 12px 0 0; padding: 4px 28px 4px 12px; background: #e4f8ee url(../images/cat_nav_bg.png) right center no-repeat; -moz-background-size: 16px 100%; -o-background-size: 16px 100%; -webkit-background-size: 16px 100%; background-size: 16px 100%; }
#cat-nav ul li.current a { background: #e4f8ee; }

/* ----------------------------------------
slide show
---------------------------------------- */
#main-visual { width: 954px; margin: 0 auto; }

.flexslider { margin: 0; padding: 0; }
.flexslider ul { margin: 0; padding: 0; list-style: none; }
.flexslider ul li { margin: 0; padding: 0; }

/* ----------------------------------------
container
---------------------------------------- */
#container { width: 954px; margin: 12px auto; padding: 0; }

/* ----------------------------------------
main contents
---------------------------------------- */
#main-contents-wrap { float: left; width: 100%; margin: 0 -247px 0 0; }

div#main-contents { margin: 0 282px 0 0; text-align: left; font-size: 100%; }

article#main-contents, section#main-contents { margin: 0; text-align: left; font-size: 100%; }

.post-exhibition { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; padding: 0 0 24px 0; vertical-align: top; }
.post-exhibition figure { width: 100%; margin: 0; padding: 0 0 8px 0; }
.post-exhibition figure img { max-width: 100%; height: auto; }
.post-exhibition:nth-child(odd) { padding-right: 12px; }
.post-exhibition:nth-child(even) { padding-left: 12px; }

.post-event { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; padding: 0 0 24px 0; vertical-align: top; }
.post-event .wrap { display: table; table-layout: fixed; width: 100%; }
.post-event .wrap figure { display: table-cell; width: 38.507462686567%; margin: 0; padding: 0 6px 0 0; vertical-align: top; }
.post-event .wrap figure img { max-width: 100%; height: auto; }
.post-event .wrap .post-summary { display: table-cell; padding: 0 0 0 6px; vertical-align: top; }
.post-event:nth-child(odd) { padding-right: 12px; }
.post-event:nth-child(even) { padding-left: 12px; }

.top-info { padding: 0 0 12px 0; }

.post-pub-detail { display: table; table-layout: fixed; width: 100%; margin: 0 0 24px 0; }
.post-pub-detail figure { display: table-cell; width: 184px; margin: 0; padding: 0 6px 0 0; vertical-align: top; }
.post-pub-detail figure img { max-width: 100%; height: auto; border: 1px solid #ccc; }
.post-pub-detail .post-summary { display: table-cell; padding: 0 0 0 6px; vertical-align: top; }

.post-exhi-list { display: table; table-layout: fixed; width: 100%; margin: 0 0 12px 0; padding: 0 0 12px 0; border-bottom: 1px dotted #ccc; }
.post-exhi-list figure { display: table-cell; width: 238px; margin: 0; padding: 0 6px 0 0; vertical-align: top; }
.post-exhi-list figure img { max-width: 100%; height: auto; }
.post-exhi-list .post-summary { display: table-cell; padding: 0 0 0 6px; vertical-align: top; }

.post-event-list { display: table; table-layout: fixed; width: 100%; margin: 0 0 12px 0; padding: 0 0 12px 0; border-bottom: 1px dotted #ccc; }
.post-event-list figure { display: table-cell; width: 100px; margin: 0; padding: 0 6px 0 0; vertical-align: top; }
.post-event-list figure img { max-width: 100%; height: auto; }
.post-event-list .post-summary { display: table-cell; padding: 0 0 0 6px; vertical-align: top; }

.post-event-detail { display: table; table-layout: fixed; width: 100%; margin: 0 0 24px 0; }
.post-event-detail figure { display: table-cell; width: 182px; margin: 0; padding: 0 6px 0 0; vertical-align: top; }
.post-event-detail figure img { max-width: 100%; height: auto; }
.post-event-detail .post-summary { display: table-cell; padding: 0 0 0 6px; vertical-align: top; }

/* ----------------------------------------
side contents
---------------------------------------- */
#side-contents { float: right; width: 247px; text-align: left; }

.banner { width: 100%; margin: 0 !important; padding: 0 !important; list-style: none !important; text-align: left; }
.banner li { margin: 12px 0 0 0 !important; padding: 0 !important; }
.banner li img { max-width: 100%; height: auto; }

.side-txt { margin: 12px 0 0 0; text-align: left; font-size: 86%; }
.side-txt p { margin: 0 !important; padding: 0 0 1em 0; }

.post-pub { width: 100%; margin: 12px 0; text-align: left; font-size: 86%; vertical-align: top; }
.post-pub .wrap { display: table; table-layout: fixed; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 12px; background: #e4f8ee; }
.post-pub .wrap figure { display: table-cell; width: 80px; margin: 0; padding: 0 6px 0 0; vertical-align: top; }
.post-pub .wrap figure img { max-width: 100%; height: auto; border: 1px solid #ccc; }
.post-pub .wrap .post-summary { display: table-cell; padding: 0 0 0 6px; vertical-align: top; }
.post-pub .wrap .post-summary p { margin: 0 !important; padding: 0 !important; }

#side-calendar { padding: 0 0 12px 0; font-size: fs14; text-align: left; }
#side-calendar .box-txt-lb { margin: 12px 0 !important; }

/* ----------------------------------------
footer
---------------------------------------- */
#footer { width: 100%; font-size: 100%; text-align: center; }

#footer-link { width: 100%; padding: 8px 0 0 0; background: #eceef1; }
#footer-link ul { width: 954px; margin: 0 auto !important; padding: 0 !important; list-style: none !important; }
#footer-link ul li { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; margin: 0 0 8px 0 !important; padding: 0 0.5em !important; border-left: 1px solid #0b1013; line-height: 1; }
#footer-link ul li a { color: #0b1013; }
#footer-link ul li a:hover { color: #40aaef; }
#footer-link ul li:last-child { border-right: 1px solid #0b1013; }

#copyright { width: 100%; padding: 8px 0 36px 0; background: #0e7ac4; color: #fff; font-size: 86%; }
#copyright p { width: 954px; margin: 0 auto !important; padding: 0 !important; }

/* ----------------------------------------
heading
---------------------------------------- */
#main-contents h1 { clear: both; margin: 0 0 12px 0; padding: 0 0 6px 23px; border-bottom: 1px solid #363947; background: transparent url("../images/label_circle.gif") 0 0.35em no-repeat; font-size: 172%; font-weight: bold; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) { #main-contents h1 { background-image: url("../images/label_circle@2x.gif"); -moz-background-size: 20px 20px; -o-background-size: 20px 20px; -webkit-background-size: 20px 20px; background-size: 20px 20px; } }
#main-contents h2 { clear: both; margin: 0 0 12px 0; padding: 4px 0 4px 6px; background: #eceef1; border-left: 6px solid #0e7ac4; font-size: 129%; font-weight: bold; }
#main-contents h3 { clear: both; margin: 0 0 12px 0; padding: 0 0 4px 0; border-bottom: 1px dotted #ccc; font-size: 115%; font-weight: bold; }
#main-contents h4 { clear: both; margin: 0 0 12px 0; padding: 0; font-size: 100%; font-weight: bold; }

.h-grp { margin: 12px 0; border-bottom: 1px solid #363947; }
.h-grp h2 { float: left; margin: 0 !important; padding: 0 0 6px 0 !important; background: none !important; border-left: none !important; line-height: 0; }
.h-grp h2 img { max-width: 100%; height: auto; }
.h-grp ul { margin: 0 !important; padding: 0 !important; list-style: none !important; text-align: right; }
.h-grp ul li { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; height: 17px; margin: 0 0 0 12px !important; padding: 6px 0 12px 12px !important; border-left: 1px solid #363947; line-height: 0; }
.h-grp ul li:first-child { margin: 0 !important; border-left: none; }

.top-exhibition .h-grp h2 { width: 94px; height: 24px; }

.top-event .h-grp h2 { width: 94px; height: 24px; }

.top-info .h-grp h2 { width: 117px; height: 24px; }

.post-title { margin: 0 !important; padding: 0 !important; border: none !important; font-size: 100% !important; font-weight: normal !important; }

#side-calendar { position: relative; }
#side-calendar * { outline: none !important; }
#side-calendar h2 { margin: 12px 0 0 0; border-bottom: 1px solid #363947; }

/* ----------------------------------------
paragraph
---------------------------------------- */
#main-contents p { margin: 0; padding: 0 0 1em 0; }

.post-info { padding: 0 !important; }

.post-desc { padding: 1em 0 0 0 !important; }

.dotted-top { margin: 0 0 0.5em 0 !important; padding: 0.5em 0 0 0 !important; border-top: 1px dotted #ccc; }

.dotted-btm { margin: 0 0 0.5em 0 !important; padding: 0 0 0.5em 0 !important; border-bottom: 1px dotted #ccc; }

.caption { margin: 3px 0 0 0 !important; font-size: 86%; text-align: center; }

/* ----------------------------------------
image
---------------------------------------- */
article#main-contents img, section#main-contents img { max-width: 100%; }

.img-right { float: right; padding: 0 0 0 12px; }
.img-right .img-item { padding: 0 0 12px 0; }

.img-left { float: left; padding: 0 12px 0 0; }
.img-left .img-item { padding: 0 0 12px 0; }

.img-center { padding: 0; text-align: center; }
.img-center .img-item { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; margin: 0 6px; padding: 0 0 12px 0; vertical-align: top; }

.img-right p, .img-left p, .img-center p { padding: 0 !important; }

.icon { margin-left: 3px; }

/* ----------------------------------------
list
---------------------------------------- */
#main-contents ol { margin: 0 0 0 1.5em; padding: 0 0 1em 0; list-style-type: decimal; }

#main-contents ul { margin: 0 0 0 1.5em; padding: 0 0 1em 0; list-style-type: disc; }

.arrow-list { margin: 0 !important; padding: 0 0 1em 0 !important; list-style: none !important; }
.arrow-list li { margin: 0 !important; padding: 0 0 0 8px !important; background: transparent url("../images/label_arrow.png") 0 0.5em no-repeat; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) { .arrow-list li { background-image: url("../images/label_arrow@2x.png"); -moz-background-size: 5px 7px; -o-background-size: 5px 7px; -webkit-background-size: 5px 7px; background-size: 5px 7px; } }

.inline-list { margin: 0 !important; padding: 0 !important; list-style: none !important; }
.inline-list li { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; margin: 0 12px 0.5em 0 !important; padding: 0 !important; }

.inline-list-r { margin: 0 !important; padding: 0 !important; list-style: none !important; text-align: right; }
.inline-list-r li { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; margin: 0 0 0.5em 12px !important; padding: 0 !important; }

.inline-arrow-list { margin: 0 !important; padding: 0 !important; list-style: none !important; }
.inline-arrow-list li { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; margin: 0 12px 0.5em 0 !important; padding: 0 0 0 8px !important; background: transparent url("../images/label_arrow.png") 0 0.5em no-repeat; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) { .inline-arrow-list li { background-image: url("../images/label_arrow@2x.png"); -moz-background-size: 5px 7px; -o-background-size: 5px 7px; -webkit-background-size: 5px 7px; background-size: 5px 7px; } }

.info-list { margin: 0 0 12px 0 !important; padding: 0 !important; list-style: none !important; }
.info-list li { margin: 0 0 12px 0 !important; padding: 0 0 12px 8px !important; border-bottom: 1px dotted #ccc; background: transparent url("../images/label_arrow.png") 0 0.5em no-repeat; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) { .info-list li { background-image: url("../images/label_arrow@2x.png"); -moz-background-size: 5px 7px; -o-background-size: 5px 7px; -webkit-background-size: 5px 7px; background-size: 5px 7px; } }
.info-list li .date { margin: 0 6px 0 0; }

.calendar-tag { margin: 0 !important; padding: 0 !important; list-style: none !important; font-size: 86%; }
.calendar-tag li { margin: 6px 0 0 0 !important; padding: 0 0 0 3px !important; line-height: 1.0; height: 1em; }
.calendar-tag li.tag-closed-all { border-left: 1em solid #f1b8bb; }
.calendar-tag li.tag-closed-exhi { border-left: 1em solid #ffe3aa; }
.calendar-tag li.tag-closed-reading { border-left: 1em solid #c1dff1; }

.calendar-tag-main { margin: 0 0 24px 0 !important; padding: 0 !important; list-style: none !important; font-size: 100%; }
.calendar-tag-main li { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; margin: 6px 12px 0 0 !important; padding: 0 0 0 3px !important; line-height: 1.0; height: 1em; }
.calendar-tag-main li.tag-closed-all { border-left: 1em solid #f1b8bb; }
.calendar-tag-main li.tag-closed-exhi { border-left: 1em solid #ffe3aa; }
.calendar-tag-main li.tag-closed-reading { border-left: 1em solid #c1dff1; }

.em1 { margin: 0 0 1em 0; padding: 0; }
.em1 dt { clear: left; width: 1em; margin: 0; padding: 0; font-weight: normal; float: left; }
.em1 dd { margin: 0 0 0 1em; padding: 0; }

.em2 { margin: 0 0 1em 0; padding: 0; }
.em2 dt { clear: left; width: 2em; margin: 0; padding: 0; font-weight: normal; float: left; }
.em2 dd { margin: 0 0 0 2em; padding: 0; }

.em3 { margin: 0 0 1em 0; padding: 0; }
.em3 dt { clear: left; width: 3em; margin: 0; padding: 0; font-weight: normal; float: left; }
.em3 dd { margin: 0 0 0 3em; padding: 0; }

.em4 { margin: 0 0 1em 0; padding: 0; }
.em4 dt { clear: left; width: 4em; margin: 0; padding: 0; font-weight: normal; float: left; }
.em4 dd { margin: 0 0 0 4em; padding: 0; }

.em5 { margin: 0 0 1em 0; padding: 0; }
.em5 dt { clear: left; width: 5em; margin: 0; padding: 0; font-weight: normal; float: left; }
.em5 dd { margin: 0 0 0 5em; padding: 0; }

.em6 { margin: 0 0 1em 0; padding: 0; }
.em6 dt { clear: left; width: 6em; margin: 0; padding: 0; font-weight: normal; float: left; }
.em6 dd { margin: 0 0 0 6em; padding: 0; }

.em7 { margin: 0 0 1em 0; padding: 0; }
.em7 dt { clear: left; width: 7em; margin: 0; padding: 0; font-weight: normal; float: left; }
.em7 dd { margin: 0 0 0 7em; padding: 0; }

.em8 { margin: 0 0 1em 0; padding: 0; }
.em8 dt { clear: left; width: 8em; margin: 0; padding: 0; font-weight: normal; float: left; }
.em8 dd { margin: 0 0 0 8em; padding: 0; }

.em9 { margin: 0 0 1em 0; padding: 0; }
.em9 dt { clear: left; width: 9em; margin: 0; padding: 0; font-weight: normal; float: left; }
.em9 dd { margin: 0 0 0 9em; padding: 0; }

/* ----------------------------------------
table
---------------------------------------- */
#main-contents table { clear: both; width: 100%; margin: 12px 0; border-collapse: separate; border-spacing: 0; border-top: 1px solid #666; border-left: 1px solid #666; }
#main-contents table th { padding: 3px 6px; border-right: 1px solid #666; border-bottom: 1px solid #666; background: #c1dff1; font-weight: normal; }
#main-contents table td { padding: 3px 6px; border-right: 1px solid #666; border-bottom: 1px solid #666; font-weight: normal; }
#main-contents table caption { text-align: left; padding-bottom: 3px; }
#main-contents table tr.gy td, #main-contents table td.gy { background: #eceef1; }
#main-contents table tr.ye td, #main-contents table td.ye { background: #ffffe8; }
#main-contents table tr.pl td, #main-contents table td.pl { background: #e9e8ff; }

.pub-table th:not(:first-child) { width: 6em; }

/* ----------------------------------------
font size
---------------------------------------- */
.fs10 { font-size: 72%; }

.fs12 { font-size: 86%; }

.fs14 { font-size: 100%; }

.fs16 { font-size: 115%; }

.fs18 { font-size: 129%; }

.fs20 { font-size: 143%; }

.fs22 { font-size: 158%; }

.fs24 { font-size: 172%; }

.fs26 { font-size: 186%; }

/* ----------------------------------------
text
---------------------------------------- */
.strong { font-weight: bold; }

.red { color: #ff0000; }

.gn { color: #24a562; }

.arrow-label { padding: 0 0 0 10px; background: transparent url("../images/label_arrow.png") 0 center no-repeat; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) { .arrow-label { background-image: url("../images/label_arrow@2x.png"); -moz-background-size: 5px 7px; -o-background-size: 5px 7px; -webkit-background-size: 5px 7px; background-size: 5px 7px; } }

.tal { text-align: left  !important; }

.tar { text-align: right !important; }

.tac { text-align: center !important; }

/* ----------------------------------------
margin, padding
---------------------------------------- */
.mg0 { margin: 0 !important; }

.pd0 { padding: 0 !important; }

.mt0 { margin-top: 0    !important; }

.mt5 { margin-top: 5px  !important; }

.mt6 { margin-top: 6px  !important; }

.mt10 { margin-top: 10px !important; }

.mt12 { margin-top: 12px !important; }

.mt15 { margin-top: 15px !important; }

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

.mt24 { margin-top: 24px !important; }

.mr0 { margin-right: 0    !important; }

.mr5 { margin-right: 5px  !important; }

.mr6 { margin-right: 6px  !important; }

.mr10 { margin-right: 10px !important; }

.mr12 { margin-right: 12px !important; }

.mr15 { margin-right: 15px !important; }

.mr20 { margin-right: 20px !important; }

.mr24 { margin-right: 24px !important; }

.mb0 { margin-bottom: 0    !important; }

.mb5 { margin-bottom: 5px  !important; }

.mb6 { margin-bottom: 6px  !important; }

.mb10 { margin-bottom: 10px !important; }

.mb12 { margin-bottom: 12px !important; }

.mb15 { margin-bottom: 15px !important; }

.mb20 { margin-bottom: 20px !important; }

.mb24 { margin-bottom: 24px !important; }

.ml0 { margin-left: 0    !important; }

.ml5 { margin-left: 5px  !important; }

.ml6 { margin-left: 6px  !important; }

.ml10 { margin-left: 10px !important; }

.ml12 { margin-left: 12px !important; }

.ml15 { margin-left: 15px !important; }

.ml20 { margin-left: 20px !important; }

.ml24 { margin-left: 24px !important; }

.pt0 { padding-top: 0    !important; }

.pt5 { padding-top: 5px  !important; }

.pt6 { padding-top: 6px  !important; }

.pt10 { padding-top: 10px !important; }

.pt12 { padding-top: 12px !important; }

.pt15 { padding-top: 15px !important; }

.pt20 { padding-top: 20px !important; }

.pt24 { padding-top: 24px !important; }

.pr0 { padding-right: 0    !important; }

.pr5 { padding-right: 5px  !important; }

.pr6 { padding-right: 6px  !important; }

.pr10 { padding-right: 10px !important; }

.pr12 { padding-right: 12px !important; }

.pr15 { padding-right: 15px !important; }

.pr20 { padding-right: 20px !important; }

.pr24 { padding-right: 24px !important; }

.pb0 { padding-bottom: 0    !important; }

.pb5 { padding-bottom: 5px  !important; }

.pb6 { padding-bottom: 6px  !important; }

.pb10 { padding-bottom: 10px !important; }

.pb12 { padding-bottom: 12px !important; }

.pb15 { padding-bottom: 15px !important; }

.pb20 { padding-bottom: 20px !important; }

.pb24 { padding-bottom: 24px !important; }

.pl0 { padding-left: 0    !important; }

.pl5 { padding-left: 5px  !important; }

.pl6 { padding-left: 6px  !important; }

.pl10 { padding-left: 10px !important; }

.pl12 { padding-left: 12px !important; }

.pl15 { padding-left: 15px !important; }

.pl20 { padding-left: 20px !important; }

.pl24 { padding-left: 24px !important; }

/* ----------------------------------------
wp native
---------------------------------------- */
.aligncenter { display: block; margin: 0 auto 12px auto; }

.alignright { float: right; margin: 0 0 12px 12px; }

.alignleft { float: left; margin: 0 12px 12px 0; }

/* ----------------------------------------
tag
---------------------------------------- */
.tag-current { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; padding: 0 4px; background: #f27398; border: 3px double #fff; font-size: 86%; color: #fff; }

.tag-next { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; padding: 0 4px; background: #58be89; border: 3px double #fff; font-size: 86%; color: #fff; }

.tag-sale { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; padding: 0 4px; background: #fba848; border: 3px double #fff; font-size: 86%; color: #fff; }

.tag-sche { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; padding: 0 4px; background: #40aaef; border: 3px double #fff; font-size: 86%; color: #fff; }

.tag-perm { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; padding: 0 4px; background: #0e7ac4; border: 3px double #fff; font-size: 86%; color: #fff; }

.tag-end { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; padding: 0 4px; background: #888; border: 3px double #fff; font-size: 86%; color: #fff; }

.tag-recept { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; padding: 0 4px; background: #40aaef; border: 3px double #fff; font-size: 86%; color: #fff; }

.tag-sold { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; padding: 0 4px; background: #e44444; border: 3px double #fff; font-size: 86%; color: #fff; }

.tag-other { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; padding: 0 4px; background: #40aaef; border: 3px double #fff; font-size: 86%; color: #fff; }

.tag-new { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; padding: 0 4px; background: #e44444; font-size: 86%; color: #fff; }

/* ----------------------------------------
box
---------------------------------------- */
.box-txt-gy { margin: 24px 0; padding: 6px; background: #fff; border: 6px solid #eceef1; text-align: left; }

.box-txt-lb { margin: 24px 0; padding: 6px; background: #f3fbff; border: 6px solid #cde6f6; text-align: left; }

/* ----------------------------------------
pre
---------------------------------------- */
pre { margin: 0; padding: 0; }

/* ----------------------------------------
get adobe reader
---------------------------------------- */
.get-adobe-reader { margin: 12px 0; padding: 12px 0 0 0; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; font-size: 86%; }

/* ----------------------------------------
pagenation
---------------------------------------- */
.pagenation { margin: 0 0 12px 0; padding: 12px 0 0 0; text-align: center; border-top: 1px dotted #ccc; }
.pagenation ul { margin: 0 auto !important; padding: 0 !important; }
.pagenation ul li { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; margin: 0 2px !important; padding: 0 !important; }
.pagenation ul li.active { background-color: #0e7ac4; color: #fff; padding: 5px 10px !important; }
.pagenation ul li a { display: block; padding: 5px 10px; background-color: #40aaef; color: #fff; text-decoration: none; }
.pagenation ul li a:hover { background-color: #0e7ac4; color: #fff; }

/* ----------------------------------------
google custom search
---------------------------------------- */
#gsc { /* 罫線と余白削除 */ /* テキスト入力フォームとボタンの位置 */ /* テキスト入力フォーム */ /* テキスト入力フォームの影を消す */ /* テキスト入力フォームの背景画像位置調整 */ /* ボタンの色 */ /* ボタンの位置調整と角丸消し */ }
#gsc table { margin: 0 !important; padding: 0 !important; border: none !important; }
#gsc table th, #gsc table td { padding-top: 0 !important; padding-bottom: 0 !important; border: none !important; }
#gsc .gsc-control-cse, #gsc .gsc-control-cse-ja, #gsc .gsib_a { margin: 0 !important; padding: 0 !important; }
#gsc table.gsc-search-box td, #gsc table.gsc-search-box input { vertical-align: top !important; }
#gsc input[type="text"] { border: 1px solid #dddddd !important; height: 25px !important; }
#gsc input[type="text"]:focus { border: 1px solid #008ee1 !important; outline: 0; /*safariの自動フォーカスを切る */ }
#gsc #gsc-iw-id1 { border: none !important; }
#gsc #gs_tti0 input { background-position: 5px 5px !important; }
#gsc input.gsc-search-button { background: #363947 !important; background: -ms-linear-gradient(top, #363947 0%, #363947 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#363947', endColorstr='#363947',GradientType=0 ); /* IE6-9 */ border: 1px solid #363947 !important; }
#gsc .gsc-search-button { margin: 0 0 0 -16px !important; }

/* ----------------------------------------
calendar
---------------------------------------- */
#todays-events { margin: 0 !important; padding: 0 !important; list-style: none !important; }
#todays-events li { margin: 0 !important; padding: 0 !important; font-weight: bold; }

/* ----------------------------------------
tablepress
---------------------------------------- */
.dataTables_wrapper input { border: 1px solid #ccc; }

/* ----------------------------------------
for Desktop
---------------------------------------- */
@media only screen and (min-width: 980px) { #header { position: fixed; top: 0; left: 0; } }
/* ----------------------------------------
for Desktop & Tabllet
---------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 980px) { #header { position: fixed; top: 0; left: 0; }
  #header .inner { width: 97.34694%; }
  #header .inner .right { width: auto; }
  #header-link1 ul { width: 97.34694%; }
  #cat-nav ul { width: 97.34694%; }
  #main-visual { width: 97.34694%; }
  #container { width: 97.34694%; }
  #footer-link ul { width: 97.34694%; }
  #copyright p { width: 97.34694%; } }
/* ----------------------------------------
for Tablet
---------------------------------------- */
@media only screen and (min-width: 480px) and (max-width: 768px) { #header { position: static; }
  #header .inner { width: 87.23958%; }
  #header .inner .right { width: 55.457227138643%; }
  #header-link1 ul { width: 87.23958%; }
  #logo { width: 42.089552238806%; height: auto; }
  #search-box { width: 170px; height: 16px; }
  #cat-nav ul { width: 87.23958%; }
  #main-visual { width: 87.23958%; }
  #container { width: 87.23958%; }
  #main-contents-wrap { float: none; margin: 0; }
  div#main-contents { margin: 0; }
  .post-exhibition { display: table; table-layout: fixed; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; width: 100%; }
  .post-exhibition figure { display: table-cell; width: auto; padding: 0 6px 0 0; vertical-align: top; }
  .post-exhibition .post-summary { display: table-cell; padding: 0 0 0 6px; vertical-align: top; }
  .post-exhibition:nth-child(odd) { padding-right: 0; }
  .post-exhibition:nth-child(even) { padding-left: 0; }
  .post-event { display: block; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; width: 100%; padding: 0 0 24px 0; }
  .post-event .wrap figure { width: 25%; }
  .post-event:nth-child(odd) { padding-right: 0; }
  .post-event:nth-child(even) { padding-left: 0; }
  .post-exhi-list figure { width: 35%; }
  .post-event-list figure { width: 15%; }
  #side-contents { float: none; width: 100%; }
  .banner li { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; width: 49%; margin: 12px 2% 0 0 !important; vertical-align: top; }
  .banner li:nth-child(even) { margin-right: 0 !important; }
  .side-txt { font-size: 100%; }
  .post-pub { font-size: 100%; }
  .post-pub { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; font-size: 100%; }
  .post-pub:nth-child(odd) { padding-right: 6px; }
  .post-pub:nth-child(even) { padding-left: 6px; }
  #footer-link ul { width: 87.23958%; }
  #copyright p { width: 87.23958%; }
  .calendar-tag { font-size: 100%; }
  .calendar-tag li { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; margin: 6px 12px 0 0 !important; } }
/* ----------------------------------------
for Smart phone
---------------------------------------- */
@media only screen and (max-width: 480px) { #header { position: static; border-bottom: 1px solid #eceef1; }
  #header .inner { width: 95.41667%; }
  #header .inner .right { width: auto; }
  #header-link1, #header-link2, #search, #global-nav, #cat-nav { display: none; }
  #logo { width: 61.572052401747%; height: auto; }
  #search-box { width: 170px; height: 16px; }
  #btn-menu { display: block; }
  #main-visual { width: 100%; }
  #container { width: 95.41667%; }
  #main-contents-wrap { float: none; margin: 0; }
  div#main-contents { margin: 0; }
  .post-exhibition { display: table; table-layout: fixed; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; width: 100%; }
  .post-exhibition figure { display: table-cell; width: 40%; padding: 0 6px 0 0; vertical-align: top; }
  .post-exhibition .post-summary { display: table-cell; padding: 0 0 0 6px; vertical-align: top; }
  .post-exhibition:nth-child(odd) { padding-right: 0; }
  .post-exhibition:nth-child(even) { padding-left: 0; }
  .post-event { display: block; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; width: 100%; padding: 0 0 24px 0; }
  .post-event .wrap figure { width: 25%; }
  .post-event:nth-child(odd) { padding-right: 0; }
  .post-event:nth-child(even) { padding-left: 0; }
  .post-pub-detail { display: block; text-align: center; }
  .post-pub-detail figure { display: block; margin: 0 auto 12px auto; padding: 0; }
  .post-pub-detail .post-summary { display: block; padding: 0; text-align: left; }
  .post-exhi-list figure { width: 40%; }
  .post-event-list figure { width: 25%; }
  .post-event-detail { display: block; text-align: center; }
  .post-event-detail figure { display: block; margin: 0 auto 12px auto; padding: 0; }
  .post-event-detail .post-summary { display: block; padding: 0; text-align: left; }
  #side-contents { float: none; width: 100%; }
  .side-txt { font-size: 100%; }
  .post-pub { font-size: 100%; }
  #footer-link { padding: 8px 0; text-align: left; }
  #footer-link ul { width: 95.41667%; }
  #footer-link ul li { display: block; }
  #footer-link ul li:last-child { margin: 0 !important; border-right: none; }
  #copyright { font-size: 72%; }
  #copyright p { width: 95.41667%; }
  .pub-table th:not(:first-child) { width: 3em; }
  .calendar-tag { font-size: 100%; }
  .calendar-tag li { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; margin: 6px 12px 0 0 !important; } }