@charset "utf-8";

/**
 *
 *  ?????
 *
 */

/*--------------------------------------------------------------------------
   overwrite  - ????CSS????? -
---------------------------------------------------------------------------*/


/*--------------------------------------------------------------------------
  #Info
---------------------------------------------------------------------------*/

#info{
	padding: 68px 0 80px;
	border-bottom: 1px solid #fff;
}

/*--------------------------------------------------------------------------
  #access
---------------------------------------------------------------------------*/

#access{
	padding: 67px 0 55px;
	background: #fafafa;
}

/* tab
-----------------------------------------------------------------*/
#mapTab{
	position: relative;
	width: 960px;
	height: 352px;
	margin: 0 auto 53px;
}
.tab-nav{
	position: absolute;
	z-index: 1;
	width: 959px;
	border:1px solid #e7e7e7;
	border-width: 0 1px 0 1px;
}
.tab-nav li{
	float: left;
}
.tab-nav li a{
	display: block;
	float: left;
	width: 320px;
	height: 50px;
	padding: 12px 0 11px;
	box-sizing: border-box;
	border-top: 2px solid #ededed;
	border-left: 1px solid #e5e5e5;
	background: #ededed;
	text-align: center;
	text-decoration: none;
	color: #8f8f8f;
	font-family: 'Noto Sans Japanese',"???C???I","Meiryo", serif;
	font-size: 108%;
	transition: all 0.3s;
}
/* IE9?E10 */
.tab-nav li a:not(:target){
	padding: 14px 0 13px\9;
}
/* IE11 */
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .tab-nav li a{
		padding: 14px 0 13px;
	}
}
.tab-nav li:first-child a{
	width: 319px;
	border-left:none;
}
.tab-nav li a:hover,
.tab-nav li.active a{
	border-top: 2px solid #f69600;
	background: #fff;
	text-decoration: none;
	color: #efb556;
}
.tab-nav li.active a{
	cursor: default;
	pointer-events:none;
}
.tab-contents{
	position: absolute;
	top: 50px;
	left: 50%;
	width: 959px;
	height: 300px;
	margin-left: -480px;
	box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.3);
	border: 1px solid #e7e7e7;
	border-width: 0 1px 1px 1px;
	background: #fff;
}
.tab-contents .tab-section{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
	padding: 0;
	opacity: 0;
}
.tab-contents .tab-section .inner{
	position: relative;
	width: 959px;
	height: 300px;
}
.tab-contents .active{
	z-index: 1;
}

/* large-map(?n?}?g??{?^??)
-----------------------------------------------------------------*/
.large-map{
	text-align: center;
}
.large-map a span{
	padding: 18px 25px 20px 55px;
	border: 1px solid #c9c9c9;
	border-radius: 3px;
	font-family: 'Noto Sans Japanese',"???C???I","Meiryo", serif;
	background: url(../images/information/ico_pin.png) no-repeat 35px 46% #fff;
	font-size: 108%;
	transition: all 0.3s;
}
/* IE9?E10 */
.large-map a span:not(:target){
	padding: 19px 32px 14px 61px\9;
}
/* IE11 */
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .large-map a span{
		padding: 19px 32px 14px 61px;
	}
}



/** -----------------------------------------------------------------
 *
 *  [sp]???X?|???V?u 740px
 *
 ----------------------------------------------------------------- */
@media screen and (max-width:740px) {


	/*--------------------------------------------------------------------------
	  #info
	---------------------------------------------------------------------------*/

	#info{
		padding: 20px 0 40px;
	}


	/*--------------------------------------------------------------------------
	  #access
	---------------------------------------------------------------------------*/

	#access{
		padding: 27px 0 34px;
	}


	/* tab
	-----------------------------------------------------------------*/
	#mapTab{
		width: 281px;
		height: 245px;
		margin-bottom: 25px;
	}
	.tab-nav{
		width: 280px;
	}
	.tab-nav li a{
		width: 94px;
		padding: 12px 0 11px;
		height: 43px;
		border-top: 2px solid #ededed;
		font-size: 11px;
	}
	.tab-nav li:first-child a{
		width: 92px;
		border-left:none;
	}
	.tab-contents{
		top: 42px;
		width: 280px;
		height: 199px;
		margin-left: -140px;
	}
	.tab-contents .tab-section .inner{
		width: 280px;
		height: 200px;
	}


	/* large-map
	-----------------------------------------------------------------*/
	.large-map{
		width: 100%;
	}
	.large-map a{
		display: block;
		overflow: hidden;
		padding: 9px 0 10px 0;
		border: 1px solid #c9c9c9;
		border-radius: 3px;
		background: #fff;
	}
	.large-map a span{
		padding: 1px 17px 1px 39px;
		border: none;
		background: url(../images/information/ico_pin_sp.png) no-repeat 22px 50% #fff;
		background-size: 10px 15px;
		font-size: 13px;
		line-height: 13px;
	}
}
/*--------------------------------------------------------------------------
  #equipment
---------------------------------------------------------------------------*/

#equipment{
	border-bottom: 1px solid #fff;
	background: #f5f4ed;
}



/*--------------------------------------------------------------------------
  #News
---------------------------------------------------------------------------*/

#News{
	padding: 40px 0 40px;
	background: url(../images/bg_bottom.png) repeat-x 50% 100% #fff;
	/*	background: url(../images/bg_bottom.png) repeat-x 50% 100% #f6f4ed;*/
	border-bottom: 1px solid #fff;
}

/*--------------------------------------------------------------------------
  #??????
---------------------------------------------------------------------------*/
table tr{
	letter-spacing: 0.2em;
}

table.tb_01 {
  border-collapse: collapse;
  width: 90%;
  margin: 0 auto;

}
table.tb_01 th {
 color:#0d5484;
}
table.tb_01 th, table.tb_01 td {
	font-size: 1rem;
    padding: 2% 0;
    padding-left:15px;
    vertical-align: middle;
    text-align: left;
  border-bottom: solid 1px #e7e7e7;/**/
  /*?j?? 1px ?I?????W*/
}

/* tb_01 ?????? */
table.tb_01 img{
	width: 100%;
}

table.tb_01 td.r1 {
    width: 20%;
    text-align: left;
	font-weight: 550;
	color:#0d5484;
}
 
table.tb_01 td.r2 {
    width: 80%;
    text-align: left;
    
}

.contactbox{
	text-align:center;
	max-width: 800px;
	margin: 0px　auto 60px;
	margin:2em 0;
	position: relative;
	padding: 0.5em 1.5em;
	border: solid 2px #0d5484;
	margin-left: auto;
	margin-right: auto;
}
.contactbox .size22 a{
	font-weight: 550;
	font-size:160%;
	color:#0d5484;
}

.contactbox p {
	padding:15px;
	font-size: 16px;
	line-height: 1.9;
}

.contactbox a:hover{
	color:#c1272d;
	text-decoration: none;
}