@charset "utf-8";

html {
}

body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Verdana, Arial, Helvetica, sans-serif;
    color: #000;
    -webkit-text-size-adjust: 100%;
    position: relative;
    font-size: 1em;
    background: #f3f3ed;
}

.sp {
    display: none;
}

p.construction {
    text-align: center;
    color: #aaa;
    font-size: 2em;
    padding: 200px 0;
}

.font-s {
    font-size: 0.9em;
}

.font-m {
    font-size: 1em;
}

.font-l {
    font-size: 1.1em;
}

/* 折り返り禁止 */
.font-l .gnavi01 {
    letter-spacing: -0.1em;
}

a {
    color: #000;
    text-decoration: none;
    transition: opacity 0.1s ease-out;
}

a:hover {
    opacity: 0.5;
}

.clearfix:after {
    content: ".";
    display:block;
    clear:both;
    height:0px;
    visibility:hidden;
}

/* for voice reader */

.voiceNavSkip {
    display: none;
}

/* common */

em {
    font-weight: bold;
}

/* page title */

div#pageTitle {
    width: 100%;
    background: url(../img/bg_pagetitle.png) left center repeat-x #72b524;
}

div#pageTitle h2 {
    display: block;
    width: 950px;
    margin: auto;
    font-size: 1.4em;
    font-weight: bold;
    color: #fff;
    padding: 20px 0 20px 45px;
    text-align: left;
}

div#pageTitle h2.event {
    background: url(../img/pagetite_icon_event.png) left center no-repeat;
}

div#pageTitle h2.hours {
    background: url(../img/pagetite_icon_hours.png) left center no-repeat;
}

div#pageTitle h2.access {
    background: url(../img/pagetite_icon_access.png) left center no-repeat;
}

div#pageTitle h2.news {
    background: url(../img/pagetite_icon_news.png) left center no-repeat;
}

div#pageTitle h2.about {
    background: url(../img/pagetite_icon_about.png) left center no-repeat;
}

div#pageTitle h2.exhibition {
    background: url(../img/pagetite_icon_exhibition.png) left center no-repeat;
}

div#pageTitle h2.floormap {
    background: url(../img/pagetite_icon_floormap.png) left center no-repeat;
}

div#pageTitle h2.townmap {
    background: url(../img/pagetite_icon_townmap.png) left center no-repeat;
}

div#pageTitle h2.archives, div#pageTitle h2.talk {
    width: 1000px;
    padding: 20px 0 20px 0;
}

/* bread crumb */

div#breadCrumb {
    width: 1000px;
    margin: auto;
    font-size: 0.8em;
    padding: 20px 0;
}

div#breadCrumb a {
    color: #4d8017;
}

div#breadCrumb span {
    margin: 0 10px;
    color: #808080;
}

/* tab menu */

div#tabMenu {
    width: 1000px;
    margin: 0 auto 30px auto;
}

div#tabMenu ul {
    width: 100%;
}

div#tabMenu ul li {
    float: left;
    width: 32%;
    margin-right: 2%;
}

div#tabMenu.four ul li {
    float: left;
    width: 23.5%;
    margin-right: 2%;
}

div#tabMenu.five ul li {
    width: 18.4% !important;
}

div#tabMenu ul li:last-child {
    margin-right: 0;
}

div#tabMenu ul li a {
    position: relative;
    display: block;
    text-align: center;
    border-radius: 5px;
    padding: 0.6em 0;
    background: #cfcfb7;
    font-size: 1em;
    font-weight: bold;
    border: solid 3px #cfcfb7;
}

div#tabMenu ul li.selected a {
    background: #fff;
}

div#tabMenu ul li.selected a:before {
    border:10px solid transparent;
    border-top-color:#fff;
    border-bottom-width:0;
    bottom:-8px;
    content:"";
    display:block;
    /*left: calc(50% - 10px);*/
    left: 50%;
    margin-left: -10px;
    position:absolute;
    width:0;
    z-index:1;
}

div#tabMenu ul li.selected a:after {
    border:10px solid transparent;
    border-top-color:#cfcfb7;
    border-bottom-width:0;
    bottom:-12px;
    content:"";
    display:block;
    /*left: calc(50% - 10px);*/
    left: 50%;
    margin-left: -10px;
    position:absolute;
    width:0;
}

/* */
div#contentWrapper {
    width: 1000px;
    margin: 0 auto 30px auto;
}

/* three column */

div.columnThree {
}

div.inColumnThree {
    width: 10000px;
    height: 242px;
}

div.columnThree a {
    float: left;
    display: block;
    width: 296px;
    padding: 12px;
    background: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    margin: 0 10px;
}

/* two column links */

div.twoClumnLink {
    margin-bottom: 30px;
    margin-top: 20px;
}

div.twoClumnLink .column {
    display: block;
    float: left;
    margin-right: 2%;
    width: 49%;
    background: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    margin-bottom: 20px;
}
div.twoClumnLink .column:nth-child(2n+2) {
 margin-right: 0;
}

div.twoClumnLink .column>div {
    padding: 20px;
}

div.twoClumnLink .column>div img {
    width: 100%;
    height: auto;
}

div.twoClumnLink .column>div h4 {
    background: url(../img/exhibition/exhi_top_icon_arrow.png) no-repeat left center;
    padding-left: 32px;
    line-height: 2.4em;
    font-size: 1.4em;
    font-weight: bold;
}

div.twoClumnLink .column>div p {
    font-size: 0.9em;
    line-height: 1.4em;
    min-height: 4.2em;
}

/* for event */

div.eventVisual {
    position: relative;
}

div.eventVisual p {
    position: absolute;
    display: block;
    top: 10px;
    left: 10px;
    width: 52px;
    height: 52px;
    text-indent:110%;
    white-space:nowrap;
    overflow:hidden; /* text hidden set */
}

p.visualIconSpecial {
    background: url(../img/event_icon_special.png);
}

p.visualIconExhibition {
    background: url(../img/event_icon_exhibition.png);
}

p.visualIconRunmeeting {
    background: url(../img/event_icon_runmeeting.png);
}

p.visualIconLecture {
    background: url(../img/event_icon_lecture.png);
}

p.visualIconFestival {
    background: url(../img/event_icon_festival.png);
}

p.visualIconCaropen {
    background: url(../img/event_icon_caropen.png);
}

p.visualIconPanel {
    background: url(../img/event_icon_panel.png);
}

p.visualIconPhoto {
    background: url(../img/event_icon_photo.png);
}

p.visualIconEvent {
    background: url(../img/event_icon_event.png);
}

p.visualIconOther {
    background: url(../img/event_icon_other.png);
}

div.eventData {
    margin-top: 6px;
}

div.eventData span.subCategory {
    float: left;
    font-size: 0.8em;
    font-weight: bold;
    color: #fff;
    background: #4d4d4d;
    border-radius: 3px;
    padding: 5px 5px 4px 5px; /*4px 5px;*/
    margin-bottom: 0.6em;
}

div.eventData span.date {
    float: right;
    font-size: 0.7em;
    padding: 5px 0;
}

div.eventData span.regist {
    display: inline-block;
    background: url(../img/icon_mini_regist.png) no-repeat;
    width: 88px;
    height: 34px;
    text-indent:110%;
    white-space:nowrap;
    overflow:hidden; /* text hidden set */
    margin: -8px 0 0 10px;
}

div.eventData span.registBig {
    display: inline-block;
    background: url(../img/icon_big_regist.png) no-repeat;
    width: 121px;
    height: 56px;
    text-indent:110%;
    white-space:nowrap;
    overflow:hidden; /* text hidden set */
    vertical-align: top;
    float: left;
    margin: -12px 0 0 10px;
}

div.eventData span.registEnd {
    display: inline-block;
    font-size: 0.8em;
    font-weight: bold;
    border: solid 2px #999;
    border-radius: 4px;
    padding: 4px;
    margin: -6px 0 0 10px;
}

div.eventData span.registEndBig {
    display: inline-block;
    float: left;
    margin: -2px 0 0 15px;
    font-size: 1.1em;
    font-weight: bold;
    border: solid 2px #999;
    border-radius: 4px;
    padding: 4px;
}

div.eventData h3 {
    clear: both;
    font-size: 1.0em;
    font-weight: bold;
    line-height: 1.4em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; /* text省略 */
}

div.eventIcon p {
    display: block;
    width: 74px;
    height: 74px;
    text-indent:110%;
    white-space:nowrap;
    overflow:hidden; /* text hidden set */
}

div.eventIcon p.eventIconSpecial {
    background: url(../img/event_icon_big_special.png);
}

div.eventIcon p.eventIconExhibition {
    background: url(../img/event_icon_big_exhibition.png);
}

div.eventIcon p.eventIconRunmeeting {
    background: url(../img/event_icon_big_runmeeting.png);
}

div.eventIcon p.eventIconLecture {
    background: url(../img/event_icon_big_lecture.png);
}

div.eventIcon p.eventIconFestival {
    background: url(../img/event_icon_big_festival.png);
}

div.eventIcon p.eventIconCaropen {
    background: url(../img/event_icon_big_caropen.png);
}

div.eventIcon p.eventIconPanel {
    background: url(../img/event_icon_big_panel.png);
}

div.eventIcon p.eventIconPhoto {
    background: url(../img/event_icon_big_photo.png);
}

div.eventIcon p.eventIconEvent {
    background: url(../img/event_icon_big_event.png);
}

div.eventIcon p.eventIconOther {
    background: url(../img/event_icon_big_other.png);
}

/* page nation */

#pageNation {
    width: 1000px;
    margin: 40px auto 50px auto;
    text-align: center;
}

#pageNation ul li {
    display: inline-block;
}

#pageNation ul li span {
    font-size: 0.9em;
    font-weight: bold;
    background: #72b524;
    color: #fff;
    padding: 12px 15px;
    display: inline-block;
}

#pageNation ul li a {
    font-size: 0.9em;
    font-weight: bold;
    background: #fff;
    padding: 12px 15px;
    display: inline-block;
}

/* to top */
#toTop {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 40px;
    height: 40px;
}

#toTop a {
    display: block;
    background: url(../img/btn_totop.png) no-repeat;
    width: 40px;
    height: 40px;
    text-indent:110%;
    white-space:nowrap;
    overflow:hidden; /* text hidden set */
}

/* table */

table.data {
    width: 100%;
    border-bottom: solid 1px #cfcfb7;
}

table.data tr th {
    border-top: solid 1px #cfcfb7;
    background: #e2e2d3;
    text-align: left;
    font-size: 0.9em;
    line-height: 1.4em;
    vertical-align:middle;
    padding: 10px 20px;
    white-space: nowrap;
}

table.data tr td {
    border-top: solid 1px #cfcfb7;
    text-align: left;
    font-size: 0.9em;
    line-height: 1.4em;
    padding: 10px 30px;
}

table.data tr td a {
    color: #72b524;
    font-weight: bold;
    text-decoration: underline;
}

table.calendar {
    width: 100%;
    border-bottom: solid 1px #ccc;
}

table.calendar tr {
}

table.calendar tr th {
    font-size: 0.9em;
    font-weight: bold;
    width: 110px;
    text-align: center;
    vertical-align: middle;
    border-top: solid 1px #ccc;
    line-height: 1.4em;
    padding: 10px 0;
}

table.calendar tr td {
    vertical-align: middle;
    border-top: solid 1px #ccc;
    padding: 10px 20px;
}

table.calendar tr.monthLink td ul li {
    display: inline-block;
    margin-right: 4px;
    font-size: 0.9em;
}

table.calendar tr.monthLink td ul li a {
    display: inline-block;
    background: #efefe7;
    padding: 6px 8px;
    border-radius: 3px;
    font-weight: bold;
}

table.calendar tr.monthLink td ul li span {
    font-weight: bold;
    margin: 0 30px;
}

table.calendar tr td span.registEnd {
    display: inline-block;
    font-size: 0.9em;
    font-weight: bold;
    border: solid 2px #999;
    border-radius: 4px;
    padding: 4px;
}

.inputerror {
    background-image: url(../img/caution.png);
    background-repeat: no-repeat;
    background-position: left 0.7em;
    padding-left: 17px;
    line-height: 1.6;
    padding-top: 7px;
    color: #D8005A;
}

/* btns */

div.eventRegistBtn {
    text-align: center;
    margin-bottom: 40px;
}

div.eventRegistBtn a {
    display: inline-block;
    color: #fff;
    background: #3badff;
    box-shadow: 0 4px 0 rgb(28,132,196);
    border-radius: 6px;
    padding: 20px 120px;
    font-size: 1.4em;
    font-weight: bold;
}

a.eventReportBtn {
    display: inline-block;
    color: #fff;
    background: #75d424;
    box-shadow: 0 3px 0 rgb(86,155,21);
    border-radius: 4px;
    padding: 6px 8px;
    font-size: 0.9em;
    font-weight: bold;
}

/* share btns */

div.shareBtns {
    text-align: center;
}

div.shareBtns p {
    text-align: center;
    color: #72b524;
    font-weight: bold;
    margin: 30px 0 10px 0;
}

div.shareBtns ul li {
    display: inline-block;
}

/* head wrapper */

#headWrapper {
    background: #fff;
}

/* header */

#header {
    width: 1000px;
    margin: auto;
    position: relative;
}

#header h1 {
    float: left;
    display: block;
    width: 256px;
    height: 48px;
}

#header h1 a {
    display: block;
    background: url(../img/gnavi_logo.png);
    width: 256px;
    height: 48px;
    text-indent:110%;
    white-space:nowrap;
    overflow:hidden; /* text hidden set */
}

#header h1 {
    display: block;
    width: 256px;
    height: 48px;
    margin-top: 5px;
}

#header div.functions {
    clear: right;
    float: right;
    font-size: 0.8em;
    margin-top: 10px;
}

#header div.functions ul.subLinks {
    display: inline-block;
}

#header div.functions ul.subLinks li {
    display: inline-block;
}

#header div.functions ul.subLinks li.subLink a {
    background: url(../img/gnavi_arrow_black.png) no-repeat left center;
    padding-left: 10px;
    margin-left: 15px;
}

#header div.functions ul.subLinks li.textsizeCtrl {
    margin-left: 25px;
}

#header div.functions ul.subLinks li.textsizeCtrl ul {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
}

#header div.functions ul.subLinks li.textsizeCtrl ul li a {
    text-indent:110%;
    white-space:nowrap;
    overflow:hidden; /* text hidden set */
    display: block;
    width: 24px;
    height: 24px;
}

#header div.functions ul.subLinks li.textsizeCtrl ul li#font-s a {
    background: url(../img/btn_fontsizer_s.png) no-repeat;
}

#header div.functions ul.subLinks li.textsizeCtrl ul li#font-m a {
    background: url(../img/btn_fontsizer_m.png) no-repeat;
}

#header div.functions ul.subLinks li.textsizeCtrl ul li#font-l a {
    background: url(../img/btn_fontsizer_l.png) no-repeat;
}

#header div.functions ul.subLinks li.textsizeCtrl ul li#font-s.active a {
    background: url(../img/btn_fontsizer_s_active.png) no-repeat;
}

#header div.functions ul.subLinks li.textsizeCtrl ul li#font-m.active a {
    background: url(../img/btn_fontsizer_m_active.png) no-repeat;
}

#header div.functions ul.subLinks li.textsizeCtrl ul li#font-l.active a {
    background: url(../img/btn_fontsizer_l_active.png) no-repeat;
}

#header a.englishLink {
    float: right;
    display: inline-block;
    background: #000;
    color: #fff;
    font-size: 0.7em;
    padding: 3px 20px;
}

/* gnavi */

#gnavi {
    width: 1000px;
    margin: auto;
    padding: 6px 0;
}

#gnavi ul li {
    float: left;
    width: 125px;
    transition: width 0.2s ease-out 0;
}

#gnavi ul li.selected {
    background: #e3f6d3;
    border-radius: 4px;
}

#gnavi ul li:hover {
    background: #ecf7e2;
    border-radius: 4px;
}

#gnavi ul li a {
    display: block;
    width: 100%;
    font-size: 0.8em;
    font-weight: bold;
    text-align: center;
    padding: 40px 0 3px 0;
}

#gnavi ul li.gnavi00 {
    visibility: hidden;
    margin-left: -96px;
    width: 96px;
    transition: margin 0.2s ease-out 0;
}

#gnavi ul li.gnavi00 a {
    background: url(../img/gnavi_menu_top.png) no-repeat top center;
}

#gnavi ul li.gnavi01 a {
    background: url(../img/gnavi_menu_event.png) no-repeat top center;
}

#gnavi ul li.gnavi02 a {
    background: url(../img/gnavi_menu_business.png) no-repeat top center;
}

#gnavi ul li.gnavi03 a {
    background: url(../img/gnavi_menu_access.png) no-repeat top center;
}

#gnavi ul li.gnavi04 a {
    background: url(../img/gnavi_menu_news.png) no-repeat top center;
}

#gnavi ul li.gnavi05 a {
    background: url(../img/gnavi_menu_about.png) no-repeat top center;
}

#gnavi ul li.gnavi06 a {
    background: url(../img/gnavi_menu_exhibition.png) no-repeat top center;
}

#gnavi ul li.gnavi07 a {
    background: url(../img/gnavi_menu_floormap.png) no-repeat top center;
}

#gnavi ul li.gnavi08 a {
    background: url(../img/gnavi_menu_map.png) no-repeat top center;
}

/* スクロール時制御 */
body.scroll #headWrapper {
}

body.scroll #headWrapper #header {
    display: none;
}

body.scroll #headWrapper #gnavi {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background: #fff;
    z-index: 1001;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}

body.scroll #headWrapper #gnavi ul {
    width: 1000px;
    margin: auto;
}

body.scroll #headWrapper #gnavi ul li {
    width: 113px;
}

body.scroll #headWrapper #gnavi ul li a {
    font-size: 0.75em;
}

body.scroll #headWrapper #gnavi ul li.gnavi00 {
    visibility: visible;
    width: 96px;
    margin-left: 0px;
}

body.scroll #mainVisualWrapper, body.scroll div#pageTitle {
    margin-top: 120px;
}

/* mainvisual */

#mainVisualWrapper {
    position: relative;
}

#mainVisual {
    height: 440px;
    background-size: cover;
    margin-bottom: 30px;
    height: 440px;
    /* background: url(../img/dummy_mainvisual.jpg) center center; */
    background-size: cover;
    margin-bottom: 30px;
}

#topMainImgOverlay {
    position: absolute;
    left: 0;
    top: 0;
    height: 440px;
    width: 100%;
    z-index: 101;
}

#topMainImgLink {
    display: block;
    width: 100%;
    height: 440px;
    background: rgba(255, 255, 255, 0);/* transition: background 0.2s linear 0; */
}

#topMainImgPagenation {
    position: absolute;
    left: 50%;
    bottom: 30px;
    width: 200px;
    margin-left: -100px;
    text-align: center;
}

#topMainImgPagenation ul {
    width: 100%;
    text-align: center;/*padding-top: 410px;*/
}

#topMainImgPagenation ul li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 2px;
}

#topMainImgPagenation ul li a {
    display: inline-block;
    background: url(../img/vi_btn_position.png);
    width: 10px;
    height: 10px;
    text-indent:110%;
    white-space:nowrap;
    overflow:hidden; /* text hidden set */
}

#topMainImgPagenation ul li.showPage a {
    background: url(../img/vi_btn_position_active.png);
}

/* top event information */

#topEventInfo {
    position: relative;
    width: 1020px;
    margin: 0 auto 30px auto;
}

#topEventInfo .columnThree {
    overflow: hidden;
    /*height: 235px;*/
    min-height: 235px;
}

#topEventInfo h2 {
    font-size: 1.1em;
    font-weight: bold;
    background: url(../img/icon_event.png) no-repeat 15px center;
    padding: 10px 0 10px 50px;
    margin: 0 10px 12px 10px;
    display: inline-block;
}

#topEventInfo a.ctrlBtnLeft {
    display: none;
    position: absolute;
    bottom: 110px;
    left: -50px;
    display: block;
    background: url(../img/vi_btn_left.png) no-repeat;
    width: 27px;
    height: 32px;
    text-indent:110%;
    white-space:nowrap;
    overflow:hidden; /* text hidden set */
}

#topEventInfo a.ctrlBtnRight {
    display: none;
    position: absolute;
    bottom: 110px;
    right: -50px;
    display: block;
    background: url(../img/vi_btn_right.png) no-repeat;
    width: 27px;
    height: 32px;
    text-indent:110%;
    white-space:nowrap;
    overflow:hidden; /* text hidden set */
}

/* top more niitsu */

#topMoreNiitsu {
    width: 1020px;
    margin: 0 auto 50px auto;
}

#topMoreNiitsu h2 {
    font-size: 1.1em;
    font-weight: bold;
    background: url(../img/icon_train.png) no-repeat 2px center;
    padding: 10px 0 10px 50px;
    margin: 0 10px 12px 10px;
}

/* top more information */
/* この部分は共通化できないので分離 */

#topMoreInformation {
    width: 1000px;
    margin: 0 auto 30px auto;
}

/* holiday and news */

#topMoreInformation div.holidayAndNews {
    float: left;
}

/* holiday */
#topMoreInformation div.holiday {
    margin: 0 20px 20px 0;
    width: 296px;
    min-height: 66px;
    padding: 12px;
    background: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    text-align: center;
}

#topMoreInformation div.holiday h2 {
    display: block;
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
    background: url(../img/holiday_border.png) repeat-x left center;
    margin: 3px 0 8px 0;
}

#topMoreInformation div.holiday h2>span {
    background: #fff;
    padding: 0 10px;
}

#topMoreInformation div.holiday>span {
    display: inline-block;
    padding: 0.2em 0.4em;
    color: #fff;
    font-size: 1.1em;
    font-weight: bold;
    background: #e64540;
    margin-bottom: 0.3em;
}

/* news */
#topMoreInformation div.news {
    /*float: left;
    margin-right: 20px;*/
    width: 296px;
    height: 266px;
    padding: 12px;
    background: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}

#topMoreInformation div.newsTitle {
    background: url(../img/news_border.png) repeat-x bottom left;
    margin-bottom: 0.6em;
}

#topMoreInformation div.newsTitle h2 {
    float: left;
    font-size: 1.1em;
    font-weight: bold;
    background: url(../img/icon_news.png) no-repeat left center;
    padding: 5px 0 5px 30px;
    margin-bottom: 8px;
}

#topMoreInformation div.newsTitle a {
    float: right;
    font-size: 0.8em;
    background: url(../img/icon_arrow_black.png) no-repeat left center;
    margin-top: 0.5em;
    padding-left: 10px;
}

#topMoreInformation div.news ul {
    overflow-y: auto;
    height: 220px;
}

#topMoreInformation div.news ul li {
    line-height: 1.3em;
    font-size: 0.9em;
    margin-bottom: 0.6em;
}

#topMoreInformation div.news ul li span {
    color: #808080;
    font-size: 0.85em;
    font-weight: bold;
}

/* facebook */
#topMoreInformation div.facebook {
    float: left;
    margin-right: 20px;
    width: 296px;
    height: 376px;
    padding: 12px;
    background: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}

/* event report */
#topMoreInformation div.eventreport {
    float: left;
    width: 296px;
    height: 166px;
    padding: 12px;
    background: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    overflow: hidden;
}

#topMoreInformation div.eventreport {
    margin-bottom: 0.6em;
}

#topMoreInformation div.eventreportTitle h2 {
    float: left;
    font-size: 1.1em;
    font-weight: bold;
    background: url(../img/icon_eventreport.png) no-repeat left center;
    padding: 5px 0 5px 30px;
    margin-bottom: 8px;
}

#topMoreInformation div.eventreportTitle a {
    float: right;
    font-size: 0.8em;
    background: url(../img/icon_arrow_black.png) no-repeat left center;
    margin-top: 0.5em;
    padding-left: 10px;
}

#topMoreInformation div.eventreport a.visual {
    display: block;
    position: relative;
    height: 128px;
}

#topMoreInformation div.eventreport a.visual p {
    position: absolute;
    display: block;
    text-align: center;
    width: 100%;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 5px 0;
    font-size: 0.9em;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; /* text省略 */
}

/* more info bnrs */
#topMoreInformation div.miniBnrs {
    float: left;
    width: 308px;
    padding: 6px;
    background: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    margin-top: 13px;
}

#topMoreInformation div.miniBnrs img {
    vertical-align:bottom;
}

/* top foot bnrs */
#topFootBnrs {
    width: 100%;
    background: #999;
    margin: 50px 0;
}

#topFootBnrs ul {
    width: 1000px;
    margin: auto;
    padding-top: 8px;
}

#topFootBnrs li {
    float: left;
    width: 244px;
    margin-right: 8px;
}

#topFootBnrs li img {
    vertical-align:bottom;
    padding-bottom: 8px;
}
 #topFootBnrs li:nth-child(4n+4) {
 margin-right: 0;
}

/* footer image */
#footerImg {
    width: 100%;
    background: url(../img/ft_border.png) repeat-x left bottom;
    padding-bottom: 4px;
    margin-bottom: 1px;
}

#footerImg div.shinkansen {
    float: left;
    background: url(../img/ft_image_shinkansen.png) no-repeat left bottom;
    width: 340px;
    height: 57px;
    margin: auto;
}

#footerImg div.niitsuStation {
    float: right;
    background: url(../img/ft_image_niitsustation.png) no-repeat left bottom;
    width: 214px;
    height: 57px;
    margin: auto 50px auto 0;
}

/* event list */

div#eventList {
    width: 1000px;
    margin: auto;
}

div#eventList a {
    display: block;
    padding: 20px;
    background: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    margin-bottom: 20px;
}

div#eventList div.eventVisual {
    float: left;
    width: 320px;
}

div#eventList div.eventData {
    float: right;
    width: 640px;
    margin-top: 0;
}

div#eventList div.eventData span.date {
    float: left;
    margin-left: 1em;
}

div#eventList div.eventData h3 {
    font-size: 1.5em;
    margin-bottom: 0.3em;
}

div#eventList div.eventData p {
    font-size: 0.9em;
    line-height: 1.4em;
    height: 5.6em;
    overflow: hidden;
    margin-bottom: 0 !important;
}

/* event detail */

div#eventDetail {
    width: 1000px;
    margin: auto;
}

div#eventDetail div.eventIcon {
    width: 90px;
    float: left;
    margin-bottom: 20px;
}

div#eventDetail div.eventData {
    width: 910px;
    float: left;
    margin-bottom: 12px;
}

div#eventDetail div.eventData span.date {
    float:left;
    margin-left: 1em;
}

div#eventDetail div.eventData h3 {
    font-size: 1.8em;
    line-height: 1.2em;
    font-weight: bold;
    float: left;
    width: 100%;
    overflow: visible;
    white-space: normal;
    text-overflow: clip;
}

div#eventDetail div.eventData h3.registing {
    width: 82%;
}

div#eventDetail div.eventBigVisual {
    clear: both;
    position: relative;
    margin-bottom: 20px;
    text-align: center;
}

div#eventDetail div.eventBigVisual img {
    vertical-align:bottom;
}

div#eventDetail div.eventBigVisual h4 {
    position: absolute;
    left:0;
    right:0;
    bottom:0;
    background: rgba(0, 0, 0, 0.75);
    padding: 16px 20px;
    color: #fff;
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1.4em;
    max-height: 2.8em;
    overflow: hidden;
}

div#eventDetail p.eventMainP {
    font-size: 1.1em;
    line-height: 1.5em;
    margin-bottom: 40px;
    clear: both;
}

div#eventDetail div.eventGuest {
    padding: 20px;
    background: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    margin-bottom: 40px;
}

div#eventDetail div.eventGuest div.guestImg {
    float: left;
    width: 150px;
}

div#eventDetail div.eventGuest div.guestData {
    float: left;
    width: 810px;
}

div#eventDetail div.eventGuest span.guestTitle {
    display: inline-block;
    color: #fff;
    background: #db2b73;
    padding: 6px 8px;
    border-radius: 3px;
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 1em;
}

div#eventDetail div.eventGuest h5 {
    font-size: 1.5em;
    font-weight: bold;
    padding: 0.3em 0;
}

div#eventDetail div.eventGuest span.guestCaption {
    font-size: 0.9em;
}

div#eventDetail div.eventGuest p {
    padding-top: 1em;
    font-size: 0.9em;
    line-height: 1.4em;
    clear: left;
}

div#eventDetail div.eventInfo {
    margin-bottom: 40px;
}

div#eventDetail div.eventInfo h4 {
    background: url(../img/gnavi_menu_event.png) no-repeat left center;
    padding: 10px 35px;
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 0.6em;
}

div#eventDetail div.eventAttractions {
    margin-bottom: 40px;
}

div#eventDetail div.eventAttractions h4 {
    display: block;
    background: url(../img/icon_eventdetail_lookup.png) no-repeat;
    width: 298px;
    height: 51px;
    text-indent:110%;
    white-space:nowrap;
    overflow:hidden; /* text hidden set */
    margin: auto;
}

div#eventDetail div.eventAttractions div.eventStaffComment {
    width: 776px;
    margin: auto;
}

div#eventDetail div.eventAttractions div.eventStaffComment div {
    width: 136px;
    float: left;
}

div#eventDetail div.eventAttractions div.eventStaffComment p {
    position: relative;
    width: 600px;
    float: left;
    padding: 17px;
    background: #fff;
    border: solid 3px #cfcfb7;
    line-height: 1.4em;
    margin-top: 10px;
}

div#eventDetail div.eventAttractions div.eventStaffComment p:before {
    border:16px solid transparent;
    border-right-color:#fff;
    border-left-width:0;
    left:-14px;
    content:"";
    display:block;
    top:20px;
    position:absolute;
    width:0;
    z-index:1;
}

div#eventDetail div.eventAttractions div.eventStaffComment p:after {
    border:16px solid transparent;
    border-right-color:#cfcfb7;
    border-left-width:0;
    left:-18px;
    content:"";
    display:block;
    top:20px;
    position:absolute;
    width:0;
}

/* event calendar */
div#eventCalendar {
    width: 960px;
    margin: auto;
    background: #fff;
    padding: 20px;
    margin-bottom: 40px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}

div#eventCalendar div.eventIcon {
    width: 60px;
    float: left;
}

div#eventCalendar div.eventIcon p {
    display: block;
    width: 52px;
    height: 52px;
    text-indent:110%;
    white-space:nowrap;
    overflow:hidden; /* text hidden set */
}

div#eventCalendar a.eventWrap {
    display: block;
    width: 600px;
}

div#eventCalendar div.eventData {
    float: left;
    margin-top: 0;
    width: 90%;
}

div#eventCalendar div.eventData span.date {
    float: left;
    margin-left: 1em;
}

div#eventCalendar div.eventData h3 {
    font-size: 1.2em;
    display: block;
}

div#eventCalendar p.nothing {
    color: #999;
}

/* event report list */
div#eventReportList {
    width: 1020px;
    margin: auto;
}

div#eventReportList a {
    margin-bottom: 20px;
}

div#eventReportList div.eventVisual h3 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.75);
    color: #fff;
    font-size: 0.9em;
    font-weight: bold;
    padding: 6px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; /* text省略 */
}

div#eventReportList div.eventData span.date {
    float: none;
    font-size: 0.9em;
    color: #808080;
}

div#eventReportList div.eventData span.date span.newIcon {
    color:#fff;
    background: #db2b73;
    font-weight: bold;
    font-size: 0.9em;
    padding: 0 4px;
    border-radius: 3px;
    margin-right: 5px;
}

div#eventReportList div.eventVisual img {
    vertical-align: bottom;
}

/* event report detail */
div#eventReport {
    width: 960px;
    margin: 0 auto 40px auto;
    padding: 20px;
    background: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}

div#eventReport div.eventReportTitle {
    margin-bottom: 20px;
}

div#eventReport div.eventIcon {
    float: left;
    width: 85px;
}

div#eventReport div.eventData {
    float: left;
    width: 870px;
}

div#eventReport div.eventData span.date {
    float: left;
    font-size: 0.9em;
    color: #808080;
}

div#eventReport div.eventData h3 {
    font-size: 1.8em;
    font-weight: bold;
    line-height: 1.2em;
    width: 100%;
    overflow: visible;
    white-space: normal;
    text-overflow: clip;
}

div#eventReport>p {
    font-size: 0.9em;
    line-height: 1.4em;
    margin-bottom: 1em;
}

div#eventReport img {
    margin-bottom: 1em;
}

/* news list */
div#newsList {
    width: 1000px;
    margin: 0 auto 40px auto;
}

div#newsList ul {
    border-bottom: dotted 1px #ccc;
    font-size: 0.9em;
}

div#newsList ul li {
    border-top: dotted 1px #ccc;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; /* text省略 */
    padding: 15px 0;
}

div#newsList ul li span {
    color: #808080;
    width: 140px;
    min-width: 140px;
    display: inline-block;
}

/* news detail */
div#newsDatail {
    width: 1000px;
    margin: auto;
    line-height: 1.4em;
}

div#newsDatail span.date {
    display: block;
    color: #808080;
    font-size: 0.9em;
    margin-top: 20px;
    margin-bottom: 10px;
}

div#newsDatail h3.newsTitle {
    color: #72b524;
    font-size: 1.8em;
    font-weight: bold;
    margin-bottom: 30px;
}

div#newsDatail p {
    font-size: 0.9em;
}

div#newsDatail div img {
    margin: 20px 0;
}

/* footer */
#footer {
    background: #72b524;
}

#footer div.footerWrapper {
    width: 1000px;
    margin: auto;
    padding: 30px 0;
}

#footer div.footerWrapper h1 {
    display: block;
    width: 200px;
    height: 35px;
}

#footer div.footerWrapper h1 a {
    display: block;
    background: url(../img/ft_logo.png);
    width: 200px;
    height: 35px;
    text-indent:110%;
    white-space:nowrap;
    overflow:hidden; /* text hidden set */
}

#footer div.footerLinks {
    width: 1000px;
    margin: auto;
}

#footer div.footerLinks a {
    color: #fff;
}

#footer div.footerLinks>ul {
    float: left;
    width: 250px;
}

#footer div.footerLinks>ul>li {
    color: #fff;
    font-size: 0.85em;
    font-weight: bold;
    margin-bottom: 1em;
    line-height: 1.4em;
}

#footer div.footerLinks>ul>li>ul>li {
    font-weight: normal;
}

#footer div.footerLinks>ul>li img {
    margin: 5px 5px 0 0;
}

/* copyright */

#footer address {
    width: 1000px;
    margin: auto;
    text-align: center;
    font-size: 0.7em;
    color: #fff;
    padding: 20px 0;
}

/* 資料館のご案内 */

.history div#tabMenu ul li, .info div#tabMenu ul li {
    width: 23%;
    white-space: nowrap;
}

/*.history div#tabMenu ul li:nth-of-type(4), .info div#tabMenu ul li:nth-of-type(4) {
width: 28%;
}*/

.history #sMenu {
    width:1000px;
    margin:0 auto;
}

.history #sMenu a {
    display: inline-block;
    width: 227px;
    border-radius: 32px;
    padding: 1px;
    margin-bottom: 10px;
}
 .history #sMenu a:nth-of-type(1) {
 margin-right: 2%;
background-color:#877042;
}
 .history #sMenu a:nth-of-type(2) {
 background-color:#CC4F42;
margin-right: 2%;
}
 .history #sMenu a:nth-of-type(3) {
 margin-right: 2%;
background-color:#3B7DFF;
}
 .history #sMenu a:nth-of-type(4) {
 background-color:#82BA00;
}

.history #sMenu dt {
    display: inline-block;
    width: 42px;
    line-height: 42px;
    height: 42px;
    border-radius: 50%;
    display: inline-block;
    float: left;
    font-size: 1rem;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    text-indent: -99999px;
    background-size: 42px;
}
 .history #sMenu a:nth-of-type(1) dt {
color:#877042;
 background-image: url(../img/history_icons001.png);
}
 .history #sMenu a:nth-of-type(2) dt {
 background-image: url(../img/history_icons002.png);
color:#CC4F42;
}
 .history #sMenu a:nth-of-type(3) dt {
 background-image: url(../img/history_icons003.png);
color:#3B7DFF;
}
 .history #sMenu a:nth-of-type(4) dt {
 background-image: url(../img/history_icons004.png);
color:#82BA00;
}

.history #sMenu dd {
    display: inline-block;
    width: 182px;
    line-height: 40px;
    height: 40px;
    color: #fff;
    text-align: center;
    display: inline-block;
    float: left;
    text-align: center;
}

.history .sec00 {
    width:1000px;
    margin:30px auto 60px auto;
}

.history .sec00 h3 {
    font-size:1.5em;
    font-weight:bold;
    margin-bottom:10px;
}

.history .sec00 p {
    line-height:1.5;
    font-size: 1em;
    margin-bottom:2em
}

.history .sec00 p:last-of-type {
    margin-bottom:0;
}

.history .sec h3 {
    height:46px;
}

.history .sec01 h3 {
    background-color:#877042;
}

.history .sec02 h3 {
    background-color:#CC4F42;
}

.history .sec03 h3 {
    background-color:#3B7DFF;
}

.history .sec04 h3 {
    background-color:#82BA00;
}

.history h3 .tInner {
    display:block;
    width:1000px;
    margin:0 auto;
    position:relative;
    top:0;
    left:0;
}

.history h3 .tInner .nengou {
    display: block;
    text-align: center;
    width: 94px;
    height: 94px;
    line-height: 94px;
    border-radius: 50px;
    position: absolute;
    font-size:1.6rem;
    top: -23px;
    left: 21px;
    font-weight:bold;
    text-indent: -9999px;
}

.history .sec01 h3 .tInner .nengou {
    color: #877042;
    background-image: url(../img/history_icon001.png);
}

.history .sec02 h3 .tInner .nengou {
    color: #CC4F42;
    background-image: url(../img/history_icon002.png);
}

.history .sec03 h3 .tInner .nengou {
    color: #3B7DFF;
    background-image: url(../img/history_icon003.png);
}

.history .sec04 h3 .tInner .nengou {
    color: #82BA00;
    background-image: url(../img/history_icon004.png);
}

.history h3 .tInner .hisTitle {
    line-height:46px;
    display:block;
    font-size:1.5rem;
    padding-left:190px;
    color: #fff;
}

.history .sec ul li {
    background-color:#fcfcfa;
}
.history .sec ul li:nth-of-type(2n) {
 background-color:#f3f3ed;
}
 .history .sec ul li:nth-of-type(2n) dl {
 background-position: 67px 7px;
}

.history .sec ul li:last-child dl {
    padding-bottom:60px !important;
}

strong {
    font-weight:bold;
}

.history .sec ul li dl {
    overflow: hidden;
    padding: 34px 0 30px 0;
    width: 1000px;
    margin: 0 auto;
    background-repeat: repeat-y;
    background-position: 67px top;
    display: table;
}

.history .sec01 ul li dl {
    background-image: url(../img/his001.gif);
}

.history .sec02 ul li dl {
    background-image: url(../img/his002.gif);
}

.history .sec03 ul li dl {
    background-image: url(../img/his003.gif);
}

.history .sec04 ul li dl {
    background-image: url(../img/his004.gif);
}

.history .sec04 ul li:last-of-type dl {
    background-image: url(../img/his004.png);
    background-position: 67px bottom;
    padding-bottom:180px !important;
}

.history .sec ul li dt {
    width: 142px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.history .sec ul li dt .nengou01 {
    color: #fff;
    padding-top: 0.8em;
    padding-bottom: 0.7em;
    display: block;
    border-radius: 10px;
    font-size: 1.2rem;
    margin:0 auto;
    font-weight:bold;
}

.history .sec ul li dt .nengou01 span {
    font-size:0.9rem
}

.history .sec01 ul li dt .nengou01 {
    background-color:#877042;
}

.history .sec02 ul li dt .nengou01 {
    background-color:#CC4F42;
}

.history .sec03 ul li dt .nengou01 {
    background-color:#3B7DFF;
}

.history .sec04 ul li dt .nengou01 {
    background-color:#82BA00;
}

.history .sec ul li dt .nengou02 {
    background-color: #fff;
    padding-top: 0.6em;
    padding-bottom: 0.4em;
    display: block;
    color: #666;
    border-radius: 10px;
    font-size: 1.2rem;
    width:100px;
    margin: 0 auto;
}

.history .sec ul li dt .nengou02 span {
    font-size:0.9rem
}

.history .sec01 ul li dt .nengou02 {
    border:solid 4px #877042;
}

.history .sec02 ul li dt .nengou02 {
    border:solid 4px #CC4F42;
}

.history .sec03 ul li dt .nengou02 {
    border:solid 4px #3B7DFF;
}

.history .sec04 ul li dt .nengou02 {
    border:solid 4px #82BA00;
}

.history .sec ul li dd {
    width:810px;
    float:right;
    display: table;
}

/*.history .sec ul li dd .rap{
    display:table-cell;
    vertical-align:middle;}*/
.history .sec ul li dd p {
    line-height:1.5;
    font-size: 1em;
    margin-bottom:1rem;
}

.history .sec ul li dd p:last-child {
    margin-bottom:0;
}

.history .sec ul li dd .img {
    position:relative;
    top:0;
    display:inline-block;
    float:right;
    margin-left:20px;
    width: 320px;
}

.history .sec ul li dd .img .cap {
    /*position:absolute;
    bottom: 14px;
    text-align:center;
    width: 320px;
    text-align:center;
    font-size: 0.9rem;
    color: #fff;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.8);*/
    display: none;
}

.history .sec ul li dd img{
    width:100%;
    height:auto;
}

/* info */
.info .sec {
    width:1000px;
    overflow:hidden;
    margin:0 auto 30px auto;
}

.info .doc {
    line-height:1.6;
}

.info .info div#pageTitle h2 {
    background-image: url(../img/history_icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    text-align:left;
}

.info .sec00 {
    width:1000px;
    margin:0 auto 30px auto;
}

.info .sec00 h3 {
    background-repeat: no-repeat;
    background-position: center top;
    height: 44px;
    padding-top: 188px;
    color: #72B524;
    margin: 0;
    font-size: 1.5em;
    margin-top: 48px;
}

.info .sec00 .nth01 {
    background-image: url(../img/info21.gif);
}

.info .sec00 .nth02 {
    background-image: url(../img/info22.gif);
}

.info .sec00 .nth03 {
    background-image: url(../img/info23.gif);
}

.info .sec00 h2 {
    font-size:1.5em;
    color:#72B524;
    line-height:1.4;
    text-align:center;
    font-weight:bold;
    padding-top:20px;
    padding-bottom:30px;
}

.info .sec00 p {
    line-height:1.6;
    margin-bottom:30px;
}

.info .sec01, .info .sec02, .info .sec03 {
    width:1000px;
    margin:0 auto 24px auto;
    background-color:#fff;
    padding:24px 0;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}

.info .sec:last-of-type {
    margin-bottom:80px;
}

.info .box {
    width:948px;
    margin:0 auto;
    background-repeat: no-repeat;
    background-position: left bottom;
    box-sizing: border-box;
    position:relative;
    top:0;
    left:0;
}

.info .sec01 .box {
    background-image: url(../img/bluebox02.gif);
}

.info .sec02 .box {
    background-image: url(../img/greenbox02.gif);
}

.info .sec03 .box {
    background-image: url(../img/redbox02.gif);
}

.info .box_t {
    width:948px;
    height:24px;
    background-repeat: no-repeat;
    background-position: left bottom;
}

.info .sec01 .box_t {
    background-image: url(../img/bluebox01.gif);
}

.info .sec02 .box_t {
    background-image: url(../img/greenbox01.gif);
}

.info .sec03 .box_t {
    background-image: url(../img/redbox01.gif);
}

.info .rap {
    padding:30px 0 50px 0;
}

.info h3 {
    background-repeat: no-repeat;
    background-position: center top;
    padding-top:68px;
    text-align:center;
    font-weight:bold;
    margin-bottom: 25px;
}

.info .sec01 h3 {
    background-image: url(../img/info002.gif);
    color: #3BADFF;
}

.info .sec02 h3 {
    background-image: url(../img/info003.png);
    color: #72B524;
}

.info .sec03 h3 {
    background-image: url(../img/info001.gif);
    color: #DB2B73;
}

.info h4 {
    font-size:2em;
    font-weight:bold;
    text-align:center;
    margin-bottom:14px;
}

.info .sec p {
    text-align:center;
    margin-bottom:52px;
    line-height:1.6
}

.info .sec h5 {
    position: absolute;
    top: -17px;
    left: 321px;
    width: 300px;
    padding: 0.75em 0;
    border-radius: 4px;
    text-align: center;
    color: #fff;
}

.info .sec01 h5 {
    background: #3BADFF;
}

.info .sec02 h5 {
    background: #72B524;
}

.info .sec03 h5 {
    background: #DB2B73;
}

.info .sec ul {
    text-align:center;
}

.info .sec ul li {
    width: 280px;
    height: 46px;
    padding-top: 96px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    line-height: 1.4;
    background-repeat: no-repeat;
    background-position: center top;
    white-space:nowrap;
}

.info .sec_a ul {
    text-align: center;
    margin-bottom: 40px;
    widows: 1196px;
    width: 1014px;
    margin: 0 auto 40px auto;
    box-sizing: border-box;
}

.info .sec_a ul li {
    min-height: 302px;
    width: 296px;
    padding-top: 96px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    line-height: 1.4;
    background-repeat: no-repeat;
    background-position: center top;
    white-space: nowrap;
    margin: 7px;
    padding: 12px;
    background-color: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}

.info .sec_a ul li h4 {
    word-wrap: break-word;
    width: 276px;
    white-space: nowrap;
    font-size: 1.125em;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    background-image: url(../img/info20.gif);
    background-repeat: no-repeat;
    background-position: left 0.3em;
    line-height: 1.125;
    margin: 0;
    padding: 0.4em 0 0.4em 26px;
}

.info .sec_a ul li .doc {
    word-wrap:break-word;
    width:296px !important;
    white-space: normal;
    text-align:left;
    width:0.875em;
}
 .info .sec01 ul li:nth-of-type(1) {
 background-image: url(../img/info004.gif);
}
.info .sec01 ul li:nth-of-type(2) {
 background-image: url(../img/info005.gif);
}
.info .sec01 ul li:nth-of-type(3) {
 background-image: url(../img/info006.gif);
}
 .info .sec02 ul li:nth-of-type(1) {
padding-top: 120px;
 background-image: url(../img/info007.png);
}
.info .sec02 ul li:nth-of-type(2) {
padding-top: 120px;
 background-image: url(../img/info008.png);
}
.info .sec02 ul li:nth-of-type(3) {
padding-top: 120px;
 background-image: url(../img/info009.png);
}
 .info .sec02 ul li:nth-of-type(4) {
 background-image: url(../img/info010.png);
}
.info .sec02 ul li:nth-of-type(5) {
 background-image: url(../img/info011.png);
}
 .info .sec03 ul li:nth-of-type(1) {
 background-image: url(../img/info012.png);
}
.info .sec03 ul li:nth-of-type(2) {
 background-image: url(../img/info013.png);
}
.info .sec03 ul li:nth-of-type(3) {
 background-image: url(../img/info014.png);
}

.info .text_r {
    text-align:right;
    margin-top:1em;
}

.info .sec_a ul {
    overflow:hidden;
}

/* inquiry フォーム系 */

.inquiry .eventInfoWrap {
    margin-bottom: 40px;
    background-color: #fff;
    padding: 4px;
    border-radius: 2px;
}

.inquiry .eventInfoWrap table tr td {
    border-right: solid 1px #cfcfb7;
}

.inquiry .i {
    padding-left:1em
}

.inquiry h3 {
    color: #72b524;
    font-size: 1.8em;
    font-weight: bold;
    margin-bottom: 30px;
}

.inquiry .eventRegistBtn input {
    cursor: pointer;
    display: inline-block;
    color: #fff;
    background: #3badff;
    box-shadow: 0 4px 0 rgb(28,132,196);
    border-radius: 6px;
    padding: 18px 0;
    font-size: 1.4em;
    font-weight: bold;
    border: none !important;
    width: 376px !important;
}

.inquiry .backBtn {
    background: #B5B59F !important;
    box-shadow: 0 4px 0 rgb(128, 128, 107) !important;
    width:200px !important;
}

.inquiry .checkboxBox {
    text-align:center;
    margin-top:30px;
}

.inquiry .checkboxInner {
    padding: 20px;
    background: #fff;
    /* margin: 0 auto; */
display: inline-block;
    height: 14px;
    border-radius: 8px;
}

.inquiry .eventInfoWrap2 {
    margin-bottom: 40px;
    background-color: #fff;
    padding: 30px;
    border-radius: 2px;
    line-height: 1.6;
}

.inquiry .eventInfoWrap2 h4 {
    margin-bottom:20px;
    font-size: 1.8em;
    font-weight:bold;
    text-align:center;
}

.access .sec {
    /*width:1000px;*/
    margin:0 auto 0 auto;
    padding:0 0 60px 0;
    line-height:1.6;
}

.access .secFirst {
    padding:0;
}

.access .sec h3 {
    padding: 10px 40px;
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 0.6em;
    background-image: url(../img/gnavi_menu_access.png);
    background-repeat: no-repeat;
    background-position: left 0.25em;
}

.ho .access div#pageTitle h2.event {
    background: url(../img/pagetite_icon_access.png) left center no-repeat;
}

.access .sec h4 {
    margin-bottom:0.5em;
    font-weight:bold;
}

.access .sec h5 {
    text-decoration: underline;
    font-weight:bold;
    margin-top:0.5em;
}


.access table {
    margin-bottom:1em;
}

.access table th {
    width:180px;
    vertical-align:middle;
}

.access table td {
    vertical-align:middle;
}

.access dl {
    border: solid 2px #75D424;
    margin-bottom:10px;
    margin-right:10px;
    padding:2px;
    border-radius:6px;
    display:inline-block;
    background: #fff;
}

.access p {
    margin-bottom:20px;
}

.access dl dt {
    font-weight:bold;
    display:inline-block;
    padding:0.25em 0.5em;
    vertical-align:top;
    color:#fff;
    background-color: #75D424;
    /*background-color:rgba(255,255,255,0.8);*/border-radius:4px;
}

.access dl dd {
    display:inline-block;
    vertical-align:top;
    padding: 0.25em 0.7em 0.25em 0;
}

/*.access .sec:last-child {
    padding-bottom:60px;
    margin-bottom:60px;
}*/

#googlemap {
    margin-bottom: 60px;
}

.sLink {
    font-size: 0.8em;
    display:inline-block;
    background:#fff url(../img/icon_arrow_black.png) no-repeat 10px center;
    background-color:#fff;
    margin-top: 0.5em;
    padding:0.5em 1em 0.5em 24px;
    border-radius:14px;
    font-weight:bold;
}

.hours h3 {
    font-size: 1.8em;
    margin-bottom:30px !important;
    width:1000px;
    margin:0 auto;
    font-weight:bold;
}

.hours .sec {
    background-color:none;
    line-height:1.6;
    width:1000px;
    margin:0 auto 30px auto;
}

.hours .sec:last-child {
    margin-bottom:60px !important;
}

.hours .sec h4 {
    padding: 10px 35px;
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 0.6em;
    background-image: url(../img/gnavi_menu_business.png);
    background-repeat: no-repeat;
    background-position: left 0.25em;
}

.hours .sec table {
    width:100%;
    margin:0 auto 1em auto;
}

.hours .sec table th {
    vertical-align:middle;
    white-space:nowrap;
    text-align:center;
}

.hours .sec table td {
    width:20px;
    vertical-align:middle;
    text-align:center;
}

.hours div#pageTitle h2.event {
    background: url(../img/pagetite_icon_hours.png) left center no-repeat;
}

.hours div#eventReport {
    width: 960px;
    margin: 0 auto 40px auto;
    padding: 20px;
    background: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}

.w_td {
    width:100px;
    background-color:#fff;
    background-color:rgba(255, 255, 255, 0.5);
}

.annotation {
    /*   font-size:0.81em;*/
    padding:0.25em 0;
}

/* townmap */

.townmap h3 {
    font-size: 1.8em;
    margin-bottom:30px !important;
    width:1000px;
    margin:0 auto;
    font-weight:bold;
    line-height:1.4;
    text-align:center;
}

.townmap h4 {
    display: inline-block;
    padding: 10px 0 10px 50px;
    font-size: 1.3em;
    font-weight: bold;
    margin-bottom: 0.6em;
    background-image: url(../img/gnavi_menu_map.png);
    background-repeat: no-repeat;
    background-position: 10px center;
}

.townmap h5.detail {
    display: inline-block;
    padding: 4px 6px;
    margin: 0 0 0 10px;
    color: #fff;
    background: #db2b73;
    font-weight: bold;
    vertical-align: text-bottom;
}

.townmap div#tabMenu ul {
    overflow:hidden;
    text-align:center;
}

.townmap div#tabMenu ul li {
    width:auto;
    float:none;
    display:inline-block;
}

.townmap div#tabMenu ul li a, .townmap div#tabMenu ul li a:visited {
    padding:0.5em 2em;
    display:inline-block;
}

.townmap div#tabMenu ul li a:hover, .townmap div#tabMenu ul li a:active {
    background-color:#fff;
    border:solid 3px;
    padding:0.5em 2em;
    display:inline-block;
}
.townmap div#tabMenu ul li:nth-of-type(1) a {
border-color: #ccc !important;
background: #fff !important;
}
.townmap div#tabMenu ul li:nth-of-type(2) a {
border-color: #ee9c96 !important;
background: #fff !important;
}
.townmap div#tabMenu ul li:nth-of-type(3) a {
border-color: #93d7e8 !important;
background: #fff !important;
}
.townmap div#tabMenu ul li:nth-of-type(4) a {
border-color: #f4eb37 !important;
background: #fff !important;
}
 .townmap div#tabMenu ul li:nth-of-type(5) a {
border-color: #b02bdb !important;
background: #fff !important;
}
.townmap div#tabMenu ul li:nth-of-type(6) a {
border-color: #dbc02b !important;
background: #fff !important;
}

.townmap div.eventVisual p {
    position: absolute;
    display: block;
    width: 32px;
    height: 32px;
    text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;
    top:0;
    left:0;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.12);
}

.townmap p.visualIconExhibition {
    background: none;
    color: #fff;
    text-indent: 0 !important;
    line-height: 34px;
    text-align: center;
    /*background-image: url(../img/iconpng52.png);*/
    font-size:1.6em;
}
.townmap .sec:nth-of-type(6) p.visualIconExhibition {
background-color: #ee9c96 !important;
}
.townmap .sec:nth-of-type(7) p.visualIconExhibition {
background-color: #93d7e8 !important;
}
.townmap .sec:nth-of-type(8) p.visualIconExhibition {
background-color: #DDD300 !important;
}
.townmap .sec:nth-of-type(9) p.visualIconExhibition {
background-color: #2b4cdb !important;
}
.townmap .sec:nth-of-type(10) p.visualIconExhibition {
background-color: #b02bdb !important;
}
.townmap .sec:nth-of-type(11) p.visualIconExhibition {
background-color: #dbc02b !important;
}

.townmap .sec ul li {
    float: left;
    display: block;
    width: 296px;
    padding: 12px;
    background: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    margin: 0 10px 20px 10px;
}

.townmap .date {
    line-height:1.6;
}

.townmap .townmapItem {
}

.townmap .townmapItem h5 {
    margin: 8px 0;
    font-weight: bold;
    line-height:1.4em;
}

.townmap .townmapItem h6 {
    font-size: 0.8em;
}

.townmap .eventData {
    overflow:hidden;
    height:4.2em;
    min-height: 4.2em;
}

.townmap .eventData p {
    font-size: 0.9em;
    line-height: 1.4em;
    margin-top: 0.2em;
}

.townmap strong {
    font-weight:bold;
    font-size:1.1rem;
}

.townmap .sec {
    width:1020px;
    margin:0 auto 30px auto;
}

.townmap .soulFoodMapLink {
    text-align: center;
}

.townmap .soulFoodMapLink a {
    display: inline-block;
    color: #fff;
    background: #75d424;
    box-shadow: 0 3px 0 rgb(86,155,21);
    border-radius: 4px;
    padding: 12px 16px;
    font-size: 1.1em;
    font-weight: bold;
}

.townmap .soulFoodMapLink p {
    padding: 10px 0;
    font-size: 0.9em;
}

.townmap #googlemap {
    width: 1000px;
    margin: auto;
}

.townmap #googlemap iframe {
    width: 1000px;
    height: 550px;
}

.inquiry table.data tr th {
    vertical-align:middle;
}

.inquiry table.data td textarea {
    height:10em;
    padding: 1em;
    border-radius: 6px;
    border: solid 1px #ccc;
    width: 66%;
}

.inquiry .kome {
    padding: 0 0.05em;
    color: #D8005A;
    font-weight: bold;
    font-size: 1.8em;
    line-height:1em;
    vertical-align:top;
    vertical-align: -webkit-baseline-middle;
}

.form01 .eventInfo p {
    line-height:1.6;
    margin-bottom:1em;
}

.form01 div#pageTitle h2.inquiry {
    background:none;
    padding: 20px 0 20px 0;
    width:1000px;
}

.form01 div#eventDetail div.eventInfo h4 {
    padding: 10px 28px;
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 0.6em;
    background-image: url(../img/gnavi_menu_inquiry.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.form01 .eventInfoWrap2 li {
    margin-bottom:0.5em;
    font-size:0.8em;
}

.maru {
    color: #fff;
    text-align: center;
    width: 21px;
    background-color: #75D424;
    border-radius: 50%;
    display: inline-block;
    margin-right: 0.5em;
}

/* education */

.education div#itemRap {
    width: 1000px;
    margin: auto;
}

.education div#itemRap>div {
    display: block;
    padding: 20px;
    background: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    margin-bottom: 20px;
}

.education div#itemRap div.eventVisual {
    float: left;
    width: 320px;
}

.education div#itemRap div.eventData {
    /*float: right;
    width: 640px;*/
    margin-top: 0;
}

.education div#itemRap div.eventData a {
    text-decoration: underline;
    font-weight: bold;
}

.education div#itemRap div.eventData span.date {
    float: left;
    margin-left: 1em;
}

.education div#itemRap div.eventData h3 {
    font-size: 1.5em;
    margin-bottom: 0.3em;
}

.education div#itemRap div.eventData p {
    font-size: 0.9em;
    line-height: 1.4em;
}

.education div#itemRap div.eventData h3 {
    font-size: 1.5em;
    margin-bottom:0.5em;
    line-height:1.4;
}

.education .title_h3 {
    width:1000px;
    font-weight:bold;
    font-size:1.8em;
    margin:0 auto 30px auto;
    line-height:1.6;
}

.education .sub {
    width:1000px;
    margin:0 auto 30px auto;
    line-height:1.6;
}

.education div#itemRap div.eventData dl {
    margin-bottom:0.5em;
}

.education div#itemRap div.eventData dl dt {
    margin-bottom:0.5em;
}

.education div#itemRap div.eventData dl dd {
    margin-bottom: 0.5em;
    background-image: url(../img/doto.png);
    background-repeat: no-repeat;
    background-position: left 0.4em;
    padding-left: 11px;
    margin-left:10px;
}

/* donation */

.donation div#pageTitle h2, .offer div#pageTitle h2, .education div#pageTitle h2, .privacy div#pageTitle h2, .sitemap div#pageTitle h2, .english div#pageTitle h2 {
    display: block;
    width: 1000px;
    margin: auto;
    font-size: 1.4em;
    font-weight: bold;
    color: #fff;
    padding: 20px 0 20px 0;
    text-align: left;
    background:none;
}

.donation h4 {
    font-size: 1.1em;
    margin-bottom:0.5em;
    line-height:1.4;
    font-weight:bold;
}

.eventData p {
    line-height:1.4;
    margin-bottom:1em;
}

.donation .title_h3, .offer .title_h3 {
    width:1000px;
    font-weight:bold;
    font-size:1.8em;
    margin:0 auto 30px auto;
    line-height:1.6;
}

.donation .sub, .offer .sub {
    width:1000px;
    margin:0 auto 30px auto;
    line-height:1.6;
}

.donation dl {
    margin-bottom:0.5em;
    background-color:#fff;
    padding:20px;
    width:700px;
    margin:0 auto;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}

.donation dl dt {
    margin-bottom:0.5em;
    font-weight:bold;
    text-align:center;
    font-size:1.4em;
}

.donation dl dd {
    margin-bottom: 0.5em;
    background-image: url(../img/doto.png);
    background-repeat: no-repeat;
    background-position: left 0.5em;
    padding-left: 11px;
    margin-left:10px;
}

.donation .sec {
    width:1000px;
    margin:0 auto 30px auto;
}

.donation table.data {
    margin-bottom:1em !important;
}

.donation .sec:last-child {
    margin-bottom:60px;
}

.donation .sec {
    line-height:1.6
}

.blueBtn {
    text-align:center;
}

.blueBtn a {
    text-align:center;
    cursor: pointer;
    display: inline-block;
    color: #fff;
    background: #3badff;
    box-shadow: 0 4px 0 rgb(28,132,196);
    border-radius: 6px;
    padding: 18px 0;
    font-size: 1.4em;
    font-weight: bold;
    border: none;
    width: 376px;
    margin-top:20px;
}

/* offer */
.offer .sec {
    display: block;
    padding: 20px;
    background: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    margin-bottom: 20px;
    overflow:hidden;
    width:960px;
    margin:0 auto 20px auto
}

.offer .sec div.eventVisual {
    float: left;
    width: 320px;
}

.offer .sec div.eventData {
    /*float: right;
    width: 640px;*/
    margin-top: 0;
}

.offer .sec div.eventData span.date {
    float: left;
    margin-left: 1em;
}

.offer .sec div.eventData h3 {
    line-height:1.6;
    font-size: 1.5em;
    margin-bottom: 0.3em;
}

.offer .sec div.eventData p {
    font-size: 0.9em;
    line-height: 1.4em;
}

/* privacy */

.privacy h3 {
    width: 1000px;
    font-weight: bold;
    font-size: 1.8em;
    margin: 0 auto 0 auto;
    line-height: 1.6;
}

.privacy .sub {
    width: 1000px;
    line-height: 1.6;
    text-align:right;
    margin:0 auto;
    font-size:0.75em;
}

.privacy .sec {
    width:1000px;
    margin:30px auto 60px auto;
}

.privacy .sec dl dt {
    font-size: 1.1em;
    margin-bottom: 0.5em;
    line-height: 1.4;
    font-weight: bold;
}

.privacy .sec dl dd {
    margin-bottom:1em;
    line-height:1.6;
    margin-bottom:30px;
}

/* sitemap */


.sitemap .sub {
    width: 1000px;
    line-height: 1.6;
    text-align:right;
    margin:0 auto;
    font-size:0.75em;
}

.sitemap .sec {
    width:1000px;
    margin:30px auto 60px auto;
}

.sitemap .sec dl {
    width: 280px;
    background-color: #fff;
    padding: 0 20px;
    margin-bottom:10px;
    display: block;
    float:left;
    vertical-align: top;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}

.sitemap .sec dl dt {
    font-size: 1.1em;
    line-height: 1.4;
    font-weight: bold;
    padding-top: 12px;
    padding-bottom: 12px;
}

.sitemap .sec dl dd {
    display:inline-block;
    line-height:1.6;
    padding-bottom: 10px;
}
.sitemap .sec dl dd:nth-of-type(1) {
}

.sitemap .sec dl dd a {
    background-image: url(../img/vi_btn_position_active.png);
    background-repeat: no-repeat;
    background-position: left 0.4em;
    padding-left: 21px;
    padding-right: 1em;
    margin-left: 6px;
    display: inline-block;
}

.sitemap .sec dl dt a {
    background-image: url(../img/info20.gif);
    background-repeat: no-repeat;
    display: block;
    background-position: left 0.11em;
    padding-left:26px;
}

/* english */
.english h3 {
    font-size: 1.8rem;
    width: 1000px;
    margin: 0 auto 0 !important;
    font-weight: bold;
    text-align:center;
    margin-bottom:30px !important;
}

.english .doc {
    line-height:1.6;
}

.english .aSec {
    width:1000px;
    line-height:1.6;
    overflow:hidden;
    border-bottom:solid 1px #72B524;
    padding-bottom:30px;
    margin:0 auto 30px;
}

.english .aSecLast {
    border: none;
    padding-bottom: 60px;
}

.english .sec_l {
    width:400px;
    float:left;
}

.english .sec_r {
    width: 560px;
    float:right;
}

/* exhibition */

div.exhibitionTop {
    width: 1000px;
    margin: auto;
}

div.exhibitionTop h3.recommendTitle {
    background: url(../img/exhibition/exhi_top_icon_event.png) no-repeat left center;
    font-size: 1.4em;
    font-weight: bold;
    line-height: 2em;
    padding-left: 45px;
    margin-bottom: 20px;
}

div.exhibitionTop h3.exhibitionTitle {
    background: url(../img/exhibition/exhi_top_icon_exhi.png) no-repeat left center;
    font-size: 1.4em;
    font-weight: bold;
    line-height: 2em;
    padding-left: 45px;
    margin-bottom: 20px;
}

div.exhibitionTop a.eventDetailLink {
    display: block;
}

div.exhibitionTop div#eventDetail {
    background: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    margin-bottom: 30px;
}

div.exhibitionTop div#eventDetail div.eventIcon {
    margin-top: 20px;
    margin-left: 20px;
}

div.exhibitionTop div#eventDetail div.eventData {
    margin-top: 26px;
    width: 890px;
}

div.exhibitionTop div#eventDetail div.eventBigVisual {
    margin-bottom: 0;
}

/* exhibition - indoor */

.exhibition #zoneList {
    width: 1000px;
    margin: 0px auto 50px auto;
}

.exhibition #zoneList a {
    display: block;
    width: 960px;
    padding: 20px;
    background: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    min-height: 200px;
    margin: 20px 0;
}

.exhibition #zoneList .zoneList_l {
    float: left;
    width: 68%;
}

.exhibition #zoneList .zoneList_l .text {
    margin: 15px 0px 0px 43px;
    line-height: 150%;
}

.exhibition #zoneList .zoneList_r {
    float: right;
    width: 280px;
}

.exhibition #zoneList .zoneList_l .p-a p {
    position: relative;
    width: 470px;
    float: left;
    padding: 15px;
    background: #fff;
    border: solid 3px #cfcfb7;
    line-height: 1.4em;
    margin-left: 43px;
    font-size: 90%;
}

.exhibition #zoneList .zoneList_l .p-a p:before {
    border:16px solid transparent;
    border-left-color:#fff;
    border-right-width:0;
    right:-14px;
    content:"";
    display:block;
    top:30%;
    position:absolute;
    width:0;
    z-index:1;
}

.exhibition #zoneList .zoneList_l .p-a p:after {
    border:16px solid transparent;
    border-left-color:#cfcfb7;
    border-right-width:0;
    right:-18px;
    content:"";
    display:block;
    top:30%;
    position:absolute;
    width:0;
}

.exhibition #zoneList .zoneList_l .p-b p {
    position: relative;
    width: 470px;
    float: right;
    padding: 15px;
    background: #fff;
    border: solid 3px #cfcfb7;
    line-height: 1.4em;
    font-size: 90%;
}

.exhibition #zoneList .zoneList_l .p-b p:before {
    border:16px solid transparent;
    border-right-color:#fff;
    border-left-width:0;
    left:-14px;
    content:"";
    display:block;
    top:30%;
    position:absolute;
    width:0;
    z-index:1;
}

.exhibition #zoneList .zoneList_l .p-b p:after {
    border:16px solid transparent;
    border-right-color:#cfcfb7;
    border-left-width:0;
    left:-18px;
    content:"";
    display:block;
    top:30%;
    position:absolute;
    width:0;
}

.exhibition #zoneList .commentBox {
    width: 100%;
    height: 100px;
    display: table;
    margin-top: 10px;
}

.exhibition #zoneList .commentBox > * {
    display:table-cell;
    vertical-align: middle;
}

.exhibition #zoneList .p-a img {
    float: right;
    width: 73px;
}

.exhibition #zoneList .p-b img {
    float: left;
    width: 73px;
    margin-left: 43px;
}

.exhibition #zoneList div.btnIndoorGreen {
    display: none;
}

/* exhibition - indoor&family */

.exhibition .sec01, .exhibition .sec02 {
    width: 1000px;
    margin: auto;
}

.exhibition .sec03 {
    width: 1000px;
    margin: 30px auto 0px auto;
}

.exhibition .sec04 {
    width: 1020px;
    margin: 0px auto 30px auto;
}

.exhibition .sec05 {
    width: 1020px;
    margin: 0 auto;
}

.exhibition .sec06 {
    width: 1000px;
    margin: 30px auto 0px auto;
    margin-bottom: 80px;
}

.exhibition #tabLink {
    padding: 0px 0px 30px 0px;
}

.exhibition #tabLink li {
    float: left;
}

.exhibition #tabLink a {
    height: 38px;
    display: block;
    text-indent:1000%;
    white-space:nowrap;
    overflow:hidden; /* text hidden set */
}

.exhibition #tabLink .t_01 a {
    background: url(../img/exhibition/tab_01_off.png) no-repeat;
    width: 224px;
}

.exhibition #tabLink .t_02 a {
    background: url(../img/exhibition/tab_02_off.png) no-repeat;
    width: 289px;
    margin-left: -15px;
}

.exhibition #tabLink .t_03 a {
    background: url(../img/exhibition/tab_03_off.png) no-repeat;
    width: 292px;
    margin-left: -15px;
}

.exhibition #tabLink .t_04 a {
    background: url(../img/exhibition/tab_04_off.png) no-repeat;
    width: 239px;
    margin-left: -15px;
}

.exhibition #tabLink .selected_01 a {
    background: url(../img/exhibition/tab_01_on.png) no-repeat;
    width: 224px;
}

.exhibition #tabLink .selected_02 a {
    background: url(../img/exhibition/tab_02_on.png) no-repeat;
    width: 289px;
    margin-left: -15px;
}

.exhibition #tabLink .selected_03 a {
    background: url(../img/exhibition/tab_03_on.png) no-repeat;
    width: 292px;
    margin-left: -15px;
}

.exhibition #tabLink .selected_04 a {
    background: url(../img/exhibition/tab_04_on.png) no-repeat;
    width: 239px;
    margin-left: -15px;
}

.exhibition h3 {
    font-weight: bold;
    font-size: 160%;
}

.exhibition h3 span {
    padding: 3px 9px 2px 9px;
    background-color: #72B524;
    border-radius: 5px;
    margin-right: 10px;
    color: #FFF;
    font-size: 80%;
}

.exhibition #mainImg {
    margin-top: 20px;
    z-index: 0;
}

.exhibition #mainImg_con {
    margin-top: -215px;
    z-index: 100;
}

.exhibition #info .chara {
    float: left;
    width: 153px;
}

.exhibition #info {
    position: relative;
    float: left;
    width: 56%;
}

.exhibition #info p {
    position: relative;
    width: 60%;
    float: left;
    padding: 20px;
    background: #fff;
    border: solid 3px #cfcfb7;
    font-size: 140%;
    line-height: 1.4em;
    margin-top: 45px;
    margin-left: 23px;
    font-weight: bold;
    min-height: 100px;
}

.exhibition #info p:before {
    border:16px solid transparent;
    border-right-color:#fff;
    border-left-width:0;
    left:-14px;
    content:"";
    display:block;
    top:40%;
    position:absolute;
    width:0;
    z-index:1;
}

.exhibition #info p:after {
    border:16px solid transparent;
    border-right-color:#cfcfb7;
    border-left-width:0;
    left:-18px;
    content:"";
    display:block;
    top:40%;
    position:absolute;
    width:0;
}

.exhibition #mame {
    position: relative;
    float: left;
    margin-left: 20px;
    width: 35.8%;
    padding: 20px;
    background-color: rgb( 0, 0, 0 );
    background-color: rgba( 0, 0, 0, 0.8 );
    margin-top: 45px;
    min-height: 105px;
}

.exhibition #mame div {
    background: url(../img/exhibition/icon_mame.png) no-repeat;
    padding-left: 30px;
    color: #FFF;
    font-weight: bold;
    font-size: 130%;
}

.exhibition #mame p {
    color: #FFF;
    padding-top: 10px;
    font-size: 90%;
    line-height: 1.3em;
}

.exhibition .con_title_l {
    float: left;
    width: 43%;
    height: 135px;
    background: url(../img/exhibition/bg_h.png) no-repeat top left;
    display: table;
    text-align: center;
}

.exhibition .con_title_l > * {
    display:table-cell;
    vertical-align: middle;
}

.exhibition .con_title_l h4 {
    width: 33%;
    text-align: center;
    font-weight: bold;
    font-size: 140%;
    line-height: 1.2em;
}

.exhibition .con_title_l p {
    text-align: left;
    padding-left: 20px;
    font-weight: bold;
    line-height: 1.6em;
}

.exhibition .con_title_r {
    float: right;
    width: 55%;
}

.exhibition .con_title_r .midokoro {
    float: left;
    width: 114px;
    height: 112px;
    margin-top: -35px;
}

.exhibition .con_title_r p {
    position: relative;
    width: 44%;
    float: left;
    padding: 15px;
    background: #fff;
    border: solid 3px #cfcfb7;
    line-height: 1.4em;
    margin-left: 10px;
    margin-top: 10px;
    min-height: 60px;
    font-size: 90%;
    line-height: 1.6;
}

.exhibition .con_title_r p:before {
    border:16px solid transparent;
    border-left-color:#fff;
    border-right-width:0;
    right:-14px;
    content:"";
    display:block;
    top:35%;
    position:absolute;
    width:0;
    z-index:1;
}

.exhibition .con_title_r p:after {
    border:16px solid transparent;
    border-left-color:#cfcfb7;
    border-right-width:0;
    right:-18px;
    content:"";
    display:block;
    top:35%;
    position:absolute;
    width:0;
}

.exhibition .con_title_r .chara {
    float: right;
    width: 120px;
}

.exhibition .list {
    float: left;
    width: 490px;
    margin: 0px 10px;
}

.exhibition .list p {
    padding-top: 10px;
    padding-bottom: 20px;
}

.exhibition .list.kids {
    display: -webkit-flex; /* Safari */
    display: flex;
    -webkit-justify-content: center; /* Safari */
    justify-content:         center;
    width: 100%;
}

.exhibition .list.kids .kidsInfo {
    float: none;
    width: 32%;
    margin: 0 10px;
}

.exhibition .zoneBtn {
    text-align: center;
    margin-bottom: 40px;
}

.exhibition .zoneBtn a {
    display: inline-block;
    color: #fff;
    background-color: #72B524;
    box-shadow: 0 4px 0 rgb(83, 129, 34);
    background-image: url(../img/exhibition/icon_btn-arrow.png);
    background-repeat: no-repeat;
    background-position: 15px center;
    border-radius: 6px;
    padding: 10px 20px 10px 40px;
    font-size: 1.2em;
    font-weight: bold;
}

.exhibition .f-sp_01 {
    padding-top: 30px;
}

.exhibition .kidsInfo {
    float: left;
    width: 50%;
    text-align: center;
    line-height: 1.6em;
    margin-top: 30px;
}

/* exhibition - indoor&facility */

.exhibition #outdoorList a {
    color: #4d8017;
}

.exhibition #outdoorList {
    width: 1000px;
    margin: 0px auto 50px auto;
}

.exhibition #outdoorList .f-sp_02 {
    padding-bottom: 10px;
}

.exhibition #outdoorList .outdoorListBox {
    padding-top: 30px;
    padding-bottom: 30px;
}

.exhibition #outdoorList .outdoorListBox .outdoorList_l {
    float: left;
    width: 60%;
    line-height: 1.6em;
}

.exhibition #outdoorList .outdoorListBox .outdoorList_l h3 {
    margin: 30px 0;
}

.exhibition #outdoorList .outdoorListBox .outdoorList_r {
    float: right;
    width: 38%;
}

.exhibition #outdoorList .outdoorListBox .outdoorList_r .midokoro {
    text-align: center;
    margin: 15px 0px;
}

.exhibition #outdoorList .outdoorListBox .outdoorList_r .commentBox img {
    float: left;
    width: 120px;
}

.exhibition #outdoorList .outdoorListBox .outdoorList_r .commentBox p {
    position: relative;
    width: 75%;
    float: right;
    padding: 12px;
    background: #fff;
    border: solid 3px #cfcfb7;
    line-height: 1.4em;
    font-size: 90%;
}

.exhibition #outdoorList .outdoorListBox .outdoorList_r .commentBox p:before {
    border:16px solid transparent;
    border-right-color:#fff;
    border-left-width:0;
    left:-14px;
    content:"";
    display:block;
    top:50%;
    margin-top: -16px;
    position:absolute;
    width:0;
    z-index:1;
}

.exhibition #outdoorList .outdoorListBox .outdoorList_r .commentBox p:after {
    border:16px solid transparent;
    border-right-color:#cfcfb7;
    border-left-width:0;
    left:-18px;
    content:"";
    display:block;
    top:50%;
    margin-top: -16px;
    position:absolute;
    width:0;
}

.exhibition #outdoorList .outdoorListBox .outdoorList_r .commentBox {
    width: 100%;
    height: 120px;
    display: table;
    margin-top: 10px;
}

.exhibition #outdoorList .outdoorListBox .outdoorList_r .commentBox > * {
    display:table-cell;
    vertical-align: middle;
}

/* floormap */

.floormap .sec {
    width: 1000px;
    margin: auto;
}

.floormap p {
    line-height: 1.6em;
    padding: 10px 0px 30px 0px;
}

.floormap .s-box {
    width: 100%;
    position: relative;
    background: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    margin-bottom: 30px;
}

.floormap .s-box h3 {
    width: 20%;
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 200%;
    font-weight: bold;
    padding-top: 25px;
    padding-left: 25px;
}

.floormap .s-box a.btn01, .floormap .s-box a.btn02, .floormap .s-box a.btn03, .floormap .s-box a.btn04, .floormap .s-box a.btn05, .floormap .s-box a.btn06 {
    position: absolute;
    z-index: 100;
    display: block;
    width: 136px;
    height: 30px;
    text-indent:1000%;
    white-space:nowrap;
    overflow:hidden; /* text hidden set */
    background: url(../img/floormap/btn_more.png) no-repeat;
}

.floormap .s-box a.btn01 {
    top:111px;
    left:149px;
}

.floormap .s-box a.btn02 {
    top:111px;
    left:496px;
}

.floormap .s-box a.btn03 {
    top:111px;
    right:31px;
}

.floormap .s-box a.btn04 {
    bottom:55px;
    left:90px;
}

.floormap .s-box a.btn05 {
    bottom:55px;
    left:406px;
}

.floormap .s-box a.btn06 {
    top:26px;
    left:100px;
}

.floormap .s-box .iconBox {
    padding: 25px 0px 25px 120px;
}

.floormap .s-box .iconBox div {
    float: left;
    width: 22%;
    font-weight: bold;
    font-size: 110%;
}

.floormap .s-box .iconBox img {
    vertical-align: middle;
    padding-right: 15px;
}

/* blog style */

#blogStyle {
    clear: both;
    margin-bottom: 50px;
}

#blogStyle h1 {
    font-size: 2em;
    font-weight: bold;
    line-height: 2em;
    color: #72b524;
}

#blogStyle h2 {
    font-size: 1.8em;
    line-height: 1.8em;
    border-bottom: solid 3px #000;
    margin-bottom: 0.5em;
}

#blogStyle h3 {
    display: inline-block;
    padding: 0 0.2em;
    font-size: 1.6em;
    font-weight: bold;
    line-height: 1.6em;
    margin-bottom: 0.5em;
    color: #fff;
    background: #72b524;
}

#blogStyle h4 {
    display: inline-block;
    border-bottom: solid 2px #000;
    font-size: 1.6em;
    line-height: 1.6em;
    margin-bottom: 0.5em;
}

#blogStyle h4 span {
    display: inline-block;
    background: #000;
    color: #fff;
    font-size:0.7em;
    padding: 0 0.5em;
    line-height: 1.6em;
    vertical-align: text-bottom;
}

#blogStyle h5 {
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1.6em;
}

#blogStyle h5 span {
    font-size:0.8em;
}

#blogStyle h6 {
    font-size:1.2em;
    font-weight: bold;
    font-style: italic;
    line-height: 1.6em;
}

#blogStyle p {
    line-height: 1.6em;
    margin-bottom: 1em;
}

#blogStyle ol, #blogStyle ul {
    line-height: 1.6em;
    margin-bottom: 1em;
}

#blogStyle ul li {
    list-style: circle;
    list-style-position: outside;
    margin: 0 0 0.2em 2em;
    padding-left: 0.1em;
}

#blogStyle ol li {
    list-style: decimal;
    list-style-position: outside;
    margin: 0 0 0.2em 2em;
    padding-left: 0.1em;
}

#blogStyle a {
    color: #72b524;
    font-weight: bold;
    text-decoration: underline;
}

#blogStyle img {
    max-width: 100%;
    height: auto;
}

.standardStyle ol, .standardStyle ul {
    line-height: 1.6em;
    margin-bottom: 1em;
}

.standardStyle ul li {
    list-style: circle;
    list-style-position: outside;
    margin: 0 0 0.2em 2em;
    padding-left: 0.1em;
}

.standardStyle ol li {
    list-style: decimal;
    list-style-position: outside;
    margin: 0 0 0.2em 2em;
    padding-left: 0.1em;
}

.mapLink {
    padding-top: 0.5em;
}

.mapLink a {
    font-size: 0.8em;
    display: inline-block;
    background: #fff url(../img/icon_arrow_black.png) no-repeat 10px center;
    background-color: #fff;
    margin-top: 0.5em;
    padding: 0.5em 1em 0.5em 24px;
    border-radius: 14px;
    font-weight: bold;
}

a.textLinkBtn {
    font-size: 0.9em;
    display: inline-block;
    background: #fff url(../img/icon_arrow_black.png) no-repeat 10px center;
    background-color: #fff;
    margin-top: 0.5em;
    padding: 0.5em 1em 0.5em 24px;
    border-radius: 14px;
    font-weight: bold;
}


/* 展示物紹介に戻るリンクボタン */
div#goBackExhibition {
    position: fixed;
    left:0;
    top:50%;
    z-index: 2001;
    margin-top: -42px;
}

div#goBackExhibition a {
    display: inline-block;
    background: url(../img/gnavi_menu_exhibition.png) #fff no-repeat center 5px;
    padding: 45px 10px 10px 10px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
    font-weight: bold;
    font-size: 0.8em;
    text-align: center;
    line-height: 1.2em;
    border-radius: 0 20px 20px 0;
}

/* トップ用巡回バスアイコン */
#topEventInfo h3.shuttleBus {
    display: inline-block;
    font-size: 0.9em;
    font-weight: normal;
}

#topEventInfo h3.shuttleBus a {
    display: inline-block;
    background: url(../img/icon_shuttle_bus.png) #fff 8px center no-repeat;
    border: solid 2px #75d424;
    border-radius: 16px;
    padding: 6px 8px 6px 40px;
}


/* digital archive style */

#darchivesStyle {
    clear: both;
    width: 1000px;
    margin: 0 auto 50px auto;
}

#darchivesStyle h1 { /* not use */
    font-size: 2em;
    font-weight: bold;
    line-height: 2em;
}

#darchivesStyle h2 {
    margin: 20px 0 40px 0;
}

#darchivesStyle h3 {
    padding: 11px 0 11px 45px;
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 30px;
    color: #fff;
    background: url(../img/darchives_h3.png) #5e4500 14px center no-repeat;
    border-radius: 30px;
}

#darchivesStyle h4 {
    padding: 8px 0 8px 45px;
    font-size: 1.3em;
    font-weight: bold;
    margin-top: 40px;
    margin-bottom: 30px;
    background: url(../img/darchives_h4.png) 15px center no-repeat;
}

#darchivesStyle h5 {
    padding: 8px 0 8px 45px;
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 10px;
    background: url(../img/darchives_h5.png) 19px center no-repeat;
    border-bottom: dotted 2px #75d424;
}

#darchivesStyle h6 {
    padding: 4px 0 4px 45px;
    font-size:1.0em;
    font-weight: bold;
    margin-bottom: 10px;
}

#darchivesStyle p {
    padding: 4px 0 4px 45px;
    line-height: 1.6em;
    margin-bottom: 1em;
}

#darchivesStyle ol, #darchivesStyle ul {
    line-height: 1.4em;
    margin-bottom: 20px;
    list-style: none;
}

#darchivesStyle ul li {
    line-height: 1.6em;
}

#darchivesStyle ul li>a {
    display: inline-block;
    padding-left: 45px;
    background: url(../img/darchives_li.png) 19px center no-repeat;
    text-decoration: none;
    color: #000;
    font-weight: normal;
}

#darchivesStyle ol li {
    line-height: 1.6em;
    list-style: decimal;
    list-style-position: inside;
    padding-left: 25px;
}

#darchivesStyle ol li>a {
    display: inline-block;
    text-decoration: none;
    color: #000;
    font-weight: normal;
}

#darchivesStyle a {
    color: #72b524;
    font-weight: bold;
    text-decoration: underline;
}

#darchivesStyle img {
    max-width: 100%;
    height: auto;
}

.sec06_con_sl {
    display: inline-block;
    clear: both;
    overflow: hidden;
    letter-spacing: 0.5px;
    line-height: 1.5;
    background: #93c15d;
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 0px 20px 10px;
    font-size: 13px;
    margin-top: 20px;
    color: #fff;
}

.sec06 .con_title_r {
    width: 52%;
}

.sec06_con_sl p {
    margin-top: 10px;
}