@charset "UTF-8";


@import "base.css";
@import "lightbox.css";

/*-------------------------------------------------------------------------
	Layout
/*-----------------------------------------------------------------------*/

body {
	width: 100%;}

.smp{
	display:none;
}


/* Header */
/*----------------------------------------------------*/

#headerArea {
	background-image: url(../../images/header_bg.jpg);
	background-position: center 0px;
	background-repeat: no-repeat;
	width: 100%;
}
#header {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	height: 90px;
}

	#header .read {
	width: 170px;
	float: left;
	padding-top: 15px;
	}
	#header .read h1 {
	letter-spacing: 1px;
	font-size: 120%;
	height: 80px;
	background-image: url(../images/header_logo.png);
	background-repeat: no-repeat;
	}
		#header .read h1 span {
			visibility: hidden;
		}

	#header .infomenu {
	width: 400px;
	float: right;
	padding-top: 15px;
	}
	#header .infomenu ul {}
	#header .infomenu ul li {
	float: right;
	background-image: url(../images/point.png);
	background-repeat: no-repeat;
	padding-left: 15px;
	font-size: 100%;
	background-position: 0px center;
	margin-left: 20px;
}





/* Global Navigation */
/*----------------------------------------------------*/

#globalNaviArea {
	background-image: url(../images/globalNavi_under/navi_bg.png);
	background-repeat: repeat-x;
	background-position: center 0px;
	width: 100%;
}
#globalNavi {
	width: 960px;
	height: 61px;
	margin-right: auto;
	margin-left: auto;
}

#globalNavi ul {}
#globalNavi ul li {
	float: left;
}
#globalNavi ul .glnv01 a,
#globalNavi ul .glnv08 a{
	width: 121px;
}
#globalNavi ul .glnv02 a,
#globalNavi ul .glnv04 a,
#globalNavi ul .glnv05 a,
#globalNavi ul .glnv06 a{
	width: 120px;
}
#globalNavi ul .glnv03 a,
#globalNavi ul .glnv07 a{
	width: 119px;
}
#globalNavi ul .glnv01 a {
	background-image: url(../images/globalNavi_under/btn_01home_off.png);
	background-repeat: repeat;
	background-position: center;
	height: 61px;
	/* width: 107px; */
	display: block;
}
#globalNavi ul .glnv01 a:hover {
	background-image: url(../images/globalNavi_under/btn_01home_on.png);
	background-repeat: repeat;
	background-position: center;
	height: 61px;
	/* width: 107px; */
	display: block;
}
#globalNavi ul .glnv01 span {
	visibility: hidden;
}
#globalNavi ul .glnv02 a {
	background-image: url(../images/globalNavi_under/btn_02history_off.png);
	background-repeat: repeat;
	background-position: center;
	height: 61px;
	/* width: 107px; */
	display: block;
}
#globalNavi ul .glnv02 a:hover {
	background-image: url(../images/globalNavi_under/btn_02history_on.png);
	background-repeat: repeat;
	background-position: center;
	height: 61px;
	/* width: 107px; */
	display: block;
}
#globalNavi ul .glnv02 span {
	visibility: hidden;
}
#globalNavi ul .glnv03 a {
	background-image: url(../images/globalNavi_under/btn_03function_off.png);
	background-repeat: repeat;
	background-position: center;
	height: 61px;
	/* width: 107px; */
	display: block;
}
#globalNavi ul .glnv03 a:hover {
	background-image: url(../images/globalNavi_under/btn_03function_on.png);
	background-repeat: repeat;
	background-position: center;
	height: 61px;
	/* width: 107px; */
	display: block;
}
#globalNavi ul .glnv03 span {
	visibility: hidden;
}
#globalNavi ul .glnv04 a {
	background-image: url(../images/globalNavi_under/btn_04cultural_off.png);
	background-repeat: repeat;
	background-position: center;
	height: 61px;
	/* width: 107px; */
	display: block;
}
#globalNavi ul .glnv04 a:hover {
	background-image: url(../images/globalNavi_under/btn_04cultural_on.png);
	background-repeat: repeat;
	background-position: center;
	height: 61px;
	/* width: 107px; */
	display: block;
}
#globalNavi ul .glnv04 span {
	visibility: hidden;
}
#globalNavi ul .glnv05 a {
	background-image: url(../images/globalNavi_under/btn_05map_off.png);
	background-repeat: repeat;
	background-position: center;
	height: 61px;
	/* width: 107px; */
	display: block;
}
#globalNavi ul .glnv05 a:hover {
	background-image: url(../images/globalNavi_under/btn_05map_on.png);
	background-repeat: repeat;
	background-position: center;
	height: 61px;
	/* width: 107px; */
	display: block;
}
#globalNavi ul .glnv05 span {
	visibility: hidden;
}
#globalNavi ul .glnv06 a {
	background-image: url(../images/globalNavi_under/btn_06access_off.png);
	background-repeat: repeat;
	background-position: center;
	height: 61px;
	/* width: 107px; */
	display: block;
}
#globalNavi ul .glnv06 a:hover {
	background-image: url(../images/globalNavi_under/btn_06access_on.png);
	background-repeat: repeat;
	background-position: center;
	height: 61px;
	/* width: 107px; */
	display: block;
}
#globalNavi ul .glnv06 span {
	visibility: hidden;
}
#globalNavi ul .glnv07 a {
	background-image: url(../images/globalNavi_under/btn_07inquire_off.png);
	background-repeat: repeat;
	background-position: center;
	height: 61px;
	/* width: 107px; */
	display: block;
}
#globalNavi ul .glnv07 a:hover {
	background-image: url(../images/globalNavi_under/btn_07inquire_on.png);
	background-repeat: repeat;
	background-position: center;
	height: 61px;
	/* width: 107px; */
	display: block;
}
#globalNavi ul .glnv07 span {
	visibility: hidden;
}
#globalNavi ul .glnv08 a {
	background-image: url(../images/globalNavi_under/btn_08meida_off.png);
	background-repeat: repeat;
	background-position: center;
	height: 61px;
	/* width: 107px; */
	display: block;
}
#globalNavi ul .glnv08 a:hover {
	background-image: url(../images/globalNavi_under/btn_08meida_on.png);
	background-repeat: repeat;
	background-position: center;
	height: 61px;
	/* width: 107px; */
	display: block;
}
#globalNavi ul .glnv08 span {
	visibility: hidden;
}
/* #globalNavi ul .glnv09 a {
	background-image: url(../images/globalNavi_under/btn_09shumu_off.png);
	background-repeat: repeat;
	background-position: center;
	height: 61px;
	width: 104px;
	display: block;
}
#globalNavi ul .glnv09 a:hover {
	background-image: url(../images/globalNavi_under/btn_09shumu_on.png);
	background-repeat: repeat;
	background-position: center;
	height: 61px;
	width: 104px;
	display: block;
}
#globalNavi ul .glnv09 span {
	visibility: hidden;
} */


/* Main Image */
/*----------------------------------------------------*/

#contentImagesArea {
	width: 100%;
}
#contentImages {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}



/* Crumb Area */
/*----------------------------------------------------*/
#crumbArea {
	background-image: url(../images/crumb_bg.png);
	background-repeat: repeat-x;
	height: 40px;
	width: 100%;
}
#crumb {
	margin-right: auto;
	margin-left: auto;
	width: 960px;
}
#crumb ol {
	margin-left: 40px;
}
#crumb ol li {
	float: left;
	color: #666;
	margin-top: 3px;
}
#crumb ol li a {
	color: #666;
}
#crumb ol li a:hover {
	color: #F90;
	text-decoration: none;
}
#crumb ol .point2 {
	padding-left: 30px;
	background-image: url(../images/point.png);
	background-repeat: no-repeat;
	background-position: 20px center;
}


/* Contents */
/*----------------------------------------------------*/

#contentsArea {
	background-image: url(../images/contents_bg.png);
	background-position: center 0px;
	width: 100%;
}
#contentsArea a, #contentsArea a:link, #contentsArea a:visited {
	color: #900;
}
#contentsArea a:hover {
	color: #F60;
	text-decoration: underline;
}
#contents {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/contents.png);
	background-repeat: repeat-y;
	background-position: center 0px;
}

#contents .introduction {
	background-image: url(../images/intro.png);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	height: 15px;
	width: 960px;
}
#contents .introduction span {
	visibility: hidden;
}


#contents .mainContents {
	width: 640px;
	display: block;
	float: left;
	margin-left: 45px;
	color: #333;
	margin-bottom: 60px;
}
#contents .mainContents .calam {
	margin-top: 15px;
}
#contents .sidemenu {
	float: right;
	width: 200px;
	margin-right: 35px;
	color: #333;
	margin-bottom: 35px;
	margin-top: 25px;
}



/* Side menu */
/*----------------------------------------------------*/

/*bus*/
#contents .sidemenu .bnr #bus a {
	background-image: url(../../../files/common/images/sidemenu/bnr_bus_off.jpg);
	height: 189px;
	width: 201px;
	margin: 0 0 30px 0;
	background-repeat: no-repeat;
	display: block;
}
#contents .sidemenu .bnr #bus a:hover {
	background-image: url(../../../files/common/images/sidemenu/bnr_bus_on.jpg);
}
#contents .sidemenu .bnr #bus a span {
	visibility: hidden;
}


/*hojo*/
#contents .sidemenu .bnr #hojo a {
	background-image: url(../../../files/common/images/sidemenu/bnr_hojo_off.jpg);
	height: 189px;
	width: 201px;
	margin-top: 48px;
	background-repeat: no-repeat;
	display: block;
	margin-bottom: 27px;
}
#contents .sidemenu .bnr #hojo a:hover {
	background-image: url(../../../files/common/images/sidemenu/bnr_hojo_on.jpg);
}
#contents .sidemenu .bnr #hojo a span {
	visibility: hidden;
}

/*bukyokoza*/
#contents .sidemenu .bnr #bukyokoza a {
	background-image: url(../../../files/common/images/sidemenu/bnr_bukyokoza_off.jpg);
	height: 189px;
	width: 201px;
	margin-top: 0;
	background-repeat: no-repeat;
	display: block;
	margin-bottom: 27px;
}
#contents .sidemenu .bnr #bukyokoza a:hover {
	background-image: url(../../../files/common/images/sidemenu/bnr_bukyokoza_on.jpg);
}
#contents .sidemenu .bnr #bukyokoza a span {
	visibility: hidden;
}




#contents .sidemenu .menu #home a {
	background-image: url(../../../files/common/images/sidemenu/btn_01home_off.png);
	background-repeat: no-repeat;
	height: 47px;
	width: 201px;
	display: block;
}
#contents .sidemenu .menu #home a:hover {
	background-image: url(../../../files/common/images/sidemenu/btn_01home_on.png);
}
#contents .sidemenu .menu #home a span {
	visibility: hidden;
}

#contents .sidemenu .menu #history a {
	background-image: url(../../../files/common/images/sidemenu/btn_02history_off.png);
	background-repeat: no-repeat;
	height: 44px;
	width: 201px;
	display: block;
}
#contents .sidemenu .menu #history a:hover {
	background-image: url(../../../files/common/images/sidemenu/btn_02history_on.png);
}
#contents .sidemenu .menu #history a span {
	visibility: hidden;
}

#contents .sidemenu .menu #function a {
	background-image: url(../../../files/common/images/sidemenu/btn_03function_off.png);
	background-repeat: no-repeat;
	height: 45px;
	width: 201px;
	display: block;
}
#contents .sidemenu .menu #function a:hover {
	background-image: url(../../../files/common/images/sidemenu/btn_03function_on.png);
}
#contents .sidemenu .menu #function a span {
	visibility: hidden;
}
#contents .sidemenu .menu #heirloom a {
	background-image: url(../../../files/common/images/sidemenu/btn_04heirloom_off.png);
	background-repeat: no-repeat;
	height: 45px;
	width: 201px;
	display: block;
}
#contents .sidemenu .menu #heirloom a:hover {
	background-image: url(../../../files/common/images/sidemenu/btn_04heirloom_on.png);
	background-repeat: no-repeat;
	height: 45px;
	width: 201px;
	display: block;
}
#contents .sidemenu .menu #heirloom a span {
	visibility: hidden;
}

#contents .sidemenu .menu li .list {
	margin-bottom: 15px;
}
#contents .sidemenu .menu li .list .paint a {
	background-image: url(../../../files/common/images/sidemenu/btn_11paint_off.png);
	background-repeat: no-repeat;
	height: 35px;
	width: 201px;
	display: block;
}
#contents .sidemenu .menu li .list .paint a:hover {
	background-image: url(../../../files/common/images/sidemenu/btn_11paint_on.png);
	background-repeat: no-repeat;
	height: 35px;
	width: 201px;
	display: block;
}
#contents .sidemenu .menu li .list .paint a span {
	visibility: hidden;
}
#contents .sidemenu .menu li .list .statue a {
	background-image: url(../../../files/common/images/sidemenu/btn_12statue_off.png);
	background-repeat: no-repeat;
	height: 35px;
	width: 201px;
	display: block;
}
#contents .sidemenu .menu li .list .statue a:hover {
	background-image: url(../../../files/common/images/sidemenu/btn_12statue_on.png);
	background-repeat: no-repeat;
	height: 35px;
	width: 201px;
	display: block;
}
#contents .sidemenu .menu li .list .statue a span {
	visibility: hidden;
}
#contents .sidemenu .menu li .list .books a {
	background-image: url(../../../files/common/images/sidemenu/btn_13book_off.png);
	background-repeat: no-repeat;
	height: 33px;
	width: 201px;
	display: block;
}
#contents .sidemenu .menu li .list .books a:hover {
	background-image: url(../../../files/common/images/sidemenu/btn_13book_on.png);
	background-repeat: no-repeat;
	height: 33px;
	width: 201px;
	display: block;
}
#contents .sidemenu .menu li .list .books a span {
	visibility: hidden;
}
#contents .sidemenu .menu li .list .archive a {
	background-image: url(../../../files/common/images/sidemenu/btn_14archive_off.png);
	background-repeat: no-repeat;
	height: 56px;
	width: 201px;
	display: block;
}
#contents .sidemenu .menu li .list .archive a:hover {
	background-image: url(../../../files/common/images/sidemenu/btn_14archive_on.png);
}
#contents .sidemenu .menu li .list .archive a span {
	visibility: hidden;
}
#contents .sidemenu .menu #admission a {
	background-image: url(../../../files/common/images/sidemenu/btn_05admission_off.png);
	background-repeat: no-repeat;
	height: 47px;
	width: 201px;
	display: block;
}
#contents .sidemenu .menu #admission a:hover {
	background-image: url(../../../files/common/images/sidemenu/btn_05admission_on.png);
}
#contents .sidemenu .menu #admission a span {
	visibility: hidden;
}
#contents .sidemenu .menu #access a {
	background-image: url(../../../files/common/images/sidemenu/btn_06access_off.png);
	background-repeat: no-repeat;
	height: 44px;
	width: 201px;
	display: block;
}
#contents .sidemenu .menu #access a:hover {
	background-image: url(../../../files/common/images/sidemenu/btn_06access_on.png);
}
#contents .sidemenu .menu #access a span {
	visibility: hidden;
}
#contents .sidemenu .menu #contact a {
	background-image: url(../../../files/common/images/sidemenu/btn_07contact_off.png);
	background-repeat: no-repeat;
	height: 46px;
	width: 201px;
	display: block;
	margin-bottom: 45px;
}
#contents .sidemenu .menu #contact a:hover {
	background-image: url(../../../files/common/images/sidemenu/btn_07contact_on.png);
}
#contents .sidemenu .menu #contact a span {
	visibility: hidden;
}






/* Footer */
/*----------------------------------------------------*/

#footerArea {
	background-image: url(../images/footer_bg.gif);
	background-position: center 0px;
	width: 100%;
}

#footer {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

#footer .lineMenu {
	font-size: 110%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
	padding-bottom: 30px;
}
#footer .lineMenu ul {
	display: block;
	margin-left: 160px;
}
#footer .lineMenu ul li {
	float: left;
	color: #666;
}

#footer .lineMunu ul li a {
	letter-spacing: 1px;
}
#footer .copy {
	width: 960px;
	display: block;
	text-align: right;
	padding-bottom: 15px;
}





/* tab */
/*----------------------------------------------------*/
label.panel-label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  width: 100%;
  color: #bdc3c7;
  cursor: pointer;
  background-color: #ecf0f1;
  -webkit-transition-property: background-color, color;
  transition-property: background-color, color;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
}
label.panel-label:hover {
  color: #000;
}

#panels {
  background-color: white;
}
#panels .container {
  margin: 0 auto;
}
#panels section header label.panel-label {
  padding: 12px 24px;
  box-sizing: border-box;
}
#panels section main {
  box-sizing: border-box;
  max-height: 0;
  opacity: 0;
  -webkit-transition: opacity 600ms;
  transition: opacity 600ms;
  overflow-y: hidden;
}

#panel-1-ctrl:checked ~ #panels #panel-1 main {
  max-height: initial;
  opacity: 1;
}

#panel-2-ctrl:checked ~ #panels #panel-2 main {
  max-height: initial;
  opacity: 1;
}

#panel-3-ctrl:checked ~ #panels #panel-3 main {
  max-height: initial;
  opacity: 1;
}
#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 {
  pointer-events: none;
  cursor: default;
  -webkit-transform: translate3d(0, 1px, 0);
  transform: translate3d(0, 1px, 0);
  box-shadow: none;
  border-right: none;
}
#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1.last {
  border-right: 1px solid transparent;
}
#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 + li {
  border-left: 1px solid #dfdfdf;
}
#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 label.panel-label {
  background-color: white;
  color: #000;
}
#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 label.panel-label::after {
  height: 1px;
}

#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 {
  pointer-events: none;
  cursor: default;
  -webkit-transform: translate3d(0, 1px, 0);
  transform: translate3d(0, 1px, 0);
  box-shadow: none;
  border-right: none;
}
#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2.last {
  border-right: 1px solid transparent;
}
#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 + li {
  border-left: 1px solid #dfdfdf;
}
#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 label.panel-label {
  background-color: white;
  color: #000;
}
#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 label.panel-label::after {
  height: 1px;
}

#panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 {
  pointer-events: none;
  cursor: default;
  -webkit-transform: translate3d(0, 1px, 0);
  transform: translate3d(0, 1px, 0);
  box-shadow: none;
  border-right: none;
}
#panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3.last {
  border-right: 1px solid transparent;
}
#panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 + li {
  border-left: 1px solid #dfdfdf;
}
#panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 label.panel-label {
  background-color: white;
  color: #000;
}
#panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 label.panel-label::after {
  height: 1px;
}

ul#tabs-list {
  display: flex;
  list-style: none;
  text-align: center;
  border-bottom: 1px solid #dfdfdf;
  margin: 0;
  padding: 0;
}
ul#tabs-list li {
  text-align: center;
  font-size: 15px;
  width: 18%;
  box-shadow: 0px -2px 2px rgba(0, 0, 0, 0.05);
  border-right: 1px solid #dfdfdf;
  position: relative;
}
ul#tabs-list li:hover {
  -webkit-transition: none;
  transition: none;
  border-right: none;
}
ul#tabs-list li:hover.last {
  border-right: 1px solid transparent;
}
ul#tabs-list li:hover + li {
  border-left: 1px solid #dfdfdf;
}
ul#tabs-list li label.panel-label {
  position: relative;
  padding: 12px 0;
}
ul#tabs-list li label.panel-label::after {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 100%;
  background-color: #dfdfdf;
  height: 0;
  -webkit-transition-property: height;
  transition-property: height;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
}
ul#tabs-list li label.panel-label:hover {
}
ul#tabs-list li label.panel-label:hover::after {
  height: 1px;
}

main {
    margin: 0 auto;
}
.panel-radios {
  display: none;
}

body {
}

main p {
  line-height: 1.8;
}