body {
 color:#000000;
 background:#FFEABA;/*ページ全体の背景色を指定、以前は#F5F7FA*/
 margin: 0px;
 padding:0px;
 text-align: center;
 width:905px;
 margin: 0px auto;
 font-family:"ＭＳ Ｐゴシック";
 -webkit-text-size-adjust: 100%;
}

a:link{
 font-weight:bold;
 color:<$LinkColor_通常リンクの色を指定してください:#444$>;
}

a:visited{
 font-weight:bold;
 color:<$VisitedColor_訪問後のリンクの色を指定してください:#666$>;
}

a:hover {
 font-weight:bold;
 background:<$HoverBackGroundColor_カーソルを合わせたときの背景色を指定してください:#666$>;
 color:<$HoverColor_マウスカーソルを合わせたときのリンクの色を指定してください:#FFF$>;
}

#layout{
 background: <$BGColor_本文の背景色を指定してください:#ccc$>;
 width:780px;
 padding: 0px 0px 7px 0px;
 margin: 0px auto;
}

#TopArea{
 width: 780px;
 height: 60px;
 padding: 0px;
 margin: 0px;
 background-image: url(img/logo.jpg);
 background-repeat:no-repeat;
}

h1{
 color:<$H1Color_サイトの左上の説明の文章の文字色を指定してください:#777$>;
 font-weight:bold;
 line-height:1.4em;
 margin:0px 10px 0px 0px;
 Text-align:right;
 font-size:10pt;
}

h2{
 margin:0px;
 padding:2px 2px 0px 4px;
 font-size:small;
 color:<$H2Color_左右のボックスのタイトルの文字色を指定してください:#ddd$>;
 font-weight:bold;
 background:<$H2BackGroundColor_左右のボックスのタイトルの背景色を指定してください:#777$>;
}

h3{
 color:<$H3Color_本文の記事タイトルの文字色を指定してください:#444$>;
 margin:0px 0px 8px 0px;
 padding:8px 2px 2px 4px;
 font-size:medium;
 border-bottom:2px solid <$H3BorderColor_本文のタイトルの下線の色を指定してください:#444$>;
}

#MesBox{
 color:<$MsgBoxColor_左右のボックスの本文の文字色を指定してください:#555$>;
 border:1px solid <$MsgBoxBorderColor_左右のボックスの枠の色を指定してください:#666$>;
 padding:3px;
 font-size:small;
 line-height:1.3em;
}

#navi{
 height:28px;
 margin:0px;
 list-style:none;
 background:<$MenuBackColor_メニューの背景色を指定してください:#888$>;
}

.selected{
 line-height:1.2em;
 background:<$MenuSelectedBackColor_自ページを表示している時のメニューの各リンクの背景色を指定してください:#555$>;
 color:<$MenuSelectedColor_自ページを表示している時のメニューの各リンクの文字色を指定してください:#FFF$>;
 font-size:10pt;
 font-weight:bold;
 float:left;
 width:<$MenuWidth_メニューの各リンクの横幅を指定してください:130$>px;
 height:15px;
 margin:5px 0px 0px 3px;
 border:1px solid <$MenuBorderColor_メニューの各リンクの枠の色を指定してください:#888$>;
}

.menu{
 line-height:1.2em;
 background:<$MenuBackLinkColor_メニューの各リンクの背景色を指定してください:#ddd$>;
 font-size:10pt;
 float:left;
 width:<$MenuWidth_メニューの各リンクの横幅を指定してください:130$>px;
 height:15px;
 margin:5px 0px 0px 3px;
 border:1px solid <$MenuBorderColor_メニューの各リンクの枠の色を指定してください:#888$>;
}

.menu a:link{ 
 text-decoration:none;
 color:<$MenuLinkColor_メニューの各リンクの文字色を指定してください:#666$>;
}

.menu a:visited{ 
 text-decoration:none;
 color:<$MenuVisitedColor_メニューの各リンクの訪問後の文字色を指定してください:#666$>;
}

.menu a:hover{
 display:block;
 height:15px;
 background:<$MenuHoverColor_マウスカーソルを合わせたときのメニューの各リンクの背景色を指定してください:#222$>;
 color:<$MenuColor_マウスカーソルを合わせたときのメニューの各リンクの文字色を指定してください:#FFF$>;
 font-weight:bold;
}

#LeftArea{
 margin:7px 4px;
 text-align: left;
 float: left;
 width:170px;
}

#RightArea{
 margin:7px 4px;
 text-align: left;
 float: right;
 width:170px;
}

#ContentsArea{
 margin:7px 0px 7px 7px;
 padding:4px 8px;
 text-align: left;
 float: left;
 width:385px;
 background: <$ContentsBackGroundColor_本文の背景色を指定してください:#FFF$>;
}

#ContentsBox{
 color:<$ContentsColor_本文の文字色を指定してください:#444$>;
 margin:0px;
 padding:0px 0px 15px 10px;
 font-size:small;
 line-height:1.3em;
}

#CopyRight{
 float:none;
 font-size:12pt;
 width:780px;
 padding:2px 0px 2px 0px;
 background:<$CopyRightBackGroundColor_著作権表示の背景色を指定してください:#888$>;
 color:<$CopyRightColor_著作権表示の文字色を指定してください:#eee$>;
 font-weight:bold;
 margin: 0px auto;
} 

#PoweredByHPTemplaters{
 font-size:small;
 text-align:center;
 margin:4em 0 0 0;
}

#PoweredByHPTemplaters a{
 font-weight:bold;
 Line-height:1.3em;
 text-decoration:none;
 color:<$PWBy_当ホームページへのリンクの文字色を指定してください:#555$>;
}

#PoweredByHPTemplaters a:hover{
 display:block;
 font-weight:bold;
 Line-height:1.3em;
 text-decoration:none;
 color:<$PWByHover_当ホームページへのリンクのカーソルを合わせたときの文字色を指定してください:#FFF$>;
 background:<$PWByHoverBackColor_当ホームページへのリンクのカーソルを合わせたときの背景色を指定してください:#777$>;
}

.floating {
 top: 5px;
 left: 0px;
 position: fixed;
 background-color: transparent;
 border: none;
z-index: 1;
}

/* Grid */

	.grid {
		display: grid;
		gap: 0px;
		grid-template-columns: repeat(auto-fit, 450px);
		grid-auto-rows: 355px;
		justify-content: center;
	}
	.grid1 {
		display: grid;
		gap: 0px;
		grid-template-columns: repeat(auto-fit, 900px);
		grid-auto-rows: 306px;/** 幅898×高さ287pxの横長画像用(17115号車) */
		justify-content: center;
	}
	.grid2 {
		display: grid;
		gap: 0px;
		grid-template-columns: repeat(auto-fit, 900px);
		grid-auto-rows: 355px;/** 幅898×高さ336pxの横長画像用(02441号車) */
		justify-content: center;
	}
	.grid3 {
		display: grid;
		gap: 0px;
		grid-template-columns: repeat(auto-fit, 900px);
		grid-auto-rows: 370px;/** 幅898×高さ351pxの横長画像用(05387号車) */
		justify-content: center;
	}
	.it1 {
		border-radius: 0px;
		border: 1px solid #808080;
		padding: 0px;
		text-align: left;
		font-size:13px;
		line-height:150%;&
	}
	.item2 {
		border-radius: 5px;
		background: #FFEAA0;/** 本来は#c4fba7 */
		padding: 0px;
		text-align: left;
		line-height:140%;&
	}
	.item3 {
		border-radius: 5px;
		background: #FFEAA0;/** 本来は#edf */
		padding: 0px;
		text-align: left;
		line-height:140%;&
	}
	.item4 {
		border-radius: 5px;
		background: #FFEAA0;/** 本来は#FFDAB9 */
		padding: 0px;
		text-align: left;
		line-height:140%;&
	}
	.item9 {
		border-radius: 5px;
		background: #d9d9d9;
		padding: 0px;
		text-align: left;
		line-height:140%;&
	}
	.item9 img {
		opacity: 0.8;
	}
	.item9a {
		border-radius: 5px;
		background: #b2d2d7;
		padding: 0px;
		text-align: left;
		line-height:140%;&
		color: #ffffff;
	}
	.item9a img {
		opacity: 0.7;
	}

	img {
		max-width: 100%;
		height: auto;

	}
	p {
		text-align: left;
	}
		@media screen and (max-width: 480px) {

			.grid {
				margin: 0;
			}
		}

/* GYOUKAN */

.ex1{
font-size:14px;
line-height:140%;&
}
.ex2{
background: linear-gradient(#fe7,#ffffc7,#fe7);/* 過去情報のタイトル背景色(3色グラデーション) */
font-size:18px;
line-height:180%;&
}

/*TABLE */

.td_01 {
background-color: #fe7;/* 車両情報の個別タイトル背景色 */
font-size: 16px;
text-align: left;
}

.td_02 {
font-size: 12px;/* 車両情報のヘッダー左エリア */
text-align: left;
}

.td_03 {
font-size: 23px;/* 車両情報のヘッダー中央エリア */
text-align: left;
}

.td_04 {
font-size: 12px;/* 車両情報のヘッダー右エリア */
text-align: right;
width: 160px;
}

.td_05 {
font-size: 15px;/* 車両情報の備考欄 */
width: 555px;
}

.td_06 {
font-size: 14px;/* 乗車記録 */
}

.td_07 {
font-size: 13px;/* 撮影記録 */
}

.td_08 {
background-color: #fe7;/* 撮影記録タイトル */
line-height:120%;&
}

.td_09 {
background-color: #fff;/* 定員表記タイトルの背景色 */
font-size: 15px;
text-align: center;
}

.td_10 {
background-color: #000;/* 定員表記の背景色 */
color: #fff;/* 文字色 */
font-size: 15px;
text-align: center;
}

.td_11 {
font-size: 15px;/* ナンバー変遷のナンバー部分 */
text-align: center;
}

.td_12 {
font-size: 15px;/* ナンバー変遷のナンバー以外の部分 */
text-align: left;
}

.td_13 {
background-color: #FFEA83;/* ナンバー一覧表の黄色背景色 */
font-size: 13px;
}

.td_14 {
background-color: #096906;/* ナンバー一覧表の緑色背景色 */
font-size: 25px;
color: #fff;/* 文字色 */
}

.tr_01 { /* 橙色LED */
background-color: #434343;
color: #fc2;
}

.tr_02 { /* 白色LED,フルカラーLED、ナンバー一覧の黒白部分 */
background-color: #434343;
color: #fff;
}

.tr_03 { /* アルピコ幕車＆貸切車、パールシャトル */
background-color: #0000BD;
color: #fff;
}

.tr_04 { /* 長電幕車 */
background-color: #D22D17;
color: #F7F1BC;
}

.tr_05 { /* ぐるりん号、かりんちゃんバス、伊那バス幕車＆貸切車 */
background-color: #1E90FF;
color: #fff;
}

.tr_06 { /* タウンスニーカー新色 */
background-color: #20B2AA;
color: #fff;
}

.tr_07 { /* タウンスニーカー水玉乱舞号・おぶせ浪漫号 */
background-color: #FA0A0A;
color: #fff;
}

.tr_08 { /* タウンスニーカーアルプちゃん号 */
background-color: #1CC45F;
color: #fff;
}

.tr_09 { /* 千曲市循環バス「めいげつ号」 */
background-color: #FF7F50;
color: #fffacd;
}

.tr_10 { /* 千曲市循環バス「かむりき号」 */
background-color: #000080;
color: #fffacd;
}

.tr_11 { /* 千曲市循環バス【赤】 */
background-color: #CC1313;
color: #fff;
}

.tr_12 { /* メモリアルバス1号 */
background-color: #09501D;
color: #E0FFFF;
}

.tr_21 { /* ビーナちゃんバス */
background-color: #B468E4;
color: #fff;
}

.tr_22 { /* メルヘン街道バス */
background-color: #076324;
color: #FAEA07;
}

.tr_23 { /* 蓼科高原ラウンドバス */
background-color: #1F10A6;
color: #F9FCD7;
}

.tr_24 { /* シルキーバス */
background-color: #1EC0FF;
color: #F9FCD7;
}

.tr_31 { /* 長電銀バス */
background-color: #DEE1E1;
color: #01A9DB;
}

.tr_32 { /* すざか市民バス【青】＆三重交通　ことわか国体ラッピング */
background-color: #06f;
color: #fffcf9;
}

.tr_33 { /* すざか市民バス【ピンク】 */
background-color: #f6c;
color: #fffcf9;
}

.tr_34 { /* すざか市民バス【橙】 */
background-color: #ff9328;
color: #fffcf9;
}

.tr_35 { /* すざか市民バス【緑】 */
background-color: #09D396;
color: #fefff2;
}

.tr_36 { /* おぶせ浪漫号、京王幕車＆貸切車 */
background-color: #d70035;
color: #fff;
}

.tr_37 { /* 高山村ふれあい */
background-color: #F758A2;
color: #4662D3;
}

.tr_41 { /* 信南交通幕車＆貸切車 */
background-color: #0000BD;
color: #F6E3CE;
}

.tr_42 { /* 千曲バス幕車＆貸切車 */
background-color: #DF013A;
color: #FAFAD2;
}

.tr_43 { /* 新潟交通幕車＆貸切車 */
background-color: #008444;
color: #fff;
}

.tr_44 { /* 名鉄バス幕車＆貸切車 */
background-color: #DF0101;
color: #fff;
}

.tr_45 { /* 西武バス幕車＆貸切車 */
background-color: #0000CD;
color: #fff;
}

.tr_46 { /* 阪急バス幕車＆貸切車 */
background-color: #820E61;
color: #F8F8F8;
}

.tr_51 { /* 三重交通　幕車 */
background-color: #04491A;
color: #fff;
}

.tr_52 { /* 三重交通　南紀高速バス */
background-color: #2569FD;
color: #fff;
}

.tr_53 { /* 三重交通　貸切旧色 */
background-color: #008000;
color: #FFE200;
}

.tr_54 { /* 三重交通　貸切新色 */
background-color: #D56DFB;
color: #FDF197;
}

.tr_55 { /* 八風バス　貸切色 */
background-color: #D12222;
color: #FCE4FA;
}

.tr_61 { /* 三重交通　神都バス */
background-color: #1FA917;
color: #FDF584;
}

.tr_62 { /* 三重交通　CANバス */
background-color: #0101DF;
color: #FDFCE1;
}

.tr_63 { /* 三重交通　弥富市ローザ */
background-color: #BEFCAB;
color: #19ADFC;
}

.tr_64 { /* 三重交通　弥富市きんちゃんバス */
background-color: #FFDA36;
color: #000;
}

.tr_65 { /* 三重交通　津市美里ローザ */
background-color: #29C951;
color: #fff;
}

.tr_66 { /* 三重交通　名張市ナッキー号 */
background-color: #E8CBFC;
color: #0EB411;
}

.tr_68 { /* 三重交通　参宮バス */
background-color: #05583B;
color: #fff;
}

.tr_69 { /* 三重交通　飛島公共交通 */
background-color: #27BB3B;
color: #fff;
}

.tr_70 { /* 三重交通　ガーラミオ【ピンク】 */
background-color: #F27FE5;
color: #fff;
}

.tr_71 { /* 三重交通　ガーラミオ【メナード】 */
background-color: #04B486;
color: #fff;
}

.tr_72 { /* 三重交通　伊賀ライナー【黄色】 */
background-color: #ff0;
color: #181;
}

.tr_73 { /* 三重交通　松阪市鈴の音バス専用色【新】 */
background-color: #29C951;
color: #fff;
}

.tr_75 { /* 三重交通　菰野町かもしか号専用色【ポンチョ】 */
background-color: #FFBF00;
color: #fff;
}

.tr_76 { /* 三重交通　菰野町かもしか号専用色【リエッセ】 */
background-color: #F03207;
color: #fff;
}

.tr_77 { /* 三重交通　鈴鹿市C-BUS専用色 */
background-color: #FFDA36;
color: #000;
}

.tr_78 { /* 三重交通　桑名市K-バス【ふそう】 */
background-color: #1373FA;
color: #FFDA55;
}

.tr_79 { /* 三重交通　桑名市K-バス【日野】 */
background-color: #1EA9FF;
color: #FDCC29;
}

.tr_80 { /* 三重交通　関コミュニティバス */
background-color: #29C951;
color: #fff;
}

.tr_81 { /* 三重交通　うめむら幼稚園【新】 */
background-color: #FFDA36;
color: #000;
}

.tr_82 { /* 三重交通　うめむら幼稚園【旧】 */
background-color: #81F79F;
color: #FF570D;
}

.tr_83 { /* 三重交通　志摩市エアロバスMM */
background-color: #0404B4;
color: #fff;
}

.tr_84 { /* 三重交通　亀山市さわやか号 */
background-color: #2DC2EB;
color: #fff;
}

.tr_85 { /* 三重交通　紀北町いこかバス */
background-color: #335FFD;
color: #fff;
}

.tr_86 { /* 三重交通　オーソレみえ色 */
background-color: #BEFCAB;
color: #19ADFC;
}

.tr_87 { /* 三重交通　南島町営バス【黄緑】 */
background-color: #CCF078;
color: #000;
}

.tr_88 { /* 三重交通　パルケエスパーニャ色 */
background-color: #E41806;
color: #fff;
}

.tr_89 { /* 三重交通　鳥羽市かもめバス */
background-color: #0040FF;
color: #C9FCFC;
}

.tr_90 { /* 三重交通　鈴鹿回生病院シャトル */
background-color: #77EEFF;
color: #0000CD;
}

.tr_91 { /* 三重交通　津市美杉レインボー */
background-color: #F03207;
color: #fff;
}

.tr_92 { /* 三重交通　東員町オレンジバス */
background-color: #FF8E0D;
color: #9FFEBC;
}

.tr_93 { /* 三重交通　西鉄夜行カラー */
background-color: #000;
color: #fff;
}

.tr_94 { /* 三重交通　西鉄火の鳥カラー */
background-color: #DC3A8B;
color: #fff;
}

.tr_JO { /* 乗車記録欄・ナンバー変遷欄の背景色 */
background-color: #fe7;
}