/**** 上部ナビフレームの設定 ****/
#naviframe{
	margin: 0px auto 10px auto;
	text-align: center;
}

#atnavi01{
	background: url("images/top_hover.png") no-repeat;
}
#atnavi02{
	background: url("images/concept_hover.png") no-repeat;
}
#atnavi03{
	background: url("images/map_hover.png") no-repeat;
}
#atnavi04{
	background: url("images/trains_hover.png") no-repeat;
}
#atnavi05{
	background: url("images/movies_hover.png") no-repeat;
}
#atnavi06{
	background: url("images/downloads_hover.png") no-repeat;
}

.atnavi{
	width: 230px; 
	height: 50px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.atnavi a{
	display: block;
}

.atnavi img{
	border: none;
}

.atnavi a:hover{
	background: none;
}

.atnavi a:hover img{
	visibility: hidden;
}

@media(max-width:767px){
	img.satelite{
		width: 300px;
	}
}

/**** 駅情報表示（駅名票、駅説明、ミニマップ）関連 ****/
table.station_info{
	width: 740px;
	border: none;
	margin: 0 auto;
}
table.station_info td,th{
	vertical-align: top;
	border: none;
	margin: 0px;
	padding: 0px;
}
@media(max-width:767px){
	/**tableを縦一列にする**/
	table.station_info{
		width: 316px;
		border: none;
		margin: 0 auto;
	}
	table.station_info>tr{
		display: block;
	}
	table.station_info>tbody>tr>td,table, .station_info>tbody>tr>th{
		display: block;
		border: none;
		margin: 0px;
		padding: 0px;
	}
}
/**** 駅説明表示関連 ****/
.station_description{
	width: 410px;
	height: 100px;
	margin: 0px 13px 0px 13px;
	overflow: visible;
}

.station_description table{
	width: 406px;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	margin: 0 auto;
}
.station_description table, .station_description tr, .station_description td, .station_description th{
	vertical-align: center !important;
	border: 3px #ffffff ridge !important;
}

.station_description th{
	width: 150px;
	padding: 4px 5px !important;
}
.station_description td{
	padding: 4px 0px 4px 10px !important;
}

@media(max-width:767px){
	.station_description{
		width: 300px;
		height: auto !important; 
		margin: 10px auto;
		position: static;
		overflow: visible;
	}

	.station_description table{
		width: 300px;
		position: static;
		display: table !important;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}

	.station_description th{
		min-width: 130px;
	}
}


.smallmap{
	margin: 10px 5px 10px 0px;
	height: 300px;
	position: relative;
	float: right;
	display: block;
	border: outset 3px #cccccc;
}

@media(max-width:767px){
	.smallmap{
		margin: 5px auto;
		width: 300px;
		position: relative;
		float: right;
		display: block;
		border: outset 3px #cccccc;
	}
}

img.screenshot{
	width: 640px;
	border: 3px #ffffff ridge;
	margin:0 auto;
	display:block;
}
@media(max-width:767px){
	img.screenshot{
		width: 300px;
		border: 3px #ffffff ridge;
		margin: 0 auto;
		display: block;
	}
}

.stoptrain{
	position: relative;
	text-align: center;
	display: inline-block;
	vertical-align:top;
	margin-bottom: 10px;
	width: 100px;
	/* For IE 6,7 */
	*display: inline;
    *zoom: 1;
}
@media(max-width:767px){
	.stoptrain{
		text-align: center;
		display: inline-block;
		vertical-align:top;
		width: 100px;
		/* For IE 6,7 */
		*display: inline;
		*zoom: 1;
	}
}

.stoptrain a{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
    text-indent:-9999px;
}
.stoptrain:hover{
	color: #ff6666;
}
.stoptrain.nolink:hover{
	color: #ffffff;
}

table.next{
	margin: 0px auto 20px auto;
	width: 400px;
	border: none;
}
table.next>tbody>tr{
	margin: 0px auto 20px auto;
	width: 400px;
	border: none;
}
table.next>tbody>tr>td.title{
	text-align: center;
	font-size: 120%;
	padding: 3px auto;
	border: none;
}
table.next>tbody>tr>td.nextst1{
	border: none;
	text-align: left;
	width:100px;
}
table.next>tbody>tr>td.nextst2{
	border: none;
	text-align: right;
	width:100px;
}
table.next>tbody>tr>td.linename{
	border: none;
	text-align: center;
	width:140px;
}
table.next>tbody>tr>td.arrow{
	border: none;
	text-align: center;
	width:30px;
}
@media(max-width:767px){
	table.next{
		width: 300px;
	}
	table.next>tbody>tr{
		width: 300px;
	}
	table.next>tbody>tr>td.title{
		font-size: 100%;
	}
	table.next>tbody>tr>td.nextst1{
		font-size: 80%;
		width:80px;
	}
	table.next>tbody>tr>td.nextst2{
		font-size: 80%;
		width:80px;
	}
	table.next>tbody>tr>td.linename{
		font-size: 80%;
		width:100px;
	}
	table.next>tbody>tr>td.arrow{
		font-size: 80%;
		width:20px;
	}
}

table.traininfo{
	float: right;
	width: 300px;
	margin: 0 10px;
}
table.traininfo th{
	width: 100px;
	border: solid 1px #ffffff;
	vertical-align: middle;
}

@media(max-width:767px){
	table.traininfo{
		float: none;
		margin: 10px auto;
	}
table.traininfo th{
		width: 100px;
	}
table.traininfo td{
		width: 200px;
	}
}