@charset "utf-8";

/* --------------------------------------------------

※セレクタの前には必ずページ固有のIDを付けてください（ほかのスタイルと干渉しないため）

-------------------------------------------------- */
#GettingHere p{
	padding:0 0 10px;
}

#GettingHere h3 {
	color: #990000;
	font-size: 220%;
	font-weight: bold;
}
#GettingHere h3 span{
	float:right;
	width:250px;
	padding:0 0 20px;
}

#GettingHere .whitebox {
	border:solid 1px #E4E4E4;
	padding:20px 18px 10px;
	background-color:#FFFFFF;
	margin:0 0 10px;
}
#GettingHere #linkbutton li{
	background: url("img/ic_arrow.jpg") no-repeat center left;
	display:inline;
	padding:0 20px 0 10px;
}
#GettingHere .linkarrow{
	background: url("img/ic_arrow.jpg") no-repeat center left;
	padding:0 0 0 10px;
	margin:0 0 10px;
}
#GettingHere .pagetoplink{
	background: url("img/ic_pagetop.gif") no-repeat center left;
	padding:0 0 0 15px;
	margin:0 0 10px;
	float:right;
}

#GettingHere .leftbox{
	float:left;
	width:470px;
}
#GettingHere .rightbox{
	float:right;
	width:470px;
}
#GettingHere h4{
	background:url("img/lbl_bk.gif") repeat-x left bottom;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	font-size:120%;
	font-weight:bold;
}
#GettingHere .timeinfo{
	list-style:disc;
	padding:0 0 0 30px;
}
#GettingHere h5{
	font-weight:bold;
}
#GettingHere .infobox{
	margin:0 0 20px;
}

/* */
#GettingHere .leftarea{
	float:left;
	width:370px;
}
#GettingHere .rightarea{
	float:right;
	width:600px;
}
#GettingHere .leftarea2{
	float:left;
	width:600px;
}
#GettingHere .rightarea2{
	float:right;
	width:370px;
}
#GettingHere .leftarea img,
#GettingHere .rightarea2 img{
	border:solid 2px #294B97;
}

#GettingHere #timebox{
	border:solid 1px #E4E4E4;
	padding:5px;
	float:left;
	width:480px;
}
#GettingHere #didyouknowbox{
	float:right;
	width:480px;
}
#GettingHere #didyouknowbox #didyouknow1{
	background:url("img/bk_didyouknow_top1.gif") repeat-x left top;
}
#GettingHere #didyouknowbox #didyouknow2{
	background:url("img/bk_didyouknow_top2.gif") repeat-x left top;
}
#GettingHere #didyouknowbox #didyouknow1,
#GettingHere #didyouknowbox #didyouknow2{
	margin:0;
	padding:0;
	min-height:60px;
	text-indent:-9999px;
}
#GettingHere #didyouknowbox .didyouknow_in{
	background:url("img/bk_didyouknow_bottom.gif") repeat-x left bottom;
	margin:0 0 10px;
}
#GettingHere #didyouknowbox .didyouknow_in p{
	padding: 5px 10px 10px;
}
#GettingHere #didyouknowbox .didyouknow_in .linkarrow{
	float:right;
}
#GettingHere #trainbox{
	background:url("img/bk_train.jpg") no-repeat left 10px bottom 20px;
	background-color:#FFFFFF;
}

#GettingHere #rute1{
	background:url("img/bk_rute1.jpg") no-repeat left top;
}
#GettingHere #rute2{
	background:url("img/bk_rute2.jpg") no-repeat left top;
}
#GettingHere #rute3{
	background:url("img/bk_rute3.jpg") no-repeat left top;
}
#GettingHere #rute1,
#GettingHere #rute2,
#GettingHere #rute3{
	margin:0;
	min-height:54px;
	padding:16px 0 0 120px;
	font-size:120%;
	color:#FFFFFF;
	font-weight:bold;
}

#GettingHere h6{
	font-size:120%;
	padding:5px 0;
	color:#004184;
	font-weight:bold;
}

/*----------------------------------------

clearfix

----------------------------------------*/
#GettingHere .clearfix:after,
#GettingHere .infobox:after,
#GettingHere .maparea:after,
#GettingHere .pagetoplink:after{
	clear:both;
	content:".";
	display:block;
	font-size:0;
	height:0;
	line-height:0;
	visibility:hidden;
}

#GettingHere .clearfix,
#GettingHere .infobox,
#GettingHere .maparea,
#GettingHere .pagetoplink{
	display:inline-block;
}

/* exlude MacIE5 \*/
* html #GettingHere .clearfix,
* html #GettingHere .infobox,
* html #GettingHere .maparea,
* html #GettingHere .pagetoplink{
	height:1%;
}

#GettingHere .clearfix,
#GettingHere .infobox,
#GettingHere .maparea,
#GettingHere .pagetoplink{
	display:block;
}
/* end MacIE5 */