@charset "utf-8";

/* ===================================================================
CSS information
 file name  :  index.css
 style info :  /access/index.html
=================================================================== */
#access_index{
}

#access_index .top{
	display: none;
}

@media screen and (max-width: 768px) {
	#access_index{
		background-color: #F4F2F3;
	}
	#article_header_area{
		display: none;
	}

	/*** top ***/
	#access_index .top{
		display: block;
	}

	#access_index .top .title_box{
		position: relative;
		background-color: rgba(0,0,0,1);
		border-top: solid 1px #4D4D4D;
		border-bottom: solid 1px #FE5000;
	}

	#access_index .top h2{
		font-size:14px;
		font-weight:bold;
		color:#FFF;
		padding:10px 0 10px 15px;
	}

}

/*** menu_area ***/
#menu_area{
	width:1000px;
	margin:35px auto 50px;
}

#menu_area ul{
	text-align:center;
}

#menu_area ul li{
	display:inline-block;
	font-size:16px;
	text-align:center;
	margin:0 30px 0 0;
	border-bottom:1px solid #FE5000;
	position:relative;
}

#menu_area ul li:last-child{
	margin-right:0;
}

#menu_area ul li span{
	font-size:14px;
}

#menu_area ul li:after{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color:#FE5000 transparent transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 7px;
    content: "";
    position: absolute;
    right: 50%;
	bottom:-17px;
	margin-right:-7px;
}

@media screen and (max-width: 768px) {
	#menu_area{
		display: none;
	}

	#menu_area ul li{
		display:block;
		font-size:14px;
		text-align:center;
		margin:10px 10px 20px;
		border-bottom:1px solid #FE5000;
		position:relative;
	}

	#menu_area ul li:last-child{
		margin-right:10px;
	}

	#menu_area ul li a{
		color: #444;
	}
}

/*** map_area ***/
#map_area{
	width:1000px;
	margin:35px auto 30px;
}

#map_area h2{
	font-size:24px;
	text-align:center;
	line-height:1.7;
	margin:0 0 20px;
}

#map_area .map_box{
	margin:0 0 5px;
}

#map_area .map{
    width: 100%;
}

#map_area .map #map_canvas {
    font-size: 14px;
    height: 400px;
    width: 665px;
}

#map_area .map p{
	text-align:right;
	font-size:12px;
	padding:3px 3px 0 0;
}

#map_area .map p a{
	position:relative;
}
#map_area .map p a:before{
	position:absolute;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color:transparent transparent transparent #FE5000;
    border-image: none;
    border-style: solid;
    border-width: 5px;
    content: "";
    left: -7px;
	top:50%;
	margin-top:-6px;
}

#map_area address{
	clear:both;
	font-size:14px;
}

@media screen and (max-width: 768px) {
	#map_area{
		width:100%;
		margin:0 auto 30px;
	}

	#map_area h2{
		font-size:16px;
		text-align:left;
		line-height:1.7;
		margin:0 0 20px;
	}

	#map_area .map_box{
		margin:0 0 5px;
	}

	#map_area .map{
		float:none;
		position:relative;
		width:100%;
		height:0;
		padding-top:65%;
		margin: 0 0 30px;
	}

	#map_area .map iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	#map_area .map p{
		text-align:right;
		font-size:12px;
		padding:3px 3px 0 0;
		margin: 0 0 10px;
	}

	#map_area address{
		clear:both;
		font-size:14px;
		font-style: normal;
		padding: 0 10px;
	}

}

/*** info_area ***/
#info_area{
	width:1000px;
	margin:0 auto 30px;
	padding:0 0 50px;
}

#info_area .info_box{
	margin:0 0 40px;
	position:relative;
	overflow:hidden;
}

#info_area .info_box a.anchor{
	position:absolute;
	top:-50px;
	left:0;
}

#info_area h2{
	font-size:21px;
	border-left:5px solid #FE5000;
	padding:3px 0 0 7px;
	margin:0 0 15px;
}

#info_area h3{
	font-size:16px;
	font-weight:bold;
	color:#FE5000;
	margin:0 0 2px;
}

#info_area h4{
	font-size:14px;
	font-weight:bold;
	margin:0 0 2px;
}

#info_area p{
	font-size:14px;
	margin:0 0 10px;
}




#info_area table{
	width:100%;
	border-top:1px solid #d6d2c4;
	margin:0 0 20px;
}

#info_area table th{
	width:180px;
	padding:10px;
	font-size:14px;
	text-align:left;
	background:#eeece7;
	border-bottom:1px solid #d6d2c4;
}

#info_area table td{
	padding:10px;
	font-size:14px;
	text-align:left;
	border-bottom:1px solid #d6d2c4;
}

#info_area .flow{
	margin:0 0 10px;
}

#info_area p.to_pdf{
}

#info_area p.to_pdf a{
	position:relative;
	padding-left:10px !important;
}
#info_area p.to_pdf a:before{
	position:absolute;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color:transparent transparent transparent #FE5000;
    border-image: none;
    border-style: solid;
    border-width: 5px;
    content: "";
    left: 0;
	top:50%;
	margin-top:-6px;
}

#info_area .map{
	text-align:center;
	background:#FFF;
	margin:0 0 20px;
}

@media screen and (max-width: 768px) {
	#map_area a,
	#map_area a:hover,
	#map_area a:visited{
		color: #444444 !important;
	}

	#map_area p.to_access_map{
		font-size:14px;
		margin:0 10px 10px;
	}

	#info_area{
		width: 100%;
	}

	#info_area a,
	#info_area a:hover,
	#info_area a:visited{
		color: #444444 !important;
	}

	#info_area img{
		width: 100%;
		height: auto;
	}

	#info_area h2{
		font-size:16px;
		border-left:5px solid #FE5000;
		padding:3px 0 0 7px;
		margin:0 0 15px;
	}

	#info_area h3{
		font-size:14px;
		font-weight:bold;
		color:#FE5000;
		margin:0 5px 2px;
	}

	#info_area p{
		font-size:14px;
		margin:0 10px 10px;
	}

	#info_area table th{
		width:25%;
		padding:10px;
		font-size:14px;
		font-weight: normal;
		text-align:left;
		background:#eeece7;
		border-bottom:1px solid #d6d2c4;
	}

	#info_area table td{
		padding:10px;
		font-size:14px;
		text-align:left;
		border-bottom:1px solid #d6d2c4;
	}

	#info_area .bus_map{
		float:none;
		margin: 0 0 20px;
	}

	#breadcrumb_area{
		display: none;
	}

}