@charset "Shift_JIS";

@import url("/railroad/css/style.css");


/* =================================================================================

 Common style of eki

================================================================================= */

/* カテゴリごとの設定 */

div#odekakeContents a:link{ color:#0177bb; }
div#odekakeContents a:visited{ color:#0177bb; }


/* ページリンク */

div.pageLink{
	margin-bottom:-10px;
	padding:4px 12px 5px 0;
	text-align:right;
	background-color:#f3f2ee;
}

	div.pageLink ul{
		float:right;
	}
	
		div.pageLink ul li{
			margin-left:12px;
		}
			div#odekakeContents div.pageLink ul li a{
				padding-left:9px;
				background:#f3f2ee url(/railroad/css/img/icon_arrow02.gif) no-repeat left center;
			}

/* ボックス */

div#boxEkihead{
	padding:0 10px 0 20px;
	background: url(img/main_top.gif) no-repeat left bottom;
	position:relative;
}

div#boxEkimain{
	background:url(img/main_mdl.gif) repeat-y left top;
}

	div#boxEkimain div#ekimainIn{
		padding:11px 18px 0 21px;
		background: url(img/main_btm.gif) no-repeat left bottom;
	}

/* ボックスヘッダー */

div#ekiName{
	padding-top:45px;
	background:#FFF url(img/station_name.gif) no-repeat left top;
	width:201px;
	height:93px;
	text-align:center;
	cursor:pointer;
}

div#ekiName.top{
	cursor:auto;
}

	div#ekiName h1,
	div#ekiName p#station{
		margin-bottom:3px;
		font-size:122%;
		font-weight:bold;
	}
	
		div#ekiName p#station strong{
			font-weight:bold;
		}
	
	div#ekiName p#station{
		margin-bottom:2px;
		line-height:normal;
	}
	
		div#odekakeContents div#ekiName p#station a,
		div#odekakeContents div#ekiName p#station a:visited{
			color:#4d4d4d;
			text-decoration:none;
			background-color:#FFF;
		}
		
		div#odekakeContents div#ekiName:hover p#station a{
			text-decoration:underline !important;
		}
		
	div#ekiName span{
		display:block;
		font-size:78%;
		line-height:normal;
	}

div#ekiSearchArea{
	/*margin-bottom:5px;*/
	position:absolute;
	right:10px;
	top:0;
}

div#ekiSearchArea form{
	float:right;
	/margin-top:-2px;
}
	div#ekiSearchArea input.ekiSearch{
		margin-right:5px;
		padding-left:7px;
		padding-top:2px;
		width: 139px;
		height:19px;
		background:#FFF url(img/eki_input.gif) no-repeat left top;
		border: 1px solid #FFF;
		color:#6e6e6e;
		zoom:1;
	}
	
		div#ekiSearchArea input.ekiSearch:focus,
		div#ekiSearchArea input.ekiSearch.focused { color: #000; background-color:#FFF; }
	
	div#ekiSearchArea form img{ vertical-align:middle; }

div#boxEkihead p.ekiTop{
	position:absolute;
	left:247px;
	top:5px;
}

div#boxEkihead ul#ekiMenu{
	margin-top:29px;
	width:503px;
}

/* テーブル */

table.ekiTable01{
	/*margin-bottom:20px;*/
	width:100%;
	border-top:1px solid #dbd2ae;
	border-left:1px solid #dbd2ae;
}

	table.ekiTable01 th,
	table.ekiTable01 td{
		padding:5px 11px;
		font-size:108%;
	}
	
	table.ekiTable01 th{
		background:#ece3bf url(img/table01_th.gif) repeat-x left top;
		border-right:1px solid #bab18d;
		border-bottom:1px solid #bab18d;
		font-weight:bold;
	}

	table.ekiTable01 td{
		border-right:1px solid #dbd2ae;
		border-bottom:1px solid #dbd2ae;
	}

table.ekiTable02{
	/*margin-bottom:20px;*/
	width:100%;
	/*border-top:1px solid #dbd2ae;*/
	border-left:1px solid #dbd2ae;
}

	table.ekiTable02 th,
	table.ekiTable02 td{
		padding:5px 11px;
		font-size:108%;
	}
	
	table.ekiTable02 th{
		border-right:1px solid #dbd2ae;
		border-bottom:1px solid #dbd2ae;
		font-weight:bold;
	}

	table.ekiTable02 td{
		border-right:1px solid #dbd2ae;
		border-bottom:1px solid #dbd2ae;
	}
	
	table.ekiTable02 caption{
		padding:0;
	}
	table.ekiTable02 caption span{
		padding:10px 5px !important;
		display:block;
		width:710px;
		background:#ece3bf url(img/table01_th.gif) repeat-x left top;
		border-right:1px solid #bab18d;
		border-bottom:1px solid #bab18d;
		border-left:1px solid #dbd2ae;
		border-top:1px solid #dbd2ae;
	}
	
	/* for Fx3.5 */
	table.ekiTable02 caption span, x:-moz-broken, x:last-of-type  {
		margin-left:-1px;
	}
	
	/* for Fx3.6 */
	table.ekiTable02 caption span, x:-moz-broken, x:last-of-type, x:indeterminate {
		width:709px;
		margin-left:0;
	}



/* 駅関連情報 */

div#boxEkiinfo{
	margin-top:20px;
	padding:17px 22px 22px 21px;
}

	div#boxEkiinfo ul{
		margin-right:-8px;
		width:680px;
	}
	
		div#boxEkiinfo ul li{
			margin-right:8px;
			margin-top:10px;
		}

/* ==

　top.html

=============================================================================== */

div#boxEkimain.boxTopmain{
	padding-top:10px;
}

div#topmain{
	background:#FFF url(/common/css/style/img/line_dot_y.gif) repeat-y 218px top;
}

	div#topmain div.fr{
		width:485px;
	}
	
		div#topmain div.fr h2{
			margin-bottom:10px;
		}
	
	div#topmain div.fl{
		width:201px;
	}

table.toptable{
	margin-bottom:20px;
}

	table.toptable td{
		padding:5px 15px 5px 20px;
	}
	
	table.toptable td.column2{
		width:206px;
	}
	table.toptable td div{
		width:161px;
		padding-right:45px;
	}
	
	table.toptable td div.icon_in{
		background: url(/eki/img/icon_in.gif) no-repeat center right;
	}
	table.toptable td div.icon_ok{
		background: url(/eki/img/icon_ok.gif) no-repeat center right;
	}
	table.toptable td div.icon_none{
		background: url(/eki/img/icon_none.gif) no-repeat center right;
	}
	table.toptable td div.icon_ng{
		background: url(/eki/img/icon_ng.gif) no-repeat center right;
	}
		

dl.topadd{
	padding-top:7px;
	padding-bottom:6px;
	border-bottom:1px solid #d9d7d7;
	border-top:1px solid #d9d7d7;
}

	dl.topadd dt,
	dl.topadd dd{
		font-size:107%;
	}
	
	dl.topadd dt{
		padding-left:16px;
		font-weight:bold;
	}
	
	dl.topadd dd{
		margin-top:-1.65em;
		padding-left:118px;
	}

/* バナーエリア */

div#topBnr{
	margin-top:20px;
}
	div#topBnr div.fl,
	div#topBnr div.fr{
		width:235px;
	}

/* サイドナビ */

p.photos{
	margin-bottom:15px;
	padding:4px;
	border:1px solid #d9d9d9;
}

div.topSearch{
	margin-top:5px;
	margin-bottom:20px;
	padding:10px 10px 11px;
}

div.topSearch .inputStation{
	margin-right:4px;
	margin-right:0px;
	padding-left:7px;
	padding-top:2px;
	width: 102px;
	height:19px;
	background:#FFF url(img/top_input.gif) no-repeat left top;
	border: 1px solid #FFF;
	color:#6e6e6e;
}

	div.topSearch input.inputStation:focus,
	div.topSearch input.inputStation.focused { color: #000; background-color:#FFF; }
	
	div.topSearch form img{ vertical-align:middle; }

div.topSearch select{
	margin-bottom:7px;
}

div.topSearch span.myteikiStation{
	padding-bottom:4px;
	font-size:93%;
	font-weight:bold;
	display:inline-block;
	/display:inline;
	/zoom:1;
}

div.topSearch ul#mystationMenu{
	margin-top:5px;
}

	div.topSearch ul#mystationMenu li{
		margin-top:0px;
	}
	
div.toplist{
	margin-top:-21px;
}

div.toplist ul{
	margin-top:5px;
}

	div.toplist ul li input{
		margin-right:5px;
	}


/* お知らせエリア */
div.emergencyArea p{
	font-weight:normal !important;
	line-height:1.5 !important;
}
	div.emergencyArea p.strong{
		font-weight:bold !important;
	}

/* ==

　timetable.html

=============================================================================== */

h1#timeTtl{
	border-bottom:2.25em solid #F3F2EE;
	zoom:1;
}

table.timetable caption{
	padding-top:20px;
}

	table.timetable th{
		width:268px;
	}
	
	table.timetable td.day{
		width:98px;
	}

	table.timetable td.view{
		width:68px;
		text-align:center;
	}

div#timetableSearch{
	margin-top:30px;
}
div#timetableSearch div.boxLine01{
	margin-top:5px;
	padding:15px 11px 14px;
	width:333px;
}

div#timetableSearch .inputStation{
	margin-right:4px;
	padding-left:7px;
	padding-top:2px;
	width: 122px;
	height:19px;
	background:#FFF url(img/timetable_input.gif) no-repeat left top;
	border: 1px solid #FFF;
	color:#6e6e6e;
}

	div#timetableSearch input.inputStation:focus,
	div#timetableSearch input.inputStation.focused { color: #000; background-color:#FFF; }

div#timetableSearch form img{
	vertical-align:middle;
}

div#timetableSearch input.searchStaion{
	margin-top:4px;
	/*position:relative;
	left:282px;*/
	margin-left:282px;
}
div#timetableSearch span.mydiaStaion{
	width:168px;
	display:inline-block;
	/display:inline;
	/zoom:1;
}
div#timetableSearch span.myteikiStation{
	width:156px;
	width:160px;
	display:inline-block;
	/display:inline;
	/zoom:1;
	font-size:93%;
	font-weight:bold;
}


/* ==

　premises.html

=============================================================================== */

/*インクルード*/
table#shiftContents td td{
	font-size:104%;
}

.listtitle{
	padding-top:26px !important;
	margin-bottom:15px;
	padding-bottom:3px;
	background:url(/common/css/style/img/ttl_style02.gif) repeat-x left bottom;
	font-size:123.1%;
	font-weight:bold;
	
}
	.listtitle a{
		text-decoration:none;
		padding-left:14px;
		background:url(/railroad/css/img/icon_style02.gif) no-repeat left 0.5em;
		color:#000;
	}


.listfoot{ text-align:right;}

div.pdfArea{
	margin:5px 0 0 0;
}
	div.pdfArea p{
		padding:5px;
		background:#f3f3f3;
		border:solid 1px #d9d9d9;
		text-align:center;
		width:350px;
		float:right;
	}
		div.pdfArea a.iconpdf{
			padding-left:17px;
			padding-right:7px;
			padding-bottom:3px;
		}


table#shiftContents.resetTbl td{
	border-collapse:collapse;
	border-collapse:inherit;
	border-spacing:0;
}

td.pline table{
	margin-top:6px;
	padding:0 !important;
}

	td.pline table td.plinetop img{
		display:none;
	}

	td.pline table td.pline1a,
	td.pline table td.pline1b,
	td.pline table td.pline2a,
	td.pline table td.pline2b,
	td.pline table td.pline3a,
	td.pline table td.pline3b,
	td.pline table td.pline4a,
	td.pline table td.pline4b{
		border-bottom:1px solid #dbdbdb;
		vertical-align:top;
		text-align:left;
	}
	
	td.pline table td.pline1a table,
	td.pline table td.pline1b table,
	td.pline table td.pline2a table,
	td.pline table td.pline2b table,
	td.pline table td.pline3a table,
	td.pline table td.pline3b table,
	td.pline table td.pline4a table,
	td.pline table td.pline4b table{
		margin:6px !important;
		border-left:none !important;
		border-top:none !important;
		text-align:left;

	}
		td.pline table td.pline1a table td,
		td.pline table td.pline1b table td,
		td.pline table td.pline2a table td,
		td.pline table td.pline2b table td,
		td.pline table td.pline3a table td,
		td.pline table td.pline3b table td,
		td.pline table td.pline4a table td,
		td.pline table td.pline4b table td{
			border-right:none;
			border-bottom:none;
			text-align:left !important;
			line-height:1.4 !important;
			padding-right:5px;
			/padding-right:2px;
		}
	

.plinetitle{
	font-size:122% !important;
	padding-top:8px;
	margin-bottom:8px;
	font-weight:bold;
	border-bottom:2px solid #dbdbdb;
}
	
	/*
	td.pline table td.pline1a span.icon{
		padding-top:3px;
		float:left;
		width:13px;
	}

	td.pline table td.pline1a span.description{
		float:right;
		width:111px;
	}
*/

p#premissDl{
	margin-top:-22px;
	text-align:right;
}

p#premissMap{
	margin-top:8px;
	margin-bottom:22px;
	text-align:center;
	border:1px solid #e6e6e6;
}

/*
table.iconTable{
	margin-top:6px;
	width:100%;
	border-left:1px solid #dbdbdb;
	border-top:1px solid #dbdbdb;
}

	table.iconTable td{
		padding:6px;
		border-right:1px solid #dbdbdb;
		border-bottom:1px solid #dbdbdb;
		vertical-align:top;
	}
	
	table.iconTable td span.icon{
		padding-top:3px;
		float:left;
		width:13px;
	}

	table.iconTable td span.description{
		float:right;
		width:111px;
	}
	*/

table.ekiTable01 td.area{
	width:361px;
}

table.ekiTable01 th.transfer{
	width:93px;
}




/* ==

　barrierfree.html

=============================================================================== */

dl#barrierfreeNotes{
	margin-top:20px;
	border:1px solid #CCC;
	background:url(img/barrierfree_notes.gif) repeat-y left top;
}

	dl#barrierfreeNotes dt,
	dl#barrierfreeNotes dd{
		float:left;
	}
	
	dl#barrierfreeNotes dd img{ vertical-align:middle; }
	
	dl#barrierfreeNotes dt{
		font-weight:bold;
		border-top:1px solid #FFF;
		width:56px;
		text-align:center;
	}
	
	dl#barrierfreeNotes dd#notesIn{
		border-left:1px solid #CCC;
	}

table.bfTable01{
	/*margin-bottom:30px;*/
}
table.bfTable01 caption{ padding-bottom:8px; }
table.bfTable01 th,
table.bfTable01 td{
	padding:7px 6px;
}

div#odekakeContents table.bfTable01 th{
	font-size:93%;
	line-height:1.33;
}

table.bfTable01 th.name{ width:121px; }
table.bfTable01 th.position{ width:53px; }
table.bfTable01 th.possible{ }
table.bfTable01 th.elevator{ width:85px; }
table.bfTable01 th.note{ width:59px; }


/* トイレ */

table#lbTable th{
	width:166px;
}

/* のりば案内 */

table.platform td{
	padding:5px 11px;
}
table.platform th.platform{ width:103px; }
table.platform td.train{ width:194px; }


/* ==

　transfer.html

=============================================================================== */

table.tfTable th{
	width:116px;
}


/* ==

　map.html

=============================================================================== */

h2#areamap{
	margin-bottom:10px;
}

div#mapbtnArea{
	position:relative;
}

	div#mapbtnArea p#btnUsing{
		position:absolute;
		right:0;
		top:8px;
	}

div#mapbtnArea ul,
div#mapbtnArea p#display{
	float:left;
}

div#mapbtnArea p#display{
	padding-top:10px;
	padding-left:7px;
}

div#mapbtnArea ul li{
	margin-right:1px;
}

/* 地図エリア */

div#map{
	margin-top:8px;
	margin-bottom:30px;
	border:1px solid #e6e6e6;
}

/* スポット情報とイベント情報 */

div#touristArea{
	margin-top:5px;
}

div#spotWrap{
	float:left;
	width:353px;
}

div#eventWrap{
	float:right;
	width:353px;
}
	div#spotWrap h3,
	div#eventWrap h3{ margin-bottom:4px; }

div.boxTourist{
	padding:15px;
	width:323px;
	/*display:table;*/
	direction:rtl;
	text-align:right;
}

div.boxTourist div.image{
	padding-left:10px;
	display:table-cell;
	vertical-align:top;
	width:1%;
	/width:auto;
	/float:right;
}

	div.boxTourist div.image img{
		border:1px solid #cececd;
	}

div.boxTourist dl.touristInfo{
	display:table-cell;
	vertical-align:top;
	direction:ltr;
	text-align:left;
	/zoom:1;
}

	div#odekakeContents div.boxTourist dl.touristInfo dt{
		padding-left:9px;
		background:url(/railroad/css/img/icon_arrow01.gif) no-repeat left 8px;
	}
	
	div#odekakeContents div.boxTourist dl.touristInfo dd{
		margin-bottom:-0.35em;
		padding-top:4px;
		padding-left:9px;
		line-height:1.5;
		/zoom:1;
	}

p.otherInfo{
	padding:5px 15px;
	text-align:right;
	width:323px;
}

/* カラー指定 */

div#spotWrap div.boxTourist{
	border:1px solid #f5e698;
	border-bottom:none;
	background-color:#fffae0;
}

div#eventWrap div.boxTourist{
	border:1px solid #d1e9d2;
	border-bottom:none;
	background-color:#ebffe0;
}

div#spotWrap p.otherInfo{
	border:1px solid #f5e698;
	background-color:#fffae0;
}

div#eventWrap p.otherInfo{
	border:1px solid #d1e9d2;
	background-color:#ebffe0;
}


/* ==

　search_free_error.html

=============================================================================== */

div#resultArea{
	width:740px;
	margin:0 auto;
}

	div#resultArea h2{
		border-bottom:solid 1px #CCCCCC;
		padding-bottom:8px;
		margin-bottom:10px;
	}
	
	div#resultArea h3{font-weight:bold;}
	
	div#resultArea ul{
		margin:15px 0 ;
	}


	div#reseachArea{
		width:700px;/*740px*/
		padding:15px 20px 12px;
		background:#f2f2f2;
		border:solid 1px #cccccc;
		margin-top:20px;
	}
		div#reseachArea p.fl{
			width:300px;
			padding-right:30px;
		}
		
		div#reseachArea div#stResearch{
			float:left;
		}



/* ==

　search_free.html

=============================================================================== */

div#resultArea h2 strong{
	font-weight:bold;
	font-size:104%;
}

div#resultArea dl#resultList{
	margin:0 20px 20px;
}

	div#resultArea dl#resultList dt{
		 font-weight:bold;
		 margin-top:1em;
		 font-size:104%;
	}
	div#resultArea dl#resultList dt a{
	}
	
	div#resultArea dl#resultList dd{
	}

div#resultArea ul.pageList {
	text-align:right;
}

	div#resultArea ul.pageList li{
		display:inline;
		padding:3px 8px;
		margin-left:-4px;
		/margin-left:4px;
	}
	
		div#resultArea ul.pageList li.line{
			border-right: 1px solid #CCCCCC;
		}
	
	div#resultArea ul.pageList li a{
	}


/* ==

　barrierfreePopup.html

=============================================================================== */

body#barrierPopup div#boxPopup{
	width:100%;
	margin:30px 0;
}

body#barrierPopup div#boxEkimain{
	background:none;
	text-align:center;
}
body#barrierPopup div#ekimainIn{
	background:none;
	padding:0px;
	width:970px;
	margin:0 auto !important;
	text-align:left;
}

body#barrierPopup h1{
	font-weight:bold;
	color:#000000;
	padding-bottom:7px;
}

body#barrierPopup table.bfTable01 th.name{ width:auto; }
body#barrierPopup table.bfTable01 th.position{ width:auto; }
body#barrierPopup table.bfTable01 th.possible{ }
body#barrierPopup table.bfTable01 th.elevator{ width:auto; }
body#barrierPopup table.bfTable01 th.note{ width:auto; }

body#barrierPopup a:link{ color:#0177bb; }
body#barrierPopup a:visited{ color:#0177bb; }
body#barrierPopup div.pageLink ul li a{
				padding-left:9px;
				background:#f3f2ee url(/railroad/css/img/icon_arrow02.gif) no-repeat left center;
			}



/* =================================================================================

20140521 駅情報

================================================================================= */

.day_select {
	font-size:108%;
	font-weight:bold;
	display: inline-block;
	padding-right: 10px;
/*	padding-bottom:10px;*/
	margin-bottom: 20px;
}

.ttl_form {
	/*background-color: #ece3bf;*/
	background:url(img/table01_th.gif) repeat left top;
	border-right:1px solid #dbd2ae; 
	padding: 10px 20px;
	margin-right: 10px;
}

form {
	padding: 0 !important;
	margin: 0 !important;

}

.day_select {
	border-radius: 5px;
	background-color: #f3f2ee;
	border:1px solid #dbd2ae; 
}


.day_select select {
	font-weight:normal;
}

.day_select input,
.day_select select,
.day_select p {
	display:inline-block;
	/display:inline;
	vertical-align:middle;	
	/*margin-left:3px;*/
}

.note {
	margin-left: 1em;
    text-indent: -1em;
}

.th_white {
	background-color: #fff;

}

/* テーブル */

table.ekiTable03{
	/*margin-bottom:20px;*/
	width:100%;
	border-top:1px solid #dbd2ae;
	border-left:1px solid #dbd2ae;
	margin-top: 20px;
}

	table.ekiTable03 th,
	table.ekiTable03 td{
		padding:5px 11px;
		font-size:108%;
	}

	table.ekiTable03 th{
		border-right:1px solid #dbd2ae;
		border-bottom:1px solid #dbd2ae;
		font-weight:bold;
		/*width:200px;*/
		width: auto !important;
	}	
	
	table.ekiTable03 th.ttl{
		background:#ece3bf url(img/table01_th.gif) repeat-x left top;
		border-right:1px solid #bab18d;
		border-bottom:1px solid #bab18d;
		font-weight:bold;
		width:200px !important;
	}

	table.ekiTable03 td{
		border-right:1px solid #dbd2ae;
		border-bottom:1px solid #dbd2ae;
	}