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

@import url("hb.css");

html {

}

body {
	min-width: 980px;
	font-family:"メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", sans-serif;
	font-size: 90%;
	color: #323232;
}
body.cont{
	background-image:url("../images/background.png");
}

/* __ ie6用 __ */
* html #selector {
	property:value;
}

/* __ ie7用 __ */
*+html #selector {
	property:value;
}

/* __ ie6_7用 __ */
#selector {
	/property:value;
}

/* __ ie8用 __ */
#selector {
	property:value\9;
}

/* __ Firefox用 __ */
#selector, x:-moz-any-link {
	property:value;
}

.star{
	color:#d35336;
}
span.small{
	font-size:85%;
	margin-left:5px;
}
.red{
	color:#ff0000;
}
a.out,
strong.out{
	text-decoration:underline;
	background: url("../images/icon_out.gif") no-repeat right 2px;
	padding-right:17px;
}

a.dl{
	background: url("../images/icon_dl.gif") no-repeat left 3px;
	padding-left:1em;
	font-weight:bold;
}
/*____________________ BG ____________________*/
#BG {
	z-index: -1;
	position:fixed;
	display:none;
}
/*____________________ HEADER ____________________*/
#HEADER_AREA{
	background-color:#fff;
}
#HEADER {
	width:980px;
	margin:0 auto;
	padding: 15px 0;
}
#HEADER ul#GMENU{
	position:relative;
	float:left;
}
#HEADER ul#GMENU > li.menu{
	width:165px;
	height:120px;
	float:left;
	margin-right:10px;
}
#HEADER ul#GMENU > li.menu > h2{
	display:block;
	width:165px;
	height:120px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image:url(../images/gmenu.gif);
	cursor:pointer;
}
#HEADER ul#GMENU > li.known > h2{background-position:0 0;}
#HEADER ul#GMENU > li.known > h2:hover{background-position:0 bottom;}
#HEADER ul#GMENU > li.view > h2{background-position:330px 0;}
#HEADER ul#GMENU > li.view > h2:hover{background-position:330px bottom;}
#HEADER ul#GMENU > li.use > h2{background-position:165px 0;}
#HEADER ul#GMENU > li.use > h2:hover{background-position:165px bottom;}

ul.sub{
	width:163px;
	margin:0 auto;
	display:none;
	z-index:100;
	padding-top:3px;
}
ul.sub li a{
	display:block;
	width:161px;
	height:20px;
	border:1px solid #efc1b6;
	background-color:#f8e5e1;
	text-align:center;
	padding-top:2px;
	padding-bottom:2px;
	/*font-size:12px;*/
	font-size: 80%;
	margin-bottom:3px;
}
ul.sub li a:hover{
	border:1px solid #d8a398;
	background-color:#efc1b6;
}


#HEADER_BAND{
	width:100%;
	height:25px;
	background-color:#d35336;
}
#HEADER_BAND ul{
	width:980px;
	margin:0 auto;
}
#HEADER_BAND ul li{
	padding-top:3px;
}
#HEADER_BAND ul li.home{
	float:left;
}
#HEADER_BAND ul li.english,
#HEADER_BAND ul li.sitemap{
	width:110px;
	float:right;

}
#HEADER_BAND ul li a{
	color:#fff;
	text-decoration:none;
}
h1#LOGO,
div#LOGO {
	width:220px;
	float:left;
	/*font-size:12px;*/
	font-size: 86%;
	font-weight:normal;
	text-align:center;
	margin-right:20px;
}
h1#LOGO a,
div#LOGO a {
	background: url("../images/logo.gif") no-repeat left top;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 220px;
	height: 70px;
	display: block;
}
h1#LOGO span,
div#LOGO span {
	font-size:90%;
}

#TEL_AREA {
	width: 200px;
	float:right;
}

#TEL {
	color: #D35336;
	font-weight: bold;
	line-height: 1.3;
}

#HOURS {
	font-size: 1em;
	line-height:130%;
}





/*____________________ CONTENT ____________________*/
#CONTENTS {
	width:980px;
	margin:0 auto;
	padding: 20px 0 30px;
}

/*____________________ CONTENT_LEFT ____________________*/
#CONTENTS_LEFT {
	width: 230px;
	float: left;
}
#CONTENTS_LEFT div.container{
	width:230px;
}
#TOPICS{
	border:1px solid #898989;
	padding:10px 20px 10px 20px;
	background-color:#fff;
}
#TOPICS h2{
	/* font-size:15px; */
	font-size:100%;
	color:#d35336;
	margin-bottom:15px;
	padding-bottom:5px;
	border-bottom:1px solid #d35336;
}
#TOPICS ul li{
	/* font-size:10px; */
    font-size: 77%;
	line-height:140%;
	color:#727171;
	padding-bottom:5px;
	border-bottom:1px dotted #727171;
	margin-bottom:5px;
}
#TOPICS ul li a{
	text-decoration:underline;
}
#TOPICS ul li p{
	text-align:right;
}

#TODAY h2{
	width:230px;
	height:42px;
	background: url("../images/head_today.gif") no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin-top:20px;
}
#TODAY div.cal{
	border:1px solid #c3daf4;
	background-color:#e6f2ff;
/*	padding:5px 20px 10px;*/
}
#TODAY div.cal div.nav{
	border-bottom:1px solid #c3daf4;
	padding:5px;
	font-weight:bold;
	position:relative;
}
#TODAY div.cal div.nav p.prev{
	width:20px;
	height:20px;
	position:absolute;
	left:10px;
	top:5px;
}
#TODAY div.cal div.nav p.prev a{
	display:block;
	width:20px;
	height:20px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background:url("../images/arrow.png") no-repeat 0 -20px;
}
#TODAY div.cal div.nav p.prev a:hover{
	background:url("../images/arrow.png") no-repeat 0 0;
}
#TODAY div.cal div.nav p.next{
	width:20px;
	position:absolute;
	right:10px;
	top:5px;
}
#TODAY div.cal div.nav p.next a{
	display:block;
	width:20px;
	height:20px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background:url("../images/arrow.png") no-repeat -20px -20px;
}
#TODAY div.cal div.nav p.next a:hover{
	background:url("../images/arrow.png") no-repeat -20px 0;
}

#TODAY div.cal div.nav p.date{
	font-weight:bold;
	text-align:center;

}
#TODAY div.cal ul{
	margin:10px;
	border:1px solid #c3daf4;
	background-color:#fff;
}
#TODAY div.cal ul li{
	padding:3px;
/*	border-bottom:1px dotted #aaa;*/
}

#TODAY div.cal ul li span.time{
	display:block;
	width:45px;
	float:left;
}
#TODAY div.cal ul li span.title{
	display:block;
	float:right;
	width:100%;
	margin-left:-46px;
	overflow:hidden;
}
#TODAY div.cal ul li a{
	font-weight:bold;
}
#TODAY div.cal ul li span.title a{
	display:block;
	margin-left:46px;
}
#TODAY div.cal ul li a:hover{
	background-color:#e4f0fe;
}







/*____________________ CONTENTS_RIGHT ____________________*/
/* #CONTENTS_RIGHT_INNER div#WALKING{
	background: url("../images/know/h2_know_walking.png") no-repeat left top;
}
#CONTENTS_RIGHT_INNER div#STRUCTURE{
	background: url("../images/know/h2_know_structure.png") no-repeat left top;
}
#CONTENTS_RIGHT_INNER div#LITERATURE{
	background: url("../images/know/h2_know_literature.png") no-repeat left top;
}
#CONTENTS_RIGHT_INNER div#TELL{
	background: url("../images/know/h2_know_tell.png") no-repeat left top;
}
#CONTENTS_RIGHT_INNER div#KNOWLEDGE{
	background: url("../images/know/h2_know_knowledge.png") no-repeat left top;
}
#CONTENTS_RIGHT_INNER div#USAGE_GUIDE{
	background: url("../images/usage/h2_usage_guide.png") no-repeat left top;
}
#CONTENTS_RIGHT_INNER div#SCHEDULE{
	background: url("../images/usage/h2_usage_schedule.png") no-repeat left top;
}
#CONTENTS_RIGHT_INNER div#EXHIBITION{
	background: url("../images/inspect/h2_inspect_exhibition.png") no-repeat left top;
}
#CONTENTS_RIGHT_INNER div#ADMISSION{
	background: url("../images/inspect/h2_inspect_admission.png") no-repeat left top;
}
#CONTENTS_RIGHT_INNER div#AD{
	background: url("../images/ad/h2_ad.png") no-repeat left top;
}
#CONTENTS_RIGHT_INNER div#COMMERCIAL{
	background: url("../images/commercial/h2_commercial.png") no-repeat left top;
}
#CONTENTS_RIGHT_INNER div#ACCESS{
	background: url("../images/access/h2_access.png") no-repeat left top;
}
#CONTENTS_RIGHT_INNER div#CONTACT{
	background: url("../images/contact/h2_contact.png") no-repeat left top;
}
#CONTENTS_RIGHT_INNER div#LINK{
	background: url("../images/link/h2_link.png") no-repeat left top;
}
#CONTENTS_RIGHT_INNER div#SITEMAP{
	background: url("../images/sitemap/h2_sitemap.png") no-repeat left top;
}
#CONTENTS_RIGHT_INNER div#ENGLISH{
	background: url("../images/english/h2_english.png") no-repeat left top;
} */



/* /know/のディレクトリ用 */
#CONTENTS_RIGHT_INNER div#WALKING,
#CONTENTS_RIGHT_INNER div#STRUCTURE,
#CONTENTS_RIGHT_INNER div#LITERATURE,
#CONTENTS_RIGHT_INNER div#TELL,
#CONTENTS_RIGHT_INNER div#KNOWLEDGE{
	background: url("../images/h2_know.png") no-repeat left top;
}

/* /usage/のディレクトリ用 */
#CONTENTS_RIGHT_INNER div#USAGE_GUIDE,
#CONTENTS_RIGHT_INNER div#SCHEDULE{
	background: url("../images/h2_usage.png") no-repeat left top;
}

/* /inspect/のディレクトリ用 */
#CONTENTS_RIGHT_INNER div#EXHIBITION,
#CONTENTS_RIGHT_INNER div#ADMISSION{
	background: url("../images/h2_inspect.png") no-repeat left top;
}

/* その他のディレクトリ用 */
#CONTENTS_RIGHT_INNER div#AD,
#CONTENTS_RIGHT_INNER div#COMMERCIAL,
#CONTENTS_RIGHT_INNER div#ACCESS,
#CONTENTS_RIGHT_INNER div#CONTACT,
#CONTENTS_RIGHT_INNER div#LINK,
#CONTENTS_RIGHT_INNER div#SITEMAP,
#CONTENTS_RIGHT_INNER div#ENGLISH,
#CONTENTS_RIGHT_INNER div#ACCESSIBILITY{
	background: url("../images/h2_other.png") no-repeat left top;
}












#CONTENTS_RIGHT {
	width: 730px;
	float: right;
	position: relative;
}

#CLOCK{
	width: 73px;
	height: 68px;
	position:absolute;
	top:147px;
	left:332px;
}
.clock_face {
	width: 73px;
	height: 68px;
/*	background-image: url("../images/clock_face.png");*/
	position: relative;
	z-index:120;
}
.clock_hours,
.clock_minutes,
.clock_seconds {
	width: 65px;
	height: 65px;
	position: absolute;
	top: 5px;
	left: 4px;
}
.clock_hours{
	z-index:125;
}
.clock_minutes{
	z-index:130;
}
.clock_seconds {
	z-index:135;
}

.youtube iframe{
    position: absolute;
    top: 705px;
    left: 95px;
}

#MAIN_AREA {
	background: url("../images/bg_main_top.png") repeat-x top left;
	padding-top: 5px;
	position: relative;
	z-index: 3;
	top: 0;
}

#MAIN_AREA_BOTTOM {
	background: url("../images/bg_main_bottom.png") repeat-x bottom left;
	padding-bottom: 5px;
	position: relative;
	z-index: 2;
	bottom: 0;
}




.banner a:hover img {
	filter: Alpha("opacity=80");opacity:0.8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}


/*____________________ FOOTER ____________________*/
#FOOTER_AREA {
	background: #f2cfbc;
}
#FOOTER_AREA ul.banner{
	width:785px;
	margin:0 auto;
	padding-top:15px;
}
#FOOTER_AREA ul.banner li{
	width:145px;
	float:left;
	margin-right:15px;
}
#FOOTER_AREA ul.banner li:nth-last-of-type(1){
	margin-right:0;
}
#FOOTER_AREA div.banner_contents,
#FOOTER_AREA ul.banner_contents{
	text-align:center;
	margin-top:10px;
	padding-bottom:10px;
}
#FOOTER_AREA div.banner_contents a:first-child,
#FOOTER_AREA ul.banner_contents a:first-child{
	margin-right:20px;
}
#FOOTER_AREA ul.banner_contents li:first-child{
	margin-bottom: 30px;
}
#FOOTER_WRAP{
	background-color:#fff;
}

#FOOTER {
	width: 980px;
	margin:0 auto;
	padding: 10px 0;
}

.footer_left{
	float:left;
	width:500px;
}
.footer_right{
	float:right;
	width:280px;
}

#FOOTER_LOGO_AREA {
	margin-top: 20px;
}

.footer_logo{
	margin:0 auto;
	margin-top:15px;
	width:280px;
}

.footer_logo h3{
	font-weight:normal;
	/*font-size:12px;*/
	font-size: 80%;
	color: #000!important;
}
.footer_logo h2 a{
	background: url("../images/logo_mms.png") no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 230px;
	height: 30px;
	display: block;
	margin:0 auto;
	margin-bottom:5px;

}

#FOOT_ADD {
}
#FOOT_ADD ul.info{
	border-top:1px solid #d35336;
	border-bottom:1px solid #d35336;
	padding-top:8px;
	padding-bottom:8px;
}
#FOOT_ADD ul.info li {
	float: left;
	/*margin-right: 40px;*/
	text-align:center;
	border-right:1px solid #d35336;
	height:200px;
	padding-left:14px;
	padding-right:14px;
}
#FOOT_ADD ul.info li h3{
	margin-bottom:3px;
}
#FOOT_ADD ul.info li.col5{
	border-right:0 none;
}
#FOOT_ADD h3 {
	color: #d35336;
}
#FOOT_ADD .guideLink a{
	color: #3333FF;
}

p.copyright {
	/* font-size: 10px; */
	font-size: 70%;
}

.footer_contents {
	text-align: center;
	padding-bottom: 14px;
}
.footer_navlink {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
}
.footer_navlink li {
	margin: 0px 2px;
}



/*____________________ TOP ____________________*/
#MAIN_TOP {
	background: url("../images/main.jpg") no-repeat top center;
	height: 400px;
	position: relative;
	z-index: 1;
}

#MAIN_TXT_TOP {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 980px;
	height: 390px;
	margin: 0 auto;
}

#CONTENTS_AREA_TOP {
	background: url("../images/bg.jpg") no-repeat top center #666;
	height: 700px;
}

#TIT_ACCESS {
	background: url("../images/tit_access.jpg") no-repeat left top;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 675px;
	height: 70px;
}

h3.m_tit {
	background: url("../images/tit2.gif") repeat-y top left;
	min-height: 18px;
	height: auto!important;
	height: 18px;
	font-size: 98%;
	font-weight: bold;
	color: #fff;
	padding: 7px 10px 0;
	line-height: 1;
}

#TRAFFIC dl dt {
	background: url("../images/icon2.gif") no-repeat 0 4px;
	padding-left: 15px;
	font-size: 98%;
	font-weight: bold;
}

#TRAFFIC dl dd {
	padding-left: 15px;
}

#MAP {
	margin-top: 25px;
}

#TIT_ABOUT {
	background: url("../images/bnr_about.gif") no-repeat left top;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 275px;
	height: 92px;
}

#ABOUT_DET {
	border: 1px solid #b8e8b2;
	padding: 14px;
	background: #fff;
}

#ABOUT_DET dl dt {
	background: url("../images/icon.gif") no-repeat 0 4px;
	padding-left: 15px;
	font-size: 98%;
	font-weight: bold;
	color: #13b300;
}

#ABOUT_DET dl dd {
	padding-left: 15px;
	margin-top: 5px;
}


/*____________________ schedule ____________________*/
#MAIN_SCH {
	background: url("../images/main2.jpg") no-repeat top center;
	height: 140px;
	position: relative;
	z-index: 1;
}

#MAIN_TXT_SCH {
	width: 980px;
	height: 95px;
	margin: 35px auto 0;
}

#MAIN_TXT_SCH span {
	background: url("../images/tit_sche.png") no-repeat left top;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 315px;
	height: 50px;
	display: block;
}

#CONTENTS_AREA_SCH {
	background: url("../images/main2_under.jpg") no-repeat top center;
}

ul.sch_list {
	margin-bottom: 4px;
}

ul.sch_list li {
	float: left;
	width: 93px;
	margin-right: 4px;
}

ul.sch_list li a.on {
	background: #13b300;
	padding: 5px;
	display: block;
	color: #fff;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
}

ul.sch_list li a.off {
	background: #7f7f7f;
	padding: 5px;
	display: block;
	color: #fff;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
}

table.date_table {
	border: 3px solid #89d97f;
}

table.date_table th {
	border: 1px solid #89d97f;
	border-bottom: 3px solid #89d97f;
	background: #e7f7e5;
	color: #13b300;
	padding: 10px;
}

table.date_table td {
	border: 1px solid #89d97f;
	padding: 10px;
	/*font-size: 12px;*/
	font-size: 83%;
	text-align: center;
}

table.date_table td a {
	color: #13b300;
	text-decoration: underline;
}

table.date_table td a:hover {
	text-decoration: none;
}

tr.sat td {
	background: #e4edff;
}

tr.sun td {
	background: #ffebd7;
}

tr.close td {
	background: #FF4C4C;
	color:#fff;
	font-weight:bold;
}

.att {
	margin-top: 10px;
	/*font-size: 12px;*/
	font-size: 83%;
}

.mail_att {
	margin-top: 20px;
	padding: 10px;
	border: 4px solid #ffca7f;
	/*font-size: 12px;*/
	font-size: 83%;
}

.disnon{
	display: none;
}

table.reception_table {
	border: 3px solid #ffca7f;
}

table.reception_table th {
	border: 1px solid #ffca7f;
	background: #ffebd7;
	color: #ff9500;
	padding: 10px;
}

table.reception_table td {
	border: 1px solid #ffca7f;
	padding: 10px;
	/*font-size: 12px;*/
	font-size: 83%;
	text-align: center;
}




/*____________________ inner ____________________*/
#CONTENTS_AREA_INNER {
	background: url("../images/bg.jpg") no-repeat top center #666;
}


#CONTENTS_RIGHT_INNER {
	width: 730px;
	float: right;
	background-color:#fff;
}

.container_inner {
	box-shadow: 0 0 5px #555;
	-moz-box-shadow: 0 0 5px #555;
	-o-box-shadow: 0 0 5px #555;
	-ms-box-shadow: 0 0 5px #555;
/*	background: #fff;*/
	padding: 15px 15px 40px;
	/* font-size: 14px; */
	font-size: 98%;
	line-height: 1.6;
}
.container_inner div > p{
	margin:0 15px;
}
h3.m_tit_inner,
h2.m_tit_inner {
	width:700px;
	height:35px;
	margin: 40px 0 15px;
	box-shadow: 0 0 5px #555;
	-moz-box-shadow: 0 0 5px #555;
	-o-box-shadow: 0 0 5px #555;
	-ms-box-shadow: 0 0 5px #555;
}
h3.m_tit_inner.star,
h2.m_tit_inner.star{
	background:url("../images/m_tit_star.jpg") no-repeat 0 0;
}
h3.m_tit_inner.bell,
h2.m_tit_inner.bell{
	background:url("../images/m_tit_bell.jpg") no-repeat 0 0;
}
h3.m_tit_inner.watch,
h2.m_tit_inner.watch{
	background:url("../images/m_tit_watch.jpg") no-repeat 0 0;
}
h3.m_tit_inner p,
h2.m_tit_inner span.p,
h3.m_tit_inner span.p {
	/* font-size: 16px; */
    font-size: 92%;
	font-weight: bold;
	color: #fff;
	padding:7px 10px 10px 40px;
}
h2.m_tit_inner span.p,
h3.m_tit_inner span.p {
	display: block;
}
h3.m_tit_inner span,
h2.m_tit_inner span{
	color: #d35336;
	margin-right:3px;
	font-size: 75%;
}

.iconPDF {
	margin: 0 3px;
	vertical-align: middle;
}


/*____________________ walking ____________________*/
#WALKING_AREA {
	margin-top:120px;
}

ul.image_container1 {
text-align: center;
}


ul.image_container1 li {
	margin-right: 20px;
	/*font-size: 13px;*/
	font-size: 90%;
	line-height: 1.4;
display:inline-block;
/display:inline;
/zoom:1;
vertical-align: top;
}

ul.image_container1 li img,
ul.image_container2 li img,
ul.image_container3 li img,
ul.image_container4 li img {
	margin-bottom: 5px;
}

ul.image_container2 {
	margin: 0 auto;
	width: 552px;
}

ul.image_container2 li {
	float: left;
	margin-right: 40px;
	/*font-size: 13px;*/
	font-size: 90%;
	line-height: 1.4;
}

ul.image_container3 {
	margin: 0 auto;
	width: 584px;
}

ul.image_container3 li {
	float: left;
	margin-right: 40px;
	/*font-size: 13px;*/
	font-size: 90%;
	line-height: 1.4;
	width: 272px;
}

ul.image_container4 {
	margin: 0 auto;
	width: 390px;
}

ul.image_container4 li {
	float: left;
	margin-right: 15px;
	/*font-size: 13px;*/
	font-size: 90%;
	line-height: 1.4;
	text-align: center;
}


/*____________________ structure ____________________*/
#STRUCTURE_AREA {
	margin-top:120px;
}

#STRUCTURE_AREA table,
#COMMERCIAL_AREA table,
#GUIDE_AREA table,
#ADMISSION_AREA table,
#EXHIBITION_AREA table,
#ENGLISH_AREA table,
#SCHEDULE_AREA table.entry,
#ACCESSIBILITY_AREA  table {
	border: 1px solid #ccc;
}

#STRUCTURE_AREA table th,
#COMMERCIAL_AREA table th,
#GUIDE_AREA table th,
#ADMISSION_AREA table th,
#EXHIBITION_AREA table th,
#ENGLISH_AREA table th,
#SCHEDULE_AREA table.entry th,
#ACCESSIBILITY_AREA table th{
	border: 1px dotted #fff;
	padding: 8px;
	background: #D35336;
	color: #fff;
	font-weight: normal;

}
#GUIDE_AREA table th{
	text-align: center;
}
#STRUCTURE_AREA table td,
#COMMERCIAL_AREA table td,
#GUIDE_AREA table td,
#ADMISSION_AREA table td,
#EXHIBITION_AREA table td,
#ENGLISH_AREA table td,
#SCHEDULE_AREA table.entry td,
#ACCESSIBILITY_AREA table td{
	border: 1px dotted #ccc;
	padding: 8px;
}
#GUIDE_AREA table td{
	/*font-size:12px;*/
	font-size: 80%;
}
#GUIDE_AREA table td.right{
	text-align:right;
}
#GUIDE_AREA table td.center{
	text-align:center;
}
#STRUCTURE_AREA h4.s_tit_inner,
#CONTENTS_RIGHT_INNER h4.s_tit_inner,
#EXHIBITION_AREA h4.s_tit_inner,
#SITEMAP_AREA h4.s_tit_inner {
	border-left: 4px solid #d35336;
	font-size: 100%;
	font-weight: bold;
	padding: 3px 0 0 10px;
	margin: 30px 0 15px;
	line-height: 1;
}

ul.image_container5 {
	margin: 0 auto;
	width: 564px;
}

ul.image_container5 li {
	float: left;
	margin-right: 40px;
	font-size: 90%;
	line-height: 1.4;
	text-align: center;
	padding: 10px;
	border: 1px solid #ccc;
	width: 240px;
	background-color:#fff;
}

.document {
/*	border: dashed 3px #ccc;*/
	margin: 30px 20px 0 20px;
	padding: 20px;
	text-align: center;
	background-color:#5e5e5e;
	color:#fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	behavior: url(PIE.htc);
}

.document a {
	/* font-size: 16px; */
    font-size: 115%;
	font-weight: bold;
	text-decoration: underline;
	color:#fff;
}

.document a:hover {
	text-decoration: none;
}

.image_container6 {
	margin: 30px auto 0;
	width: 434px;
	position: relative;
	/*font-size: 13px;*/
	font-size: 90%;
	line-height: 1.4;
	text-align: center;
}
.image_container6 p.tokeidai{
	border:1px solid #ccc;
	background-color:#fff;
	padding:15px;
}
.image_container6 ul li {
	position: absolute;
	left: 197px;
}

.image_container6 ul li a {
	background: #fff;
	display: block;
	height: 27px;
	width: 192px;
}

.image_container6 ul li.btn01 {
	top: 29px;
}

.image_container6 ul li.btn06 {
	top: 59px;
}

.image_container6 ul li.btn02 {
	top: 94px;
}

.image_container6 ul li.btn03 {
	top: 124px;
}

.image_container6 ul li.btn04 {
	top: 165px;
}

.image_container6 ul li.btn05 {
	top: 209px;
}

ul.image_container7 {
	float: right;
	width: 270px;
}

ul.image_container7 li {
	/*font-size: 13px;*/
	font-size: 90%;
	line-height: 1.4;
	text-align: center;
}

ul.image_container7 li img {
	margin-bottom: 5px;
}

.image_container7_txt {
	float: left;
	width: 415px;
}

/* structureHTML */
dl#structureHTML {
	margin: 10px;
}

dl#structureHTML dt {
	margin: 0 0 15px;
	/* font-size: 16px; */
	font-size: 92%;
	font-weight: bold;
	color: #d35336;
	border-bottom: 1px dotted #d35336;
	padding-bottom: 2px;
}

dl#structureHTML dd {
}

dl#structureHTML dd ul {
	list-style-type: none;
	/*margin: 1em 0 0 0;*/
}

dl#structureHTML dd ul li {
	border-right: dotted 1px #ccc;
	display: table-cell;
	padding: 20px;
	text-align: justify;
	text-justify: distribute;
	width: 267px;
}

dl#structureHTML dd ul li div {
	font-weight: bold;
	text-align: center;
}

dl#structureHTML dd ul li img {
	margin: 0.5em 0;
}


/*____________________ literature_and_music ____________________*/
#LITERATURE_AREA{
	margin-top:120px;
}

ul.image_container8 {
	margin: 0 auto;
	width: 353px;
}

ul.image_container8 li {
	float: left;
	margin-right: 40px;
	/*font-size: 13px;*/
	font-size: 90%;
	line-height: 1.4;
	text-align: center;
}

ul.image_container8 li img {
	margin-bottom: 5px;
}


/*____________________ tell_defense ____________________*/
#TELL_AREA {
	margin-top:120px;
}

ul.image_container9 {
	margin: 0 auto;
	width: 440px;
}

ul.image_container9 li {
	float: left;
	margin-right: 40px;
	/*font-size: 13px;*/
	font-size: 90%;
	line-height: 1.4;
	text-align: center;
}

ul.image_container9 li img,
.image_container11 img,
ul.image_container12 li img {
	margin-bottom: 5px;
}

.image_container10_txt {
	float: right;
	width: 520px;
}

.image_container11 {
	/*font-size: 13px;*/
	font-size: 90%;
	line-height: 1.4;
	text-align: center;
}

ul.image_container12 {
	margin: 0 auto;
	width: 540px;
}

ul.image_container12 li {
	float: left;
	margin-right: 40px;
	/*font-size: 13px;*/
	font-size: 90%;
	line-height: 1.4;
}

ul.image_container12 li img {
	margin-bottom: 5px;
}


/*____________________ bits_of_knowledge ____________________*/
#KNOWLEDGE_AREA {
	margin-top:120px;
}

/* inspect */
/*____________________ exhibition ____________________*/
#EXHIBITION_AREA  {
	margin-top:120px;
}

#EXHIBITION_AREA div#MAP{
	width:670px;
	height:440px;
	background: url("../images/inspect/map.png") no-repeat left -5px;
	margin:0 auto;
}
#EXHIBITION_AREA div.floar2{
	background-position:left -445px !important;
}
#EXHIBITION_AREA div#MAP_CAPTION{
	width:670px;
	margin:0 auto;
	margin-top:5px;
	background: url("../images/dot_arrow.gif") no-repeat left top;
	min-height:100px;
	padding-top:16px;
}
#EXHIBITION_AREA div#MAP_CAPTION div.container{
	border:2px dotted gray;
	border-top:0 none;
/*	min-height:100px;*/
}
#EXHIBITION_AREA div#MAP_CAPTION div.container{
}

#EXHIBITION_AREA div#MAP_CAPTION div.container div{
	margin:0 15px 15px 15px;
	padding-top:15px;
	display:none;
}
#EXHIBITION_AREA div#MAP_CAPTION div.container div#message{
	display:block;
}
#EXHIBITION_AREA div#MAP_CAPTION div.container div#message span{
	font-size:110%;
	color:#D35336;
	font-weight:bold;
}
#EXHIBITION_AREA div#MAP_CAPTION div.container div strong{
	display:block;
	float:left;
	width:150px;
	font-size:110%;
	color:#D35336;
}
#EXHIBITION_AREA div#MAP_CAPTION div.container div ul{
	float:right;
	width:100%;
	margin-left:-152px;
}
#EXHIBITION_AREA div#MAP_CAPTION div.container div ul li{
	list-style-type:disc;
	margin-left:180px;
	font-size:95%;
}
#EXHIBITION_AREA div#MAP_CAPTION div.container div ul.movie{
	margin-top:15px;
}
#EXHIBITION_AREA div#MAP_CAPTION div.container div ul.movie li{
	margin-left:200px;
	font-size:80%;
	color:#333;
}
#EXHIBITION_AREA div#MAP_CAPTION div.container div ul.movie li.left{
	float:left;
	margin-right:60px;

}

#EXHIBITION_AREA ul.num li{
	list-style-type:decimal;
	margin:0 25px 10px 25px;
	font-size:95%;
}

#EXHIBITION_AREA ul.cource li{
	list-style-type:disc;
	margin:0 25px 10px 25px;
	font-size:95%;
}
#EXHIBITION_AREA ul.cource li strong{
	color:#D35336;
}
#EXHIBITION_AREA ul.cource li div.step{
	padding:8px;
	border:1px solid #ccc;
	background-color:#fff;
	margin-top:3px;
	margin-bottom:5px;
}
#EXHIBITION_AREA div.green{
	padding:15px;
	border:1px solid #c3e7ab;
	background-color:#f4ffec;
	margin-top:15px;
	margin-left:20px;
	margin-right:20px;
	text-align:center;
}
#EXHIBITION_AREA ul.photograph{
	float:right;
	width:345px;
}
#EXHIBITION_AREA ul.photograph li{
	list-style-type:disc;
	margin:0 25px 10px 0px;
}
#EXHIBITION_AREA img.photograph{
	float:right;
	margin-top:15px;
	margin-right:20px;
}


/*____________________ admission ____________________*/
#ADMISSION_AREA  {
	margin-top:120px;
}


/* usage */
/*____________________ schedule ____________________*/
#SCHEDULE_AREA {
	margin-top:120px;
}

#SCHEDULE_AREA p.dotted{
	border:1px dotted gray;
	padding:10px;
	/* font-size:11px; */
	font-size:78%;
}

#SCHEDULE_AREA table#SCHEDULE_BODY {
	border: 1px solid #ccc;
}

#SCHEDULE_AREA table#SCHEDULE_BODY th {
	border: 1px dotted #fff;
	padding: 5px;
	background: #D35336;
	color: #fff;
	font-weight: normal;
}

#SCHEDULE_AREA table#SCHEDULE_BODY td {
	border: 1px solid #ccc;
	padding: 5px;
	/*font-size:12px;*/
	font-size: 80%;
}
#SCHEDULE_AREA table#SCHEDULE_BODY td a.o_web{
	color:#0096ff;
	text-decoration:underline;
}
#SCHEDULE_AREA h3.m_tit_inner {
	position:relative;
}
#SCHEDULE_AREA h3.m_tit_inner span.small{
	/*font-size:12px;*/
	font-size: 80%;
}
#SCHEDULE_AREA h3.m_tit_inner span.prev,
#SCHEDULE_AREA h3.m_tit_inner span.next{
	display:block;
	width:55px;
	position:absolute;
}
#SCHEDULE_AREA h3.m_tit_inner span.prev{
	top:8px;
	right:70px;
}
#SCHEDULE_AREA h3.m_tit_inner span.prev a,
#SCHEDULE_AREA h3.m_tit_inner span.next a{
	display:block;
	width:55px;
	/* font-size:14px; */
	font-size:130%;
	font-weight:bold;
	color:#fff;
}
#SCHEDULE_AREA h3.m_tit_inner span.next a{
	text-align:right;
}
#SCHEDULE_AREA h3.m_tit_inner span.prev a:hover,
#SCHEDULE_AREA h3.m_tit_inner span.next a:hover{
	text-decoration:underline;
}

#SCHEDULE_AREA h3.m_tit_inner span.next{
	top:8px;
	right:10px;
}


/*____________________ guide ____________________*/
#GUIDE_AREA {
	margin-top:120px;
}
#GUIDE_AREA ul.image_container8 {
	margin: 0 auto;
	width: 440px;
}

#GUIDE_AREA ul.image_container8 li {
	float: left;
	margin-right: 40px;
	/*font-size: 13px;*/
	font-size: 90%;
	line-height: 1.4;
	text-align: center;
}

#GUIDE_AREA ul.image_container8 li img {
	margin-bottom: 5px;
}


/* others */
/*____________________ commercial ____________________*/
#COMMERCIAL_AREA {
	margin-top:120px;
}
#COMMERCIAL_AREA ul li,
#ACCESS_AREA ul li,
#GUIDE_AREA ul.disc li,
#ENGLISH_AREA ul.disc li,
#ADMISSION_AREA ul.disc li,
#ACCESSIBILITY_AREA ul li{
	list-style-type:disc;
	margin-left:30px;
	margin-bottom:10px;
	margin-right:10px;
}
#COMMERCIAL_AREA ul li p{
	background: url("../images/icon_dl.gif") no-repeat left 2px;
	text-indent:1.5em;
	font-weight:bold;
}
/*____________________ link ____________________*/
#LINK_AREA {
	margin-top:120px;
}
#LINK_AREA ul li{
	border-bottom:1px dotted gray;
}
#LINK_AREA ul li a strong{
	line-height:51px;
}
#LINK_AREA ul li a{
	display:block;
	padding:10px;
}
/*____________________ ad ____________________*/
#AD_AREA {
	margin-top:120px;
}
ul.download li{
	background: url("../images/icon_dl.gif") no-repeat left 2px;
	text-indent:1.5em;
	margin-left:1em;
	margin-bottom:3px;
}
ul.download li a{
	font-weight:bold;
}
/*____________________ contact ____________________*/
#CONTACT_AREA {
	margin-top:120px;
}
#CONTACT_AREA p.tel{
	font-size:240%;
	color:#D35336;
	font-weight:bold;
	margin:0.25em 0 0 0;
	text-align:center;
}
/*____________________ access ____________________*/
#ACCESS_AREA {
	margin-top:120px;
}
#ACCESS_AREA ul li strong{
	color:#D35336;
}
/*____________________ access ____________________*/
#SITEMAP_AREA {
	margin-top:120px;
}
#SITEMAP_AREA ul{
	margin:0 15px;
}
#SITEMAP_AREA ul li.parent h3{

	border:1px solid #D35336;
	border-left:4px solid #D35336;
	margin-bottom:10px;
}

#SITEMAP_AREA ul li.parent h3 a,
#SITEMAP_AREA ul li.parent h3 span{
	display:block;
	padding:5px 10px;
	color:#D35336;
}
#SITEMAP_AREA ul li.parent h3 a{
	background-color:#fff6f4;
}
#SITEMAP_AREA ul li.parent h3 a:hover{
	background-color:#fac3b6;
}
#SITEMAP_AREA ul li.parent ul{
	margin-bottom:10px;
}
#SITEMAP_AREA ul li.parent ul li{
	border-bottom:1px dotted #666;
	padding:8px 5px 8px 10px;
}
#SITEMAP_AREA ul li.parent ul li a:hover{
	color:#D35336;
}


/*____________________ english ____________________*/
#ENGLISH_AREA {
	margin-top:120px;
}



/*____________________ 180330 下層メインタイトル ____________________*/
.mainTitArea{
	font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;;
	padding-top: 90px;
	font-size: 320%;
	font-weight: 500;
    color: #fff;
    text-shadow: 0px 0px 5px #0b0b0b;
    line-height: 1.2;
}
.mainTit{
    letter-spacing: 4px;
}
.mainTitEn{
    font-size: 80%;
    opacity: 0.7;
}


.download_btn a{
	color: #fff;
    background: red;
    padding: 6px 20px;
    border-radius: 25px;
    font-size: 111%;
	border: 1px solid #c04844;
	background: #d8645e;
    text-shadow: 0px 0px 1px #464646;
}
.download_btn a:hover{
	opacity: 0.7;
}

/* Block Skip */
div.blockskip {
 z-index: 9999;
overflow: visible;
margin: 0;
padding: 0;
width: 100%;
}
div.blockskip a {
 display: block;
background: #fff;
margin: 0;
margin-top: -1px;
padding: 0;
width: 100%;
min-width: 100%;
text-align: center;
text-decoration: none !important;
font-size: 0%;
color: #d35336;
line-height: 0;
cursor: default;
height: 1px;
}
div.blockskip a.show {
 color: #d35336;
height:1em;
margin-top: -3px;
padding: 5px 0;
font-size: 93%;
line-height: 1;
cursor: pointer;
text-decoration:none !important;
}
div.blockskip a:focus {

	text-decoration:none !important;
}
div.blockskip a:hover {
 text-decoration: underline !important;
}

/* a:focus {
	outline: inherit;
	text-decoration: none;
 } */
 :focus {
     outline: -webkit-focus-ring-color auto 5px;
 }

.switchbox {
    margin: 10px 0;
    padding: 0;
}
.switchbox label {
    display: block;
    font-weight: bold;
    cursor :pointer;
	color: #000;
}
.switchbox input {
    display: none; 
}
.switchbox > div {
    height: 0;
    overflow-y: hidden;
    transition: 0.8s;
    opacity: 0;
}
.switchbox input:checked + label + div {
    height: auto;
    opacity: 1;
}
.switchbox label::before {
    content: '\f067';
    font-family: 'Font Awesome 5 Free';
	font-display: optional;
    font-weight: 900;
    padding-right: 8px;
}
.switchbox input:checked + label::before {
    content: '\f068';
}

 /*____________________ 180330 アクセシビリティ ____________________*/

#ACCESSIBILITY_AREA a{
	text-decoration: underline;
}

#ACCESSIBILITY_AREA h4.s_tit_inner{
	line-height: 1.5;
}

#ACCESSIBILITY_AREA{
	margin-top: 120px;
}