@charset "Shift_JIS";

/*----------------------------------------------------

 contact

----------------------------------------------------*/

.accessInfo{
	margin:0 10px 30px;
	padding:20px;
	background-color:rgba(234,245,255,0.3);
}
.accessInfo dt{
	font-size:20px;
	border-bottom:dashed 1px #76beff;
	margin-bottom:10px;
}
.accessInfo dd{
	margin-left:20px;
}

.box h3{
	font-size:16px;
	margin-bottom:30px;
	border-bottom:solid 1px #76beff;
	border-left:solid 4px #76beff;
	padding-left:10px;
}

/*----------------------------------------------------

 館内マップ

----------------------------------------------------*/
.buildingMap {
	position: relative;
	overflow: hidden;
	float:left;
	width: 210px;
}
.buildingMap a {
	display:block;
}
.buildingMap img {
	position: relative;
	z-index: 1;
	-webkit-transition: .3s;
	transition: .3s;
}
.buildingMapTxt {
	position: absolute;
	bottom: -30px;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 60px;
	background: rgba(38,105,229,0.5);
	-webkit-transition: .3s;
	transition: .3s;
	box-sizing:border-box;
	
}
.buildingMapTxt h4 {
	padding:5px;
	color:#FFF;
	border:none;
	height:30px;
	box-sizing:border-box;
}
/*.buildingMapTxt p {
	text-align:right;
	padding:5px 20px 5px 5px;
	position:relative;
	width:50%;
	height:28px;
	margin-right:2px;
	margin-left:auto;
	color:#365b99;
	background-color:#FFF;
	box-sizing:border-box;
}
.buildingMap:hover .buildingMapTxt {
	bottom: 0;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
}
.buildingMapTxt p:after {
	content:">";
	position:absolute;
	right:5px;
}*/

.buildingInfo {
	width: 450px;
	float:right;
	margin-right:20px;
}
.buildingInfo table {
	border-top:solid 1px #000;
	border-left:solid 1px #000;
}
.buildingInfo th {
	width: 20%;
	background-image:url(img/table_bg.jpg);
	padding:5px;
	border-bottom:solid 1px #000;
	border-right:solid 1px #000;
	box-sizing:border-box;
	font-weight:bold;
	text-align:center;
}
.buildingInfo td {
	width: 20%;
	background-color:#FFC;
	padding:5px;
	box-sizing:border-box;
	border-bottom:solid 1px #000;
	border-right:solid 1px #000;
	text-align:center;
}
.buildingInfo td.tableTxt02 {
	width: 60%;
}


.buildingInfo td li {
	border-bottom:dashed 1px #666;
	box-sizing:border-box;
	padding:2px;
}
.buildingInfo td li:last-child {
	border-bottom:none;
}



.buildingPht{
	margin:30px 0;
}
.buildingPht li{
	display: inline-block;
	/display: inline;  /* IE用ハック */
	/zoom: 1;  /* IE用ハック */
	width: 23%;
	margin:0 1% 20px 0;
	box-sizing:border-box;
}
.buildingPht li img{
	width:100%;
}



/*----------------------------------------------------

 アクセスマップ

----------------------------------------------------*/
.mapPict{
	margin:0 auto;
	width:600px;
}
.mapPict img{
	width:100%;
}

.mapLink{
	width:45%;
	box-sizing:border-box;
	padding:10px 40px 10px 20px;
	color:#FFF!important;
	text-decoration:none!important;
	background-color:#365b99;
	margin-left:auto;
	display:block;
	position:relative;
	-webkit-transition: .3s;
	transition: .3s;
}
.mapLink:after {
	content:">";
	position:absolute;
	right:10px;
}
.mapLink:hover{
	background-color:#F93;
}


.mapBox{
	margin:30px 0;
}
.accessLeft{
	width:70%;
	float:left;
}
.accessRight{
	width:30%;
	float:right;
	display:table;
}
.accessRight p{
	background-color:#76beff;
	margin-bottom:10px;
	display:table-cell;
	vertical-align:middle;
	color:#FFF;
	text-align:center;
}
.accessLeft dt{
	width:40%;
	border: solid 1px #76beff;
	color:#000;
	box-sizing:border-box;
	padding:0 20px;
	height:50px;
	line-height:50px;
	margin-top:15px;
	float:left;
}
.accessLeft dd{
	width:60%;
	box-sizing:border-box;
	padding:0 ;
	height:50px;
	margin-top:15px;
	float:right;
}
.accessLeft dd p{
	height:25px;
	border-bottom:solid 2px #76beff;
	text-align:center;
	font-size:12px;
	line-height:25px;
}

.pdfLink{
	box-sizing:border-box;
	padding:10px 30px 10px 35px;
	color:#FFF!important;
	text-decoration:none!important;
	background-color:#365b99;
	margin:0 auto!important;
	display:block;
	width:400px;
	position:relative;
	-webkit-transition: .3s;
	transition: .3s;
	background-image:url(img/icon_pdf.png);
	background-size:30px auto;
	background-repeat:no-repeat;
	background-position:left center;
}
.pdfLink:after {
	content:">";
	position:absolute;
	right:10px;
}
.pdfLink:hover{
	background-color:#F93;
}


@media only screen and (min-width: 40em) {
#formBox	{}
#formBox	.submit	{}

}


/*----------------------------------------------------

 館内マップ

----------------------------------------------------*/
.movedata {
	width:65%;
	float:left;
}
.movedata th,.movedata td {
	border-bottom:dashed 1px #CCC;
	padding:10px;
	font-size:14px;
}
.movePht {
	width:35%;
	float:left;
	box-sizing:border-box;
	padding-left:20px;
}
.moveMap {
	margin:20px auto 50px;
	width:60%;
}
.moveMap img {
	width:100%;
}