@charset "Shift_JIS";

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

 Common style of railroad

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

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

div#odekakeContents a:link{ color:#1c67c3; }
div#odekakeContents a:visited{ color:#1c67c3; }

div#odekakeContents ul.arrow01 li,
a.arrow01,
span.arrow01{
	margin-top:6px;
	padding-left:9px;
	background:url(img/icon_arrow01.gif) no-repeat left 6px;
	line-height:1.5;
}


div.boxThumb span.linkTxt a{
}

div.boxThumb a:hover span.linkTxt{
}

/* タイトル */

.ttlstyle01{
	padding-bottom:4px;
	background:url(img/ttl_style01.gif) repeat-x left bottom;
}

.ttlstyle02 span{
	padding-left:14px;
	background:url(img/icon_style02.gif) no-repeat left 0.5em;
}



/* ==

　index.html

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

div#mainTop{
}

div#index_infoArea{
	width:548px;
	float:left;
}

div#index_infoIn{
	padding-bottom:22px;
	background:url(img/index_search_btm.gif) no-repeat left bottom;
}

div#index_mydia{
	padding:0 11px 0;
	background:url(img/index_search_mdl.gif) repeat-y left top;
}

	div#index_mydia span.station{
		display:block;
		margin-top:7px;
	}

div#index_mydia div#formArea{
	margin-top:12px;
	float:left;
	width:293px;
	position:relative;
	background:url(/common/css/style/img/line_dot_y.gif) no-repeat right 9px;
}

div#index_mydia input.mydiaSearch{
	padding:4px 5px 2px;
	width:148px;
	height:19px;
	background:#FFF url(img/index_mydia_input.gif) no-repeat left top;
	border:none;
	color:#aeaeae;
	font-size:108%;
}

	div#index_mydia input.mydiaSearch:focus,
	div#index_mydia input.mydiaSearch.focused { color: #000; background-color:#FFF; }
	
	div#index_mydia img{ vertical-align:middle; }
	
div#index_mydia input.searchBtn{
	position:absolute;
	right:10px;
	bottom:0;
}

div#index_mydia ul#searchList{
	padding-left:5px;
	margin-top:7px;
	float:right;
	width:217px;
}


/* ///////////////////////////////// JR西日本列車運行情報 */

div#index_travelinfo{
	margin-top:10px;
	padding:8px 0 13px 0;
	position:relative;
	/*background:url(img/railroad_travelinfo.gif) no-repeat left top;*/
}

	div#index_travelinfo h2{
		margin-left:10px;
		margin-bottom:6px;
	}

	div#index_travelinfo ul{
		margin:0 auto;
		width:530px;
		height:34px;
	}

		div#index_travelinfo ul li{
			/*padding:7px 0 6px 12px;
			width:118px;*/
			position:relative;
		}

		div#index_travelinfo ul li a{
			display:block;
			padding:8px 28px 10px 8px;
			text-decoration:none;
			zoom:1;
		}

			div#index_travelinfo ul li img{
				vertical-align:middle;
			}
		div#index_travelinfo ul li .nolink{
	      position:relative;
	      right:0;
	      top:0;
		  display:block;
		  padding:8px 28px 10px 8px;
		  text-decoration:none;
		  zoom:1;
	    }

			div#index_travelinfo ul li span{
				/*margin-left:29px;*/
				position:absolute;
				right:3px;
				top:5px;
			}

			div#index_travelinfo ul li a:hover{ min-height:inherit; }


div#index_travelinfo p#hosyu{
	position:absolute;
	right:160px;
	top:8px;
}

div#index_travelinfo p#delay{
	position:absolute;
	right:90px;
	top:8px;
}

div#index_travelinfo p#guide{
	position:absolute;
	right:10px;
	top:8px;
}

/*div#index_travelinfo p#notice {
margin-left:10px;
}

div#index_travelinfo p#notice02 {
margin-top:3px;
margin-left:10px;
}*/

#index_travelinfo_box {
position:relative;
top:0;
left:0;
}

#index_travelinfo_box #index_travelinfo{
	padding:8px 0 17px 0px;
}

/*#suspend {
	color:#ff2222 !important;
	display:table-cell;
	font-size:78%;
	height:24px;
	vertical-align:middle;
	position:absolute;
	left:161px;
	top:3px;
	line-height:1.2 !important;
	width:260px;
}*/

#index_travelinfo_box #notice,
#index_travelinfo_box #notice02{
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
}

#index_travelinfo_box #notice {
	margin-left:10px;
	width:243px;
}

#index_travelinfo_box p#notice02 {
	margin-top:0;
	width:280px;
}

#suspend {
	/*position:absolute;
	left:161px;
	top:11px;*/
}

#suspend{
	color:#c0c0c0;
	font-size:78%;
	letter-spacing:-.03em;
	line-height:1.2 !important;
	//margin-bottom:-5px;
	position:relative;
	top:-18px;
	left:10px;
	z-index:2;
	width:528px;
}

#suspend a{
	background:url(/common/css/style/img/icon_arrow02.gif) no-repeat 1px center;
	color:#ff2222 !important;
	padding-left:8px;
	text-decoration:none;
}

/* end */


#index_bnrList{
	float:right;
	width:412px;
	margin-top:24px;
}

/* 情報提供時間外 */

p#information{
	/*padding-top:4px;*/
  margin-top:-1px;
	text-align:center;
	min-height:35px;
  height:auto !important;
  height:35px;
}

/* 6エリア表示 */

.area06{
	background:url(img/travelinfo_area6.gif) no-repeat left top;
}
	#index_travelinfo.area06 ul li a{
		padding:8px 0 10px 8px;
		width:78px;/*86px*/
	}

	#index_travelinfo.area06 ul li .nolink{
		padding:8px 0 10px 8px;
		width:78px;/*86px*/
	}

	#index_travelinfo.area06 ul li.large a{
		padding:8px 0 10px 8px;
		width:84px;/*92px*/
	}

	#index_travelinfo.area06 ul li.large .nolink{
		padding:8px 0 10px 8px;
		width:84px;/*92px*/
	}

/* 5エリア表示 */

.area05{
	background:url(img/travelinfo_area5.gif) no-repeat left top;
}
	div#index_travelinfo.area05 ul li a{
		padding:8px 0 10px 18px;
		width:87px;/*105px*/
		display:block;
	}

    div#index_travelinfo.area05 ul li .nolink{
		padding:8px 0 10px 18px;
		width:87px;/*105px*/
		display:block;
	}

	div#index_travelinfo.area05 ul li span{
		right:12px;
	}
    div#index_travelinfo.area05 ul li .nolink{
		right:0;
	}

	#index_travelinfo.area05 ul li.express a{
		padding:8px 0 10px 25px;
		width:80px;/*105px*/
	}

    #index_travelinfo.area05 ul li.express .nolink{
      padding:8px 0 10px 25px;
	  width:80px;/*105px*/
	}

/* 情報提供なし */

.infotxt{
	background:url(img/travelinfo_txt.gif) no-repeat left top;
}


/* ///////////////////////////////// 駅・路線図、きっぷ・定期、車両 common */

div.index_boxWrap{
	margin-top:25px;
	padding-bottom:24px;
	background:url(img/index_box3_btm.gif) no-repeat left bottom;
}

div.index_boxIn{
	background:url(img/index_box3_mdl.gif) repeat-y left top;
	width:970px;
}

	div#odekakeContents div.index_boxIn ul.arrow01{
		margin-top:3px;
	}
	
		div#odekakeContents div.index_boxIn ul.arrow01 li{
			line-height:1.83;
			margin-top:0;
			background:url(img/icon_arrow01.gif) no-repeat left 0.65em;
		}
	
div.index_box{
	width:317px;
	float:left;
}

div#index_center{
	margin-left:10px;
	/display:inline;
	/zoom:1;
}

div#index_right{
	float:right;
}

.linetop{
	border-top: 1px solid #D9D9D9;
	margin-top:6px;
    padding-top: 9px;
}

.pt6{
	padding-top:6px;
}

/* ///////////////////////////////// 駅・路線図 */

div#index_eki{
	padding:17px 18px 0 19px;
}

	div#index_eki h3{
		margin-bottom:5px;
	}
	
div#index_eki input.ekiSearch{
	padding:4px 5px 2px;
	width:180px;
	height:19px;
	background:#FFF url(img/index_eki_input.gif) no-repeat left top;
	border:none;
	color:#aeaeae;
	font-size:108%;
}

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


/* よくある駅検索 */

div#searchStation{
	margin-bottom:9px;
	margin-top:2px;
	background:url(img/index_eki_btm.gif) no-repeat left bottom;
}
div#searchStation h3{
	padding:17px 0 3px 10px;
	margin-bottom:0;
	background:url(img/index_eki_top.gif) no-repeat left top;
}

div#searchStation ul{
	width:262px;
	margin-left:5px;
	padding-bottom:8px;
	_zoom:1;
	overflow:hidden;
}

	div#searchStation ul li{
		padding-left:5px;
		padding-right:5px;
		margin-left:-1px;
		background:url(img/line_solid_eki.gif) no-repeat left center;
	}

/* 駅でのサービス */

div#serviceStation h3{
	margin-bottom:0;
}

div#odekakeContents div#serviceStation ul{
	margin-bottom:6px;
}

	div#odekakeContents div#serviceStation ul li{
		padding-right:20px;
	}

/* ///////////////////////////////// きっぷ・定期 */

div#index_ticket{
	padding:20px 20px 0 20px;
}

div#index_ticket div#aboutTicket{
	margin-top:10px;
}

div#index_ticket div#aboutTicket ul{
	margin-right:-10px;
	width:287px;
}
	div#index_ticket div#aboutTicket ul li{
		margin-right:10px;
		width:124px;
	}


/* ///////////////////////////////// 車両 */

div#index_train{
	padding:20px 20px 0 20px;
}

div#index_train div#trainService{
	margin-top:10px;
}

div#index_train div#trainService ul{
	margin-right:-10px;
	width:287px;
}
	div#index_train div#trainService ul li{
		margin-right:10px;
		width:124px;
		display:inline;
	}
	
	div#index_train div#trainService ul li.position01{
		position:relative;
		top:-1.85em;
	}
	div#index_train div#trainService ul li.position02{
		position:relative;
		top:-3.65em;
	}
	div#index_train div#trainService ul li.position03{
		position:relative;
		top:-2em;
		left:-143px;
	}
	
	div#index_train div#trainService ul li.position04{
		position:relative;
		top:0em;
		left:-143px;
	}
	
	div#index_train div#trainService ul li.position05{
		position:relative;
	}
	
	div#index_train div#trainService ul li.iconpdf{
		padding-left:17px;
		background:url(/common/css/style/img/icon_pdf.gif) no-repeat left 0.25em;
		position:relative;
		left:-9px;
		width:110px;
	}

/* ///////////////////////////////// 関連情報、困ったときは */

div#index_info{
	margin-top:30px;
}

	div#index_info h2{
		margin-bottom:15px;
	}

/* 関連情報 */

div#boxRelated{
	width:994px;/*970px*/
	margin-right:-24px;
}

	div#boxRelated div.boxThumb{
		margin:9px 14px 0 10px;
		width:298px;
		width:177px;
		float:left;
		/display:inline;
	}

div#boxHelp{
	width:960px;/*970px*/
	display:block;
	border:1px solid #d9d9d9;
	padding:5px;
	height:23px;
	margin-top:15px !important;
}

	div#boxHelp h2#help{
		width:114px;
		float:left;
		padding-right:15px;
	}

	div#boxHelp ul{
		margin-left:10px;
		margin-right:10px;
		margin-top:2px;
	}
	
		div#boxHelp ul li{
			display:inline;
			padding-right:15px;
		}

/* common style.cssを上書き */

div#boxRelated div.boxThumb span.linkTxt{
	display:inline;
}


/* imgがwidth100px */

div#boxRelated div.thumb100 span.linkTxt{
	margin-left:0;
	padding-top:6px;
	line-height:1.5;
}
div#boxRelated div.thumb100 p.intro{
	padding-left:0px;
}

div#boxRelated div.thumb100{
	padding-left:112px;
	padding-left:121px;
}

/* 新規設定 */

div#boxRelated img.thumbnail{
	padding-right:17px;
	background:url(img/icon_arrow01.gif) no-repeat right 6px;
}

* html div#boxRelated img.thumbnail{
	background:url(img/icon_arrow01.gif) no-repeat right 5px;
}

*:first-child + html div#boxRelated img.thumbnail{
	background:url(img/icon_arrow01.gif) no-repeat right 5px;
}

.mt-135{ margin-top:-135px !important; }