@charset "utf-8";

/* スライダーの定義 */
.list_carousel {
    margin: 0 auto;
    padding-bottom:10px;
    width: 100%;
    height:auto;
    position:relative;
    z-index:1;
    overflow:hidden;
}
.list_carousel {
    margin: 0 auto9;
    padding-bottom:10px9;
    width: 95%9;
    height:auto9;
    position:relative9;
    z-index:19;
    overflow:hidden9;
}
.list_carousel .top_slider_box {
    width:100%;
    height:auto;
    margin:0 auto;
    padding:0;
    z-index:1;
}
.list_carousel .top_slider_innerbox {
    width:950px;
    height:auto;
    margin:0 auto;
    position:relative;
}
.list_carousel .top_slider_box #top_slider {
    width:950px;
    height:auto;
    margin: 0 auto;
    padding: 0;
    text-align:center;
    list-style: none;
    overflow:hidden;
    z-index:1;
}

/* IE,chrome用ハック */
.list_carousel .top_slider_box #top_slider { margin-left/**/: 0; }
body:nth-of-type(1).list_carousel .top_slider_box #top_slider { margin-left: 0%; }
body:first-of-type .list_carousel .top_slider_box #top_slider { margin-left: 0%; }

.list_carousel .top_slider_box #top_slider li {
    width: 950px;
    height:auto;
    margin: 0 auto;
    display: block;
    float: left;
    text-align:center;
    z-index:1;
}
.list_carousel .top_slider_box #top_slider li img {
    width: auto;
    height:auto;
    margin:0 auto;
    padding:0;
    text-align:center;
    z-index:1;
}
.list_carousel.responsive {
    width: auto;
    margin: 0 auto;
    margin-top:-10px;
    z-index:1;
}
.prev {
    float: left;
    margin-bottom:5%;
    position:absolute;
    top:29%;
    left:0;
    z-index:2;
}
.next {
    float: right;
    margin-bottom: 5%;
    position:absolute;
    top:29%;
    right:0;
    z-index:2;
}
#pagenation {
    width:950px;
    margin:0 auto;
    margin-right:50%;
    padding-right:10px;
    font-family: "arial black";
    text-align:right;
    position:absolute;
    bottom:50px;
    right:-475px;
    z-index:2;
}
#pagenation a {
    background:#4d4d4d;
    border:1px solid #4d4d4d;
    color:#fff;
    text-align:center;
    width: 15px;
    height: 15px;
    margin-left:5px;
    padding:0;
    display: inline-block;
}
#pagenation a.selected {
    background:#fff;
    border:1px solid #4d4d4d;
    color:#4d4d4d;
    text-decoration:none;
}
#pagenation a:hover {
    text-decoration:none;
}

/* 休館日情報 */
.closed_info_box {
    width: 220px;
    height: auto;
    margin: 0 auto;
    padding: 0;
    border: 3px solid #a00000;
    line-height:2;
    background:#fff;
}
.closed_info_box .closed_title {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    color:#fff;
    font-size:1.5rem;
    float:left;
    background:#a00000;
}
.closed_info_box .closed_title {
    font-size:15px\9;
}
.closed_info_box .closed_info {
    width: 100%;
    height: auto;
    margin: 5px;
    padding: 0;
    font-size:1.2rem;
    float:left;
}
.closed_info_box .closed_info {
    font-size:12px\9;
}
.closed_info_box .closed_info .closed_month {
    width: 30px;
    height: auto;
    margin-right:10px;
    padding: 0 5px;
    background: #666;
    color:#fff;
    font-weight:bold;
    float:left;
}
.closed_info_box .closed_info .closed_day {
    width: 100%;
    height: auto;
    margin: 0;
    padding-top: 7px;
}
.closed_day_detail {
    line-height:1;
    float:left;
}
.closed_day_bar {
    width:1px;
    height:10px;
    margin:0 5px;
    float:left;
    border-left:1px solid #666;
}

/* メインコンテンツ */
.top_contebox {
    width: 100%;
    height: auto;
    margin: 0 auto;
    margin-top:20px;
    padding: 0;
    display:table;
}
.top_contebox_l {
    width: 50%;
    height: auto;
    margin: 0;
    padding: 0 1% 0 0;
    display:table-cell;
    box-sizing:border-box;
    vertical-align:top;
    -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     -o-box-sizing: border-box;
     -ms-box-sizing: border-box;
     box-sizing: border-box;
}
.top_contebox_r {
    width: 50%;
    height: auto;
    margin: 0;
    padding: 0 0 0 1%;
    display:table-cell;
    box-sizing:border-box;
    vertical-align:top;
    -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     -o-box-sizing: border-box;
     -ms-box-sizing: border-box;
     box-sizing: border-box;
}
.top_linkbox .top_linkbox_ul .top_linkbox_li.margin_right10 {
    margin-right:10px;
}

.imagebox iframe {
    border:none;
    overflow:hidden;
    width:320px;
    height:470px;
    margin:3% 2% 3% 0;
}

.title_bar {
    width:5px;
    height:20px;
    margin:0 0 5px 0;
    float:left;
}
.bg_green {
    background:#139104;
}
.bg_purple {
    background:#7614ff;
}
.bg_red {
    background:#ad0005;
}
.top_conte_title {
    margin:0 0 5px 0;
    padding:0;
    font-size:1.5rem;
    line-height:1.5;
    text-align:left;
    text-indent:10px;
    clear:float;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3); 
}
.top_conte_title {
    font-size:15px\9;
}
.top_conte_title_r {display:none;}
.imagebox {
    width:100%;
    height:480px;
    padding:0;
    border:1px solid #d3d3d3;
    box-shadow:0 0 2px rgba(0,0,0,0.4);
    text-align:center;
    background-color:#fff;
}
.imagebox img {
    margin:0;
    padding:10px 0;
}
.imagebox_bg {
    width:100%;
    height:auto;
    margin-top:-1px;
    padding:0;
    text-align:center;
    border:none;
}
.challenge {
    margin:20px 0 0 0;
}
.imagebox_description_bottom {
    width:98%;
    height:auto;
    margin:5px 0 0 0;
    padding:0 1%;
    color:#666;
    font-size:1rem;
    line-height:1.5;
    text-align:left;
}
.imagebox_description_bottom {
    font-size:10px\9;
}
.imagebox_inner {
    width:80%;
    height:auto;
    margin:0 auto;
    padding:0 10px 10px 10px;
}
.imagebox_inner a:hover,
.imagebox_inner a:focus {
    text-decoration: underline;
}
.imagebox_info {
    margin:0 auto;
    margin-top:10px;
    padding:0;
    width:100%;
    font-size:1.2rem;
    line-height:1.5;
    text-align:left;
}
.imagebox_info {
    font-size:12px\9;
}
.imagebox_btn {
    margin:15px 5px;
    padding:0;
    width:105px;
    height:25px;
    color:#fff;
    font-size:1.2rem;
    line-height:2.3;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);  
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #9a0000), color-stop(1.00, #ff623f));
    background: -webkit-linear-gradient(#9a0000, #ff623f);
    background: -moz-linear-gradient(#9a0000, #ff623f);
    background: -o-linear-gradient(#9a0000, #ff623f);
    background: -ms-linear-gradient(#9a0000, #ff623f);
    background: linear-gradient(#9a0000, #ff623f);
    border:1px solid #9a0000;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-align:center;
    display:block;
    float:right;
}
.imagebox_btn {
    font-size:12px\9;
    background:#9a0000\9;
}
.imagebox_btn:hover, 
.imagebox_btn:focus {
    text-decoration: underline;
}
.imagebox01 {
    width:100%;
    height:auto;
    margin:0;
    padding:0;
    border:1px solid #d3d3d3;
    box-shadow:0 0 3px rgba(0,0,0,0.4);
    text-align:center;
    background-color:#fff;
}
.imagebox01 img {
    margin:0;
    padding:10px 0;
    width:80%;
    height:auto;
    text-align:center;
}
#title_sp, #title_fb_sp, #title_challenge_sp { display:none; }
.top_conte_subtitle {
    width:100%;
    height:auto;
    background:#666;
    border:1px solid #666;
    box-shadow:0 0 2px rgba(0,0,0,0.4);
    color:#fff;
    line-height:2;
    text-align:left;
    text-indent:1rem;
}
.top_conte_subtitle {
    text-indent:10px\9;
}
.top_conte_title_info {
    margin:0 0 5px 0;
    padding:0;
    font-size:1.5rem;
    line-height:1.5;
    text-align:left;
    text-indent:10px;
    float:left;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3); 
}
.top_conte_title_info {
    font-size:15px\9;
}
.link_info_list {
    display:block;
    width:80px;
    height:auto;
    padding:5px;
    border:none;
    border: 1px solid #666;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-size:1rem;
    color:#000;
    float:right;
}
.link_info_list:hover, 
.link_info_list:focus {
    background-color:rgba(255,255,255,0.6);
    text-decoration: underline;
}

/* 企画展情報他リンクエリア */ 
.top_linkbox {
    width:100%;
    height:auto;
    margin:0;
    padding:0;
}
.top_linkbox .top_linkbox_ul {
    width:100%;
    height:auto;
    margin:0;
    padding:0;
    list-style:none;
}
.top_linkbox .top_linkbox_ul .top_linkbox_li {
    width:226px;
    height:175px;
    margin:0 10px 20px 0;
    padding:0;
    float:left;
}
.top_linkbox .top_linkbox_ul .top_linkbox_li a:hover,
.top_linkbox .top_linkbox_ul .top_linkbox_li a:focus {
    text-decoration:none;
}
.top_linkbox_div {
    width:100%;
    height:175px;
    margin:0;
    padding:0;
    text-align:left;
    position:relative;
}
.linkbox01, .linkbox02, .linkbox03, .linkbox04, .linkbox05, .linkbox06 {
    width:100%;
    height:175px;
    margin:0;
    padding:0;
    box-shadow:0 0 3px rgba(0,0,0,0.4);
    background:#fff;
    color:#000;
}
.linkbox_img_hover {
    width:206px;
    height:119px;
    padding:10px 0;
    filter:alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
}
.top_linkbox .top_linkbox_top {
    width:100%;
    height:auto;
    margin:0;
    text-align:center;
}
.top_linkbox .top_linkbox_top img {
    width:206px;
    height:119px;
    padding:10px 0;
}
.top_linkbox .top_linkbox_bottom {
    width:100%;
    height:auto;
    margin:0;
    padding:0;
    text-align:right;
    vertical-align:top;
}
.top_linkbox .top_linkbox_bottom p {
    margin:0 10px 10px 0;
    padding:0;
    line-height:1;
}
.linkbox_title_bold {
    font-weight:bold;
    font-size:1.4rem;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3); 
}
.linkbox_title_bold {
    font-size:14px\9;
}
.linkbox01_title_small, 
.linkbox02_title_small, 
.linkbox03_title_small, 
.linkbox04_title_small, 
.linkbox05_title_small, 
.linkbox06_title_small {
    font-size:1.1rem;
    color:#333;
}
.linkbox01_title_small, 
.linkbox02_title_small, 
.linkbox03_title_small, 
.linkbox04_title_small, 
.linkbox05_title_small, 
.linkbox06_title_small {
    font-size:11px\9;
    color:#333;
}
.linkbox_bg_on01 {
    display:none;
    position:absolute;
    bottom:0;
}
.linkbox_bg_on03 {
    display:none;
    position:absolute;
    bottom:0;
}
.linkbox_bg_on02 {
    display:none;
    position:absolute;
    bottom:0;
}
.linkbox_bg_on04 {
    display:none;
    position:absolute;
    bottom:0;
}
.linkbox_bg_on05 {
    display:none;
    position:absolute;
    bottom:0;
}
.linkbox_bg_on06 {
    display:none;
    position:absolute;
    bottom:0;
}

/* お知らせ・なはくのできごと */
.imagebox {
    width:100%;
    height:500px;
    padding:0;
    border:1px solid #d3d3d3;
    box-shadow:0 0 2px rgba(0,0,0,0.4);
    text-align:center;
    background-color:#fff;
}
.notice_box {
    margin:0; 
    padding:10px 0 10px 2%;
    width:98%;
    height:480px;
}
.notice_box ul {
    margin:0;
    padding:0;
    width:100%;
    height:480px;
    list-style:none;
    overflow: hidden;
}
.notice_box ul li {
    width:98%;
    height:auto;
    margin:0;
    padding:15px 0;
    border-bottom:1px dotted #666;
    text-align:left;
    font-size:1.1rem;
    line-height: 1.3;
}
.notice_box ul li {
    font-size:11px\9;
}
.notice_box ul li p.notice_date {
    color:#666;
    float: left;
    width: 30%;
    text-indent:10px;
}
.notice_box ul li p.notice_summary {
    float: right;
    text-align: left;
    width: 70%;
}
.imagebox_fb {
    height:500px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.imagebox_fb {
    height:500px;
    padding-right:0;
}
}


#conte_fb .fb-like-box, .imagebox#conte_fb 
{display:none !important; }

/* なはくのできごとFB表示調整 */
.fb_ltr {
    margin:10px auto !important;
    padding:0 !important;
    text-align:center !important;
}

/* TOPお知らせスクロールバー */
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width:6px;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background:#666; /* rgba fallback */
    background:rgba(153,153,153,0.75);
    filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
    background:rgba(153,153,153,0.85);
    filter:"alpha(opacity=85)"; -ms-filter:"alpha(opacity=85)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
    background:rgba(153,153,153,0.9);
    filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */
}
.mCSB_container{
    margin-right:20px;
}
.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar{
    margin-right:20px;
}
.mCSB_scrollTools a+.mCSB_draggerContainer{
    margin:0;
}

/* 共通クラス */
.margin_top_20 {
    margin-top:20px;
}