/* 基本となる文字のサイズなど ---------------------------------------*/
body{
  background-image: url(./image/bg048.gif);
  font-size:85%;                   /* 文字サイズ（80%=small） */
  line-height:16px;
  padding:0px;
  margin:10px;
  font-family:Arial,Meiryo,メイリオ,MS Pゴシック,ヒラギノ角ゴ Pro W3,Verdana,Sans-serif;
}

/* リンク設定 ----------------------------------------------------------*/
a{text-decoration:none;}       /*   リンクの飾り（なし） */
a:link{color:black;}           /* リンクの色（白） */
a:visited{color:black;}        /* 訪問済みリンクの色（白） */
a:hover{color: blue; text-decoration: underline;}


/* 時刻表のテーブルの設定 ----------------------------------------------*/
table ,td{ 
  border: 1px silver solid; 
  border-collapse: collapse;
  background-color: white;
}



td { 
  border: 1px silver solid; 
  border-collapse: collapse;
  text-align: center;
  vertical-align: middle; 
  padding:0px;

}

/* 背景色 ----------------------------------------------*/
.ash td{background-color:#cccccc;}
.pink td{background-color:#ed9db9;}
.green td{background-color:#ffffff;}
.lightgreen td{background-color:#ccffcc;}
.sawan td{background-color:#ccffcc;}
.gray td{background-color:#d4d4d4;}


/* 列車の種類（列車名を説明する上部のテーブル）---------------------------------*/

.sta{border: 0px; background-color: transparent;}
.stationname{
  padding:0px 30px 0px 0px;
  border: 0px;text-align:left;
  background-color: transparent;
  vertical-align: top; 
  }



/* 各路線の注意事項 ----------------------------------------------*/

div#note2{
  border: 1px silver solid; 
  margin:0px 20px 10px 0px;
  padding: 2px;
  width:630px;
  height:130px;
  position:relative;
  background-color: white;
  line-height:18px;
}

/* 路線名の説明 ----------------------------------------------*/

.title td{
  background-color: mediumaquamarine;
  font-size:140%;
  padding:8px 0px;
  color:white;
  line-height:18pt;
}


/* 路線名の設定 ----------------------------------------------*/
.route{
  width: 1em;
}
table tr td:nth-of-type(1).route{background-color: white;}


td.w1sta{width: 45px;background-color: beige;  border-right-width: 0px; 
}






td.w1s{
  background-color: beige;
  white-space: nowrap;
  padding:0px 5px;
 }

td.w1st_name{
  min-width: 120px;
  background-color: beige;
  text-align:left;
  padding:0px 10px 0px 5px;
  white-space: nowrap;
}


/*--距離と駅名--*/



.w{background-color: beige;}
.w1{min-width: 80px;background-color: beige;  white-space: nowrap;
}

.w1hi_dist{
  min-width: 4em;
  background-color: beige;
  font-size:100%;
  padding:0px;
  color:black;
  line-height:12pt;
}/*--高速鉄道用の措置--*/

.w1dist{width: 40px;background-color: beige;}

.w1di{min-width: 40px;text-align:right;padding:0px 5px;}
.w1di_sp{text-align: center;}
.bow{
  width: 41px;
  text-align:center;

  }



.w1left{
  border-right-width: 0px; 
  text-align:center;
  white-space: nowrap;
  background-color: beige;
  padding:0px 5px;
}
.w1right{
  width: 10px;
  background-color: beige;
  text-align:left;
  border-left-width: 0px; 
}


.eng_t{ background-color:beige; text-align:center;}
.eng{
  min-width: 100px;
  background-color:beige;
  white-space: nowrap;

}




/* 列車名の設定 ----------------------------------------------*/
td.w2{min-width: 42px;}


.w2lo{min-width: 3em;white-space: nowrap;}/* 区間車 */
td.w2ra{min-width: 3em;background-color:#d5ffaa;white-space: nowrap;}/* 区間快 */
td.w2hu{min-width: 3em;background-color:#d5eaff;white-space: nowrap;}/* 復興 */
td.w2chu{min-width: 3em;background-color:#ffffd5;white-space: nowrap;}/* 莒光 */
td.w2tze{min-width: 3em;background-color:#ffd5aa;white-space: nowrap;}/* 自強 */
td.w2tzepp{min-width: 3em;background-color:#ffd5aa;white-space: nowrap;}/* PP自強 */
td.w2tze3000{min-width: 3em;background-color:#ccccff;white-space: nowrap;}/* 日立自強 */


td.w2pu{min-width: 3em;background-color:#ffd5d5;white-space: nowrap;}/* 普悠瑪 */
td.w2ta{min-width: 3em;background-color:#ffd5d5;white-space: nowrap;}/* 太魯閣 */
.blue{color:blue;}
.red{color:#dc143c;}



td.w2hi{min-width: 3em;white-space: nowrap;}/* 高鉄&阿里山 */




.bold{font-weight:bold;}

/* 列車の種類---------------------------------*/
.type td{
  white-space: nowrap;
  padding:1px 2px;
}

.name td{
  padding:1px 4px 1px 4px;
}





/* 時刻表の設定 ----------------------------------------------*/



td#w2t{border-top-width: 0px;}
td#w2tb{border-top-width: 0px;border-bottom-width: 0px;}
td#w2b{border-bottom-width: 0px;}



.pdf_ads{
    max-width:1070px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	text-align:left;

	background-color: transparent;
	padding: 14px 0px;
}


.form_pdf{
  display:block;
  height:100%;
  width:19em;
  white-space: nowrap;
  padding:0px 30px 0px 0px;
  text-align:left;

}


/* 広告表示の設定 ----------------------------------------------*/

.item_ads{
  display:block;
  text-align:left;
  align-self: center;
}





/* ２重線の設定 ----------------------------------------------*/
.one {line-height:0px;}

/* 表の枠線をなくす ----------------------------------------------*/
td#nob {border:0px;}


/* 備考欄 ----------------------------------------------*/
td.bik{
  vertical-align: top;

}





/* 列車名を説明するテーブル ----------------------------------------------*/

.name td{
  padding:1px 4px 1px 4px;
}