@charset "UTF-8";

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+　運賃・乗り換え案内のスタイル
+
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* --------------------------------------------------------------------------------------
 駅名から探す
--------------------------------------------------------------------------------------- */

#contents {
	padding-bottom: 30px;
	font-size:32px;
}

.pageTitle h1 {
	font-size:36px;
}

.box {
	margin: 20px 0;
	padding: 15px;
}

/* searchItemWrap -------------------- */

.searchItemWrap {
	margin: 20px 0 0 20px;
}

.searchItemWrap .itemHead {
	float: left;
	padding: 0 6px;
	width: 5em;
}

.searchItemWrap .searchItem {
	float: left;
}

.searchItemWrap .searchItem select {
	width: 300px;
	margin-bottom: 20px;
}

.searchItemWrap .searchItem ul {
	margin-bottom: -10px;
}

.searchItemWrap .searchItem li {
	margin-bottom: 10px;
}

.searchItemWrap .searchItem li input {
	margin-right: 5px;
}


/* chageBtn -------------------- */

.chageBtn {
	margin: -25px 0 -20px 5em;
	padding-left: 350px;
}

/* searchBtnWrap -------------------- */

.searchBtnWrap {
	margin-top: 40px;
	padding-top: 10px;
	border-top: 1px dotted #dddddd;
}

.searchBtnWrap p {
	margin-top: 20px;
	text-align: center;
}


/* result -------------------- */

h3.route {
	padding: 10px 13px;
	margin: 20px 20px 0;
	border: 1px solid #00b5de;
	background: #ebf9fc;
}

.resultWrap {
	margin: -1px 20px 20px;
	padding: 20px 0 10px;
	border-top: 1px dotted #dddddd;
}
.resultWrap .routeData h4 {
	float: left;
	width: 5em;
	margin-bottom: 15px;
	background: #0ab1dc;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
}

.resultWrap .dataBoxWrap {
	float: left;
	margin-bottom: 15px;
	padding: 0 11px;
}

.resultWrap .dataBoxWrap p {
/*	float: left;	*/
	margin-right: 25px;
}

.resultWrap .dataBoxWrap p .dataHead {
	margin-right: 8px;
	font-weight: bold;
}

.resultWrap .dataBoxWrap p .dataTxt {
	color: #ff3300;
	font-weight: bold;
}

.resultWrap .routeRow01 {
	padding: 6px 0;
	background: #f0f0f0;
}

.resultWrap .routeRow01 p {
	float: left;
	margin-left: 75px;
	padding-left: 40px;
	color: #187fa5;
	font-weight: bold;
}

.resultWrap .routeRow01 .ico01 {
	background: url(../images/route_ico_01.gif) no-repeat 3px 5px;
}
.resultWrap .routeRow01 .ico02 {
	background: url(../images/route_ico_02.gif) no-repeat 3px 5px;
}

.resultWrap .routeRow01 ul {
	float: right;
}

.resultWrap .routeRow01 li {
	display: inline;
	padding: 0 10px 0 13px;
	border-left: 1px solid #b3b3b3;
}

.resultWrap .routeRow01 li a {
	color: #187fa5;
}

.resultWrap .routeRow02 {
	padding: 6px 0 6px 115px;
}
.resultWrap .lineGinza {
	background: url(../images/route_line_ginza.gif) repeat-y -40px 0;
}
.resultWrap .lineMarunouchi {
	background: url(../images/route_line_marunouchi.gif) repeat-y -40px 0;
}
.resultWrap .lineHibiya {
	background: url(../images/route_line_hibiya.gif) repeat-y -40px 0;
}
.resultWrap .lineHanzomon {
	background: url(../images/route_line_hanzomon.gif) repeat-y -40px 0;
}
.resultWrap .lineChiyoda {
	background: url(../images/route_line_chiyoda.gif) repeat-y -40px 0;
}
.resultWrap .lineFukutoshin {
	background: url(../images/route_line_fukutoshin.gif) repeat-y -40px 0;
}
.resultWrap .lineNamboku {
	background: url(../images/route_line_namboku.gif) repeat-y -40px 0;
}
.resultWrap .lineTozai {
	background: url(../images/route_line_tozai.gif) repeat-y -40px 0;
}
.resultWrap .lineYurakucho {
	background: url(../images/route_line_yurakucho.gif) repeat-y -40px 0;
}
.resultWrap .walk {
	background: url(../images/route_line_walk.gif) repeat-y -40px 0;
}

.resultWrap h5 {
	margin: 25px 0;
	padding: 8px;
	border: 1px solid #d8d8d8;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(253, 253, 253)),color-stop(1, rgb(244, 244, 244)));
	background: -moz-linear-gradient(-90deg,rgb(253, 253, 253) 0%,rgb(244, 244, 244) 100%);
	background: linear-gradient(-90deg,rgb(253, 253, 253) 0%,rgb(244, 244, 244) 100%);
	font-weight: bold;
}

.resultWrap table.dataTable {
	width: 100%;
	border-left: 1px solid #d8d8d8;
	border-top: 1px solid #d8d8d8;
}

.resultWrap table.dataTable th {
	background: #f0f0f0;
	text-align: center;
	font-weight: normal;
}

.resultWrap table.dataTable th,
.resultWrap table.dataTable td {
	border-bottom: 1px solid #d8d8d8;
	border-right: 1px solid #d8d8d8;
	padding: 12px;
	vertical-align: top;
}

.resultWrap table.dataTable th.sub01 {
	background: #f7f7f7;
}

.resultWrap table.dataTable td.textalignC {
	text-align: left;
}