@charset "EUC-JP";
/* 東名バスドットコム・デフォルトスタイルシート */

body { 
	color:#222; background-color:#eee;
	/* 背景画像無しバージョン:背景画像は別に body 要素に class を指定して利用する */
}

body.normal, body.namazu { 
	margin-left:40px;
	background-image:url(/images/tomeiback.png);
	background-repeat:no-repeat;
	/* background-attachment:scroll; */
	background-attachment:fixed;
	background-position:top left;
}

body.narrow { }

/* 註: 以下の:link, :visited, :hoverの順番は、二重疑似セレクタの実装に間違いのあるWinIE5や
   Operaに対して適切な適用ができるようにするために並び変えたものである。
   不用意に順番を変更してはならない。 */
/* 順序ルール
 :visited:focus よりも後に :visited が来ること(IE5バグ対策)。
 :link:focus よりも後に :link が来ること(IE5バグ対策)。
 :visited が :visited:hover, :visited:active よりも先に来ること(Operaバグ対策)。
 :link が :link:active, :link:hover よりも先に来ること(Operaバグ対策)。
 :visited:hover よりも後に :link:hover が来ること(IE5バグ対策)。
 :visited:active よりも後に :link:active が来ること(IE5バグ対策)。
 :*:hover よりも後に :*:active が来ること(:hoverよりも:activeを優先させるため)
*/
/* 別のクラスが付くものについても、同様にすること。なお、:*:focus,:*,:*:hover,:*:active
   への指定は省略不可。省略すると、Operaで不具合が出る。
*/
a:visited:focus { color:navy; background-color:#ff8; }
a:link:focus { color:blue; background-color:#ff8; }
a:visited { color:navy; background-color:#eee; }
a:link { color:blue; background-color:#eee; }
a:visited:hover { color:navy; background-color:#ff8; }
a:link:hover { color:blue; background-color:#ff8; }
a:visited:active, a:link:active { color:red; background-color:#ff8; }

/* メールアドレスへのリンクはイタリック体にする */
a.mailaddr {
	font-style:italic;
}
a.mailaddr:visited:focus, a.mailaddr:link:focus { color:maroon; background-color:#ff8; }
a.mailaddr:visited, a.mailaddr:link { color:maroon; background-color:#eee; }
a.mailaddr:visited:hover, a.mailaddr:link:hover { color:maroon; background-color:#ff8; }
a.mailaddr:visited:active, a.mailaddr:link:active { color:red; background-color:#ff8; }

h1 {
	font-size:1.7em;
	/* padding:2px; */
	text-align:center;
}
h2 {
	font-size:1.17em;
	border-style:double;
	border-color:#000;
	border-width:0 0 3px 0;
	margin-left:0;
}
h3 {
	font-size:1em;
}
h4 {
	font-size:0.83em;
}

/* 以下、 http://www.w3.org/TR/REC-CSS2/sample.html にあるHTML4.0のスタイルシート例とだいたい同じ */
/*
address,
blockquote, 
body, dd, div, 
dl, dt, 
fieldset, form,
frame, frameset,
h1, h2, h3, h4, 
h5, h6, iframe, 
noframes, 
ol, p, ul, 
center, dir, 
hr, menu, pre   { display: block }
li              { display: list-item }
head            { display: none }
table           { display: table }
tr              { display: table-row }
thead           { display: table-header-group }
tbody           { display: table-row-group }
tfoot           { display: table-footer-group }
col             { display: table-column }
colgroup        { display: table-column-group }
td, th          { display: table-cell }
caption         { display: table-caption }
*/
th              { font-weight: bolder; text-align: center }
caption         { text-align: center }
b, strong, h1, h2, h3, h4, h5, h6 { font-weight:bold; }
i, em, cite, var, address { font-style:italic; }
body.normal em, body.narrow em {	/* 推奨スタイルと異なり、太字で表示する。イタリック体にはしない */
	font-style:normal;
	font-weight:bold;
}
body.normal strong, body.narrow strong {	/* 太字で表示し、さらに赤色で表示する */
	color:red; background-color:#eee;
}
u, ins {
	text-decoration:underline;
}
s, del { text-decoration:line-through; }
del {	/* 取り消し線を引き、さらに灰色で表示する */
	color:gray; background-color:#eee;
}
hr {	/* 水平線は引かない */
	display:none;
}

/*
pre, tt, code,
 kbd, samp { font-family: monospace }
*/

/* クラス別のスタイル定義 */
/* サブタイトル */
div.subtitle { text-align:center }

/* リンクリストスタイル（マークなし） */
ul.link-list, ul.link-list-compact, ul.back-list {
	list-style:none outside;
	margin-left: 8px;
}
ul.form-input-list {
	list-style:none outside;
}
ul.link-list-compact li, ul.back-list li {
	display:inline;
}
ul.link-list-compact li:after, ul.back-list li:after {
	content:" / ";
}

/* 脚注の用語説明 */
dl.footnote dt {
	display:compact;
}
ul.footnote, ol.footnote {
	list-style:none outside;
}

/* 新規・更新コンテンツ情報 */
em.updated, em.new {
	font-weight:bold;
	font-style:italic;
	color:red; background-color:#eee;
	font-size: small;
}

/* ページフッタ */
.page-footer {
	border-style:solid;
	border-color:#999;
	border-width:2px 0 0 0;
	/* margin-left:2%; */
	padding-top:1em;
}
.page-footer h2 {
	display:none;
}

/* DynamicHTML によるshow/hide切り替え */
.show-block {
	display:block;
}
.hide {
	display:none;
}

/* 東名バス種別カラー */
/* table における定義は、 tomei_timetable にもある */
.sup-liner, .supliner { color:#f90; background-color:#eee; }	/* スーパーライナー(orange) */
.sup-exp, .supexp { color:red; background-color:#eee; }	/* 超特急 */
.ltd-exp, .ltdexp { color:green; background-color:#eee; }	/* 特急 */
.exp { color:blue; background-color:#eee; }	/* 急行 */
/* span.superliner, span.supexp, span.ltdexp, span.exp { font-weight:bold; } */

/* JR東海バス/JRバス関東コーポレートカラー */
a.jrtokaibus:visited:focus, a.jrtokaibus:link:focus { color:fuchsia; background-color:#ff8; }
.jrtokaibus,
 a.jrtokaibus:visited, a.jrtokaibus:link { color:#ffa500; background-color:#eee; }	/* =orange */
a.jrtokaibus:visited:hover, a.jrtokaibus:link:hover { color:fuchsia; background-color:#ff8; }
a.jrtokaibus:visited:active, a.jrtokaibus:link:active { color:red; background-color:#ff8; }

a.jrbuskanto:visited:focus, a.jrbuskanto:link:focus { color:fuchsia; background-color:#ff8; }
.jrbuskanto,
 a.jrbuskanto:visited, a.jrbuskanto:link { color:green; background-color:#eee; }
a.jrbuskanto:visited:hover, a.jrbuskanto:link:hover { color:fuchsia; background-color:#ff8; }
a.jrbuskanto:visited:active, a.jrbuskanto:link:active { color:red; background-color:#ff8; }

.jrbustech { color:blue; background-color:#eee; }

/* span.jrtokaibus, span.jrbuskanto { font-weight:bold; } */

/* 良い例(○)/悪い例(×)の強調 */
em.good-example, em.bad-exapmle {
	font-style:normal;
	font-weight:bold;
}
.good-example { color:blue; background-color:#eee; }
.bad-example { color:red; background-color:#eee; }

/* 「東名」を小さく表示する */
/* .tomei { font-size:smaller; } */
.tomei { font-size:80%; }
	/* smaller は変な解釈をするブラウザが多いので、パーセンテージで指定 */

/* 見出しの下に置く日付を右寄せする */
.written-in {
	font-style:italic;
	text-align:right;
}

/* W3C HTML/CSS Validator バナー表示用スタイル */
img.w3c-html-validator, img.w3c-css-validator { border:0; }
img.w3c-html-validator { width:88px; height:31px; }
img.w3c-css-validator { width:88px; height:31px; }

/* google検索用フォーム表示用スタイル */
.google-search-form { color:#000; background-color:#fff; }
img.google-logo { border:0; vertical-align:middle; }