@charset "utf-8";

form, div {
padding:0;
margin:0;
}

img {
border:none;
}

input, submit, button, select, textarea {
vertical-align:middle;
font-size:12px;
line-height:100%;
padding:4px;
margin:0;
}

table {
border-collapse:collapse;
}

a.none {
color:#555;
}


a.func {
display:block;
height:20px;
vertical-align:middle;
text-align:center;
padding:2px 8px 0 8px;
line-height:20px;
border:1px solid #bbb;
margin:0px;
color:#555;
text-decoration:none;
}

a.func:hover {
border:1px solid #69c;
background:#99bcdd;
color:#fff;
text-decoration:none;
}

/** ナビゲーションボタン */
input#button {
color:#777;
background:#fff;
}

/** 通常サブミット */
input#sb {
}

/** データ入力テキストボックス */
input#d_in {
border:1px solid #d00000;
background:#fff6f6;
font-size:1.3em;
line-height:1.3em;
}

span#mini_h {
border:none;
display:block;
margin:0;
padding:4px 8px;
background:#D00000 url(../images/bg_mini_h.gif) top left repeat-x;
color:#FFF;
font-weight:bold;
line-height:100%;
}

span#search_name {
margin:0;
padding:4px 8px;
background:#D00000;
color:#FFF;
font-weight:bold;
line-height:100%;
}


/** タイトル */
td#title {
border-left:6px solid #f80;
/*border-bottom:1px dotted #f80;*/
padding:8px;
}

h1#title {
color:#555;
font-size:1.6em;
font-weight:bold;
padding:0;
margin:0;
line-height:100%;
background:none;
}

h1#title_route {
color:#555;
font-size:1.6em;
font-weight:bold;
padding:16px 0 6px 34px;
margin:0;
line-height:100%;
background:url(../images/h_route.gif) left center no-repeat;
}

h1#title_timetable {
color:#555;
font-size:1.6em;
font-weight:bold;
padding:16px 0 6px 34px;
margin:0;
line-height:100%;
background:url(../images/h_timetable.gif) left center no-repeat;
}

h1#area {
color:#c60;
font-size:1.4em;
font-weight:bold;
padding:0;
margin:20px 0 4px 0;
line-height:100%;
background:none;
}

/*******************************************************************

		50音選択領域

*******************************************************************/

table#kana {
border-collapse:collapse;
border:1px solid #999;
margin-left:30px;
}

table#kana td {
border:1px solid #bbb;
padding:1px;
}

table#kana td a {
display:block;
height:20px;
width:20px;
padding:8px;
text-align:center;
vertical-align:middle;
line-height:20px;
}

table#kana td a:hover {
background:#bcdd00;
color:#fff;
text-decoration:none;
}

strong#sk {
font-size:1.5em;
color:#f90;
}

/*******************************************************************

		市町村、地域選択領域

*******************************************************************/

div#sadr {
float:left;
margin-right:50px;
}

/*******************************************************************

		発着時刻　表示領域

*******************************************************************/

h3.h1, h3.h2 {
background:url(../images/bus_f.gif) left center no-repeat;
padding:14px 0 11px 22px;
margin:10px 0 4px 0;
line-height:100%;
}

h3.h1 {
color:#09c;
}

h3.h2 {
color:#c30;
}

table#r1, table#r2 {
border-collapse:collapse;
border:1px solid #999;
}

/*table#r1 {
border:1px solid #00c;
}

table#r2 {
border:1px solid #c00;
}*/

#r1 td, #r2 td {
padding:6px 4px;
border:1px solid #999;
}

#r1 td.h, #r2 td.h {
padding:8px 4px;
font-weight:bold;
}

#r1 td.h {
background:#cdf;
}

#r2 td.h {
background:#fcd;
}

#r1 tr.d2, #r2 tr.d2 {
background:#f2f2f2;
}

#header_h {
padding:4px 2px;
margin:0;
font-size:0.8em;
background:#00c;
color:#fff;
}

h1#start_busstop_h1 {
color:#555;
padding:8px 8px;
margin:0;
font-size:1.2em;
border-left:1px solid #DDD;
border-right:1px solid #DDD;
border-bottom:1px solid #DDD;
background:#FFF url(../images/bg_start_busstop_h1.gif) bottom left repeat-x;
}

span#start_pole_strong {
padding:8px 20px;
margin:0;
font-size:1.1em;
}

div#pole {
width:200px;
border:1px solid #bbb;
margin-right:10px;
float:left;
padding:8px;
}

div#pole ul li {
list-style-type:circle;
line-height:130%;
}

a.toggle {
display:block;
float:left;
border:1px solid #bbb;
color:#555;
width:200px;
height:35px;
text-align:center;
vertical-align:middle;
line-height:35px;
margin:4px 10px 4px 0;
text-decoration:none;
}

a.toggle:hover {
border:1px solid #69c;
background:#99bcdd;
color:#fff;
text-decoration:none;
}

img.spr {
margin:2px 20px 2px 20px;
}

/*******************************************************************

		時刻表　表示領域

*******************************************************************/
table#tt1, table#tt2 {
border-collapse:collapse;
border:1px solid #777;
}

/*table#tt1 {
border:1px solid #00c;
}

table#tt2 {
border:1px solid #c00;
}*/

#tt1 td, #tt2 td {
padding:2px 4px;
border:1px solid #999;
}

#tt1 td.h, #tt2 td.h {
padding:2px 4px;
font-weight:bold;
}

#tt1 td.h {
background:#cdf;
}

#tt2 td.h {
background:#fcd;
}

#tt1 tr.d2, #tt2 tr.d2 {
background:#f2f2f2;
}

/*******************************************************************

		運賃（定期券）　表示領域

*******************************************************************/

strong.yen {
font-size:138%;
}

h3.hf {
background:url(../images/fare_f.gif) left center no-repeat;
padding:14px 0 11px 22px;
margin:10px 0 4px 0;
line-height:100%;
color:#7FA0B8;
}

/*******************************************************************

		リスト・テーブル領域

*******************************************************************/

table#list {
border:1px solid #bbb;
}

table#list th {
border:1px solid #bbb;
background:#eee;
padding:8px 4px;
text-decoration:none;
}

table#list td {
border:1px solid #bbb;
padding:8px 4px;
}

/*******************************************************************

		フッター領域

*******************************************************************/
div#footer {
clear:both;
text-align:center;
color:#999;
font-size:0.8em;
margin:12px 0 0 4px;
}

/*******************************************************************

		エラー領域

*******************************************************************/
#error ul {
padding:4px 10px;
margin:4px 0;
list-style:none;
border:1px dotted #f99;
background:#fff6f6;
}

#error ul li {
background:url(../images/err.gif) left center no-repeat;
padding:8px 0 8px 18px;
color:#E00000;
}