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


	img.top {
		display: block;
	}

	img.top {
		width: 100%;
		height: auto;
		display: block;
		margin: 0 auto;
	}


.text{
	width:100%;
	margin: 30px 20px 100px 0;
}

.text p{
	font-size: 22px;
	text-align: center;
	margin-bottom:15px;
}

p.label2{
	text-align: center;
	vertical-align: middle;
	font-size: 22px;
	font-weight: bold;
	padding: 10px 0 7px;
	border-bottom: solid 1px black;
}

p.label2 img{
	margin: 0 15px;
}

/* left寄り ------------------------*/

p.label2Left{
	margin-top: 80px;
	margin-bottom: 20px;
	text-align: left;
	vertical-align: middle;
	font-size: 22px;
	font-weight: bold;
	padding: 10px 0 7px;
	border-bottom: solid 1px black;
}

p.label2Left img{
	vertical-align: top;
	margin: 0 8px;
	width: 60px;
}


/* 地図・住所など */
#contentFrame .accessmap{
	width: 100%;
	margin: 0 auto 20px;
}

img.map{
	width: 100%;
}

#contentFrame .accessmap table td{
	width: 85%;
}

#contentFrame .accessmap table tr th,
#contentFrame .map table tr th td{
	vertical-align:top;
}

#contentFrame .accessmap table tr th p{
	margin:8px 10px 5px 0;
	padding-left:5px;
	color:#a7870c;
	font-size: 12px;
}

#contentFrame .accessmap table tr td p{
	margin:5px 10px 5px 0;
}

/* お車をご利用の場合 --------------------------------------- */

.byCarTrain{
	margin-bottom: 100px;
}

#contentFrame .byCarTrain .inBox p.alert{
	width:100%;
	margin-bottom: 15px;
}

#contentFrame .byCarTrain .root{
	display: none;
}

#contentFrame .byCarTrain .root_train{
	display: none;
}

#contentFrame .byCarTrain .inBox h4{
	margin-bottom:10px;
}
#contentFrame .byCarTrain .inBox .guide{
	margin-bottom:50px;
}
#contentFrame .byCarTrain .inBox .guide p{
	width:310px;
	float:left;
	margin-right:10px;
}
#contentFrame .byCarTrain .inBox img.figure{
	width:100%;
	margin-bottom:20px;
}

#contentFrame .byCarTrain .subBox{
	width:405px;
	/*height:105px;*/
	padding:10px;
	margin-right:10px;
	float:left;
}

#contentFrame .byCarTrain .subBox:last-child{
	margin-bottom: 50px;
}

#contentFrame .byCarTrain .subBox h5{
	padding-left:25px;
	margin-bottom:10px;
	color:#a7870c;
}
#contentFrame .byCarTrain .subBox h5.car{
	background:url(/petitriviere/img/module/all/icn_car_gold.gif) top left no-repeat;
}
#contentFrame .byCarTrain .subBox h5.bus{
	background:url(/petitriviere/img/module/all/icn_bus_gold.gif) top left no-repeat;
}

@media screen and (max-width: 960px){
	#contentFrame .byCarTrain .subBox{
		width:100%;
		/*height:105px;*/
		padding:0px;
		margin-right:0px;
		float:none;
	}

	#contentFrame .byCarTrain .subBox:last-child{
		margin-top: 20px;
	}
}
@media screen and (max-width: 680px){

	body{
		font-size: 15px;
	}

	p.label2{
		font-size: 18px;
	}

	p.label2 img{
		width: 30px;
		margin: 0 5px;
	}


/* left寄り ------------------------*/

p.label2Left{
	margin-top: 80px;
	margin-bottom: 20px;
	text-align: left;
	vertical-align: middle;
	font-size: 16px;
	font-weight: bold;
	padding: 10px 0 7px;
	border-bottom: solid 1px black;
}

p.label2Left img{
	vertical-align: top;
	margin: 5px 8px 0;
	width: 35px;
}

	div.text p{
		font-size: 15px;
	}

	#contentFrame .byCarTrain .subBox{
		width:100%;
		/*height:105px;*/
		padding:0;
		margin-right: 0px;
		float:none;
	}


	#contentFrame .byCarTrain .subBox h5{
		padding-left:25px;
		margin-bottom: 0px;
		color:#a7870c;
	}

	#contentFrame .byCarTrain .subBox h5.car{
		background:url(/petitriviere/img/module/all/icn_car_gold.gif) top left no-repeat;
	}
	#contentFrame .byCarTrain .subBox h5.bus{
		background:url(/petitriviere/img/module/all/icn_bus_gold.gif) top left no-repeat;
	}

}

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

	#contentFrame .byCarTrain .inBox{
		margin-top: 20px;
		margin-left: 0px;
		margin-bottom: 30px;
		background: #fff;
	}

	#contentFrame .byCarTrain .root_pc{
		display: none;
	}

	#contentFrame .byCarTrain .root{
		display: block;
		margin-top: 25px;
		margin-bottom: 35px;
		width: 50%;
		float: left;
	}

	#contentFrame .byCarTrain .root_train{
		width: 100%;
		display: block;
		margin-bottom: 35px;
	}

	#contentFrame .byCarTrain .root_train img{
		width: 100%;
	}

	#contentFrame .byCarTrain .root img{
		width: 100%;
	}
	#contentFrame .byCarTrain .root img{
		width: 100%;
	}

	#contentFrame .map table{
		border:none;
	}

	#contentFrame .map table tr th,
	#contentFrame .map table tr th td{
		vertical-align:top;
	}

	#contentFrame .map table tr th{
		width:20%;
	}
	#contentFrame .map table tr td{
		width:80%;
	}

	#contentFrame .map table tr th p{
		margin:5px 10px 5px 0;
		padding-left:15px;
		color:#a7870c;
		background:url(/petitriviere/img/module/all/icn_square.gif) center left no-repeat;
	}

	#contentFrame .map table tr td p{
		margin:5px 10px 5px 0;
	}



}