@charset "UTF-8";
/* ====================================== */
/* clearfix */
.clearfix:after { content: ""; display: table; clear: both; }

/* ====================================== */
/* header */
#header { position: relative; overflow: visible; z-index: 1; }

#navigation { border-top: 2px solid #fff; }
#navigation .role-pc h1 { top: -35px; }

/* ====================================== */
/* main */
#main { margin-top: 23px; }
#main .map { display: inline-block; margin: 0 0 0 5px; padding: 2px 5px; text-align: center; color: #fff; font: bold 90% Tahoma, Arial, sans-serif; behavior: url("/common/js/PIE.htc"); position: relative; background-color: #8b8b8b; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhiOGI4YiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU3NTc1NyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8b8b8b), color-stop(100%, #575757)); background: -webkit-linear-gradient(top, #8b8b8b 0%, #575757 100%); background: -moz-linear-gradient(top, #8b8b8b 0%, #575757 100%); -pie-background: linear-gradient(top, #8b8b8b 0%, #575757 100%); background: linear-gradient(top, #8b8b8b 0%, #575757 100%); cursor: pointer; z-index: 5; }
#main .map a { color: #fff; }
#main .map:hover { background: #ce111a; }
#main p { line-height: 1.6; }
#main .menu #menu-select { display: none; }
#main h2.head { margin: 0 0 15px; height: 51px; line-height: 51px; font-weight: bold; font-size: 176.92308%; behavior: url("/common/js/PIE.htc"); position: relative; background-color: white; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y1ZjNmNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f5f3f4)); background: -webkit-linear-gradient(top, #ffffff 0%, #f5f3f4 100%); background: -moz-linear-gradient(top, #ffffff 0%, #f5f3f4 100%); -pie-background: linear-gradient(top, #ffffff 0%, #f5f3f4 100%); background: linear-gradient(top, #ffffff 0%, #f5f3f4 100%); border: 1px solid #e1dcde; }
#main h2.head > span:first-child { display: block; background: url("/common/images/bg_h2_corner.png") no-repeat top right; }
#main h2.head > span:first-child:before { position: relative; content: ""; float: left; display: block; top: 6px; margin: 0 10px; width: 4px; height: 38px; background: #d2111a; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; behavior: url("/common/js/PIE.htc"); }
#main h3.head02, #main h4.head02 { margin: 0 0 15px; height: 38px; line-height: 38px; font-weight: bold; font-size: 123.07692%; behavior: url("/common/js/PIE.htc"); position: relative; background-color: white; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y1ZjNmNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f5f3f4)); background: -webkit-linear-gradient(top, #ffffff 0%, #f5f3f4 100%); background: -moz-linear-gradient(top, #ffffff 0%, #f5f3f4 100%); -pie-background: linear-gradient(top, #ffffff 0%, #f5f3f4 100%); background: linear-gradient(top, #ffffff 0%, #f5f3f4 100%); -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; border: 1px solid #e1dcde; }
#main h3.head02 > span, #main h4.head02 > span { display: block; background: url("/common/images/bg_h3_corner.png") no-repeat top right; }
#main h3.head02 > span:before, #main h4.head02 > span:before { position: relative; content: ""; float: left; display: block; top: 6px; margin: 0 10px; width: 4px; height: 25px; background: #f9c1c2; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; }
#main h4.head03, #main h5.head03 { margin: 0 0 10px; height: 25px; font-weight: bold; font-size: 107.69231%; border-bottom: 1px dotted #d0d0d0; }
#main h4.head03 > span, #main h5.head03 > span { display: block; padding: 0 0 0 10px; height: 20px; line-height: 20px; color: #e51319; border-left: 4px solid #e51319; }

/* museum common */
.museum #museum-content { width: 720px; margin: 0 auto; }
.museum #museum-main a:hover img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

/* #localNavigation */
#localNavigation { position: absolute; top: 0; left: 515px; z-index: 1; }
#localNavigation ul { margin-left: 7px; }
#localNavigation ul ul { margin: 0; }
#localNavigation ul ul li { line-height: 0; font-size: 0; }

#museum-main, #indexMain, #galleryMain, #pencilMain, #c_pencilMain { width: 720px; margin: 0 auto; text-align: left; position: relative; }

* html .museum-qa #museum-main, * html .museum-qa-history #museum-main, * html .tour #main, * html .museum-qa-mistery #museum-main, * html .museum-qa-knowledge #museum-main { height: 540px; }

.museum-history #museum-main { background: #eaeae1 url(/images/museum/history/history_bg01.jpg) no-repeat 0 0; }

.museum-tour #museum-main { min-height: 540px; background: #eaeae1 url(/images/museum/tour/index_bg01.gif) no-repeat 0 0; }

.museum-qa #museum-main { min-height: 540px; background: #eaeae1 url(/images/museum/qa/index_bg01.jpg) no-repeat 0 0; }

.museum-qa-history #museum-main { min-height: 540px; background: #eaeae1 url(/images/museum/qa/history_bg01.jpg) no-repeat 0 0; }

.museum-qa-mistery #museum-main { min-height: 540px; background: #eaeae1 url(/images/museum/qa/mistery_bg01.jpg) no-repeat 0 0; }

.museum-qa-knowledge #museum-main { min-height: 540px; background: #eaeae1 url(/images/museum/qa/knowledge_bg01.jpg) no-repeat 0 0; }

.museum-qa #museum-main div.section-lv1, .museum-qa-history #museum-main div.section-lv1, .museum-qa-mistery #museum-main div.section-lv1, .museum-qa-knowledge #museum-main div.section-lv1 { margin: 0 20px 0 30px; }
.museum-qa #museum-main div.section-lv1 h2, .museum-qa-history #museum-main div.section-lv1 h2, .museum-qa-mistery #museum-main div.section-lv1 h2, .museum-qa-knowledge #museum-main div.section-lv1 h2 { padding-top: 56px; }

.museum-qa-history #museum-main p.qa-btn01, .museum-qa-mistery #museum-main .qa-btn01, .museum-qa-knowledge #museum-main .qa-btn01 { position: absolute; top: 324px; left: 536px; }

.museum-qa-history #museum-main p.qa-btn02, .museum-qa-mistery #museum-main .qa-btn02, .museum-qa-knowledge #museum-main .qa-btn02 { position: absolute; top: 392px; left: 536px; }

.museum p.download-txt { text-align: center; margin-top: 50px; margin-bottom: 20px; }
.museum p.download-bnr { text-align: center; margin-bottom: 50px; }

#indexMain { width: 720px; height: 545px; }

#galleryMain, #pencilMain, #c_pencilMain { width: 720px; height: 543px; }

#museum-content p.textCenter, #museum-content th.textCenter, #museum-content td.textCenter { text-align: center; }

/* history/index.html */
.museum-history #museum-main div.section-lv1 { margin: 0 16px 0 36px; }
.museum-history #museum-main div.section-lv1 h2 { padding-top: 44px; }
.museum-history #museum-main div.section-lv1 p.lead { padding-top: 29px; }
.museum-history #museum-main div.section-lv2 { position: relative; }
.museum-history #museum-main div.section-lv2 h3 { padding-top: 41px; }
.museum-history #museum-main div.section-lv2 p.item01 { position: absolute; top: 342px; left: 478px; }
.museum-history #museum-main div.section-lv2 p.item03 { position: absolute; top: 533px; left: 220px; }
.museum-history #museum-main div.section-lv2 p.item02-more { margin-top: 7px; font-size: 0; display: block; }
.museum-history #museum-main div.section-lv2 p.item03-more { position: absolute; top: 740px; left: 220px; font-size: 0; display: block; z-index: 1; }
.museum-history #museum-main div.section-lv2 p.item04 { position: absolute; top: 724px; left: 478px; }
.museum-history #museum-main div.section-lv2 p.item04-more { position: absolute; top: 890px; left: 492px; font-size: 0; display: block; }
.museum-history #museum-main div.section-lv2 p.item05 { position: absolute; top: 747px; left: 0; }
.museum-history #museum-main div.section-lv2 p.item05-more { position: absolute; top: 920px; left: 0; font-size: 0; display: block; }
.museum-history #museum-main div.section-lv2 p.item06 { position: absolute; top: 794px; left: 245px; }
.museum-history #museum-main div.section-lv2 p.item06-more { position: absolute; top: 978px; left: 245px; font-size: 0; display: block; }
.museum-history #museum-main div.section-lv2 p.item07 { position: absolute; top: 997px; left: 0; }
.museum-history #museum-main div.section-lv2 p.item07-more { z-index: 1; position: absolute; top: 1152px; left: 230px; font-size: 0; display: block; }
.museum-history #museum-main div.section-lv2 p.item08 { position: absolute; top: 950px; left: 478px; }
.museum-history #museum-main div.section-lv2 h3.item09 { position: absolute; top: 1140px; left: 0; }
.museum-history #museum-main div.section-lv2 p.item10 { position: absolute; top: 1278px; left: 0; }
.museum-history #museum-main div.section-lv2 p.item10-more { z-index: 1; position: absolute; top: 1534px; left: 337px; font-size: 0; display: block; }
.museum-history #museum-main div.section-lv2 p.item11 { height: 198px; position: absolute; top: 1553px; left: 0; }
.museum-history #museum-main div.section-lv2 p.item11-more { position: absolute; top: 1710px; left: 327px; }
.museum-history #museum-main div.section-lv2 p.pageTop { margin-top: 1080px; padding-bottom: 4px; text-align: right; }

/* tour/index.html */
.museum-tour #museum-main div.section-lv1 { margin: 0 16px 0 38px; }
.museum-tour #museum-main div.section-lv1 h2 { padding-top: 48px; }
.museum-tour #museum-main div.section-lv1 p.lead { padding-top: 28px; }
.museum-tour #museum-main div.section-lv1 p.pencil-txt { position: absolute; top: 430px; left: 50px; }
.museum-tour #museum-main div.section-lv1 p.pencil-more { position: absolute; top: 488px; left: 50px; font-size: 0; }
.museum-tour #museum-main div.section-lv1 p.c_pencil-txt { position: absolute; top: 430px; left: 390px; }
.museum-tour #museum-main div.section-lv1 p.c_pencil-more { position: absolute; top: 488px; left: 390px; font-size: 0; }

/* qa/index.html */
.museum-qa #museum-main div.section-lv1 p.lead { padding-top: 28px; }
.museum-qa #museum-main div.section-lv2 { margin: 133px 0 0 0; float: left; width: 220px; position: relative; }
.museum-qa #museum-main div.section-lv2 li a { display: block; font-size: 0; }
.museum-qa #museum-main div.section-lv2 img { display: block; font-size: 0; line-height: 0; }
.museum-qa #museum-main div.history h3 { position: absolute; top: 0; left: 26px; }
.museum-qa #museum-main div.history li.itemA01 { position: absolute; top: 27px; left: 31px; }
.museum-qa #museum-main div.history li.itemA02 { position: absolute; top: 50px; left: 37px; }
.museum-qa #museum-main div.history li.itemA03 { position: absolute; top: 84px; left: 47px; }
.museum-qa #museum-main div.history li.itemA04 { position: absolute; top: 107px; left: 54px; }
.museum-qa #museum-main div.mistery h3 { position: absolute; top: 0; left: 14px; }
.museum-qa #museum-main div.mistery li.itemB01 { position: absolute; top: 27px; left: 21px; }
.museum-qa #museum-main div.mistery li.itemB02 { position: absolute; top: 50px; left: 27px; }
.museum-qa #museum-main div.mistery li.itemB03 { position: absolute; top: 72px; left: 34px; }
.museum-qa #museum-main div.mistery li.itemB04 { position: absolute; top: 96px; left: 41px; }
.museum-qa #museum-main div.mistery li.itemB05 { position: absolute; top: 130px; left: 51px; }
.museum-qa #museum-main div.mistery li.itemB06 { position: absolute; top: 153px; left: 58px; }
.museum-qa #museum-main div.mistery li.itemB07 { position: absolute; top: 187px; left: 67px; }
.museum-qa #museum-main div.knowledge h3 { position: absolute; top: 0; left: 7px; }
.museum-qa #museum-main div.knowledge li.itemC01 { position: absolute; top: 27px; left: 12px; }
.museum-qa #museum-main div.knowledge li.itemC02 { position: absolute; top: 61px; left: 22px; }
.museum-qa #museum-main div.knowledge li.itemC03 { position: absolute; top: 95px; left: 32px; }
.museum-qa #museum-main div.knowledge li.itemC04 { position: absolute; top: 118px; left: 38px; }
.museum-qa #museum-main div.knowledge dt img { position: absolute; top: 155px; left: 50px; }
.museum-qa #museum-main div.knowledge dd li.itemC05 { position: absolute; top: 170px; left: 53px; }
.museum-qa #museum-main div.knowledge dd li.itemC06 { position: absolute; top: 182px; left: 56px; }

/* qa/history.html～ */
/* qa/mistery.html～ */
/* qa/knowledge.html～ */
.museum-qa-history #museum-main div.section-lv2, .museum-qa-mistery #museum-main div.section-lv2, .museum-qa-knowledge #museum-main div.section-lv2 { margin: 47px 0 0 0; }

.museum-qa-history #museum-main div.bookarea, .museum-qa-mistery #museum-main div.bookarea, .museum-qa-knowledge #museum-main div.bookarea { width: 438px; margin-left: 28px; }

.museum-qa-history #museum-main div.book-columnA01, .museum-qa-mistery #museum-main div.book-columnA01, .museum-qa-knowledge #museum-main div.book-columnA01 { float: left; width: 200px; }
.museum-qa-history #museum-main div.book-columnA01 h3, .museum-qa-mistery #museum-main div.book-columnA01 h3, .museum-qa-knowledge #museum-main div.book-columnA01 h3 { margin-top: 17px; line-height: 0; font-size: 0; }

.museum-qa-history #museum-main div.book-columnA01 ul.history, .museum-qa-mistery #museum-main div.book-columnA01 ul.mistery, .museum-qa-knowledge #museum-main div.book-columnA01 ul.knowledge01, .museum-qa-knowledge #museum-main div.book-columnA01 ul.knowledge02 { margin-top: 26px; }

.museum-qa-history #museum-main div.book-columnA01 ul.history li { margin-bottom: 22px; font-size: 0; line-height: 0; }

.museum-qa-mistery #museum-main div.book-columnA01 ul.mistery li { margin-bottom: 16px; font-size: 0; line-height: 0; }

.museum-qa-knowledge #museum-main div.book-columnA01 ul.knowledge01 li { margin-bottom: 16px; font-size: 0; line-height: 0; }
.museum-qa-knowledge #museum-main div.book-columnA01 dl { font-size: 0; line-height: 0; }
.museum-qa-knowledge #museum-main div.book-columnA01 ul.knowledge02 { margin: 0; }
.museum-qa-knowledge #museum-main div.book-columnA01 dt, .museum-qa-knowledge #museum-main div.book-columnA01 ul.knowledge02 li { margin-bottom: 6px; font-size: 0; line-height: 0; }

.museum-qa-history #museum-main div.book-columnA02, .museum-qa-mistery #museum-main div.book-columnA02, .museum-qa-knowledge #museum-main div.book-columnA02 { float: right; width: 216px; height: 332px; overflow: auto; }
.museum-qa-history #museum-main div.book-columnA02 p, .museum-qa-mistery #museum-main div.book-columnA02 p, .museum-qa-knowledge #museum-main div.book-columnA02 p { font-size: 93%; line-height: 1.6; padding-right: 2px; }

/* price */
#price-document { width: 457px; height: 243px; margin: 0; padding: 0; position: relative; }
#price-document p.image { position: absolute; top: 0; right: 0; z-index: 1; }
#price-document p.close { position: absolute; top: 220px; left: 372px; z-index: 2; }

#back-screen { background: #EDEDE5; }

/* ====================================== */
/* print */
@media print { .museum-qa-history #museum-main, .museum-qa-mistery #museum-main, .museum-qa-knowledge #museum-main { background: #ebebe2 url(/images/museum/qa/print_bg01.jpg) no-repeat 0 0; }
  .museum-qa-history #museum-main p.qa-btn01, .museum-qa-mistery #museum-main .qa-btn01, .museum-qa-knowledge #museum-main .qa-btn01, .museum-qa-history #museum-main p.qa-btn02, .museum-qa-mistery #museum-main .qa-btn02, .museum-qa-knowledge #museum-main .qa-btn02, #museum-main #localNavigation { display: none; }
  .museum-qa-history #museum-main div.bookarea, .museum-qa-mistery #museum-main div.bookarea, .museum-qa-knowledge #museum-main div.bookarea { width: 598px; padding: 10px; background: #F5F5F7; }
  .museum-qa-history #museum-main div.book-columnA01, .museum-qa-mistery #museum-main div.book-columnA01, .museum-qa-knowledge #museum-main div.book-columnA01 { padding-left: 10px; display: inline; }
  .museum-qa-history #museum-main div.book-columnA02, .museum-qa-mistery #museum-main div.book-columnA02, .museum-qa-knowledge #museum-main div.book-columnA02 { width: 376px; display: inline; overflow: inherit; height: auto; padding-right: 10px; }
  #museum-main #localNavigation { display: none; } }
/* ====================================== */