body {
background-color : #ffffff;
color            : #080808;
text-align       : left;
margin           : 0em 1em 1em 1em;
font-size        : 95%;
}

a:link    {color:#3020d0; background-color:transparent; text-decoration:none;}
a:visited {color:#5040b0; background-color:transparent; text-decoration:none;}
a:active  {color:#ff4000; background-color:transparent; text-decoration:none;}
a:hover   {color:#0000ff; background-color:transparent; text-decoration:none;}

a:link img {padding:0.2em; border-color:#7060FF; border-style:solid; border-width:0.1em; text-decoration:none;}
a:visited img {padding:0.2em; border-color:#b06080; border-style:solid; border-width:0.1em; text-decoration:none;}

h1 {
  margin :      0em;
  padding       : 0.3em 0em;
  text-align    : center;
  color         : #f0f0f0;
  background-color : #202040;
  font-size     : 1.7em;
  font-weight   : 900;
}

h2 {
  margin-left   : 0em;
  margin-top    : 2em;
  padding-left  : 0.2em;
  color         : #000010;
  font-weight   : 800;
  border-bottom : 0.1em solid #8080A0;
  border-left   : 1em solid #303060;
  font-size     : 1.3em;
  width         : 40%;
}

h2.company1 {border-left   : 1em solid #66cc00;}
h2.company2 {border-left   : 1em solid #009900;}
h2.company3 {border-left   : 1em solid #ee5500;}
h2.company4 {border-left   : 1em solid #000099;}
h2.company5 {border-left   : 1em solid #6666ff;}
h2.company6 {border-left   : 1em solid #dd0000;}

/* 乗車率のバーグラフ用 */
h2.company_above_bar  {border-left   : 1em solid #303060; border-bottom : none; margin-bottom : 0em;}
h2.company1_above_bar {border-left   : 1em solid #66cc00; border-bottom : none; margin-bottom : 0em;}
h2.company2_above_bar {border-left   : 1em solid #009900; border-bottom : none; margin-bottom : 0em;}
h2.company3_above_bar {border-left   : 1em solid #ee5500; border-bottom : none; margin-bottom : 0em;}
h2.company4_above_bar {border-left   : 1em solid #000099; border-bottom : none; margin-bottom : 0em;}
h2.company5_above_bar {border-left   : 1em solid #6666ff; border-bottom : none; margin-bottom : 0em;}
h2.company6_above_bar {border-left   : 1em solid #dd0000; border-bottom : none; margin-bottom : 0em;}

/* グラフの枠 */
div.graph_box {
  margin : 0em;
  padding : 0em;
  color : #f0f0f0;
  background-color : #cccccc;
  width : 40%;
  line-height : 0 ;
}
/* 並列表示時専用 */
.table_box div.graph_box {
  width : 80%;
}
/* グラフの中身 */
div.graph_box div {
  border       : none;
  margin       : 0em;
  padding      : 0.1em 0em 0em 0em;
  color : #f0f0f0;
  line-height : 0 ;
}
div.graph_jousha  {background-color : #333060;}
div.graph_jousha1 {background-color : #66cc00;}
div.graph_jousha2 {background-color : #009900;}
div.graph_jousha3 {background-color : #ee5500;}
div.graph_jousha4 {background-color : #000099;}
div.graph_jousha5 {background-color : #6666ff;}
div.graph_jousha6 {background-color : #dd0000;}

h3 {
  margin        : 2em 0em;
  padding-left  : 0.2em;
  color         : #000010;
  font-weight   : 800;
  border-left   : 0.5em solid #8080A0;
  font-size     : 1.2em;
}

h4 {
  margin-left   : 0em;
  padding-left  : 0.2em;
  font-weight   : 800;
  border-left   : 0.5em solid #C0C0E0;
  font-size     : 1.1em;
}

p {
  margin        : 0em;
  line-height   : 1.5;
  text-indent   : 1em;
}

table {
  border-width  : 0.1em;
  border-style  : solid;
  border-color  : #a0a0a0;
  border-collapse : collapse;
  margin        : 1em 0em;
}

table table {
  border-style  : none;
  margin        : 0em;
  width         : 100%;
}

table table td, table table th {
  border-style  : none;
}

table.personal_summary {
  width         : 100%;
}

td,th {
  border-width  : 0.1em;
  border-style  : solid;
  border-color  : #a0a0a0;
  padding       : 0.1em;
}

thead th {
  text-align : center;
  background-color : #4060b0;
  color            : #f0f0f0;
}
tfoot {
  border-width     : 0.2em 0.1em;
  border-style  : solid;
  border-color  : #a0a0a0;
}

/* 罫線のいらないtable */
table.plain, table.plain td, table.plain th {border-style : none;}

/* キロ数,乗車率は右揃え */
td.eigyou_km,td.jousha_km,td.mijou_km,td.jousha_ritsu {
  text-align    : right;
}

/* 日付は中央揃え */
td.jousha_date {
  text-align    : center;
}

/* 「未乗」表示 */
td.mijou {
  text-align    : center;
  font-weight   : bolder;
}

td table td.jousha_km {
  border-width  : 0em 0.1em;
  border-style  : solid;
  border-color  : #a0a0a0;
}

colgroup.jousha_shousai {
  width         : 100%;
}
colgroup.jousha_kukan {
  width         : 45%;
}
colgroup.jousha_km {
  width         : 25%;
}
colgroup.jousha_date {
  width         : 30%;
}

/* 路線図を表示して駅を選択する表 */
table.rosenzu td, table.rosenzu th {border-style : none;}

tr.kijou td, tr.kiten_kijou, tr.kijou_shuuten {color : #999999;}

/* 既乗区間 */
tr.kijou td.kaishi_station, tr.kijou td.shuuryou_station,
tr.kiten_kijou td.kaishi_station, tr.kiten_kijou td.shuuryou_station,
tr.kijou_shuuten td.kaishi_station, tr.kijou_shuuten td.shuuryou_station
{
  background-color : #ccccdd;
  text-align : center;
}
/* 未乗区間 */
tr.mijou td.kaishi_station, tr.mijou td.shuuryou_station,
tr.mijou_kijou td.kaishi_station, tr.mijou_kijou td.shuuryou_station,
tr.kijou_mijou td.kaishi_station, tr.kijou_mijou td.shuuryou_station,
tr.kiten_mijou td.kaishi_station, tr.kiten_mijou td.shuuryou_station,
tr.mijou_shuuten td.kaishi_station, tr.mijou_shuuten td.shuuryou_station
{
  background-color : #333366;
  text-align : center;
}

/* フォーム */
td form {
  margin : 0em;
  padding : 0em;
}
p.long {
  text-indent : 1em;
}

P.lastupdated {
line-height : normal;
margin : 1em 0em;
text-indent : 0em;
text-align : center;
}

.navibar {
  text-indent  : 0em;
  text-align   : center;
  font-size    : 90%;
  margin : 0em;
  padding : 0.2em;
  background-color : #D0D0D0;
  border-style : solid;
  border-width : 0.1em 0em 0.2em 0em;
  border-color : #B0B0B0;
}

.navibar A:link, P.navibar A:visited, P.navibar A:active {
  text-decoration: none;
}
.navibar A:hover {
  color:#ff0000;
  background-color: #808080;
}

span.navibarthispage {
  background-color : #404040;
  font-weight : bold;
  color  : #D0D0D0;
}


blockquote{
    color: #305080;
    border-left: 0.5em double #4080B0;
    padding-left: 1em;
}

pre {
  margin-right: 2em;
  white-space:  pre;
  padding:      0.5em;
  border-color: #ffeeb0;
  border-style: outset;
  border-width: 2px
  font-size   : 1em;
  background-color: #e0e0e0;
 }

hr.alt {
display : none;
}

hr.boldfootline {
text-align:center;
width:75%;
}

hr.footline {
text-align:center;
margin:1em 10%;
border:solid 0.1em #D0D0D0;
padding:0em;
}

.lastmodified {
  margin : 0em;
  text-indent : 0em;
}

.signature {
text-align : right;
}

dl {line-height : 1.5;}
dd dl {margin-top: 0em; margin-bottom: 0em;}

img.valid {float: right}
a:link img.valid, a:visited img.valid  {border-style:none}

div.about {
  margin : 0em;
  padding : 0.2em 1em;
  color : #202040;
  font-weight   : 900;
  background-color : #D0D0E0;
}

div.about a:link {
  color : #202040;
  text-decoration : none;
}
div.about a:visited {
  color:#606090;
  text-decoration : none;
}
div.about a:hover {
  color:#ffffff;
  background-color: #404080;
  text-decoration : none;
}

div.abst {
  margin      : 1em 2em;
  padding:      0.5em;
  border-color: #808080;
  border-style: outset;
  border-width: 2px
  font-size   : 100%;
  background-color: #e0efe4;
 }

div.C79 {
  margin      : 1em 2em;
  padding:      0.5em;
  border-color: #a0a000;
  border-style: outset;
  border-width: 2px
  font-size   : 100%;
  background-color: #f0f0a0;
 }

div.cc {
  margin      : 1em 0em 1em 1em;
  float:      ; right;
}

/* タイムマシン日付 */
td.span_date {
  border-width: 0.15em 0.1em;
}