@charset "UTF-8";

#main .ttlBox {
	padding: 0 0 8px;
	border-bottom: 5px solid #dddddd;
}

#main .announce {
	margin: 15px 0 0;
	padding: 10px;
	border: 3px solid #dddddd;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
}

#main .announce .announceList li {
	padding: 7px 0 0;
}

#main .selectArea {
	margin: 25px 0 0;
	background: url(../../img/top/bg_search_area.gif) no-repeat 0 50px;
}

#main .selectArea .station {
	width: 450px;
	float: left;
}

#main .selectArea .station .inrBox {
	margin: 10px 0 0;
	padding: 12px;
}

#main .selectArea .station .searchArea {
	margin: 0 0 15px;
}

#main .selectArea .station .searchArea .searchBox {
	width: 263px;
}

#main .selectArea .station .searchArea .searchBox.water {
	color: #a9a9a9;
}

#main .selectArea .station h3 {
	margin: 0;
}

#main .selectArea .station .stationList li {
	width: 85px;
	padding: 10px 0 0;
	float: left;
}

#main .selectArea .station .stationList li a {
	/*background: url(/general/img/common/ico-arrow.png) left 0.25em no-repeat;*/
	/*background: url(../../general/img/common/ico-arrow.png) left 0.25em no-repeat;*/
	background: url(http://www.jreast.co.jp/general/img/common/ico-arrow.png) left 0.25em no-repeat;
}

#main .selectArea .line {
	width: 230px;
	float: right;
}

#main .selectArea .line .inrBox {
	margin: 10px 0 0;
	padding: 9px 14px;
}

#main .selectArea .line .inrBox .selectRow {
	width: 100%;
	margin: 5px 0 0;
	display: table;
}

#main .selectArea .line .inrBox .selectRow p {
	display: table-cell;
	vertical-align: middle;
}

#main .selectArea .line .inrBox .selectRow .selectBox {
	display: table-cell;
	vertical-align: middle;
}

#main .selectArea .line .inrBox .selectRow p {
	width: 55px;
	text-align: left;
}

#main .selectArea .line .inrBox .selectRow select {
	width: 140px;
	padding: 2px 0;
}

#main .selectArea .line .inrBox .btnSearch {
	margin: 10px 0 0;
	text-align: center;
}

#main .routemap {
	width: 690px;
	height: 484px;
	margin: 20px 0 0;
	position: relative;
}

#main .routemap .tabList {
	margin: 15px 0 0;
	position: relative;
	background: url(../../img/top/bg_tab_line_btm.gif) repeat-x left bottom;
}

#main .routemap .tabList #tabOverlay {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

#main .routemap .tabList ul {
	width: 530px;
	margin: 0 auto;
}

#main .routemap .tabList ul li {
	width: 171px;
	height: 44px;
	margin: 0 0 0 8px;
	float: left;
}

#main .routemap .tabList ul li:first-child {
	margin: 0;
}

#main .routemap .tabList ul li.kanto {
	/*background: url(../../img/top/tab_area_kanto_on.gif) no-repeat left top;*/
	background: url(http://www.jreast.co.jp/map/img/top/tab_area_kanto_on.gif) no-repeat left top;
}

#main .routemap .tabList ul li.kanto a {
	/*background: url(../../img/top/tab_area_kanto.gif) no-repeat left top;*/
	background: url(http://www.jreast.co.jp/map/img/top/tab_area_kanto.gif) no-repeat left top;
}

#main .routemap .tabList ul li.shinetsu {
	/*background: url(../../img/top/tab_area_shinetsu_on.gif) no-repeat left top;*/
	background: url(http://www.jreast.co.jp/map/img/top/tab_area_shinetsu_on.gif) no-repeat left top;
}

#main .routemap .tabList ul li.shinetsu a {
	/*background: url(../../img/top/tab_area_shinetsu.gif) no-repeat left top;*/
	background: url(http://www.jreast.co.jp/map/img/top/tab_area_shinetsu.gif) no-repeat left top;
}

#main .routemap .tabList ul li.tohoku {
	/*background: url(../../img/top/tab_area_tohoku_on.gif) no-repeat left top;*/
	background: url(http://www.jreast.co.jp/map/img/top/tab_area_tohoku_on.gif) no-repeat left top;
}

#main .routemap .tabList ul li.tohoku a {
	/*background: url(../../img/top/tab_area_tohoku.gif) no-repeat left top;*/
	background: url(http://www.jreast.co.jp/map/img/top/tab_area_tohoku.gif) no-repeat left top;
}

#main .routemap .tabList ul li a {
	display: block;
	width: 171px;
	height: 44px;
	text-align: left;
	text-indent: -9999px;
}

#main .routemap .tabList ul li a:hover {
	background: none;
}

#main .routemap .tabList ul li a.on {
	background: none;
}

#main .routemap .gaugeBox {
	width: 26px;
	height: 139px;
	position: absolute;
	left: 20px;
	bottom: 70px;
	/*background: url(../../img/top/map_memory.png) no-repeat left top;*/
	background: url(http://www.jreast.co.jp/map/img/top/map_memory.png) no-repeat left top;
	z-index: 10000;
}

#main .routemap .gaugeBox .zoomBtn {
	display: block;
	width: 18px;
	height: 18px;
	position: absolute;
	left: 4px;
}

#main .routemap .gaugeBox .zoomBtn.in {
	top: 5px;
}

#main .routemap .gaugeBox .zoomBtn.out {
	bottom: 5px;
}

#main .routemap .gaugeBox .guage {
	position: absolute;
	left: 4px;
	top: 67px;
}

#main .routemap #map {
	width: 688px;
	height: 388px;
	border: 1px solid #dddddd;
	position: relative;
}

#main .routemap #map .olDragDown {
	cursor: move;
}

#main .routemap #map .olLayerDiv .stationBox {
	border: none !important;
	background: #ffffff;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-webkit-opacity: 0;
	opacity: 0;
	cursor: pointer;
}

#main .routemap #map #loading {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	/*background: url(../../img/top/loader.gif) no-repeat center center white;*/
	background: url(http://www.jreast.co.jp/map/img/top/loader.gif) no-repeat center center white;
	z-index: 100000;
}

#main .routemap #map .olControlPanPanel {
	width: 54px;
	height: 54px;
	left: 6px;
	bottom: 5px;
	/*background: url(../../img/top/map_control_bg.png) no-repeat left top;*/
	background: url(http://www.jreast.co.jp/map/img/top/map_control_bg.png) no-repeat left top;
}

#main .routemap #map .olControlPanPanel .olButton {
	position: absolute;
	cursor: pointer;
}

#main .routemap #map .olControlPanPanel .olButton.olControlPanNorthItemInactive {
	width: 10px;
	height: 8px;
	left: 22px;
	bottom: 39px;
	/*background: url(../../img/top/map_icon_control_top.gif) no-repeat left top;*/
	background: url(http://www.jreast.co.jp/map/img/top/map_icon_control_top.gif) no-repeat left top;
}

#main .routemap #map .olControlPanPanel .olButton.olControlPanSouthItemInactive {
	width: 10px;
	height: 8px;
	left: 22px;
	bottom: 6px;
	/*background: url(../../img/top/map_icon_control_btm.gif) no-repeat left top;*/
	background: url(http://www.jreast.co.jp/map/img/top/map_icon_control_btm.gif) no-repeat left top;
}

#main .routemap #map .olControlPanPanel .olButton.olControlPanEastItemInactive {
	width: 8px;
	height: 10px;
	left: 39px;
	bottom: 21px;
	/*background: url(../../img/top/map_icon_control_right.gif) no-repeat left top;*/
	background: url(http://www.jreast.co.jp/map/img/top/map_icon_control_right.gif) no-repeat left top;
}

#main .routemap #map .olControlPanPanel .olButton.olControlPanWestItemInactive {
	width: 8px;
	height: 10px;
	left: 6px;
	bottom: 21px;
	/*background: url(../../img/top/map_icon_control_left.gif) no-repeat left top;*/
	background: url(http://www.jreast.co.jp/map/img/top/map_icon_control_left.gif) no-repeat left top;
}

#main .train {
	margin: 35px 0 0;
}

#main .train .trainBox {
	margin: 5px 0 0;
}

#main .train .trainBox .bnrList {
	margin: 0 -8px 0 0;
}

#main .train .trainBox .bnrList li {
	width: 330px;
	margin: 0 8px 10px 0;
	float: left;
}

#main .train .trainBox .busMonoLink li {
	margin: 0 25px 0 0;
	float: left;
}

#main .note {
	margin: 20px 0 0;
}

#main .note .textBox {
	padding: 15px;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

#main .note .textBox p {
	line-height: 1.8;
	padding: 0;
	text-indent: 1em;
}

#main .note .textBox p.itemText {
	padding-left: 1em;
	text-indent: -1em;
}

#main .note .textBox p.itemText a.blankLink {
	padding-left: 28px;
}

#main .note .textBox p a.blankLink {
	background-position: left 0.4em;
}

/*#main .note .textBox p .iconBlank {
	margin: 0 0 0 5px;
	vertical-align: text-top;
}*/

#main .miawase {
	margin: 20px 0 0;
}

#main .miawase .linkList {
	padding: 15px 15px 0;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

#main .miawase .linkList li {
	width: 210px;
	float: left;
}

#main .panfBox {
	margin: 20px 0 0;
	padding: 20px 20px 20px 15px;
	border: 1px solid #dddddd;
	background: #eeeeee;
}

#main .panfBox p {
	line-height: 1.8;
}

#main .panfBox p.img {
	/*width: 127px;*/
	margin: 0 0 0 10px;
	float: right;
	border: 1px solid #ccc;
}

#main .panfBox p.itemText {
	padding: 0 0 0 1em;
	text-indent: -1em;
}

/*----------20150211 by bizright----------*/

/*------検索結果ページ------*/
#main .resultttlbox {
	margin:25px 0 0 ;
}
/*検索結果table*/
	
#main .resulttable {
	margin:20px 0 0;
}

#main table.result_01{
	width: 100%;
	border-collapse: collapse;
}

#main table.result_01 tr:nth-child(2n) {
	background: #f0f0f0;
}

#main table.result_01 th.eki{
	width: 30%;
	padding: 6px;
	text-align: center;
	vertical-align: top;
	color: #fff;
	background-color: #008900;
	border: 1px solid #dddddd;
}

#main table.result_01 th.token{
	width: 15%;
	padding: 6px;
	text-align: center;
	vertical-align: top;
	color: #fff;
	background-color: #008900;
	border: 1px solid #dddddd;
}

#main table.result_01 th.rosen{
	width: 55%;
	padding: 6px;
	text-align: center;
	vertical-align: top;
	color: #fff;
	background-color: #008900;
	border: 1px solid #dddddd;
}

#main  table.result_01 td{
	padding: 6px;
	border: 1px solid #dddddd;
	padding:15px 10px;
}

#main  table.result_01 td.eki{
}

#main  table.result_01 td.token{
	text-align: center;
}

#main  table.result_01 td.rosen{
}

#main  table.result_01 td.rosen span{
	display:inline-block;
	margin-right:8px;
}

#main  table.result_01 td.message{
	text-align: center;
}


/*------駅インデックスページ------*/
#main .tabarea {
	float:left;
	width:690px;
	margin:20px 0 0;
	border-bottom:5px solid #dddddd;
	position: relative;
}

#main .tab_ekimeibox{
	float:left;
	width:250px;
	height:118px;
	border-top:3px solid #dddddd;
	border-left:3px solid #dddddd;
	border-right:3px solid #dddddd;
}

#main .ekimeitxt {
	margin-top:35px;
	text-align:center;
	font-size:20px;
	font-weight: 800;
}

#main .ekimeifuri {
	width:232px;
	margin-left:9px;
	margin-top:24px;
	background:#008b00;
	display:block;
	font-size:13px;
	text-align:center;
	color:#fff;
}

#main .tabarea ul {
	position: absolute;
	width:426px;
	top:40px;
	left:266px;
	list-style-type:none;
}

#main .tabarea li {
	float:left;
	width:95px;
	height:86px;
	margin-left:11px;
}
#main .tabarea li img {
	border: none;
}
#main .tabarea li a {
	display: block;
}
#main .tabarea li a:hover {
	background: none;
}
#main .tabarea li a:hover img {
	visibility: hidden;
}
/*#main .tabarea li:nth-child(1) {*/
#main .tabarea li:first-child {
	background: url(../../img/result/ekiindex_tab_01_over.gif) no-repeat;
}
/*#main .tabarea li:nth-child(2) {*/
#main .tabarea li:first-child + li {
	background: url(../../img/result/ekiindex_tab_02_over.gif) no-repeat;
}
/*#main .tabarea li:nth-child(3) {*/
#main .tabarea li:first-child + li + li {
	background: url(../../img/result/ekiindex_tab_03_over.gif) no-repeat;
}
/*#main .tabarea li:nth-child(4) {*/
#main .tabarea li:first-child + li + li + li {
	background: url(../../img/result/ekiindex_tab_04_over.gif) no-repeat;
}



/*駅インデックスtable*/
#main .rosentable {
	margin:10px 0 0;
}
#main table.result_02{
	width: 100%;
	border-collapse: collapse;
}

#main table.result_02 tr:nth-child(2n) {
	background: #f0f0f0;
}

#main table.result_02 th.rosen{
	width: 18%;
	padding: 6px;
	text-align: center;
	vertical-align: top;
	color: #fff;
	background-color: #008900;
	border: 1px solid #dddddd;
}

#main table.result_02 th.homen{
	width: 42%;
	padding: 6px;
	text-align: center;
	vertical-align: top;
	color: #fff;
	background-color: #008900;
	border: 1px solid #dddddd;
}

#main table.result_02 th.jikokuhyo{
	width: 40%;
	padding: 6px;
	text-align: center;
	vertical-align: top;
	color: #fff;
	background-color: #008900;
	border: 1px solid #dddddd;
}

#main  table.result_02 td{
	padding: 6px;
	border: 1px solid #dddddd;
	padding:15px 10px;
}

#main  table.result_02 td.weekday{
	text-align: center;
	width: 10%;
}

#main  table.result_02 td.holiday{
	text-align: center;
	width: 10%;
}

#main  table.result_02 td.inactive{
	text-align: center;
	width: 10%;
	color:#999999;
}

#main  table.result_02 td.suspend{
	text-align: center;
	width: 10%;
}

/*------時刻表ページ------*/

#main .priintout {
	margin-top: 17px;
	text-align: right;
}

/*時刻表table*/
#main .timetable {
	margin:10px 0 0;
	position: relative;
}
#main table.result_03{
	width: 100%;
	border-collapse: collapse;
}

#main table.result_03 tr:nth-child(2n) {
	background: #f0f0f0;
}

#main table.result_03 th.title{
	padding: 6px;
	text-align: left;
	vertical-align: top;
	color: #fff;
	font-size:16px;
	font-weight:800;
	background-color: #008900;
	border: 1px solid #dddddd;
}

#main table.result_03 th.time{
	width: 5%;
	padding: 6px;
	text-align: center;
	vertical-align: top;
	color: #000;
	border: 1px solid #dddddd;
}

#main table.result_03 th.day{
	width: 95%;
	padding: 6px;
	text-align: center;
	vertical-align: top;
	color: #000;
	border: 1px solid #dddddd;
}

#main table.result_03 th.weekday{
	background-color: #c6e4f2;
}

#main table.result_03 th.holiday{
	background-color: #ffe1eb;
}

.btn_weekday {
	float:right;
	width:140px;
	margin:0 auto;
}

.btn_holiday {
	float:right;
	width:167px;
	margin:0 auto;
}

#main table.result_03 td{
	border: 1px solid #dddddd;
	padding:4px 10px;
}

#main .timetable_time {
	float:left;
	line-height: 120%;
	margin:3px 10px;
	text-align: center;
}

#main .timetable_time a {
	text-decoration: underline;
}

#main .timetable_time a:link,
#main .timetable_time a:visited,
#main .timetable_time a:hover,
#main .timetable_time a:active {
	color:inherit;
	text-decoration: underline;
}

#main .timetable_time a:hover {
	background-color: #cccccc;
}

span.txt_black { color:black; }
span.txt_blue { color:blue; }
span.txt_green { color:green; }
span.txt_red { color:red; }
span.txt_brown { color:brown; }
span.txt_purple { color:purple; }

a.time_link_black { color: black; }
a.time_link_blue { color: blue; }
a.time_link_green { color: green; }
a.time_link_red { color: red; }
a.time_link_brown { color: brown; }
a.time_link_purple { color: purple; }


#main .timetable_time .train {
	font-size:80%;
}

#main .timetable_time .dest {
	font-size:80%;
	margin-left:6px;
}

#main .timetable_time .minute {
	font-weight: bold;
	line-height: 140%;
}

#main .timetable_time .minute .sp {
	font-style: italic;
	font-weight: normal;
}

/*時刻表ふきだし*/

.arrow_box {
	width:162px;
	/*height:214px;*/
	padding:10px;
	position: absolute;
	background: #ffffff;
	border: 1px solid #008900;
	font-size:100%;
	line-height: 1.7em;

	color:#000;
	font-style:normal;
	font-weight:normal;
	text-align:left;
	z-index:9999;
	margin-left:-92px;
	/*margin-top:13px;*/
	margin-top:19px;
}
.arrow_box:after, .arrow_box:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 10px;
	margin-left: -10px;
}
.arrow_box:before {
	border-color: rgba(0, 137, 0, 0);
	border-bottom-color: #008900;
	border-width: 11px;
	margin-left: -11px;
}

.arrow_box p {
}

.arrow_box .arrowbox_title {
	color:#008900;
	font-weight:800;
	margin-bottom: 15px;;
}
.arrow_box .arrowbox_subject {
	font-weight:800;
}

.arrow_box dl {
}
.arrow_box dl:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
}
.arrow_box dt {
	clear: left;
	float: left;
	width: 4em;
	/*padding: 2px 0;*/
	margin-left:6px;
	margin-right:6px;
}
.arrow_box dd {
	float: left;
	/*padding: 2px 0;*/
}


/*時刻表凡例table*/
#main .timetable2 {
	margin:10px 0 0;
	font-size:100%;
}
#main table.result_04{
	width: 100%;
	border-collapse: collapse;
}

#main table.result_04 th {
	padding: 3px;
	text-align: left;
	vertical-align: middle;
	color: #000;
	background-color: #f0f0f0;
	border: 1px solid #dddddd;
	width:20%;
}

#main table.result_04 td{
	border: 1px solid #dddddd;
	padding:15px 8px;
}

#main table.result_04 td span{
	display:inline-block;
	margin-right:8px;
}

#main table.result_04 td.exp_notes{
	padding: 8px;
}

#main table.result_04 td.exp_notes .itemText{
	padding-left: 1em;
	text-indent: -1em;
}

#main div.comment_savedia {
	background-color:#ffff99;
	border:1px solid #bcbcbc;
	padding:5px 10px;
	margin-top:10px;
}

#main div.comment_savedia h3 {
	font-size:100%;
	font-weight:bold;
}

#main div.comment_savedia p {
	padding: 0 0 0 1em;
	text-indent: -1em;
}


/*------列車詳細ページ------*/

#main .trainname {
	margin-top:15px;
}

#main h2.train {
	border-left:7px solid #008900;
	text-indent: 12px;
	height:26px;
	font-size: 16px;
	font-weight:800;
	margin:0 0 8px 0;
}

/*ご注意*/
#main .cautionbox {
	border:1px solid red;
	padding:5px;
	color:red;
}

/*カレンダーエリア*/
#main .calearea {
	margin-top:15px;
}

#main .calecaption_01 {
	border-left:15px solid #cbffcc;
	text-indent: 6px;
	font-size:12px;
	margin-bottom:5px;
}

#main .calecaption_02 {
	border-left:15px solid #cbf0ff;
	text-indent: 6px;
	font-size:12px;
	margin-bottom:5px;
}

/*列車詳細*/
#main .trainlist {
	margin:10px 0;
	font-size:100%;
	overflow:auto;
}
#main .trainlist+.rowContainer {
	margin-top:20px;
}
#main table.result_05{
	/*width: 100%;*/
	border-collapse: collapse;
	/*table-layout: fixed;*/
}

#main table.result_05 th {
	/*padding: 6px;*/
	padding: 4px;
	text-align: left;
	vertical-align: middle;
	color: #fff;
	/*width:10%;*/
	background-color: #008900;
	border: 1px solid #dddddd;
	white-space:nowrap;
}

#main table.result_05 td{
	/*padding: 6px;*/
	padding: 4px;
	border: 1px solid #dddddd;
	background-color: #fff;
}

#main .trainlist li {
	list-style-type:none;
}

#main .trainlist li img {
	/*height:13px;*/
}

#main .trainlist div.legend_list {
	padding:2px;
}

#main table.result_05 th.eki {
	/*padding: 6px;*/
	padding: 4px;
	text-align: center;
	vertical-align: middle;
	color: #000;
	/*width:15%;*/
	background-color: #f0f0f0;
	border: 1px solid #dddddd;
} 

#main table.result_05 th.sub{
	/*padding: 6px;*/
	padding: 4px;
	text-align: center;
	vertical-align: middle;
	color: #000;
	background-color: #f0f0f0;
	border: 1px solid #dddddd;
} 

#main table.result_05 tr:nth-child(2n) .time,
#main table.result_05 tr:nth-child(2n) .platform {
	background: #f0f0f0;
}

#main table.result_05 th.time{
	/*padding: 6px;*/
	padding: 4px;
	border: 1px solid #dddddd;
	text-align: left;
	background:#fff;
	color:#000;
	font-weight:normal;
}

#main table.result_05 td.time,
#main table.result_05 td.platform{
	/*padding: 6px;*/
	padding: 4px;
	border: 1px solid #dddddd;
	text-align: center;
	color:#000;
}

#main table.result_05 th.note {
	font-weight:bold;
}
#main table.result_05 td.note{
	text-align: left;
}

#main table.num_train_1 { width: 314px; /*258px;*/ }
#main table.num_train_2 { width: 502px; /*402px;*/ }
#main table.num_train_3 { width: 690px; /*546px;*/ }
#main table.num_train_4 { width: 690px; }
#main table.num_train_5 { width: 834px; }
#main table.num_train_6 { width: 978px; }
#main table.num_train_7 { width: 1122px; }
#main table.num_train_8 { width: 1266px; }

#main table.result_05 th.time{ /*width:102px;*/ }
#main table.result_05 td.time { width:92px; }
#main table.num_train_4 td.platform{ width:34px; }

#main table.num_train_1 td.time { width:120px; }
#main table.num_train_1 td.platform{ width:50px; }

#main table.num_train_2 td.time { width:120px; }
#main table.num_train_2 td.platform{ width:50px; }

#main table.num_train_3 td.time { width:120px; }
#main table.num_train_3 td.platform{ width:50px; }



.txt_left {
	text-align: left;
}

/*------フッター時刻表topへ------*/
.jikokutop {
	margin-top: 17px;
	text-align: left;
}

.jikokutop span{
	display: inline-block;
	padding-right: 12px;
	/*background: url(/img/result/bg-jikokutop_02.png) right top no-repeat;*/
	/*background: url(../../img/result/bg-jikokutop_02.png) right top no-repeat;*/
}

.jikokutop a {
	display: inline-block;
	height: 26px;
	padding-left: 30px;
	/*background: url(/img/result/bg-jikokutop_01.png) left top no-repeat;*/
	background: url(../../img/result/bg-jikokutop_01.png) left top no-repeat;
	line-height: 26px;
	font-size: 13px;
}

#side+.jikokutop {
	clear: both;
}