.stationlist{
	width: 500px;
	margin: 20px auto;
}
@media(max-width:767px){
	.stationlist{
		width: 250px;
		background-color: #222222;
		border: ridge 2px #ffffff;
	}
}

.stationlist .line{
	clear: left;
	position: relative;
	border-top: dashed 1px #ffffff;
	border-bottom: dashed 1px #ffffff;
}
.line .linename{
	width: 20px;
	float: left;
	position:absolute;
	top:0;
	bottom:0;
	height:100px;
	margin:auto;
}
.linestations{
	margin-left: 30px;
}
@media(max-width:767px){
	.stationlist .line{
		border-top: none;
		border-bottom: none;
	}
	.line .linename{
		display: none;
	}
	
	.linestations{
		margin-left: 0px;
	}
}
.line a, .legend a{
	display: block;
	width: 100%;
	height: 100%;
	color: #ffffff;
	text-decoration: none;
}
.line a:hover, .legend a:hover{
	color: #ff8888;
}
.station{
	margin: 0px;
	padding: 0px;
	border: none;
	width: 100%;
	height: 43px;
	clear: left;
}
@media(max-width:767px){
	.station{
		height: 21px;
	}
	.stodd{
		background-color: #331111;
	}
	.steven{
		background-color: #332222;
	}
	.station a:hover{
		color: #ff8888;
	}	
}
.station a{
	display: block;
	width: 100%;
	height: 100%;
	color: #ffffff;
	text-decoration: none;
}
@media(min-width:767px){
	.station a{
		background-color: #000000;
	}
	.station a:hover{
		color: #ffffff;
		text-decoration: none;
		background-color: #333333;
	}
}

.legend{
	margin: 0px;
	padding: 0px;
	border: none;
	width: 100%;
	height: auto;
	clear: left;
}

.arrow{
	margin: 0px;
	padding: 0px;
	border: none;
	width: 100%;
	height: 20px;
	clear: left;
}

.train{
	margin: 0px 5px !important; 
	width: 30px;
	height: 43px;
	background-position-x: center;
	background-repeat: no-repeat;
	float: left;
}
.none{
	margin: 0px 5px !important; 
	width: 30px;
	height: 43px;
	text-align: center;
	float: left;
}
@media(max-width:767px){
	.train,.none{
		width: 15px;
		height: 21px;
		background-size: cover;
	}
	.train img{
		width: 15px;
		height: 21px;
	}
}

.name{
	float: left;
	padding: 12px 0px 0px 10px;
}
@media(max-width:767px){
	.name{
		float: left;
		padding: 0px 0px 0px 10px;
	}
}



/****** ここから各路線のスジ ******/

.himeumi{
	background-image: url(images/exp_himeumi_line.gif);
}
.himeumi_dash{
	background-image: url(images/exp_himeumi_dashedline.gif);
}
.himeumi_st{
	background-image: url(images/exp_himeumi_line_st.gif);
}
.himeumi_ed{
	background-image: url(images/exp_himeumi_line_ed.gif);
}

.ayakaze{
	background-image: url(images/exp_ayakaze_line.gif);
}
.ayakaze_dash{
	background-image: url(images/exp_ayakaze_dashedline.gif);
}
.ayakaze_st{
	background-image: url(images/exp_ayakaze_line_st.gif);
}
.ayakaze_ed{
	background-image: url(images/exp_ayakaze_line_ed.gif);
}

.yunami{
	background-image: url(images/exp_yunami_line.gif);
}
.yunami_dash{
	background-image: url(images/exp_yunami_dashedline.gif);
}
.yunami_st{
	background-image: url(images/exp_yunami_line_st.gif);
}
.yunami_ed{
	background-image: url(images/exp_yunami_line_ed.gif);
}

.atrain{
	background-image: url(images/exp_atrain_line.gif);
}
.atrain_dash{
	background-image: url(images/exp_atrain_dashedline.gif);
}
.atrain_st{
	background-image: url(images/exp_atrain_line_st.gif);
}
.atrain_ed{
	background-image: url(images/exp_atrain_line_ed.gif);
}

.srapid{
	background-image: url(images/srapid_line.gif);
}
.srapid_dash{
	background-image: url(images/srapid_dashedline.gif);
}
.srapid_st{
	background-image: url(images/srapid_line_st.gif);
}
.srapid_ed{
	background-image: url(images/srapid_line_ed.gif);
}

.rapid{
	background-image: url(images/rapid_line.gif);
}
.rapid_dash{
	background-image: url(images/rapid_dashedline.gif);
}
.rapid_st{
	background-image: url(images/rapid_line_st.gif);
}
.rapid_ed{
	background-image: url(images/rapid_line_ed.gif);
}

.rrapid{
	background-image: url(images/rrapid_line.gif);
}
.rrapid_dash{
	background-image: url(images/rrapid_dashedline.gif);
}
.rrapid_st{
	background-image: url(images/rrapid_line_st.gif);
}
.rrapid_ed{
	background-image: url(images/rrapid_line_ed.gif);
}

.local{
	background-image: url(images/local_line.gif);
}
.local_dash{
	background-image: url(images/local_dashedline.gif);
}
.local_st{
	background-image: url(images/local_line_st.gif);
}
.local_ed{
	background-image: url(images/local_line_ed.gif);
}


.himekaido{
	background-image: url(images/himekaido_line.gif);
}
.himekaido_dash{
	background-image: url(images/himekaido_dashedline.gif);
}
.himekaido_st{
	background-image: url(images/himekaido_line_st.gif);
}
.himekaido_ed{
	background-image: url(images/himekaido_line_ed.gif);
}
.shirohime{
	background-image: url(images/shirohime_line.gif);
}
.shirohime_dash{
	background-image: url(images/shirohime_dashedline.gif);
}
.shirohime_st{
	background-image: url(images/shirohime_line_st.gif);
}
.shirohime_ed{
	background-image: url(images/shirohime_line_ed.gif);
}

.kinan{
	background-image: url(images/kinan_line.gif);
}
.kinan_dash{
	background-image: url(images/kinan_dashedline.gif);
}
.kinan_st{
	background-image: url(images/kinan_line_st.gif);
}
.kinan_ed{
	background-image: url(images/kinan_line_ed.gif);
}

.other{
	background-image: url(images/other_line.gif);
}
.other_dash{
	background-image: url(images/other_dashedline.gif);
}
.other_st{
	background-image: url(images/other_line_st.gif);
}
.other_ed{
	background-image: url(images/other_line_ed.gif);
}