@charset "utf-8";
/* CSS Document */
#ul-contents .acoutside-wrapper{ background-color:#eeeeee; padding-bottom:60px;}
#ul-contents .acoutside{ width:960px; margin:48px auto 0 auto; background-color:#ffffff;}
#ul-contents .acoutside .titleblock{ display:table;font-family:FOT-UD明朝 Pro L, UDMinchoPro-L;}
#ul-contents .acoutside .titleblock .workttl{ display:table-cell; font-size:143%;width:300px; vertical-align:middle; text-align:center; background-color:#888888; color:#ffffff; line-height:1.4em;padding:0 20px;}
#ul-contents .acoutside .titleblock .workdtl{ display:table-cell; background-color:#dddddd; vertical-align:middle; padding:47px 51px 40px 51px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; line-height:1.8em; color:#666666;font-family:"游ゴシック", YuGothic, "Hiragino Kaku ProN", "メイリオ" , sans-serif;}
#ul-contents .acoutside .map{border-bottom:1px solid #cccccc;}
#ul-contents .acoutside .timetable1{}
#ul-contents .acoutside .timetable1 .ttnav{ }
#ul-contents .acoutside .timetable1 .ttnav a{ display:block;font-weight:normal; background-color:#e6e6e6; background-image:url(../img/icon_arrow_toopen.png); background-repeat:no-repeat; background-position:right center; background-size:91px auto; padding:30px 60px; line-height:1em; font-size:115%; cursor:pointer; border-bottom:1px solid #cccccc;;color:#333333;}
#ul-contents .acoutside .timetable1 .ttnav a:hover{ background-color:#cecece;color:#333333;text-decoration:none;}
#ul-contents .acoutside .timetable1 .ttnav a.ttopen{ background-image:url(../img/icon_arrow_toclose.png);}
#ul-contents .acoutside .timetable1 .tttglwrapper{ margin:0 60px;padding-bottom:32px; display:none;}
#ul-contents .acoutside .timetable1 .ttdetail{padding:24px 0; border-bottom:1px solid #cccccc; position:relative;}
#ul-contents .acoutside .timetable1 .ttdetail:last-child{ border-bottom:none;}
#ul-contents .acoutside .timetable1 .ttdetail .linktxt{ text-align:right; margin-bottom:15px;}
#ul-contents .acoutside .timetable1 .ttdetail .linktxt.exception{ position:absolute; top:50%; margin-top:-0.8em; right:0;}
#ul-contents .acoutside .timetable1 .ttdetail .timetableblock{ display:table; width:100%; table-layout:fixed;}
#ul-contents .acoutside .timetable1 .ttdetail .timetableblock .iconcell{ display:table-cell; width:75px; text-align:right; vertical-align:top;}
#ul-contents .acoutside .timetable1 .ttdetail .timetableblock .iconcell img{ width:25px;}
#ul-contents .acoutside .timetable1 .ttdetail .timetableblock .destcell{ display:table-cell; width:371px; padding:6px 10px 0 47px; vertical-align:top;}
#ul-contents .acoutside .timetable1 .ttdetail .timetableblock .destdetailcell{display:table-cell; padding-top:6px; vertical-align:top;}
#ul-contents .acoutside .timetable1 .ttdetail .iconto{ display:block; padding:6px 0 8px 61px; width:2px;height:18px; overflow:hidden;}
#ul-contents .acoutside .timetable1 .ttdetail .iconto img{ width:2px;}
#ul-contents .acoutside .ttl2{text-align:center; background-color:#888888; color:#ffffff; line-height:1.4em;padding:45px 20px; font-size:143%;font-family:FOT-UD明朝 Pro L, UDMinchoPro-L;}
#ul-contents .acoutside .map-spl{ padding:20px 60px; line-height:1.3em;}
#ul-contents .acoutside .searchroot{display:table; width:100%; background-color:#e6e6e6; padding:20px 60px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
#ul-contents .acoutside .searchroot .selectbox{display:table-cell; width:290px; vertical-align:middle;}
#ul-contents .acoutside .searchroot .selectbox select option[disabled]{ color:#cccccc;cursor:default;}
#ul-contents .acoutside .searchroot .selectbox select option:disabled{ color:#cccccc;cursor:default;}
#ul-contents .acoutside .searchroot .sbtnblock{display:table-cell; width:260px; padding-right:0; vertical-align:middle;}
#ul-contents .acoutside .searchroot p{ margin-right:17px; display:inline-block;}
#ul-contents .acoutside .searchroot .sbtnblock .sbtn{ display:inline-block; width:123px; text-align:center; font-size:115%; background-color:#ffffff; border:1px solid #3D9FD3; cursor:pointer; height:38px; line-height:38px;color:#3D9FD3;}
#ul-contents .acoutside .searchroot .sbtnblock .sbtn.clearbtn{margin-right:10px;}
#ul-contents .acoutside .searchroot .sbtnblock .sbtn:hover{background-color:#3D9FD3;color:#ffffff;}
#ul-contents .acoutside .root-table{ padding:40px 60px;}
#ul-contents .acoutside .root-table .timetable{ padding:40px 0; border-top:1px solid #cccccc;}
#ul-contents .acoutside .root-table .timetable .title{ margin-bottom:20px; line-height:1em; font-weight:normal;}
#ul-contents .acoutside .root-table .timetable table{ width:100%; table-layout:fixed; border:none;}
#ul-contents .acoutside .root-table .timetable table tr th,#ul-contents .acoutside .root-table .timetable table tr td{ padding:4px 8px; text-align:center; border:none; vertical-align:top; letter-spacing:-0.12em;}
#ul-contents .acoutside .root-table .timetable table tr th{ width:117px; text-align:left; padding:4px 8px 4px 0;}
#ul-contents .acoutside .root-table .timetable-att{ border-top:1px solid #cccccc; padding-top:40px;}
#ul-contents .acoutside .root-table .timetable-att p{ margin-bottom:20px;}
#ul-contents .acoutside .root-table.static{display:none;}
#ul-contents .acoutside .root-table .right-required{padding:0 0;}
#ul-contents .acoutside .root-table .right-required p{ text-align:right; margin-bottom:15px;}
#ul-contents .acoutside .root-table .rtperiod{ margin-bottom:20px;}
#ul-contents .acoutside .timetable1 .ttnav a{ overflow:hidden;}
#ul-contents .acoutside .timetable1 .ttnav span.ttl1-tt{ display:block; float:left; width:505px; padding-right:10px;}
#ul-contents .acoutside .timetable1 .ttnav span.ttl2-tt{ display:block; float:left;width:220px; padding-right:105px; line-height:1.3em;}

.searchresult-indy{display:none;}
.searchresult-message{display:block;}


/* イベント期間中用スタイル */
#ul-contents .acoutside.access-event2016 { background-color:#eeeeee!important;}
#ul-contents .acoutside.access-event2016.access-event2016 .access-port{margin:30px 0 0 0;}
#ul-contents .acoutside.access-event2016 .map-spl{ background-color:#ffffff;}
#ul-contents .acoutside.access-event2016 .root-table{ background-color:#ffffff;}
#ul-contents .acoutside.access-event2016 .timetable1{ background-color:#ffffff;}

/* nav */
#ul-nav.outsidenav ul{font-size:100%;}
#ul-nav.outsidenav li a br{ display:none;}

@media(max-width:990px){
#ul-contents .acoutside{ width:auto; margin:48px 20px 0 20px;}
#ul-contents .acoutside .timetable1 .ttnav a{ padding:30px;}
#ul-contents .acoutside .timetable1 .tttglwrapper{ margin:0 20px;}
#ul-contents .acoutside .timetable1 .ttdetail .timetableblock .iconcell{width:30px;}
#ul-contents .acoutside .timetable1 .ttdetail .iconto{ padding:6px 0 8px 16px;}
#ul-contents .acoutside .timetable1 .ttdetail .timetableblock .destcell{ width:300px; padding:0 10px 0 20px;}
#ul-contents .acoutside .root-table .timetable table tr th{ width:70px;}
#ul-contents .acoutside .map-spl{ padding:20px 30px;}
#ul-contents .acoutside .searchroot{padding:20px 30px;}
#ul-contents .acoutside .searchroot p{ margin-right:0; display:block;}
#ul-contents .acoutside .searchroot .selectbox{display:table-cell; width:180px; vertical-align:middle;}
#ul-contents .acoutside .searchroot .sbtnblock{ vertical-align:bottom; text-align:right;}
#ul-contents .acoutside .root-table{ padding:40px 30px;}
#ul-contents .acoutside .timetable1 .ttnav span.ttl1-tt{float:none; width:auto; margin-bottom:5px; padding-right:105px;}
#ul-contents .acoutside .timetable1 .ttnav span.ttl2-tt{float:none;width:auto; padding-right:105px;}
/* nav */
#ul-nav.outsidenav ul{font-size:86%;}
}

@media(max-width:820px){
#ul-contents .acoutside-wrapper{padding-bottom:19px; padding-top:10px;}
#ul-contents .acoutside{margin:0 10px 0 10px;}
#ul-contents .acoutside .titleblock{ display:block;}
#ul-contents .acoutside .titleblock .workttl{ display:block; font-size:115%;width:auto;line-height:1.2em;padding:15px 10px;}
#ul-contents .acoutside .titleblock .workdtl{ display:block;padding:20px 14px 20px 14px; font-size:86%;}
#ul-contents .acoutside .timetable1 .ttnav a{background-size:35px auto; padding:15px 10px;font-size:86%;}
#ul-contents .acoutside .timetable1 .tttglwrapper{margin:0; padding-bottom:0;font-size:86%;}
#ul-contents .acoutside .timetable1 .ttdetail{padding:10px;}
#ul-contents .acoutside .timetable1 .ttdetail .linktxt{margin-bottom:13px;}
#ul-contents .acoutside .timetable1 .ttdetail .linktxt.exception{ position:static;margin-top:0;}
#ul-contents .acoutside .timetable1 .ttdetail .timetableblock{ display:block; width:auto; overflow:hidden; margin-bottom:10px;}
#ul-contents .acoutside .timetable1 .ttdetail .timetableblock .iconcell{width:25px; text-align:left; display:block; float:left; vertical-align:top;}
#ul-contents .acoutside .timetable1 .ttdetail .timetableblock .iconcell img{ width:12px; vertical-align:middle;}
#ul-contents .acoutside .timetable1 .ttdetail .timetableblock .destcell{ display:block; width:auto; padding:0; vertical-align:top;}
#ul-contents .acoutside .timetable1 .ttdetail .timetableblock .destdetailcell{display:block; margin-top:-5px; padding-left:25px; line-height:1em;}
#ul-contents .acoutside .timetable1 .ttdetail .iconto{padding:0 0 8px 5px; width:1px;height:7px; overflow:hidden;}
#ul-contents .acoutside .timetable1 .ttdetail .iconto img{ width:1px;}
#ul-contents .acoutside .ttl2{padding:25px 10px; font-size:115%;}
#ul-contents .acoutside .map-spl{ padding:10px; line-height:1.6em; font-size:86%;}
#ul-contents .acoutside .searchroot{display:block; width:auto;padding:20px; text-align:center;}
#ul-contents .acoutside .searchroot .selectbox{display:inline-block; width:115px; margin-right:20px; margin-bottom:20px; text-align:left;}
#ul-contents .acoutside .searchroot .selectbox:nth-of-type(2){width:115px; margin-right:0;}
#ul-contents .acoutside .searchroot .sbtnblock{display:block; margin:0 auto; width:118px;}
#ul-contents .acoutside .searchroot p{ font-size:72%; text-align:left; line-height:1em;}
#ul-contents .acoutside .searchroot .sbtnblock .sbtn{font-size:72%; height:18px; line-height:18px;color:#3D9FD3;}
#ul-contents .acoutside .root-table{ padding:10px 0;}
#ul-contents .acoutside .root-table .timetable{ padding:18px 0;}
#ul-contents .acoutside .root-table .timetable .title{ margin-bottom:14px; text-align:center;}
#ul-contents .acoutside .root-table .timetable table{ width:auto; display:block; overflow:hidden; table-layout:auto; width:100%;}
#ul-contents .acoutside .root-table .timetable table tbody{ display:block;}
#ul-contents .acoutside .root-table .timetable table tr{ display:block; float:left; width:50%; font-size:86%;text-align:center;}
#ul-contents .acoutside .root-table .timetable table tr th,#ul-contents .acoutside .root-table .timetable table tr td{ display:block; width:100%; padding:4px 0;float:left;clear:both; letter-spacing:normal;}
#ul-contents .acoutside .root-table .timetable table tr th{ width:auto; text-align:center; padding:0; width:100%;}
#ul-contents .acoutside .root-table .timetable table tr td br{ display:none;}
#ul-contents .acoutside .root-table .timetable-att{padding-top:20px;}
#ul-contents .acoutside .root-table .timetable-att p{ margin:0 10px 20px 10px; font-size:86%;}
#ul-contents .acoutside .root-table .right-required{padding:0 10px 10px 10px; font-size:86%;}
#ul-contents .acoutside .root-table .right-required p{ text-align:right; margin-bottom:0; line-height:1.4em;}
#ul-contents .acoutside .root-table .rtperiod{ margin-bottom:10px; text-align:center;}
#ul-contents .acoutside .timetable1 .ttnav span.ttl1-tt{padding-right:40px;margin-bottom:0; line-height:1.3em;}
#ul-contents .acoutside .timetable1 .ttnav span.ttl2-tt{ display:none;}
.searchresult-message{ margin:0 10px; font-size:86%;}
/* add1014 */
#ul-contents .acoutside .root-table .timetable table.row3 tr{ width:33%;}
#ul-contents .acoutside .root-table .timetable table.row4 tr{ width:25%;}
#ul-contents .acoutside .root-table .timetable table.row5 tr{ width:20%;}
#ul-contents .acoutside .root-table .timetable table.row6 tr{ width:16%;}
#ul-contents .acoutside .root-table .timetable table.row7 tr{ width:14.2%;}
#ul-contents .acoutside .root-table .timetable table.row8 tr{ width:12.5%;}
/* nav */
#ul-contents .acoutside-wrapper.eventnav{ padding-top:66px;}
#ul-nav.outsidenav ul li{ margin:0 12px;}
}

@media(max-width:768px){
#ul-contents .acoutside-wrapper.eventnav{padding-bottom:19px; padding-top:55px;}
/* accessNav */
#ul-nav.outsidenav{ display:block;padding-top:0; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; z-index:50; padding-top:0; border-bottom:none; height:45px;}
#ul-nav.outsidenav li a br{ display:inline;}
#ul-nav.outsidenav ul{font-size:72%; overflow:hidden; min-width:320px;}
#ul-nav.outsidenav ul li{display:table; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; margin:0; line-height:1.2em;}
#ul-nav.outsidenav ul li a{ -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; vertical-align:middle;}
/* 会期外 */
#ul-nav.outsidenav ul li{ width:50%; float:left;}
#ul-nav.outsidenav ul li a{ display:table-cell; height:45px; background-color:#ffffff; margin:0; border-bottom:1px solid #dddddd;}
#ul-nav.outsidenav ul li:nth-of-type(1) a{ border-right:1px solid #dddddd;}
/* 
会期中
#ul-contents .acoutside-wrapper.eventnav{padding-bottom:19px; padding-top:98px;}
#ul-nav.outsidenav{ display:block;padding-top:0; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; z-index:50; padding-top:0; border-bottom:none; height:88px;}
#ul-nav.outsidenav ul li:nth-of-type(1){ width:100%;}
#ul-nav.outsidenav ul li:nth-of-type(2),#ul-nav.outsidenav ul li:nth-of-type(3){ width:50%; float:left;}
#ul-nav.outsidenav ul li:nth-of-type(1) a{ display:table-cell; height:44px; background-color:#ffffff;border-bottom:1px solid #dddddd; margin:0;}
#ul-nav.outsidenav ul li:nth-of-type(2) a{ display:table-cell; height:44px; background-color:#ffffff;border-right:1px solid #dddddd;}
#ul-nav.outsidenav ul li:nth-of-type(3) a{ display:table-cell; height:44px; background-color:#ffffff;}
#ul-nav.outsidenav ul li:last-child{border-right:0;}
*/

#ul-nav.outsidenav ul li a:hover{color:#3D9FD2;}
#ul-nav.outsidenav ul li a.crt:hover{ color:#333333 !important;}

}