@charset "utf-8";

/* CSS Document */



/**************************** 鉄道 - 時刻運賃の検索 ****************************/

/* 検索の切替 */

div#train_tab_new {

	width: 400px;

	float: right;

}

div#train_tab_new a {

	color: #FFF;

	font-weight: bold;

	padding-left: 10px;

	float: right;

	background-color: #1F4470;

	background-image: url(../img/temp_btn_02.gif);

	background-repeat: no-repeat;

	background-position: right center;

	line-height: 25px;

	height: 25px;

	padding-right: 33px;

	margin-bottom: 5px;

	margin-left: 3px;

	position: relative;

	top: 15px;

}

div#train_tab_new a:hover {

	background-color: #EB8F3D;

	background-image: url(../img/temp_over_btn_02.gif);

	line-height: 30px;

	height: 30px;

	margin-bottom: 0px;

	top: 10px;

}

div#train_tab_new a.select {

	color: #FFF;

	font-weight: bold;

	padding-left: 10px;

	float: right;

	background-color: #EB8F3D;

	background-image: url(../img/temp_over_btn_02.gif);

	background-repeat: no-repeat;

	background-position: right center;

	line-height: 30px;

	height: 30px;

	padding-right: 33px;

	margin-bottom: 0px;

	margin-left: 3px;

	position: relative;

	top: 10px;

}

/* 検索ul */

#train_search {

	width:622px;

	padding:15px;

	margin-bottom: 10px;

	border-top: 3px solid #1F4470;

	border-bottom: #666 1px solid;

	border-left: #666 1px solid;

	border-right: #666 1px solid;

	background-color: #FFF;

	clear: both;

}

/* 鉄道検索フォーム */

.train_search_form {

	margin: 10px auto 5px auto;

	padding: 5px;

	background-color: #E0E0E0;

	font-weight: bold;

	color: #1F4470;

	width: 594px;

}

.train_search_input {

	position: relative;

	top: 2px;

	margin-right: 5px;

}

.train_search_select {

	width: 95px;

	margin-left: 10px;

}

.train_search_select2 {

	width: 40px;

}

/* 各路線の時刻表バナー */

.train_search_rosen_bnr {

	display: block;

	width: 98px;

	height: 20px;

	margin-right: 5px;

	float: left;

	text-indent: -9999px;

}

/* 平日・休日の説明 */

#train_search table.week {

	margin: 0 10px 0 10px;

	padding: 5px;

	border: none;

	width: auto;

	background-color: #FFFF99;

}



#train_search table.week th {

	white-space: nowrap;

	vertical-align: top;

	text-align: left;

}



#train_search table.week td {

	vertical-align: top;

	text-align: left;

}



.tsr_bnr1 {

	background-image: url(../img/train/train_02.gif);

}

.tsr_bnr1:hover {

	background-image: url(../img/train/train_over_02.gif);

}

.tsr_bnr2 {

	background-image: url(../img/train/train_03.gif);

}

.tsr_bnr2:hover {

	background-image: url(../img/train/train_over_03.gif);

}

.tsr_bnr3 {

	background-image: url(../img/train/train_04.gif);

}

.tsr_bnr3:hover {

	background-image: url(../img/train/train_over_04.gif);

}

.tsr_bnr4 {

	background-image: url(../img/train/train_05.gif);

}

.tsr_bnr4:hover {

	background-image: url(../img/train/train_over_05.gif);

}

.tsr_bnr5 {

	background-image: url(../img/train/train_06.gif);

}

.tsr_bnr5:hover {

	background-image: url(../img/train/train_over_06.gif);

}

.tsr_bnr6 {

	background-image: url(../img/train/train_07.gif);

}

.tsr_bnr6:hover {

	background-image: url(../img/train/train_over_07.gif);

}







/********************************************************** 検索結果 **********************************************************/

/**************************** ダイヤ ****************************/

/* 上部 */

.box_train_result {

	border: #000 solid 2px;

	font-weight: bold;

	color: #000;

	padding-left: 15px;

	padding-top: 10px;

	padding-bottom: 10px;

	width: 599px;

	margin-bottom: 15px;

	background-color: #F5F5F5;

}

.box_train_result .tr1  {

	float: left;

	margin-right: 20px;

	font-size: 140%;

}

.box_train_result .tr2  {

	background: url(../img/train/btn_05.gif);

	background-repeat: no-repeat;

	background-position: left center;

	padding-left: 36px;

	margin-right: 20px;

	float: left;

	font-size: 140%;

}

.box_train_result .tr3  {

	float: left;

	font-size: 110%;

}

/* 経路 */

.train_keiro_main_l {

	font-weight: bold;

	color: #FFF;

	background-color: #1F4470;

	border: #1F4470 1px solid;

	height: 30px;

	line-height: 30px;

	float: left;

	width: 60px;

	text-align: center;

}

.train_keiro_main_r {

	font-weight: bold;

	padding-right: 10px;

	padding-left: 15px;

	float: left;

	width: 528px;

	height: 30px;

	line-height: 30px;

	border-right: #666 solid 1px;

	border-top: #666 solid 1px;

}

.train_keiro_main_r img {

	position: relative;

	bottom: 7px;

}

.train_keiro_main_r img:hover {

	filter: alpha(opacity=70);

 	-moz-opacity:0.5;

  	opacity:0.5;

}

.train_keiro_syousai {

	width: 594px;

	padding: 10px;

	border-left: 1px solid #666;

	border-right: 1px solid #666;

	border-bottom: 1px solid #666;

	clear: both;

	position: relative;

	bottom: 1px;

	margin-bottom: 40px;

}

.train_keiro_keiyuname {

	font-size: 120%;

}

.train_keiro_syousai table {

	width: 584px;

	padding-left: 10px;

	background-color: #F5F5F5;

	border: 1px solid #ccc;

}

.train_keiro_syousai table td {

	white-space: nowrap;

	padding-top: 3px;

	padding-bottom: 3px;

}

.train_keiro_border {

	width: 500px;

	height: 20px;

	margin-left: 110px;

	border-left: #FFBF00 solid 4px;

}

/*ul#train_search li#bottom {

	width: 614px;

	height: 65px;

	background-image: url(../img/train/train_10.gif);

	background-repeat: no-repeat;

	background-position: center;

}

*/

/*サイドメニューに摘要を表示*/

.train_keiro_tekiyou {

	border: #666 1px solid;

	width: 190px;

	padding: 0px 5px 0px 5px;

}

.train_keiro_tekiyou td {

	vertical-align: top;

}

.train_keiro_tekiyou td + td {

	white-space: normal !important;

}

/*サイドメニューに特急料金を表示*/

.train_keiro_tokkyuu {

	border-top: #666 1px solid;

	border-left: #666 1px solid;

	width: 190px;



}

.train_keiro_tokkyuu td {

	border-right: #666 1px solid;

	border-bottom: #666 1px solid;

	padding: 10px 5px 10px 5px;

	font-size: 90%;

}



/**************************** 運賃 ****************************/

/* 全線フリー定期券 */

#free_ticket {

	padding: 20px;

	width: 614px;

}

a#train_free_ticket {

	display: block;

	background-image:url(../img/train/free_ticket.gif);

	width: 468px;

	height: 99px;

	margin-left: 73px;

	margin-right: 73px;

	margin-top: 5px;

	text-indent: -9999px;

}

a#train_free_ticket:hover {

	background-image:url(../img/train/free_ticket_ov.gif);

}

a.heiyou {

	position: relative;

	bottom: 5px;

}



/**************************** 時刻表 ****************************/

.box_tekiyou {

	border: #666 1px solid;

	padding: 10px;

	width: 594px;

}

.rosen_topmenu_slide {

	position: fixed;

}

.rosen_ekimei_slide {

	position: fixed;

	background-color: #FFF;

	padding-left: 20px;

	left: 0px;

	top: 92px;

	z-index: 1000;

}

.rosen_jikoku_kotei {

	position: relative;

	left: 99px;

}

.rosen_footmenu_kotei {

	position: fixed;

	margin: 20px 0 0;

}

.rosen_height {

	position: relative;

	top: 72px;

}



/******** 路線別 ********/

/* 右 */

div#train_jikoku_rosen_r {

	border-top: #666 1px solid;

	border-right: #666 1px solid;

	overflow-x: auto;

	float: left;

	width: 514px;

	font-size: 95%;

}

.train_jikoku_rosen_r_table td {

	padding-top: 5px;

	padding-bottom: 5px;

	padding-left: 7px;

	padding-right: 7px;

	min-width: 50px;

	text-align: center;

	border-right: #666 1px solid;

	border-bottom: #666 1px solid;

	white-space: nowrap;

}

.train_jikoku_rosen_r_table td.tjr_koumoku {

	font-weight: bold;

	background-color: #F5F5F5;

	padding: 0px;

}

/* 左 */

.train_jikoku_rosen_l_table {

	width: 100px;

	border-left: #666 1px solid;

	border-top: #666 1px solid;

}

.train_jikoku_rosen_l_table td {

	padding-left: 2px;

	padding-right: 2px;

	padding-top: 0px;

	padding-bottom: 0px;

	text-align: center;

	border-bottom: #666 1px solid;

	border-right: #666 1px solid;

	white-space: nowrap;

}

.train_jikoku_rosen_l_table td.tjl_koumoku {

	font-weight: bold;

	background-color: #F5F5F5;

	padding-left: 0px;

	padding-right: 0px;

}

.train_jikoku_rosen_l_table td.tjl_koumoku2 {

	font-weight: bold;

	background-color: #F5F5F5;

	padding: 0px;

	line-height: 13px;

	font-size: 12px;

}





/******** 駅別 ********/

/* 経路を出した際、横にスライド */

.margin_keiro {

	margin-left: 290px;

	padding-right: 20px;

}

/* 平日 */

#train_jikoku_ekibetsu_heijitsu td {

	padding: 5px;

	text-align: left;

	border-right: #666 1px solid;

	border-bottom: #666 1px solid;

	white-space: nowrap;

}

#train_jikoku_ekibetsu_heijitsu td.eki {

	padding: 0px;

	font-weight: bold;

	background-color: #1F4470;

	color: #FFF;

	border-right: #FFF 1px solid;

	border-bottom: #FFF 1px solid;

	text-align: center;

}

#train_jikoku_ekibetsu_heijitsu td.eki_last_yoko {

	padding-left: 10px;

	padding-right: 10px;

	font-weight: bold;

	background-color: #1F4470;

	color: #FFF;

	border-right: #666 1px solid;

	border-bottom: #FFF 1px solid;

	text-align: center;

}

#train_jikoku_ekibetsu_heijitsu td.eki_last_tate {

	padding: 0px;

	font-weight: bold;

	background-color: #1F4470;

	color: #FFF;

	border-right: #FFF 1px solid;

	border-bottom: #666 1px solid;

	text-align: center;

}

/* 休日 */

#train_jikoku_ekibetsu_kyujitsu td {

	padding: 5px;

	text-align: left;

	border-right: #666 1px solid;

	border-bottom: #666 1px solid;

	white-space: nowrap;

}

#train_jikoku_ekibetsu_kyujitsu td.eki {

	padding: 0px;

	font-weight: bold;

	background-color: #007F33;

	color: #FFF;

	border-right: #FFF 1px solid;

	border-bottom: #FFF 1px solid;

	text-align: center;

}

#train_jikoku_ekibetsu_kyujitsu td.eki_last_yoko {

	padding-left: 5px;

	padding-right: 5px;

	font-weight: bold;

	background-color: #007F33;

	color: #FFF;

	border-right: #666 1px solid;

	border-bottom: #FFF 1px solid;

	text-align: center;

}

#train_jikoku_ekibetsu_kyujitsu td.eki_last_tate {

	padding: 0px;

	font-weight: bold;

	background-color: #007F33;

	color: #FFF;

	border-right: #FFF 1px solid;

	border-bottom: #666 1px solid;

	text-align: center;

}



/* 右側に経路案内を表示する */

div#train_keiro strong {

	padding-top: 5px;

	padding-bottom: 5px;

	padding-left: 10px;

	border: 2px solid #1F4470;

	color: #1F4470;

	display: block;

	clear: both;

}

div#train_keiro table {

	font-size: 12px;

	margin-top: 20px;

}

div#train_keiro table#train_keiro_result {

	width: 205px;

	border-top: 1px #666 solid;

	border-left: 1px #666 solid;

}

div#train_keiro table#train_keiro_result td {

	text-align: center;

	border-bottom: 1px #666 solid;

	border-right: 1px #666 solid;

	padding-top: 3px;

	padding-bottom: 3px;

	width: 102px;

}

div#train_keiro table#train_keiro_result td#t1 {

	font-weight: bold;

	background-color: #F5F5F5;

}

/* 閉じるボタン */

div#train_keiro a {

	font-size: 12px;

	font-weight: bold;

	background-image: url(../img/train/btn_06.gif);

	background-position: center right;

	background-repeat: no-repeat;

	height: 12px;

	float: right;

	padding-right: 18px;

	line-height: 12px;

	margin-bottom: 5px;

}

div#train_keiro {

	width: 205px;

	border: 1px #666 solid;

	padding: 15px;

	margin-right: 5px;

}





/* 右側に経路案内を表示する-2 */

div#train_keiro2 {

	width: 250px;

	border: 1px #666 solid;

	padding-top: 10px;

	padding-left: 15px;

	padding-right: 15px;

	padding-bottom: 15px;

	position: absolute;

}

div#train_keiro2 strong {

	padding-top: 3px;

	padding-bottom: 3px;

	border: 2px solid #1F4470;

	color: #1F4470;

	display: block;

	clear: both;

	text-align: center;

	font-size: 120%;

}

div#train_keiro2 table {

	margin-top: 10px;

	width: 250px;

}

div#train_keiro2 table#train_keiro_result {

	border-top: 1px #666 solid;

	border-left: 1px #666 solid;

}

div#train_keiro2 table#train_keiro_result td {

	text-align: center;

	border-bottom: 1px #666 solid;

	border-right: 1px #666 solid;

	padding-top: 3px;

	padding-bottom: 3px;

	width: 102px;

}

div#train_keiro2 table#train_keiro_result td#t1 {

	font-weight: bold;

	background-color: #F5F5F5;

}

/* 閉じるボタン */

div#train_keiro2 a {

	background-image: url(../img/train/btn_06.gif);

	width: 65px;

	height: 23px;

	float: right;

	margin-bottom: 5px;

	text-indent: -9999px;

}

div#train_keiro2 a:hover {

	background-image: url(../img/train/btn_ov_06.gif);

}





/**************************** 市内電車 - 時刻運賃 ****************************/

.citytrain_jikokuhyou {

	width: 284px;

	float: left;

}

.citytrain_photo {

	margin-left: 20px;

	width: 310px;

	border: #666 1px solid;

	float: right;

}

.citytrain_photo2 {

	margin-left: 10px;

	width: 380px;

	float: right;

}

.citytrain_jikokuhyou .ct_l {

	width: 180px;

	float: left;

	margin-bottom: 10px;

	font-weight: bold;

}

.citytrain_jikokuhyou .ct_r {

	width: 104px;

	float: left;

	margin-bottom: 5px;

}

.citytrain_jikokuhyou a:hover img {

	filter: alpha(opacity=30);

 	-moz-opacity:0.3;

  	opacity:0.3;

}

.citytrain_jikokuhyou2 {

	width: 222px;

	float: left;

}

.citytrain_jikokuhyou2 .ct_l {

	width: 162px;

	float: left;

	margin-bottom: 10px;

	font-weight: bold;

}

.citytrain_jikokuhyou2 .ct_r {

	width: 50px;

	margin-left: 10px;

	float: left;

	margin-bottom: 5px;

}

.citytrain_jikokuhyou2 a:hover img {

	filter: alpha(opacity=30);

 	-moz-opacity:0.3;

  	opacity:0.3;

}

/* 平日・休日の説明 */

div.city_week {

	margin: 10px 0;

	font-size: 80%;

	border: 1px solid #999;

	background-color: #FFFF99;

	line-height: 1.5em;

}



div.city_week table {

	margin: 0;

	padding: 0;

	border: none;

}



div.city_week table th {

	white-space: nowrap;

	vertical-align: top;

	text-align: left;

	width: 40px;

}



div.city_week table td {

	vertical-align: top;

	text-align: left;

}





#desc_ic {

	border-right: none;

	border-top: 1px solid #FFF;

	border-bottom: none;

	vertical-align: bottom;

	padding-bottom: 0;

	position: relative;

	bottom: 1px;

}

#desc_ic .eco {

	font-weight: bold;

	color: #5EB031;

}

#desc_ic .passca {

	font-weight: bold;

	color: #0085CE;

}







/**************************** 車両のご紹介 ****************************/

.train_syoukai1 {

	width: 390px;

	padding-bottom: 20px;

	padding-left: 224px;

	padding-top: 11px;

	border-bottom: 1px dotted #666;

	margin-bottom: 20px;

	background-position: left top;

	background-repeat: no-repeat;

	background-image: url(../img/train/sharyoushoukai/img1.jpg);

	height: 158px;

}

.train_syoukai2 {

	width: 446px;

	padding-bottom: 20px;

	padding-right: 170px;

	padding-top: 11px;

	border-bottom: 1px dotted #666;

	margin-bottom: 20px;

	background-position: right top;

	background-repeat: no-repeat;

	background-image: url(../img/train/sharyoushoukai/img2.jpg);

	height: 214px;

}

.train_syoukai3 {

	width: 444px;

	padding-bottom: 20px;

	padding-left: 170px;

	padding-top: 11px;

	border-bottom: 1px dotted #666;

	margin-bottom: 20px;

	background-position: left top;

	background-repeat: no-repeat;

	background-image: url(../img/train/sharyoushoukai/img3.jpg);

	height: 214px;

}

.train_syoukai4 {

	width: 390px;

	padding-bottom: 20px;

	padding-right: 224px;

	padding-top: 11px;

	border-bottom: 1px dotted #666;

	margin-bottom: 20px;

	background-position: right top;

	background-repeat: no-repeat;

	background-image: url(../img/train/sharyoushoukai/img5.jpg);

	height: 159px;

}

.train_syoukai5 {

	width: 390px;

	padding-bottom: 20px;

	padding-left: 224px;

	padding-top: 11px;

	border-bottom: 1px dotted #666;

	margin-bottom: 20px;

	background-position: left top;

	background-repeat: no-repeat;

	background-image: url(../img/train/sharyoushoukai/img4.jpg);

	height: 159px;

}

.train_syoukai6 {

	width: 390px;

	padding-bottom: 20px;

	padding-right: 224px;

	padding-top: 11px;

	border-bottom: 1px dotted #666;

	margin-bottom: 20px;

	background-position: right top;

	background-repeat: no-repeat;

	background-image: url(../img/train/sharyoushoukai/img6.jpg);

	height: 160px;

}

.train_syoukai7 {

	width: 390px;

	padding-bottom: 20px;

	padding-left: 224px;

	padding-top: 11px;

	border-bottom: 1px dotted #666;

	margin-bottom: 20px;

	background-position: left top;

	background-repeat: no-repeat;

	background-image: url(../img/train/sharyoushoukai/img7.jpg);

	height: 167px;

}

.train_syoukai8 {

	width: 390px;

	padding-bottom: 20px;

	padding-right: 224px;

	padding-top: 11px;

	background-position: right top;

	background-repeat: no-repeat;

	background-image: url(../img/train/sharyoushoukai/img8.jpg);

	height: 166px;

}







/**************************** グッズ販売 ****************************/

ul#train_shop {

	border: #ADADAD 1px solid;

	padding-top: 20px;

	padding-left: 20px;

	padding-right: 20px;

	padding-bottom: 0px;

	width: 614px;

}

div.train_shop_goods {

	border: #ADADAD 1px solid;

	padding: 10px;

	margin-bottom: 30px;

	width: 176px;

	color: #595959;

	float: left;

}

.train_shop_goods_number {

	width: 24px;

	height: 24px;

	line-height: 24px;

	text-align: center;

	font-weight: bold;

	color: #FFF;

	float: left;

	margin-right: 5px;

	margin-bottom: 5px;

	background-color: #FAC44C;

}

.train_shop_goods_name {

	min-height: 40px;

	font-weight: bold;

	margin-top: 3px;

	margin-bottom: 5px;

	font-size: 110%;

}

.train_shop_goods_setsumei {

	min-height: 100px;

}

.btn_train_shop {

	background-image: url(../img/train/shop_02.gif);

	width: 68px;

	height: 18px;

	text-indent: -9999px;

	float: right;

	border: none;

}

.btn_train_shop:hover {

	position: relative;

	top: 1px;

	left: 1px;

}

.train_shop_select {

	width: 40px;

}

.border_train_shop {

	height: 3px;

	border-top: #3F3F3F 3px dotted;

	margin-top: 20px;

	margin-bottom: 50px;

}





/**************************** 鉄道 - 駅情報 ****************************/

#stationnav {

	float: none;

	clear: both;

	border: none;

	margin: 0 0 2.5em;

	font-weight: bold;

	position: relative;

	top: 2em;

	background-color: transparent;

}

#stationinfo {

	border: #666 1px solid !important;

}

/* 現在の駅名 */

#present ul {
	width: 654px !important;
	border: none !important;
	text-align: center;
	margin: 0 0 0.8em !important;
	padding: 0 0 1.5em !important;
	background-image: url(../img/train/odekake/stationnav.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color: transparent;
}

#present li {

	font-size: 1.4em;

}

#present .name {

	font-size: 3em;

	margin: 0 0 0.4em;

}

/* 前・次の駅 */

/* #back,

#next {

	width: 50%;

	float: left;

	margin-bottom: 2em;

} */

#back {

	width: 50%;

	float: left;

	margin-bottom: 2em;

}

#next {

	width: 50%;

	float: right;

	margin-bottom: 2em;

}

#back a,

#next a {

	color: #1f4470;

	position: relative;

}

#back a {

	left: -8px;

}

#next a {

	right: -8px;

}

#back a:hover,

#next a:hover {

	color: #EB8F3D;

}

#back ul,
#next ul,
#stationinfo ul {
	background-color: transparent;
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

#back ul {

	width: 100% !important;

}

#next ul {
	width: 100% !important;
	text-align: right;
}

#back .name,
#next .name {
	font-size: 1.5em;
	line-height: 22px;
	display: block;
	height: 22px;
	background-repeat: no-repeat;
	margin: 0 0 0.3em;

}

#back .name {

	background-position: left top;

	background-image: url(../img/train/odekake/stationnav_back.gif);

	padding: 0 0 0 29px;

	position: relative;

	left: 8px;

}

#next .name {

	background-position: right top;

	background-image: url(../img/train/odekake/stationnav_next.gif);

	padding: 0 29px 0 0;

	position: relative;

	right: 8px;

}

#back a:hover .name {

	background-image: url(../img/train/odekake/stationnav_ov_back.gif);

}

#next a:hover .name {

	background-image: url(../img/train/odekake/stationnav_ov_next.gif);

}

/* 駅情報 */

#stationinfo ul {
	width: auto !important;
}

#stationinfo .list {

	width: 325px;

	float: left;

	margin: 0 0 0.7em;

}

/* 駅情報タイトル */

#stationinfo h1 {

	color: #444;

	font-size: 1.6em;

	line-height: 41px;

	height: 41px;

	background-image: url(../img/train/odekake/stationinfo_h1.gif);

	padding: 0 0 0 25px;

	margin: 0 0 0.6em;

	display: block;

	width: 595px;

	border: 1px solid #DEDEDE;

}

#stationinfo .list h1 {

	width: 300px;

}

/* 駅情報リスト */

#stationinfo .list li {

	padding: 0.3em;

}

#stationinfo .list li:after {

  content: ".";

  display: block;

  height: 0;

  clear: both;

  visibility: hidden;

}

#stationinfo .list li { display: inline-table; }

/* Hides from IE-mac \*/

* html #stationinfo .list li { height: 1%; }

#stationinfo .list li { display: block; }

/* End hide from IE-mac */

#stationinfo .list strong {

	display: block;

	float: left;

	width: 35%;

}

#stationinfo .list span {

	display: block;

	float: left;

	width: 65%;

}

#stationinfo .list .gray {

	background-color: #F5F5F5;

}

#stationinfo .list li {

	padding: 0.3em;

}

/* 外観 */

#stationinfo .photo {

	width: 275px;

	height: 200px;

	float: right;

	margin: 0 0 1em;

}

#stationinfo .photo img {

	width: 100%;

	height: auto;

}

/* 鉄道発着時刻表 */

#stationinfo .timetable {

	margin: 0.5em 0 0;



}

#stationinfo .timetable a {

	/*

	background-image: url(../img/train/odekake/pdf.jpg);

	display: block;

	height: 44px;

	line-height: 44px;

	background-repeat: no-repeat;

	background-position: right center;

	padding: 0 50px 0 0;

	*/

	display: block;

	height: 15px;

	line-height: 15px;

	background-repeat: no-repeat;

	background-position: left center;

	background-image: url(../img/train/odekake/state.gif);

	font-weight: bold;

	padding: 0 0 0 20px;

}

#stationinfo .timetable a:hover {

	background-image: url(../img/train/odekake/state_ov.gif);

}

/* 施設状況 */

.state {

	clear: both;

	margin: 0 0 1.5em;

	font-weight: bold;

	width: 410px;

}

.state a {

	display: block;

	height: 15px;

	line-height: 15px;

	clear: both;

	cursor: pointer;

	margin: 0 0 1em;

	font-weight: bold;

	background-repeat: no-repeat;

	background-position: left top;

	background-image: url(../img/train/odekake/state.gif);

	padding: 0 0 0 20px;

}

.state a:hover {

	background-image: url(../img/train/odekake/state_ov.gif);

}

/* 駅構内図 */

.stationMap {

		margin: 0 0 1.5em;

}

.stationMap a {

	display: block;

	height: 15px;

	line-height: 15px;

	clear: both;

	cursor: pointer;

	margin: 0 0 1em;

	font-weight: bold;

	background-repeat: no-repeat;

	background-position: left top;

	background-image: url(../img/train/odekake/state.gif);

	padding: 0 0 0 20px;

}



/* Yahoo地図 */

#stationinfo .yahoo iframe {

	margin: 0 69px 0 70px;

}

#stationinfo .yahoo .desc {

	margin: 1em auto 0;

	border: #AAA 1px solid;

	padding: 15px;

	width: 500px;

	font-size: 0.9em;

	background-color: #F7F7F7;

	text-align: center;

}

#stationinfo .yahoo .desc .red {

	margin: 0.4em 0;

}







/**************************** 鉄道 - 駅施設状況 ****************************/

.state_title {

	float: none;

	color: #444;

	font-size: 1.6em;

	line-height: 41px;

	height: 41px;

	background-image: url(../img/train/odekake/stationinfo_h1.gif);

	padding: 0 0 0 25px;

	margin: 0 0 1em;

	display: block;

	border: 1px solid #CCC;

	width: 960px;

}

.train_state {

	font-size: 0.9em;

	font-weight: bold;

	float: none;

	border-left: #BBB 1px solid;

	border-top: #BBB 1px solid;

	border-collapse: collapse;

	border-spacing: 0;

	width: 985px;

}

.train_state caption {

	font-size: 1.5em;

	margin: 0 0 0.4em;

	text-align: left;

	position: relative;

	left: -10px;

}

/*

.state_tateyama caption {

	color: #007F33;

}

.state_fujikoshi caption {

	color: #A24F26;

}

*/

.train_state caption:before {

	content: "【";

}

.train_state caption:after {

	content: "】";

}

.train_state td,

.train_state th {

	padding: 7px 10px;

	white-space: nowrap;

}

.train_state td {

	background-color: #FFF;

	border-bottom: 1px solid #BBB;

	border-right: 1px solid #BBB;

}

.train_state .dot {

	border-right: 1px dashed #BBB;

}

.train_state th {

	border-right: #BBB 1px solid;

	border-bottom: #BBB 1px solid;

	background-color: #E5E5E5;

}

/*

.state_tateyama .cap1 {

	background-color: #007F33;

	color: #FFF;

}

.state_fujikoshi .cap1 {

	background-color: #A24F26;

	color: #FFF;

}

*/

.train_state .cap1 {

	background-color: #555;

	color: #FFF;

}

.train_state_desc {

	border: #BBB 2px solid;

	background-color: #FFF;

	margin: 2em auto 4em auto;

	padding: 10px;

	width: 676px;

}

.train_state_desc table {

	margin: 0.5em 0 0;

}

.train_state_desc td {

	vertical-align: top;

	font-size: 0.85em;

	padding: 1px 2px;

}

.train_state_desc span {

	font-size: 0.8em;

}

.desc_wrap {

	width: 985px;

}





/**************************** 乗り換えのご案内 ****************************/

.s-norikae dl {

	margin-top: 20px;

}

.s-norikae dt {

	font-weight: bold;

	font-size: 16px;

	/*

	width: 130px;

	clear: both;

	float: left;

	white-space: nowrap;

	*/

}

.s-norikae dd {

	margin-top: 8px;

	margin-bottom: 15px;

	/*

	overflow: hidden;

	zoom: 1;

	*/

}

.s-norikae dd a {
	color: #666;
}

.s-norikae hr {

	height: 1px;

	border: none;

	margin-top: 10px;

	margin-bottom: 10px;

}

.s-norikae-window {

	width: 616px;

	margin: 20px;

}

.s-norikae-window h1 {

	margin-bottom: 10px;

	font-size: 140%;

	color: #FFF;

	padding: 5px 10px;

	background-color: #1F4470;

	width: 596px;

}

.s-norikae-window h1:before {

	content: '■ ';

}

.s-norikae-window ul {

	margin-top: 15px;

}

.s-norikae-window li {

	list-style-type: disc;

	margin-left: 20px;

	margin-bottom: 15px;

}

.s-norikae-window li span {

	font-size: 130%;

}
/**************************** 座席指定について ****************************/
#reservedseat {
	text-align: center;
}
#reservedseat caption {
	text-align: left !important;
}
#reservedseat td.head {
    background-color: #E2E2E2;
    font-weight: bold;
}
.cell_green {
	background: #CFC;
}
.cell_pink {
	background: #FFCCFF;
}
.cell_blue {
	background: #CCFFFF;
}


/**************************** 鉄道 - 電車・市内電車・路線バスの乗り方 ****************************/
#main_box ul#boarding {
	width: 612px;
	padding: 20px;
	border: 1px solid #888;
}
#main_box ul#boarding h5 {
	margin-bottom: 15px;
	padding-left: 12px;
	padding-right: 12px;
	background-color: #00aeeb;
	line-height: 0;
	height: 36px;
	position: static;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#main_box ul#boarding h5.center {
	text-align: center;
}
#main_box ul#boarding .cf + h5 {
	margin-top: 30px;
}
#main_box ul#boarding h6 {
	background-color: #dbdcdc;
	line-height: 0;
	padding-left: 12px;
	padding-right: 12px;
	height: 27px;
	margin-bottom: 15px;
	border-left: none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#main_box ul#boarding .btn-blue,
#main_box ul#boarding .btn-pink {
	border-width: 1px;
	border-style: solid;
	display: block;
	text-align: center;
	height: 18px;
	line-height: 0;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-position: center center;
	background-repeat: no-repeat;
}
#main_box ul#boarding .btn-blue {
	border-color: #00aeeb;
}
#main_box ul#boarding .btn-blue:hover {
	background-color: #00aeeb;
}
#main_box ul#boarding .btn-pink {
	border-color: #e75297;
}
#main_box ul#boarding .btn-pink:hover {
	background-color: #e75297;
}
#main_box ul#boarding .btn-blue:hover img,
#main_box ul#boarding .btn-pink:hover img {
	display: none;
}
#main_box ul#boarding .web {
	background-image: url(../img/train/boarding-index_03_ov.png);
}
#main_box ul#boarding .movie {
	background-image: url(../img/train/boarding-index_04_ov.png);
}
#main_box ul#boarding .flyer {
	background-image: url(../img/train/boarding-index_05_ov.png);
}
#main_box ul#boarding .floatleft {
	width: 340px;
}
#main_box ul#boarding .floatleft p + a {
	margin-top: 7px;
}
#main_box ul#boarding .floatleft a + a {
	margin-top: 7px;
}
#main_box ul#boarding .floatright {
	width: 270px;
	text-align: right;
}
#main_box ul#boarding .floatright img {
	max-width: 100%;
	height: auto;
}

/* 電車の乗り方（現金・きっぷ・フリーきっぷ編） */
#main_box ul#boarding .pagetitle {
	margin-bottom: 30px;
}
#main_box ul#boarding .btn-toggle {
	cursor: pointer;
	background-image: url(../img/train/boarding-toggle_off.png);
	background-repeat: no-repeat;
	background-position: 573px center;
}
#main_box ul#boarding .on {
	margin-bottom: 30px !important;
	background-image: url(../img/train/boarding-toggle_on.png) !important;
}
#main_box ul#boarding .toggle {
	display: none;
}
#main_box ul#boarding .toggle .cf + .cf,
#main_box ul#boarding .process + .process {
	margin-top: 30px;
}
#main_box ul#boarding .toggle h5,
#main_box ul#boarding .process h5 {
	width: 572px;
	position: relative;
	left: 0;
}
#main_box ul#boarding .toggle .floatright img,
#main_box ul#boarding .process .floatright img {
	position: relative;
	z-index: 2;
	border: 1px solid #888;
}
#main_box ul#boarding .fare {
	background-image: url(../img/train/boarding-train_07_ov.png);
}
#main_box ul#boarding .free {
	background-image: url(../img/train/boarding-train_08_ov.png);
}
#main_box ul#boarding .discrimination {
	background-image: url(../img/train/boarding-train_31_ov.png);
}
#main_box ul#boarding .detail {
	background-image: url(../img/train/boarding-train_32_ov.png);
}
#main_box ul#boarding .time {
	background-image: url(../img/train/boarding-tram_09_ov.png);
}

/* 市内電車の乗り方（現金・フリーきっぷ編） */
#main_box ul#boarding .col-3 li {
	width: 190px;
	line-height: 0;
	float: left;
}
#main_box ul#boarding .col-3 li + li {
	margin-left: 21px;
}

/* 路線バスの乗り方（現金・フリーきっぷ編） */
#main_box ul#boarding .stop {
	background-image: url(../img/train/boarding-bus_09_ov.png);
}
#main_box ul#boarding .time-bus {
	background-image: url(../img/train/boarding-bus_12_ov.png);
}
#main_box ul#boarding .number {
	height: 36px;
	background-image: url(../img/train/boarding-bus_25_ov.png);
}


/**************************** 貸切運行 ****************************/

ul#reserve_train {
	border: #ADADAD 1px solid;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
	width: 614px;
}
ul#reserve_train b{
	font-size: 1.1em;
	margin-bottom:5px;
}
ul#reserve_train h6{
	color:#00A0C6
}
div.reserve_train_box {
	margin-bottom: 10px;
	width: 196px;
	color: #595959;	float: left;
}

.reserve_train_box_name {
	min-height: 17px;
	font-weight: bold;
	margin-top: 3px;
	font-size: 110%;
}

.reserve_train_box_setsumei {
	min-height: 25px;
}