/* 全体の定義 */
body, td, th { font-size: 95%; letter-spacing: 0.15em; color: #000000; background: #FFFFF3;}
body { margin: 30px 40px;}
a:link { color: #0000FF}
a:visited { color: #008EFF}
a:active { color: #0000FF}
a:hover { background: #CFFFFF; color: #0000FF}

/* タイトルの枠組み */
.title_frameset_1 { border: 0px; border-spacing: 0px; width: 100%; }
.title_frameset_2 { padding: 0px 0px 2px 0px; width: 65px; font-size: 10px; color: orange; }
.title_frameset_3 { height: 3px; background-color: orange; }
.title_frameset_4 { margin: 5px 0px 2px 10px; }
.title_frameset_5 { font-size: 105%; font-weight: bold; text-decoration: none; letter-spacing: 0.5em; }
.title_frameset_6 { margin: 0px 0px 3px 12px; }
.title_frameset_7_1 { font-size: 85%; text-decoration: none; letter-spacing: 0.1em; }
.title_frameset_7_2 { vertical-align: bottom; text-align: right; text-decoration: none; letter-spacing: 0.1em; }
.title_frameset_8 { margin: 0px 10px 3px 0px; font-size: 90%; letter-spacing: 0.1em; }
.title_frameset_9 { padding: 0px 0px 2px 10px; width: 60px; text-align: right; font-size: 10px; color: orange; }
.title_frameset_10 { padding: 0px 0px 10px 10px; font-size: 80%; letter-spacing: 0.2em; }

/* ページタイトル */
.pagetitle_frameset_1 { margin: 10px 0px 10px 10px; }
.pagetitle_frameset_2 { padding: 0px 2px 5px 0px; color: orange; font-size: 8px; vertical-align: middle; letter-spacing: 1em; }

/* ページ内サブタイトル */
.subtitle { margin: 15px 10px 10px 20px; font-weight: bold; color: teal; }
.subtitle_set_1 { margin: 30px 20px 20px 20px; padding: 5px 15px; background: #EEEEEE; border-left: #E9967A solid 25px; border-bottom: #E9967A solid 1px; font-size: 110%; }

/* パラグラフ */
.p_set_1 { margin: 0px 10px 10px 30px; line-height: 150%; }
.p_set_1_a { margin: 20px 10px 10px 30px; line-height: 150%; }
.p_set_1_b { margin: 20px 10px 10px 30px;; }
.p_set_2 { margin: 0px 10px 10px 40px; line-height: 150%; }

/* 時刻表 枠 画像 列車データ */
.timetable_outline_set_1 { margin: 30px 48px; padding: 20px 30px; border: 3px solid; background: #F8F8FF; page-break-before: always; }
.photo { width: 200px; height: 150px; border: 2px solid #666666; }
.photo_w150 { width: 150px; height: 200px; border: 2px solid #666666;; }

/*臨時ながら用カレンダのスタイル */
.we { padding: 3px 8px; background: #FFFFFF; }
.sn { padding: 3px 8px; background: #FFF0F5; }
.st { padding: 3px 8px; background: #E0FFFF; }

/* ページエンドナビゲーション */
.navi_set_1 { margin: 15px 10px; text-align: right; font-size: 90%; letter-spacing: 0.1em; }
.navi_set_2 { padding: 0px 0px 2px 10px; width: 65px; text-align: right; font-size: 10px; color: orange; }
.navi_set_3 { height: 3px; background-color: orange; }
.navi_set_4 { margin: 5px 0px 0px 10px; font-size: 80%; letter-spacing: 0.2em; line-height: 200%; }

/* テキスト・行間・位置 */
.bold { font-weight: bold; }
.italic { font-style: italic; }
.lh150 { line-height: 150% }
.ta_c { text-align: center; }
.ta_r { text-align: right; }
.va_t { vertical-align: top; }
.va_m { vertical-align: middle; }

/* テキスト・行間・位置 */
.fare_set_1 { padding: 2px 10px; }
.fare_set_2 { padding: 2px 5px; }
.fare_set_2_r { padding: 2px 5px; text-align: right; }
.fare_set_3 { padding: 10px 10px; }

/* フォントサイズ・色・テキスト */
.f2px { font-size: 2px; }
.f80pc { font-size: 80%; }
.f85pc { font-size: 85%; }
.f95pc { font-size: 95%; }
.f110pc { font-size: 110%; }
.gray_3 { color: #333333; }
.gray_6 { color: #666666; }
.gray_9 { color: #999999; }
.blue { color: #0000FF; }
.red { color: #FF0000; }
.orange { color: #FF8C00; }
.teal { color: teal; }
.purple { color: #BA55D3; }

/* インデックス解説ページのスタイル */
.time_index_1 { font-size: 13px; width: 70px; height: 60px; background: #00CC99; color: #FFFFFF; }
.time_index_2 { font-size: 11px; width: 70px; height: 60px; background: #CCFF00; color: #000000; vertical-align: middle; text-align: center; }
.time_index_3 { font-size: 18px; width: 50px; height: 60px; background: #000000; color: #FFFFFF; vertical-align: middle; text-align: right; font-weight: bold; margin: 0px 20px 0px 0px; }