@charset "utf-8";
/* CSS Document */

.main a.button{
	padding:10px 8%;
}

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

#access {
	margin-bottom:80px;
}

#access p.text{
	float:left;
}

#access ul.btn{
	overflow:hidden;
	float:right;
	margin-bottom:20px;
}

#access ul.btn li{
	float:left;
	width:168px;
	border-radius:3px;
	border:solid 1px #dbdbdb;
	text-align:center;
	font-size:108%;
	font-weight:bold;
	margin-left:10px;
}

#access ul.btn li.print{
	background:url(../../images/facilities/parking/print.gif) 10% 50% no-repeat;
	background-color:#f8f6f1;
	padding-left:5px;
}

#access ul.btn li.map{
	background:url(../../images/facilities/parking/marker.gif) 10% 50% no-repeat;
	background-color:#f8f6f1;
	padding-left:5px;
}

#access ul.btn li a{
	display:block;
	padding:3%;
	color:#333;
}

#access p.map{
	margin-bottom:30px;
}

#access p.map iframe{
	width:100%;
}

#access p.btn{
	text-align:center;
	margin-bottom:30px;
}

/*---------------------------------------
	method
---------------------------------------*/


#method h5{
	font-size:150%;
	padding-top:12px;
	padding-left:45px;
	height:31px;
}

#method .explain{
	background-color:#f5fbff;
	margin-bottom:30px;
	padding:2%;
	clear:both;
}

#method .explain dl{
	margin-bottom:20px;
}

#method .explain dl dt{
	font-size:125%;
	font-weight:bold;
	border-left:solid 3px #227ec1;
	margin-bottom:10px;
	padding-left:5px;
	line-height:1;
}


#method .explain dl dd{
	line-height:1.8;
}

#method .explain dl dd.text{
	margin-bottom:10px;
}

#method .explain dl dd.link{
	background:url(../../images/facilities/parking/arrow-blue.gif) 0 50% no-repeat;
	margin-left:5px;
	padding-left:8px;
}

#method .explain dl dd.link a{
	text-decoration:underline;
}

#method .explain ul.linkbtn{
	overflow:hidden;
	text-align:center;
	margin-bottom:30px;
}

#method .explain ul.linkbtn li{
	background:90% 50% no-repeat;
	background-color:#484848;
	border-radius:3px;
	float:left;
	width:330px;
	font-size:133%;
	font-weight:bold;
	margin:1%;
}

#method .explain ul.linkbtn li a{
	display:block;
	color:#fff;
	padding: 6% 0;
}


#method .explain ul.linkbtn li img{
	vertical-align:middle;
	padding-left:10px;
}

/*---------------------------------------
	train
---------------------------------------*/


#method #train h5{
	background:url(../../images/facilities/parking/train.gif) 0 50% no-repeat;
	margin-bottom:10px;
}



/*---------------------------------------
	airplane
---------------------------------------*/

#method #airplane h5{
	background:url(../../images/facilities/parking/airplane.gif) 0 50% no-repeat;
	margin-bottom:10px;
}

#method #airplane dd.btn{
	font-weight:bold;
}

#method #airplane dd.btn a{
	background:url(../../images/facilities/parking/window.gif) 83% 50%  no-repeat;
	width:330px;
	background-color:#484848;
	padding: 18px 0%;
	text-align:center;
}

/*---------------------------------------
	car
---------------------------------------*/

#method #car h5{
	background:url(../../images/facilities/parking/car.gif) 0 50% no-repeat;
	margin-bottom:10px;
}

#method #car dt{
	margin-bottom:20px;
}

/*-------------------------
	Googlemap
--------------------------*/

#mapArea #map{
	width:720px;
	height:300px;
	margin-bottom:30px;
}

/*---------------------------------------
	park
---------------------------------------*/

#park{
	border-bottom:solid 1px #dbdbdb;
	margin-bottom:30px;
	padding-bottom:20px;
}

#park p.text{
	margin-bottom:20px;
}

#park p.parkingmap{
	margin-bottom:50px;
}


/*
	explain
---------------------------------------*/

.explain{
	margin-bottom:30px;
}

.explain h6{
	font-size:150%;
	font-weight:bold;
	background:#ececec;
	margin-bottom:20px;
	padding:2% 3%;
}

.explain .photo{
	float:left;
	width:auto;
	margin-right:14px;
	margin-bottom:20px;
}

.explain .navi ul li{
	margin-bottom:11px;
}

.explain .navi ul li.firstChild{
	margin-bottom:12px;
}

.explain dl{
	clear:both;
}



#facilities-parking .section p.friendly{
	font-size:150%;
	text-align:center;
	border:solid 2px #1c7abf;
	border-radius:3px;
	margin:0 5%;
}

#facilities-parking .section p.friendly a{
	display:block;
	color:#1c7abf;
	padding:3% 0;
}


@media only screen and
(max-width : 640px) {

#access ul.btn{
	clear:both;
	float:none;
	
}
	
	#access ul.btn li{
		float:none;
		width:70%;
		margin:0 auto;
	}
		
	#access ul.btn li.print{
		display:none;
	}

#access p.map{
	margin-bottom:4%;
}

/*---------------------------------------
	method
---------------------------------------*/

#method h5{
	font-size:130%;
	min-height:31px;
	height:auto;
}


#method .explain ul.linkbtn li{
	float:none;
	width:auto;
	font-size:110%;
	margin:1%;
}

/*---------------------------------------
	airplane
---------------------------------------*/

#method #airplane dd.btn a{
	display:block;
	background-position: 94% 50%;
	width:auto;
	font-size:110%;
}


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

#access p.btn a.button{
	width:80%;
}

.explain .photo{
	float:none;
	width:auto;
	margin-right:0;
	margin-bottom:4%;
}

#mapArea #map{
	width:100%;
	height:200px;
}

}