@charset "utf-8";
/*****************************************************************************
CSS only for /ew/news/index.html
*****************************************************************************/






/* font setting */

div#ga2012_pagetitle,
div#ga2012_header,
div#ga2012_mainNavigation,
div.ga2012_bizCategoryBtn,
div.ga2012_breadcrumbs,
div#ga2012_mainContent,
div#ga2012_subContent,
p#ga2012_pageTop,
div.ga2012_socialLink,
div#ga2012_bottomLink,
div#ga2012_footer {
    font-size: 75%;
    color: #333;
}


/* #ga2012_mainContent */

div#ga2012_mainContent {
    width: 967px;
}

div#ga2012_mainContent p,
div#ga2012_mainContent ol,
div#ga2012_mainContent dl,
div#ga2012_mainContent table {
    margin-top: 1em;
}


/** .small **/

div#ga2012_mainContent .small {
    font-size: 85%;
}


/** .someBox **/

div#ga2012_mainContent .someBox {
    border: 1px solid #e5e5e5;
    margin-top: 1.5em;
}

div#ga2012_mainContent .someBox .someBoxH1Title {
    border-bottom: 1px solid #e5e5e5;
    padding: 0.5em 12px;
    font-weight: bold;
}


/** .h1Title **/

div#ga2012_mainContent .h1Title {
    padding: 15px 13px;
    font-size: 150%;
    font-weight: bold;
}


/** .h2Title **/

div#ga2012_mainContent .h2Title,
div#ga2012_mainContent .h2TitleWithIcon {
    margin-top: 2.5em;
    padding: 5px 13px 5px 10px;
    font-size: 117%;
    font-weight: bold;
}


/** .h3Title **/

div#ga2012_mainContent .h3Title {
    margin-top: 1.5em;
    padding: 5px 13px;
    font-size: 117%;
    font-weight: bold;
}


/* #ga2012_subContent */

div#ga2012_subContent {
    float: left;
    width: 179px;
}

div#ga2012_subContent ul#ga2012_subNavigation,
div#ga2012_subContent ul#ga2012_subNavigation li {
    padding: 0;
    margin: 0;
}

div#ga2012_subContent ul#ga2012_subNavigation li a,
div#ga2012_subContent ul#ga2012_subNavigation li span.noLink {
    display: block;
    padding: 5px;
    border-bottom: 1px solid #fff;
    background-color: #e3e3e3;
    color: #465471;
}

div#ga2012_subContent ul#ga2012_subNavigation li:first-child a {
    color: #fff;
    background: #0041C0;
}

/** #ga2012_pageTop **/

p#ga2012_pageTop {
    width: 967px;
    margin: 0 auto 2em;
    line-height: 1.4;
    text-align: right;
}


/* clearfix */


/** for modern browsers **/

div#ga2012_footer div#cSelecterTabCont ul:before,
div#ga2012_footer div#cSelecterTabCont ul:after,
div#ga2012_footer ul.cSelecterTab:before,
div#ga2012_footer ul.cSelecterTab:after,
div#ga2012_footer:before,
div#ga2012_footer:after,
div#ga2012_footer ul:before,
div#ga2012_footer ul:after,
div.ga2012_socialLink dl:before,
div.ga2012_socialLink dl:after,
div#ga2012_bottomLink ul#ga2012_bottomLinkB:before,
div#ga2012_bottomLink ul#ga2012_bottomLinkB:after,
div#ga2012_bottomLink ul#ga2012_bottomLinkB li.mainLink:before,
div#ga2012_bottomLink ul#ga2012_bottomLinkB li.mainLink:after,
div#ga2012_bottomLink ul#ga2012_bottomLinkB li.staticLink ul:before,
div#ga2012_bottomLink ul#ga2012_bottomLinkB li.staticLink ul:after,
div#ga2012_header:before,
div#ga2012_header:after,
div#ga2012_mainNavigation div.ga2012_mainNavigationBtm:before,
div#ga2012_mainNavigation div.ga2012_mainNavigationBtm:after,
div#ga2012_mainNavigation div.ga2012_mainNavigationNw ul:before,
div#ga2012_mainNavigation div.ga2012_mainNavigationNw ul:after,
div#ga2012_content:before,
div#ga2012_content:after,
div#ga2012_mainContent .col2:before,
div#ga2012_mainContent .col2:after,
div#ga2012_mainContent .col3:before,
div#ga2012_mainContent .col3:after,
div#ga2012_mainContent .col3r2:before,
div#ga2012_mainContent .col3r2:after,
div#ga2012_mainContent .col4:before,
div#ga2012_mainContent .col4:after,
div#ga2012_mainContent .listNewsA:before,
div#ga2012_mainContent .listNewsA:after,
div#ga2012_mainContent .col2WithA:before,
div#ga2012_mainContent .col2WithA:after,
div#ga2012_mainContent .col2WithB:before,
div#ga2012_mainContent .col2WithB:after,
div#ga2012_mainContent .linearNav:before,
div#ga2012_mainContent .linearNav:after,
div#ga2012_mainContent .tab2Nav ul:before,
div#ga2012_mainContent .tab2Nav ul:after,
div#ga2012_mainContent .colSns dl:before,
div#ga2012_mainContent .colSns dl:after,
div#ga2012_mainContent .col2News:before,
div#ga2012_mainContent .col2News:after,
div#ga2012_mainContent .col3News:before,
div#ga2012_mainContent .col3News:after,
div#ga2012_mainContent .colImportant:before,
div#ga2012_mainContent .colImportant:after,
div#ga2012_mainContent .col4Tab:before,
div#ga2012_mainContent .col4Tab:after,
div.ga2012_newContent .col2Item:before,
div.ga2012_newContent .col2Item:after,
div.ga2012_newContent .col2Service:before,
div.ga2012_newContent .col2Service:after,
div.ga2012_newContent div.col2Service div.colLeft ul:before,
div.ga2012_newContent div.col2Service div.colLeft ul:after,
div#ga2012_mainContent .col4Recommend .colBg:before,
div#ga2012_mainContent .col4Recommend .colBg:after,
div#ga2012_mainContent .col2NewsTop:before,
div#ga2012_mainContent .col2NewsTop:after,
div#ga2012_mainContent .col3InCol2:before,
div#ga2012_mainContent .col3InCol2:after,
div#ga2012_mainContent .col2AsymIndex:before,
div#ga2012_mainContent .col2AsymIndex:after,
div.ga2012_bizCategoryBtn:before,
div.ga2012_bizCategoryBtn:after,
div#ga2012_spLink .col2WithPdf:before,
div#ga2012_spLink .col2WithPdf:after,
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

div#ga2012_footer div#cSelecterTabCont ul:after,
div#ga2012_footer ul.cSelecterTab:after,
div#ga2012_footer:after,
div#ga2012_footer ul:after,
div.ga2012_socialLink dl:after,
div#ga2012_bottomLink ul#ga2012_bottomLinkB:after,
div#ga2012_bottomLink ul#ga2012_bottomLinkB li.mainLink:after,
div#ga2012_bottomLink ul#ga2012_bottomLinkB li.staticLink ul:after,
div#ga2012_header:after,
div#ga2012_mainNavigation div.ga2012_mainNavigationBtm:after,
div#ga2012_mainNavigation div.ga2012_mainNavigationNw ul:after,
div#ga2012_content:after,
div#ga2012_mainContent .col2:after,
div#ga2012_mainContent .col3:after,
div#ga2012_mainContent .col3r2:after,
div#ga2012_mainContent .col4:after,
div#ga2012_mainContent .listNewsA:after,
div#ga2012_mainContent .col2WithA:after,
div#ga2012_mainContent .col2WithB:after,
div#ga2012_mainContent .linearNav:after,
div#ga2012_mainContent .tab2Nav ul:after,
div#ga2012_mainContent .colSns dl:after,
div#ga2012_mainContent .col2News:after,
div#ga2012_mainContent .col3News:after,
div#ga2012_mainContent .colImportant:after,
div#ga2012_mainContent .col4Tab:after,
div.ga2012_newContent .col2Item:after,
div.ga2012_newContent .col2Service:after,
div.ga2012_newContent div.col2Service div.colLeft ul:after,
div#ga2012_mainContent .col4Recommend .colBg:after,
div#ga2012_mainContent .col2NewsTop:after,
div#ga2012_mainContent .col3InCol2:after,
div#ga2012_mainContent .col2AsymIndex:after,
div.ga2012_bizCategoryBtn:after,
div#ga2012_spLink .col2WithPdf:after,
.clearfix:after {
    clear: both;
}


/** for IE 6/7 **/

div#ga2012_footer div#cSelecterTabCont ul,
div#ga2012_footer ul.cSelecterTab,
div#ga2012_footer,
div#ga2012_footer ul,
div.ga2012_socialLink dl,
div#ga2012_bottomLink ul#ga2012_bottomLinkB,
div#ga2012_bottomLink ul#ga2012_bottomLinkB li.mainLink,
div#ga2012_bottomLink ul#ga2012_bottomLinkB li.staticLink ul,
div#ga2012_header,
div#ga2012_mainNavigation div.ga2012_mainNavigationBtm,
div#ga2012_mainNavigation div.ga2012_mainNavigationNw ul,
div#ga2012_content,
div#ga2012_mainContent .col2,
div#ga2012_mainContent .col3,
div#ga2012_mainContent .col3r2,
div#ga2012_mainContent .col4,
div#ga2012_mainContent .listNewsA,
div#ga2012_mainContent .col2WithA,
div#ga2012_mainContent .col2WithB,
div#ga2012_mainContent .linearNav,
div#ga2012_mainContent .tab2Nav ul,
div#ga2012_mainContent .colSns dl,
div#ga2012_mainContent .col2News,
div#ga2012_mainContent .col3News,
div#ga2012_mainContent .colImportant,
div#ga2012_mainContent .col4Tab,
div.ga2012_newContent .col2Item,
div.ga2012_newContent .col2Service,
div.ga2012_newContent div.col2Service div.colLeft ul,
div#ga2012_mainContent .col4Recommend .colBg,
div#ga2012_mainContent .col2NewsTop,
div#ga2012_mainContent .col3InCol2,
div#ga2012_mainContent .col2AsymIndex,
div.ga2012_bizCategoryBtn,
div#ga2012_spLink .col2WithPdf,
.clearfix {
    zoom: 1;
}












/*          ---2019.06/10記---          */
/*          ---メインコンテンツ---          */
body {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    vertical-align: baseline;
    outline: 0;
    font-size: 100%;
    line-height: 1.8;
    font-family: sans-serif;
}
div#ga2012_content {
    padding: 20px 0 50px 0;
}
.logo-right{
    background-image: url(/ew/museum/common-museum/images/img-museumheader-line.png);
    background-repeat: repeat-x;
    background-position: bottom;
    padding-bottom: 15px;
}
.logo img {
    width: 30%;
}
div#ga2012_mainContent .h1Title{
    background-image: none;
    white-space: pre-wrap;
    padding-bottom: 0;
}
.topictitle p{
    padding: 0 13px;
    font-size: 12px;
}
.topictitle p span{
    font-weight: bold;
}
.info1,.info2,.info3{
    overflow: hidden;
}
.info1 p{
    white-space: pre-wrap;
}
p{
    line-height: 1.6 ;
    letter-spacing: 1px;
    font-size: 12px;
}
div#ga2012_mainContent .h2Title, div#ga2012_mainContent .h2TitleWithIcon{
    background-image: none;
    border: 1px solid #666;
    padding: 15px;
}
.info2 dl{
    overflow: hidden;
    font-size: 14px;
}
.info2 dl dt{
    width: 10%;
    float: left;
    padding: 10px 0;
    background: #efefef;
    text-align: center;
    margin: 5px 0;
    box-sizing: border-box;
    clear: both;
    
}
.info2 dl dd{
    width: 90%;
    float: left;
    padding: 10px 0 10px 10px;
    margin: 0;
    box-sizing: border-box;
   
}
.info2 dl dd ul{
    margin-top: 0;
}
.info2 > dl > dd span,
.info2 dl dd ul li span{
    font-size: 10px;
    font-size: 12px;
} 
.info2 > dl > dd span{
    display: block;
    font-size: 12px;
}
.info2 .someBox dt{
    width: 30%;
    border: 1px solid #efefef;
    background: #fff;
}
.info2 .someBox dd{
    width: 70%;
}
.info2 .someBox .someBoxInner dl dd span{
    padding-left: 10px;
    font-size: 16px;
    color: #00a0c6;
}
div#ga2012_mainContent .someBoxInner{
    padding: 0 12px 0.5em 12px;
}
div#ga2012_mainContent .someBox .someBoxH1Title{
    border: none;
    font-weight: normal;
    font-size: 16px;
    padding: 0.5em 12px 0 12px;
}

.paint{
    
}
.paint .col1{
    overflow: hidden;
    margin-top: 20px;
}
.paint .col1 img{
    width:auto;
    float: left;
    box-sizing: border-box;
}
.paint .col1 p.small{
    width: 70%;
    float: right;
    box-sizing: border-box;
    padding: 18% 10px 0 10px;
}

div#ga2012_mainContent .h3Title {
    border-bottom: 2px solid #a47948;
    color: #a47948;
    font-size: 16px;
}
.paint-left{
    width: 70%;
    float: left;
    box-sizing: border-box;
}
.paint-right{
    width: 30%;
    float: right;
    box-sizing: border-box;
    padding: 20px 0;
}
.paint{
    clear: both;
}
.paint-left p,.paint-left ul li{
    font-size: 14px;
    padding: 3px 0;
}
.paint-left ul li span{
    display: block;
    padding-top: 8px;
    font-weight: bold;
}
.paint ul{
    padding: 10px 0;
}
.paint ul li{
    font-size: 12px;
    padding: 3px 0;
}
.paint ul li span{
    display: block;
    padding-left: 1em;
}
.paint > p{
    font-size: 14px;
}
.paint > p span{
    display: block;
    padding-bottom: 5px;
}
a.tel {
    padding-left: 10px;
}


@media screen and (min-width: 641px) {
	a[href^="tel:"] {
		pointer-events: none;
	}
}

@media only screen and (max-width:640px) {
    html.touch-device body {
    min-width: auto;
    min-height: auto;
    }
    html.touch-device #page {
    min-width: auto;
    }
    #page {
    max-width: none;
    min-width: auto;
    }
    div#ga2012_subContent ul#ga2012_subNavigation li a.active, div#ga2012_subContent ul#ga2012_subNavigation li em,div#ga2012_subContent ul#ga2012_subNavigation li a, div#ga2012_subContent ul#ga2012_subNavigation li span.noLink{
    padding: 20px 0;
    }

    div#ga2012_mainContent {
        width: 95%;
        margin: 0 auto;
        float: none;
    }
    .logo {
        position: relative;
        top: 25px;
    }
    .logo img {
        width: 50%;
    }
    div#ga2012_mainContent .h1Title{
        font-size: 130%;
    }
    div#ga2012_mainContent .h2Title,
    div#ga2012_mainContent .h2TitleWithIcon {
        
    }
    p {
        font-size: 14px;
    }
    div#ga2012_mainContent .h2Title,
    div#ga2012_mainContent .h2TitleWithIcon {
        font-size: 130%;
        font-weight: normal;
    }
    .info2 dl {
        margin-top: 40px;
        font-size: 16px;
    }
    .info2 dl dt,
    .info2 dl dd{
        width: 100% !important;
        float: none;
        clear: both;
        padding: 10px 0;
    }
    div#ga2012_mainContent .h3Title {
        font-size: 18px;
        padding: 5px 0;
    }
    div#ga2012_mainContent .someBox .someBoxH1Title {
        background: #efefef;
        text-align: center;
        padding: 20px 0;
    }
    .paint .col1 {
    text-align: center;
    }
    .paint .col1 img{
        width: 70%;
        float: none;
        clear: both;
        margin: 0 auto;
        text-align: center;
        padding: 20px 0;
    }
    .paint .col1 p.small{
        float: none;
        width: 70%;
        padding: 0 10px 0 10px;
        display: inline-block;
    }
    .paint-left,.paint-right {
    width: 100%;
    float: none;
    text-align: center;
    }
    .info2 dl dd {
    text-align: left;
    }
    .info2{
        position: relative;
    }
    .paint-right {
    position: absolute;
    top: 11%;
    }
    .paint-left {
    margin-top: 110%;
    }
    .paint-left > p {
    background: #efefef;
    padding: 20px 0;
    }
    .paint-left ul li {
    padding: 10px 0;
    text-align: left;
    }
    
    div#ga2012_subContent {
    float: none;
    width: 100%;
    }
    p.tel {
    display: inline;
    color: #00a0c6;
    }
    a.tel {
    display: block;
}

}


p {
    white-space: pre-wrap !important;
}


.info2 ul li span,.info2 dl dd span {
    display: block !important;
}