@charset "utf-8";
@import "../css/common.css";

/*-----------------------------------------------
	index.html
-----------------------------------------------*/
/* secAccess */
#secAccess{
	width:960px;
	padding:0 0 110px;
	font-family:Verdana;
}
#secAccess table{
	width:100%;
}
#secAccess th{
	width:198px;
	background:#F2EACC;
	border:solid 1px #FF8D00;
	vertical-align:middle;
	text-align:center;
	color:#000;
	padding:18px 0;
	font-size:13px;
	letter-spacing:0.5px;
}
#secAccess td{
	background:#fff;
	border:solid 1px #FF8D00;
	vertical-align:middle;
	color:#000;
	padding:28px 25px;
	line-height:22px;
	letter-spacing:0.5px;
}
#secAccess .trMap td{
	padding:9px;
}
#secAccess .trMap iframe{
	vertical-align:bottom;
}
#secAccess td .txt{
	padding:0 0 10px;
}
#secAccess .boxBus{
	padding-bottom:18px;
}
#secAccess .imgBus{
	width:280px;
	float:left;
	margin-right:15px;
}
#secAccess .boxBus .txtBus{
	font-size:14px;
	font-weight:bold;
	padding:30px 0 6px;
}
#secAccess .boxBus .txtInfo{
	line-height:18px;
	padding-bottom:6px;
}
#secAccess .boxBus .txtInfo02{
	color:#D6000C;
	line-height:18px;
}

@media only screen and (max-width:767px){
	#secAccess{
		width:93.75%;
		padding:0 0 30px;
		margin:0 auto;
	}
	#secAccess table,
	#secAccess tbody,
	#secAccess tr,
	#secAccess th,
	#secAccess td{
		display:block;
		width:100%;
		box-sizing:border-box;
	}
	#secAccess table{
		border-top:solid 1px #FF8D00;
	}
	#secAccess th{
		padding:10px 0;
		border-top:none;
	}
	#secAccess td{
		line-height:150%;
		padding:6px 10px;
		border-top:none;
	}
	#secAccess td .txt{
		padding:0 0 20px;
	}
	#secAccess .trMap td{
		padding:4px;
	}
	#secAccess .boxGmap iframe{
		width:100%;
		height:290px;
	}
	#secAccess .boxBus{
		padding-bottom:20px;
	}
	#secAccess .imgBus{
		width:280px;
		float:none;
		margin-right:0;
	}
	#secAccess .boxBus .txtBus{
		padding:15px 0 6px;
	}
	#secAccess .boxBus .txtInfo{
		line-height:18px;
		padding-bottom:6px;
	}
	#secAccess .boxBus .txtInfo02{
		color:#D6000C;
		line-height:18px;
	}
}

/* secInfoBtm */
#secInfoBtm{
	width:310px;
	margin:0 auto;
	padding:0 0 340px;
}
#secInfoBtm .boxInfo{
	width:310px;
	float:left;
	margin-right:25px;
	height:400px;
	background:#fff;
}
#secInfoBtm .boxInfo:last-child{
	margin-right:0;
}
#secInfoBtm .boxContent{
	height:177px;
	padding:23px 25px 0;
	background:#fff;
	line-height:18px;
	font-family:Verdana;
}
#secInfoBtm .imgTower{
	text-align:center;
}
#secInfoBtm .imgDomino{
	text-align:center;
	padding:10px 0 0;
}
#secInfoBtm .titInfo{
	font-size:14px;
	font-weight:bold;
	padding:0 0 8px;
}
#secInfoBtm .txtInfo{
	line-height:18px;
}
#secInfoBtm .fRed{
	color:#f00;
}
#secInfoBtm .fRed02{
	color:#D6000E;
}
#secInfoBtm .pb7{
	padding-bottom:7px;
}
@media only screen and (max-width:767px){
	#secInfoBtm{
		width:93.75%;
		padding:0 0 60px;
	}
	#secInfoBtm .boxInfo{
		width:100%;
		float:none;
		margin:0 0 10px;
		height:auto;
	}
	#secInfoBtm .boxContent{
		height:auto;
		padding:23px 25px 25px;
	}
}


/* secBnr */
.accessBnr{
	width:820px;
	margin:30px auto 0;
}
.secBnr{
	width:400px;
	height:270px;
	text-align:center;
	margin:0 20px 20px 0;
	box-sizing:border-box;
	float:left;
	background:#fff;
}
.secBnr a{
	display:block;
}
.secBnr img{
	max-width:400px;
	height:auto;
}
.secBus01{
	background:#27BDF5;
}
.secBus02{
	background:#669900;
	margin:0 0 20px 0 ;
}


@media only screen and (max-width:1570px){
	.secBnr{
		width:440px;
	}
}
@media only screen and (max-width:767px){
	.accessBnr{
		width:100%;
		margin:0 auto;
	}
	.secBnr{
		width:100%;
		height:auto;
		margin:10px auto 10px;
		float:none;
		background:none;
	}
}