/* 背景色 */
body {
  background-color: #FFFACD;
}

form {
 margin:0px;
 display: inline;
}



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

/* テーブル */
.tbl-login-bg{
  background-color:#deb887;
}

.tbl-waku{
  width: 800px;
}

.tbl-to-search{
  background-color:#FEFEE1;
  border: solid 1px #deb887;

}

.tbl-route{
  border: solid 1px #deb887;
}

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

.td-frombusstop-msg{
 text-align: left;
 vertical-align: middle;
}

.td-frombusstop-search{
 width: 480px;
 height: 50px;
 background-color: #FEFEE1;
 text-align: left;
 vertical-align: middle;
 border: solid 1px #deb887;
}

.td-frombusstop-time{
 width: 350px;
 height: 50px;
 background-color: #FEFEE1;
 text-align: left;
 vertical-align: middle;
 border: solid 1px #deb887;
}

.td-fromstp-title{
 background-color: #deb887;
 text-align: center;
 vertical-align: middle;
}


.td-frombusstop-search1{
 height: 50px;
 text-align: left;
 vertical-align: middle;
}

.td-help{
  width:60px;
  background-color: yellow;
  text-align: center;
  vertical-align: middle;
  color: black;
  font-size: 9pt;
  text-decoration:none;
  border: solid 1px #737373;
}

.td-info{
  background-color:#FEFEE1;
  width:500px;
  text-align: left;
  vertical-align: middle;
}

.td-info-s{
  background-color:#FEFEE1;
  width:315px;
  text-align: left;
  vertical-align: middle;
}

.td-info-title{
  width:85px;
  height:24px;
  background-color: #ffa500;
  color: black;
  text-align: center;
  vertical-align: middle;
  border: double 2px #deb887;
  padding: 1px;
}


.td-info-title-s{
  width:85px;
  height:24px;
  background-color: #ffa500;
  color: black;
  text-align: center;
  vertical-align: middle;
  border: double 2px #deb887;
  padding: 1px;
}



.td-kettei-btn{
  background-color: #FEFEE1;
  text-align: center;
  vertical-align: middle;
  color: black;
}

.td-list-stp{
  background-color: #FEFEE1;
  width: 330px;
  height:220px;
  text-align: center;
  vertical-align: top;
}

.td-list-title{
  background-color: #FEFEE1;
  width: 330px;
  text-align: left;
  vertical-align: middle;
}


.td-login{
  background-color: #ffcc33;
  width:100px;
  height:40px;
  text-align: center;
  vertical-align: middle;
  color: black;
}

.td-login-btn{
  width:200px;
  height:40px;
  text-align: left;
  vertical-align: middle;
}

.td-login-msg{
 width:800px;
 text-align: center;
 vertical-align: middle;
}

.td-login-space{
  width:100px;
  height:50px;
}

.td-login-txt{
  background-color:#FEFEE1;
  width:200px;
  text-align: left;
  vertical-align: middle;
}

/* 画面上部中央タイトル２ */
.td-main-title{
  width: 500px;
  height:60px;
  background-color: orange;
  color: white;
  text-align: center;
  vertical-align: middle;
  font-size: 16pt;
}

.td-menu-info{
  background-color:#ffffff;
  width:300px;
  text-align: left;
  vertical-align: middle;
  font-size: 9pt;
}

.td-menu-msg{
 width:800px;
 text-align: left;
 vertical-align: middle;
}

.td-menu-title{
  background-color: #ffcc33;
  width:120px;
  height:40px;
  text-align: center;
  vertical-align: middle;
  color: black;
}

.td-page-title{
  width:100px;
  height:45px;
  background-color: #ffcc33;
  color: black;
  text-align: center;
  vertical-align: middle;
  border: double 5px #deb887;
  padding: 1px;
}


.td-route-btn{
  background-color: #FEFEE1;
  height:60px;
  text-align: center;
  vertical-align: middle;
  border: double 1px #deb887;
}

.td-route-title-fstp{
  background-color: #ffcc33;
  width:200px;
  height:25px;
  color: black;
  text-align: center;
  vertical-align: middle;
}

.td-route-title-route{
  background-color: #ffcc33;
  width:300px;
  height:25px;
  color: black;
  text-align: center;
  vertical-align: middle;
}

.td-route-title-last{
  background-color: #ffcc33;
  width:200px;
  height:25px;
  color: black;
  text-align: center;
  vertical-align: middle;
}

.td-route-title-check{
  background-color: #ffcc33;
  width:30px;
  height:25px;
  color: black;
  text-align: center;
  vertical-align: middle;
}


.td-route-data-fstp{
  background-color: white;
  width:200px;
  height:25px;
  color: black;
  text-align: left;
  vertical-align: middle;
}

.td-route-data-route{
  background-color: white;
  width:300px;
  height:25px;
  color: black;
  text-align: left;
  vertical-align: middle;
}


.td-route-data-btn{
  background-color: #FEFEE1;
  height:40px;
  text-align: right;
  vertical-align: middle;
}

.td-route-data-last{
  background-color: white;
  width:200px;
  height:25px;
  color: black;
  text-align: left;
  vertical-align: middle;
}

.td-route-data-check{
  background-color: white;
  width:30px;
  height:25px;
  color: black;
  text-align: center;
  vertical-align: middle;
}





.td-route-title-busimg{
  background-color: #ffcc33;
  width:70px;
  height:25px;
  color: black;
  text-align: center;
  vertical-align: middle;
}

.td-route-title-route1{
  background-color: #ffcc33;
  width:50px;
  height:25px;
  color: black;
  text-align: center;
  vertical-align: middle;
}

.td-route-title-start{
  background-color: #ffcc33;
  width:200px;
  height:25px;
  color: black;
  text-align: center;
  vertical-align: middle;
}

.td-route-title-keiyu{
  background-color: #ffcc33;
  width:150px;
  height:25px;
  color: black;
  text-align: center;
  vertical-align: middle;
}

.td-route-title-last{
  background-color: #ffcc33;
  width:100px;
  height:25px;
  color: black;
  text-align: center;
  vertical-align: middle;
}








/* スペース */
.td-space{
  width:10px;
}

/* スペース */
.td-space1{
  width:20px;
}

/* スペース */
.td-space2{
  height:10px;
}

/* スペース */
.td-space3{
  width:1px;
}

.td-space4{
  height:28px;
}

.td-space5{
  width:70px;
}

.td-space6{
  width:200px;
}

/* 画面上部中央タイトル１ */
.td-title{
  text-align: center;
  vertical-align: middle;
}

.td-txt-stp{
  background-color: #FEFEE1;
  width: 330px;
  height:220px;
  text-align: left;
  vertical-align: top;
}


.td-tobusstop-search{
 width:350px;
 height: 50px;
 text-align: left;
 vertical-align: middle;
}

.td-tobusstop-search1{
 width:700px;
 height: 50px;
 text-align: left;
 vertical-align: middle;
}

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

.btn-landstp-search{
  width: 90px;
  height: 30px;
  color:black;
  text-align: canter;
  vertical-align: middle;
}

.btn-lndmrk-search{
  width: 120px;
  color:black;
  text-align: center;
  vertical-align: middle;
}

.btn-line-search{
  width: 120px;
  color:black;
  text-align: center;
  vertical-align: middle;
}

.btn-login{
  width: 80px;
  height:25px;
  color:black;
}

.btn-menu{
  width: 200px;
  color:black;
}

.btn-route-search{
  width: 60px;
  height: 30px;
  color:black;
  text-align: canter;
  vertical-align: middle;
}

.btn-search{
  width: 60px;
  color:black;
  text-align: canter;
  vertical-align: middle;
}

.list-stp{
  width: 300px;
}


.txt-inpt-fstpnm{
  background-color: #ddddff;
  border: #ddddff 1px solid #6495ed;;
  width:250px;
  text-align: left;
  vertical-align: middle;
}

.txt-inpt-tstpnm{
  width:250px;
  text-align: left;
  vertical-align: middle;
  ime-mode:active;
}

.txt-inpt-stpnm{
  width:250px;
  text-align: left;
  vertical-align: middle;
  ime-mode:active;
}

.txt-login-id{
  width:150px;
  text-align: left;
  ime-mode:disabled;
}

.txt-login-pswd{
  width:150px;
  height:25px;
  text-align: left;
}

.txt-msg{
  width:500px;
  text-align: left;
  vertical-align: middle;
}

.txt-inpt-tmstpnm{
  background-color: #ddddff;
  border: #ddddff 1px solid #6495ed;;
  width:150px;
  text-align: left;
  vertical-align: middle;
}

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

body.situation {
  background-color: #ffffff;
}

table.title {
  border: 2px solid black;
  width:70%;
  padding: 5px;
  font-size: 28;
  background-color: #ffffff;
}


.title {
  position: center;
  border-style: solid;
  padding: 5px;
}
*.info {
  background-color: #ffffff;
}
*.menu {
  border: 1px solid black;
  padding: 6px;
  font-size: 15;
  width: 40%;
}
*.help {
  text-align: right;
  border-top: 1px solid black;
  border-left: 1px solid black;
  border-bottom: 4px solid black;
  border-right: 4px solid black;
  padding: 6px;
  background-color: #ffff66;
}
table.result {
  border-collapse: collapse; 
  border-top: 1px solid black;
  border-left: 1px solid black;
  background-color: #ffffff;
}

table.allList
{
  border-collapse: collapse;
  background-color:#FFFFFF;
  width:650px;
}

table.time {
  width:400px;
  background-color:#FFFAAA
}
td.timeTitle {
  background-color:#FFEE66
}

td.result {
  border-bottom: 1px solid black;
  border-right: 1px solid black;
  empty-cells: hide;
  padding: 3px 3px
} 
td.result-bus {
  border-bottom: 1px solid black;
  border-right: 1px solid black;
  empty-cells: hide;
  padding: 3px 3px;
  text-align:center
} 
th.result {
  border-bottom: 1px solid black;
  border-right: 1px solid black;
  empty-cells: hide;
  padding: 3px 3px
} 
table.situation {
  width:400px;
  border-collapse: collapse; 
  background-color: #ffffff;
}

th.situation {
  color: #ffffff;
  background-color: #333399;
}
td.situation-l {
  width:60%;
  border-bottom: 1px dashed black;
  border-right: 1px dashed black;
  empty-cells: hide;
  padding: 3px 3px
}
td.situation-r {
  width:40%;
  border-bottom: 1px dashed black;
  empty-cells: hide;
  padding: 3px 3px
}
td.1situation-l {
  width:325px;
  border-bottom: 1px dashed black;
  border-right: 1px dashed black;
  empty-cells: hide;
  padding: 3px 3px
}
td.1situation-r {
  width:325px;
  border-bottom: 1px dashed black;
  empty-cells: hide;
  padding: 3px 3px
}
td.situation-left {
  border-right: 2px solid black;
}
*.term {
  background-color: #6699ff;
  color: #ffffff;
}
*.busstop {
  background-color: #ffff99;
}

*.bustime {
  background-color: #ffff99;
  border: 1px solid black;
}

body.cmp {
  background-color: #ffffff;
}
*.cmptitle {
  border-style: solid;
  padding: 5px;
}
table.cmptitle {
  border: 2px solid black;
  width:70%;
  padding: 5px;
  font-size: 28;
  background-color: #9999cc;
}
table.cmpminititle {
  border: 2px solid black;
  padding: 5px;
  background-color: #9999cc;
}
table.cmpmenu {
  border-top: 1px solid black;
  border-left: 1px solid black;
  border-bottom: 5px solid black;
  border-right: 5px solid black;
  padding: 6px;
  background-color: #ffff66;
}
table.cmpemergency {
  border-top: 1px solid black;
  border-left: 1px solid black;
  border-bottom: 5px solid black;
  border-right: 5px solid black;
  padding: 6px;
  background-color: #ff0000;
  color: #ffffff;
}
table.cmphelp {
  border: 1px solid black;
  padding: 6px;
  background-color: #ffffff;
}
table.result {