@charset "UTF-8";

/* -------------------------------------------------- title */

#title {
	position: relative;
	width: 770px;
}
#title h1{
	padding-bottom: 10px;
}
#title ul {
	right: 0px;
	position: absolute;
	top: 5px;
}
#title ul li {
	float: left;
	list-style-type: none;
	margin-left: 2px;
}
#title ul li a {
	text-indent: -5000px;
	height: 26px;
	width: 82px;
	display: block;
}
#title ul li a:hover {
	background-position: 0px -26px;
	
}
#title ul li#nishikujo a {
	background-image: url(../images/timetable_fare/common/btn_01.gif);
}
#title ul li#kujo a {
	background-image: url(../images/timetable_fare/common/btn_02.gif);
}
#title ul li#dome_mae a {
	background-image: url(../images/timetable_fare/common/btn_03.gif);
}
#title ul li#sakuragawa a {
	background-image: url(../images/timetable_fare/common/btn_04.gif);
}
#title ul li#osaka_namba a {
	background-image: url(../images/timetable_fare/common/btn_05.gif);
}

#title ul li#fare a {
	background-image: url(../images/timetable_fare/common/btn_fare.gif);
}

#title ul li#pass a {
	background-image: url(../images/timetable_fare/common/btn_pass.gif);
}

#title ul li#pass2 a {
	background-image: url(../images/timetable_fare/common/btn_pass2.gif);
}


#title ul li.selected {
	display: block;
	height: 26px;
	width: 82px;
	text-indent: -5000px;
	background-repeat: no-repeat;
}
#title ul li#nishikujo {
	background-image: url(../images/timetable_fare/common/btn_01_current.gif);
}
#title ul li#kujo {
	background-image: url(../images/timetable_fare/common/btn_02_current.gif);
}
#title ul li#dome_mae {
	background-image: url(../images/timetable_fare/common/btn_03_current.gif);
}
#title ul li#sakuragawa {
	background-image: url(../images/timetable_fare/common/btn_04_current.gif);
}
#title ul li#osaka_namba {
	background-image: url(../images/timetable_fare/common/btn_05_current.gif);
}

#title ul li#fare {
	background-image: url(../images/timetable_fare/common/btn_fare_current.gif);
}

#title ul li#pass {
	background-image: url(../images/timetable_fare/common/btn_pass_current.gif);
}

#title ul li#pass2 {
	background-image: url(../images/timetable_fare/common/btn_pass2_current.gif);
}

/* -------------------------------------------------- fare */

#fare table {
	background-color: #CCC;
	margin-bottom: 10px;
}
#fare table th, #fare table td {
	padding: 0.3em;
}


#fare table .table-head{
	background-color: #F6A419;
	color: #FFF;
	background-image: url(../images/timetable_fare/common/bg_01.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
#fare table th.type1 {
	background-color: #FCE7BE;
}
#fare table th.month {
	background-color: #FDEDCC;
}
#fare table .odd th.type2 {
	background-color: #FEF6E5;
}
#fare table .even th.type2 {
	background-color: #FDEDCC;
}
#fare .odd  {
	background-color: #FFF;
}
#fare .even  {
	background-color: #F5F5F5;
}
#fare table th {
	font-weight: bold;
}
#fare table td {
	text-align: center;
}
#fare table .station {
	width: 80px;
}
#fare .mu {
	text-align: right;
	margin: 0px;
}

#fare ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 1em;
}
#fare ul li {
	list-style-type: none;
	text-indent: -1em;
}

/* 阪神・近鉄主要駅間の所要時分 */
#fare table.fortime th, #fare table.fortime td {
	padding: 0.5em;
	text-align:left;
	padding-left:20px;
}
#fare table.fortime th,#fare table.fortime td {
	padding: 0.5em;
	text-align:center;
}


/* 普通運賃 */

#fare table.table-fare {
	/* border-collapse: collapse; */
	margin-bottom: 10px;
	background:#fff;
	font-size:95%;
}

#fare table.table-fare td {
	line-height: 1.3em;
}
#fare table.table-fare td.station {
	border: 1px solid #CCC;
	background-color: #F6A419;
	color: #FFF;
	background:#f6a400 url(/nambasen/images/timetable_fare/common/bg_01.gif) repeat-x left bottom;
	text-align: center;
	width: 6%;
	height: 44px;
	font-weight:bold;
}
#fare table.table-fare td.fare {
	border: 1px solid #CCC;
	padding-right: 0.3em;
	text-align: center;
	width: 6%;
}

/* 通勤定期運賃 */

#fare table.table-fare2 {
	/* border-collapse: collapse; */
	margin-bottom: 10px;
	background:#fff;
	font-size:95%;
}
#fare table.table-fare2 td {
	line-height: 1.3em;
}
#fare table.table-fare2 td.station {
	border: 1px solid #CCC;
	background-color: #F6A419;
	color: #FFF;
	background:#f6a400 url(/nambasen/images/timetable_fare/common/bg_01.gif) repeat-x left bottom;
	text-align: center;
	width: 6.0%;
	height: 44px;
	font-weight:bold;
}
#fare table.table-fare2 td.fare {
	border: 1px solid #CCC;
	padding-right: 0.3em;
	text-align: right;
	width: 6.0%;
}

/* 凡例 */

.box-rei { background-color:#fff1d5;
	padding:20px;
	position:absolute;
	top:170px;
	right:50px;}

.box-rei dl { margin:0;}

.box-rei dl dt { width:3em;
	float:left;
	clear:left;
}
	
.box-rei dl dd {
	width:5em;
	margin-left:3em;
	zoom: 1;
}

/* -------------------------------------------------- connecting */

#connecting ul { margin: 0px;}

#connecting ul li {	list-style-type: none;}


/* -------------------------------------------------- timetable */

#timetable #nobori { margin-bottom: 30px;}

#timetable #areaNavi {
	line-height: 28px;
	background-image: url(../images/timetable_fare/common/bg_02.gif);
	margin-bottom: 15px;
	padding-right: 20px;
	padding-left: 20px;
}

#timetable #areaNavi a {
	background-image: url(../images/common/ic_09.gif);
	background-position: left center;
	padding-left: 12px;
	background-repeat: no-repeat;
	margin-right: 1em;
}
#timetable .ordinary {
	float: left;
	width: 360px;
	margin: 0px;
}
#timetable .osaka-namba .ordinary {
	float: none;
	width: 740px;
	margin-bottom: 30px;
}
#timetable h3 {
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 75px;
	margin-bottom: 7px;
	line-height: 23px;
	font-weight: bold;
	font-size: 116%;
}
#timetable .ordinary h3 {
	background-image: url(../images/timetable_fare/common/ic_01.gif);
}
#timetable .holiday {
	float: right;
	width: 360px;
	margin: 0px;
}
#timetable .osaka-namba .holiday {
	float: none;
	width: 740px;
	margin-bottom: 0px;
}
#timetable img {
	display: block;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#timetable .holiday h3 {
	background-image: url(../images/timetable_fare/common/ic_02.gif);
}

#timetable .pdfData {
	clear: both;
	margin-top: 7px;
}
#timetable .pdfData a {
	background-image: url(../images/common/ic_10.gif);
	background-position: left center;
	padding-left: 23px;
	background-repeat: no-repeat;
	padding-top: 3px;
	padding-bottom: 3px;
}
#timetable .legend {
	background-image: url(../images/timetable_fare/common/bg_04.gif);
	clear: both;
	background-repeat: repeat-y;
}
#timetable .legend .left {
	float: left;
	width: 340px;
}
#timetable .legend .right {
	float: right;
	width: 340px;
}

#timetable .legend-head {
	font-size: 10px;
	line-height: 10px;
	background-image: url(../images/timetable_fare/common/bg_03.gif);
	background-repeat: no-repeat;
	height: 10px;
}
#timetable .legend-body {
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 7px;
}

#timetable .legend-foot {
	font-size: 10px;
	line-height: 10px;
	background-image: url(../images/timetable_fare/common/bg_05.gif);
	background-repeat: no-repeat;
	height: 10px;
	clear: both;
}
#timetable .legend h4 {
	font-size: 108%;
}

#timetable .legend dl{
	margin: 0px;
}
#timetable .legend dt {
	font-weight: bold;
}
#timetable .legend dd {
	margin-bottom: 0.7em;
}
#timetable .legend .line-type {
	margin-bottom: 0.7em;
}
#timetable .legend .hanshin {
	color: #2390DC;
}
#timetable .legend .kintetsu {
	color: #E08CB8;
}
#timetable .legend .blue {
	color: #0093D0;
}
#timetable .legend .orange {
	color: #E46721;
}
#timetable .legend p {
	text-indent: -2em;
	margin-left: 2em;
}