@charset "EUC-JP";
@import "01format.css";
@import "02layout.css";
@import "03common.css";


/* Station-Category Style
---------------------------------------------------- */

#station-cat .station-box{
	width:742px;
	padding:0 4px;
	clear:both;
	margin-bottom:20px;
}

#station-cat .station-left{
	width:361px;
	float:left;
}

#station-cat .station-right{
	width:361px;
	float:right;
}

#station-cat .station-box .photo{
	float:left;
	width:100px;
	padding:2px;
	border:solid 1px #ccc;
	margin:0;
}

#station-cat .station-box .list-link li{
	white-space:nowrap;
}

#station-cat .text{
	float:right;
	width:245px;
}

.station-right .list-link{
	clear:none;
	margin-left:0;
}

.station-right .list-link li{
	float:left;
	margin-right:10px;
}

.station-left .list-link{
	clear:none;
	margin:0;
}

#station-cat dt{
	padding-left:14px;
	background:url("/images/common/icon_arrow2.gif") no-repeat 0 3px;
	margin-bottom:5px;

}

#station-banner{
	clear:both;
	margin-top:30px;
	text-align: center;
}

#station-banner img{
	margin:0 10px;
}



/* Kakueki Style
---------------------------------------------------- */

#kakueki #main dl{
	border-bottom:dotted 1px #ccc;
	padding:0 5px 8px;
	margin-bottom:10px;
}

#kakueki #main dt{
	float:left;
	padding-left:10px;
	background:url("/images/common/icon_list.gif") no-repeat 0 5px;
}

#kakueki #main dd{
	float:right;
	margin-left:10px;
	padding-left:14px;
	background:url("/images/common/icon_arrow2.gif") no-repeat 0 3px;
}

#kakueki #main .time{
	background:url("/images/common/icon_clock.gif") no-repeat 0 3px; 
}



.station-group div#station-board{
	width:840px;
	margin:0 auto 20px;
	padding:18px 0 20px 0;
	border-bottom:solid 4px #8B5C6C;
}

#station-board h1{
	width:300px;
	margin:0 auto;
	padding:0;
}

#station-board h1.before {
	width:840px;
	margin:0 auto;
	padding:0;
}

#bord-line{
	padding:0;
	border-collapse:collapse;
	border:0px;
	margin:5px auto 0;
	font-size:84%;
}

#bord-line td{
	white-space: nowrap;
}

#bord-line td.yukisaki-left{
	width:100px;
	text-align:right;
	background-color:#fff;
}

#bord-line td.yukisaki-right{
	width:100px;
	background-color:#fff;
}

#bord-line tr.line_break{
	height:3px;
}

#bord-line td.arrow-left{
	background-color:#fff;
	text-align:right;
	width:23px;
	padding-right:5px;
}

#bord-line td.arrow-right{
	background-color:#fff;
	width:23px;
	padding-left:5px;
}

#bord-line td.course-left{
	text-align:right;
	color:#fff;
	width:150px;
}

#bord-line td.course-right{
	color:#fff;
	width:150px;
}


#bord-line td.station-now{
	text-align:center;
	width:70px;
}

#bord-line .linename-bg{
	background-color:#fff;
	margin:2px 5px;
}

#bord-line td.shuten{
	width:100px;
	color:#fff;
}

.timetable a:link{
	text-decoration:underline;
	color:#fff;
}

.timetable a:visited{
	text-decoration:underline;
	color:#fff;
}

.timetable a:hover{
	color:#FDEA3A;
}

.timetable a:active{
	color:#FDEA3A;
}


.blueline{
	background-color:#4388C7;
}

.orangeline{
	background-color:#FC822D;
}

.greenline{
	background-color:#4FB86C;
}


.blueline td.time-left{
	background:url("/images/station/icon_blueclock.gif") no-repeat top left #4388C7;
	padding-left:23px;
	background-color:#4388C7;
	width:77px;
	color:#fff;
}

.blueline td.time-right{	background:url("/images/station/icon_blueclock.gif") no-repeat top right #4388C7;
	padding-right:23px;
	text-align:right;
	color:#fff;
	width:77px;
}

.blueline .linename-bg-lt{
	background:url("/images/station/parts_blueline_lt.gif") no-repeat top left;
}

.blueline .linename-bg-lb{
	background:url("/images/station/parts_blueline_lb.gif") no-repeat bottom left;
}

.blueline .linename-bg-rt{
	background:url("/images/station/parts_blueline_rt.gif") no-repeat top right;
}

.blueline .linename-bg-rb{
	background:url("/images/station/parts_blueline_rb.gif") no-repeat bottom right;

}

.blueline span{
	color:#2C6BA8;
}



.orangeline td.time-left{
	background:url("/images/station/icon_orangeclock.gif") no-repeat top left #FC822D;
	padding-left:23px;
	width:77px;
	color:#fff;
}

.orangeline td.time-right{	background:url("/images/station/icon_orangeclock.gif") no-repeat top right #FC822D;
	padding-right:23px;
	text-align:right;
	color:#fff;
	width:77px;
}

.orangeline .linename-bg-lt{
	background:url("/images/station/parts_orangeline_lt.gif") no-repeat top left;
}

.orangeline .linename-bg-lb{
	background:url("/images/station/parts_orangeline_lb.gif") no-repeat bottom left;
}

.orangeline .linename-bg-rt{
	background:url("/images/station/parts_orangeline_rt.gif") no-repeat top right;
}

.orangeline .linename-bg-rb{
	background:url("/images/station/parts_orangeline_rb.gif") no-repeat bottom right;

}

.orangeline span{
	color:#CC2C25;
}



.greenline td.time-left{
	background:url("/images/station/icon_greenclock.gif") no-repeat top left #4FB86C;
	padding-left:23px;
	width:77px;
	color:#fff;
}

.greenline td.time-right{	background:url("/images/station/icon_greenclock.gif") no-repeat top right #4FB86C;
	padding-right:23px;
	text-align:right;
	color:#fff;
	width:77px;
}

.greenline .linename-bg-lt{
	background:url("/images/station/parts_greenline_lt.gif") no-repeat top left;
}

.greenline .linename-bg-lb{
	background:url("/images/station/parts_greenline_lb.gif") no-repeat bottom left;
}

.greenline .linename-bg-rt{
	background:url("/images/station/parts_greenline_rt.gif") no-repeat top right;
}

.greenline .linename-bg-rb{
	background:url("/images/station/parts_greenline_rb.gif") no-repeat bottom right;

}

.greenline span{
	color:#237A3C;
}


.station-group .station-news-ttl{
	clear:both;
	padding-bottom:7px;
	background:url("/images/common/parts_news_line.gif") no-repeat bottom left;
	margin-bottom:5px;
	overflow:hidden;
}

.station-group h2{
	clear:both;
}


.station-group .station-news-ttl p{
	margin:5px 10px 0 0;
	float:right;
	font-size:80%;
}

.station-group .station-news-ttl p img{
	margin-right:5px;
}

.station-group h2#station-info{
	margin-top:12px;
}

.station-map{
	float:left;
	width:270px;
}


.station-map ul{
	margin-top:10px;
}


.station-map li img{
	vertical-align:middle;
}

#main .station-map p{
	line-height:100%;
}

.norikae-guide{
	float:right;
	width:270px;
}



.icon-list{
	margin-bottom:15px;
	padding-left:4px;
}

.icon-list2{
	padding-left:4px;
	padding-bottom: 20px;
	border-bottom:1px solid #ccc;
}

.icon-list li,
.icon-list2 li{
	float:left;
	margin:0 8px 0 0;
}

#service-guide-list{
	clear:both;
	margin:0 0 20px 4px;
 	padding-top:20px;
/*	border-top:1px solid #ccc; */
}

#service-guide-list li{
	width:235px;
	float:left;	
	padding-left:16px;
	background:url("/images/common/icon_blank.gif") no-repeat 0 2px;
	margin-bottom:5px;
}

#service-guide-list .no-blank{
	background:url("/images/common/icon_arrow2.gif") no-repeat 2px 3px;
}

#service-guide-list .width_wide{
	width:500px;
}

.guide-box{
	clear:both;
	margin-bottom:25px;
}

.guide-box-inner{
	float:left;
	width:276px;
}

#main .guide-box-inner p{
	float:left;
	width:100px;
	padding:2px;
	border:solid 1px #ccc;
	margin:0;
}

#main .guide-box-inner dl{
	float:left;
	width:156px;
}

.guide-box-inner dt{
	padding-left:24px;
	width:132px;
	margin:2px 0 5px;
}

.guide-box-inner dd{
	padding-left:24px;
	width:132px;
}

.guide-box-inner dt img{
	margin:0 4px 0 -13px;
}

.station-group #ensen-guide{
	margin-bottom:40px;
}

#around{
	margin:15px 4px 40px 4px;
}

#around ul{
	margin:0;
	float:left;
	width:285px;
}

#around li{
	padding-right:14px;
}

#main #around p{
	margin:0;
}

#main .norikae-list-rail{
	margin:0;
	padding-left: 4px;
	width:130px;
	float:left;
}

#main .norikae-list-bus{
	margin-top:0;
	width:130px;
	margin-left:134px;
}


/* Barrierfree Style
---------------------------------------------------- */

.barrierfree-group{
	background: none;
}

#barrierfree-box{
	width:880px;
	font-size: 84%;
	margin:0 auto;
}

#barrierfree-box div{
	padding:40px 20px 20px 20px;
}

#barrierfree-inner dl{
	width:410px;
}

#barrierfree-box dt{
	font-weight: bold;
	color: #AA2645;
}

#barrierfree-box dd{
	margin-bottom:20px;
}

#barrierfree-box #closebtn{
	clear:both;
	text-align: center;
	padding-bottom:40px;
}


/* Station_Info Style
---------------------------------------------------- */

#station-main{
	width:750px;
	margin:0 auto;
}

#station-main p{
	margin-top:10px;
}

/* Passenger Style
---------------------------------------------------- */

#passenger-main{
	width:600px;
	margin:0 auto;
}

#passenger .base-table{
	width:100%;
	margin-left:0;
	margin-right:0;
}

#passenger .base-table td{
	text-align: right;
}

#passenger-main #passenger-caution p {
	margin-top:10px;
}

#passenger-main #passenger-caution ol{
	margin:0 0 15px 25px;
	list-style-type:decimal;
}

#passenger-main #passenger-caution ol li{
	margin-bottom:5px;
}


/* Station-time Style
---------------------------------------------------- */
#station-time {
	background: #ffffff;
}

#station-time #container {
	margin: 0 auto;
	background: none;
	padding: 20px 0px;
	width: 520px;
}

#station-time h1 {
	font-size: 27px;
	text-align: center;
	border-bottom: 3px solid #702029;
	padding-bottom: 22px;
}

#station-time h1 img {
	vertical-align: bottom;
	margin: 0 15px 2px 0;
}

.pdfLink {
	text-align: right;
	margin-top: -25px;
	font-size: 84%;
}

#station-time .timetableBox {
	padding: 25px 0 0 0;
}

#station-time .info {
	background-color: #fcf0f3;
	color: #c50f21;
	text-align: center;
	padding: 10px 0 8px;
	margin: 0 15px 15px;
	border: 1px solid #c50f21;
	font-size: 84%;
}

#station-time .data {
	margin: 10px 0;
}

#station-time .second {
	border-top: 1px solid #959595;
	padding-top: 15px;
	margin-top: 20px;
}

#station-time .timetableBox table {
	margin-bottom: 4px;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

#station-time .timetableBox tr.even {
    background: #efefef;
}

#station-time .timetableBox th,
#station-time .timetableBox td {
	padding: 12px;
}

#station-time .timetableBox th {
	font-weight: bold;
	text-align: left;
}

#station-time .timetableBox th span {
	font-size: 84%;
}

#station-time .timetableBox .kobe,
#station-time .timetableBox .takarazuka,
#station-time .timetableBox .kyoto {
	color: #FFFFFF;
	vertical-align: top;
	text-align: center;
	width: 60px;
}

#station-time .timetableBox .kobe {
    background: #4389c7;
}

#station-time .timetableBox .takarazuka {
    background: #ec721d;
}

#station-time .timetableBox .kyoto {
    background: #1aa841;
}

#station-time .timetableBox a.link_a {
	text-decoration: underline;
	color: #0a58a8;
}

#station-time .timetableBox a.link_b {
	text-decoration: underline;
	color: #c50f21;
}

#station-time .btnClose {
	text-align: center;
	padding: 10px 0 0;
}