@charset "UTF-8";
/* CSS Document */

/* NO SCRIPT */
#noscript { background:#ccc; padding:10px 20px; font-size:12px; color:#333; }
#noscript span { font-weight:bold; color:#e33; }


/* HEADER */
#header { padding:0 0 0 0; position:fixed; top:0px; width:100%; min-width:1260px; z-index:999999; left:0px;  background:#fff; margin:0 auto 0 auto; }
#headerBox { width:1260px; margin:0 auto 0 auto; padding:25px 0px 25px 0px; position:relative; background:#fff; }

h1 { width:90px; position:absolute; left:20px; top:15px; padding:0 0 0 0; }

/* #gNavi { }
#gNavi ul { width:871px; margin:0 auto 0 auto; }
#gNavi ul li { float:left; }
#gNavi ul li.topBtn { width:120px; }
#gNavi ul li.exhibitionBtn { width:186px; }
#gNavi ul li.visitBtn { width:127px; }
#gNavi ul li.aboutBtn { width:248px; }
#gNavi ul li.programsBtn { width:190px; }
#gNavi ul { zoom: 1; } */

#gNavi2 { }
#gNavi2 ul { width:879px; margin:0 auto 0 auto; zoom:1; }
#gNavi2 ul li { float:left; }
#gNavi2 ul li.topBtn { width:108px; }
#gNavi2 ul li.exhibitionBtn { width:194px; }
#gNavi2 ul li.visitBtn { width:119px; }
#gNavi2 ul li.aboutBtn { width:276px; }
#gNavi2 ul li.programsBtn { width:182px; }
#gNavi2 ul:after { content: " "; display: block; clear: both; }
#gNavi2 ul li { float: left; list-style-type: none; margin: 0 0 0 0; position: relative; }
#gNavi2 ul li a { display:block; }
#gNavi2 ul li ul { position:absolute; top:40px; left:16px; width:276px; display:block; padding:0 0 5px 0; background:#fff; opacity:0.8; }
#gNavi2 ul li.topBtn ul { }
#gNavi2 ul li.exhibitionBtn ul { width:166px; }
#gNavi2 ul li.visitBtn ul { width:230px; }
#gNavi2 ul li.aboutBtn ul { width:265px; }
#gNavi2 ul li.programsBtn ul { width:182px; }
#gNavi2 ul li ul li { float:none; }
#gNavi2 ul li ul li:hover { float:none; }
#gNavi2 ul li ul li a:link,
#gNavi2 ul li ul li a:visited { color:#000; text-decoration:none; padding:3px 12px 3px 18px; font-size:12px; transition-property:color; transition-duration:1s; transition-timing-function:ease-out; }
#gNavi2 ul li ul li a:hover,
#gNavi2 ul li ul li a:active { color:#8c8c8c; text-decoration:none; padding:3px 12px 3px 18px; font-size:12px; }


/* #gNavi3 { }
#gNavi3 ul { width:841px; margin:0 auto 0 auto; }
#gNavi3 ul li { float:left; }
#gNavi3 ul li.topBtn { width:120px; }
#gNavi3 ul li.exhibitionBtn { width:168px; }
#gNavi3 ul li.visitBtn { width:120px; }
#gNavi3 ul li.aboutBtn { width:263px; }
#gNavi3 ul li.programsBtn { width:170px; } */


#naviBox { /* width:266px; */ width:100px; position:absolute; top:25px; right:0px; }
#snsBox { text-align:right; padding:0 0 0 0; }
#snsBox #language { width:100px; /* float:right; */ padding:0 0 0 0; }
#snsBox #facebook2 { width:15px; padding:27px 0 0 24px; float:right; }
#snsBox #twitter2 { width:20px; padding:27px 0 0 24px; float:right; }
#snsBox #facebook { display:inline-block; text-align:right; line-height:21px; padding:18px 0 0 0; }
#snsBox #facebook .likeBtn { display:none; max-width:110px; }
#snsBox #facebook iframe { vertical-align:bottom;}
#snsBox #twitter {display:inline-block; text-align:right; line-height:21px; margin:0 0 0 10px; padding:18px 0 0 0; }
#snsBox img { vertical-align:baseline; }
#snsBox a:link,
#snsBox a:visited { color:#000; text-decoration:none; }
#snsBox a:hover,
#snsBox a:active { color:#000; text-decoration:underline; }

.txt_red { color: #C00; }
.txt_red_bold { color: #C00; font-weight: bold; }


/* FOOTER */
#footer { width:100%; background:#fff url(../img/bg_footer_01.gif) bottom repeat-x; padding:0 0 25px 0; position:relative; z-index:999998; min-width:1260px; }
#footerBox { width:1260px; margin:0 auto 0 auto; background:#fff; }
#footerLogo { width:220px; padding:0 50px 0 50px; float:left; }
#footerLogo img { margin:0 0 30px 0; }
#footerLogo p {
	font-size:12px;
	line-height:24px;
	margin-bottom: 20px;
}
#footer p.copyright { width:1260px; max-width:1260px; clear:both; display:block; text-align:center; font-size:10px; color:4c4948; margin:60px auto 0 auto; padding:0; }
#footerLinkBox { width:940px; float:right; }
#footerLinkBox ul { width:235px; float:left; }
#footerLinkBox ul li { margin:0 0 7px 0; } 
#footerLinkBox ul li h3 {
	font-size: 15px;
	color: #000;
}
#footerLinkBox a:link,
#footerLinkBox a:visited { color:#000; text-decoration:none; }
#footerLinkBox a:hover,
#footerLinkBox a:active { color:#999; text-decoration:none; }
#footerLink1 { padding:83px 0 0 0; }
#footerLink2 {
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#footerLink4 {
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#footerLink3 {
	width:470px;
	float:left;
	margin-right: 55px;
}
#footerLink3 a { background:url(../img/ico_footer_01.gif) no-repeat; padding:0 15px 0 12px; }

/* SMARTPHONE MENU */
#globalNavi { display:none !important; }
/* PAGE TOP */
.pageTop { position:fixed; bottom:10px; right:10px; z-index:999999; }
.pageTop2 { position:fixed; bottom:10px; right:10px; z-index:999999; }
@media screen and (max-width:1366px) {
#header { min-width:100%; }

}

@media screen and (max-width:768px) and (orientation: portrait) {
/* 縦向き */
#header { min-width:100%; width:100%; position:absolute; top:0px; left:0px;}
#headerBox { width:100%; padding:59px 0 25px 0; min-width:320px !important; }
#headerBox #snsBox { display:none; }
#headerBox #gNavi { display:none; }

/* FOOTER */
#footer { min-width:inherit; }
#footerBox { width:98%; }
#footerLogo { margin:0 auto 0 auto; padding:0; float:none; }
#footerLinkBox { display:none; }
#footer p.copyright { width:100%; }
.pageTop { width:55px; height:55px; }
.pageTop2 { width:55px; height:55px; }

}
@media screen and (max-width:768px) and (orientation: landscape) {
/* 横向き */
#header { min-width:100%; width:100%; position:absolute; top:0px; left:0px;}
#headerBox { width:100%; padding:59px 0 25px 0; min-width:320px !important; }
#headerBox #snsBox { display:none; }
#headerBox #gNavi { display:none; }

/* FOOTER */
#footer { min-width:inherit; }
#footerBox { width:98%; }
#footerLogo { margin:0 auto 0 auto; padding:0; float:none; }
#footerLinkBox { display:none; }
#footer p.copyright { width:100%; }
.pageTop { width:55px; height:55px; }
.pageTop2 { width:55px; height:55px; }
}