* { margin : 0 ; padding : 0 ; }
body {
  width : 100% ;
  background:#FFFFFF url(../img/header_h.gif) repeat-x scroll left top;
}

#contents { }

#header_area{
  padding: 10px;
  /*
  background-color: #C0DCC0;
  border: 1px;
  border-style:solid;
  border-color: #2F632C;
  margin: 5px;

  white-space: nowrap;


  background-color: #ffffff;
  color: #ffffff;
   */
}

/* 入力エリア */
div#input_area{
  width: 220px;
/*   float: left;
  margin-right:-220px;
  position:relative;
  z-index: 3; */
}



/* div#input_area input#val_from, div#input_area input#val_to, div#input_area  input#val_via{
  */
div#input_area input#val_from, div#input_area input#val_to{
   width:80%;
  height: auto;
   font-size: 120%; 
}

#select_area #val_from, #select_area #val_to, #select_area #val_via{
  font-size: 120%;
  height: auto;
}

#select_area input#val_from, #select_area input#val_to, #select_area input#val_via{
  width: 240px;
}


div#input_area div#sort_types{
  border: 1px solid;
  width:80%;
}
input#search_button{
/*   background-color: #eeee11; */
  background-color: #FFCC66;
}

input#search_button, input#clear_button{
  font-size: 16px;
  font-weight: bold;
  width: 80px;
}
img#swap_button{
  margin-left: 80px;
  margin-top:3px;
  margin-bottom:3px;  
}

/*  メインエリア */
div#main_area{
  width: 100%;
  /*
  float: left;
  position:relative;
  z-index: 1; */
}


/*  フッター */
div#footer{
  width: 100%;
  clear: both;
}

/*  ロゴイメージ */
img#logo{
  /*width: 145px;*/
  display: none !important;
}

#gojhuon_area {
}

.gojhuon_table{
  font-size: 160%;
  border: 1px solid;
  float: left;
  margin-left: 20px;
  margin-bottom: 20px;
  text-align: center;
}
#stname_table{
  font-size: 120%;
  border: 1px solid;
  float: left;
  margin-left: 20px;
  margin-bottom: 20px;
}

.gojhuon_table th {
  background-color: #ccffcc;
  text-align: center;
  border: 1px solid;
  padding: 3px; 
}
.gojhuon_table td.gojhuon_item{
  text-align: center;
  border: 1px solid;
  padding: 3px;
}

/*  駅・バス停一覧表 */
table#stname_table th {
  background-color: #ccffcc;
  text-align: center;
  border: 1px solid;
}
table#stname_table{
  margin: 15px;
}

table#stname_table, table#stname_table td{
  border: 1px solid;
}

table#stname_table th, td{
  padding: 3px;
}

#map_area, #landmark_area, #gojhuon_area, #select_area, #result_area {
/*
  position:relative;
  z-index: 2;
  margin-left: 220px; */

  white-space:nowrap;
}

/*  路線図 */
div#map{
  border: 2px;
  border-style: solid;
  border-color: green;
}

/*  検索結果 */
div.resultset{
  padding: 10px;
}

div.resultset table{
  white-space: nowrap;
  width:100%;
}

table.result_header{
  border-style: solid;
  border-width: 3px;
  border-color: green;
  font-weight: bold;
}
table.result_header th{
  color:white;
  background-color: #11bb11;
  white-space: nowrap;
}

table.result_detail{

}
th.fare, th.km, th.time{
  width: 80px;
}
td.fare, td.km, td.time{
  padding-right:5px;
  text-align: right;
}

table.result_detail tr.headerrow{
  background-color: #e5e5e5;
}

table.result_detail tr.railrow{
  background-color: #ebffeb;
}

tr.stationrow td.rail_mark{
  text-align: center;
  width: 1em;
}

div.message{
  padding-top: 30px;
  font-weight: bold;
  line-height: 30px;
}
span.warning{
  color: red;
  font-size: 120%;
}

/*
定期券、周辺情報等サブウインドウ用スタイル
 */
div#sub_window{
  width: 300px;
}
div.sub_label{
  background-color: #C0DCC0;

}
div.sub_label, div.sub_item{
  text-align: center;
}
div.sub_item table{
  margin-left: auto;
  margin-right: auto;
}

span.input_label{
  font-weight: bold;
}


table#landmark_table{

    margin: auto 40px 20px; 
  /* margin: 40px; */
}
table#landmark_table, table#landmark_table th,table#landmark_table td {
  border: 1px solid;
}

table#landmark_table th{
  background-color: #C0DCC0;
}
#val_land_category, #val_land_list{
  font-size: 140%;
  padding-left: 2px;
  padding-right:10px;

}
#sub_input_area{
  margin-left: 10px;
  margin-top: 5px;
  margin-bottom: 10px;
}

#raillist, #raillist th, #raillist td{
  border: 1px solid;
}
#raillist{
  margin-top: 50px;
}
#raillist th{
  background-color: #C0DCC0;
}
#raillist td{
  padding:10px;
  vertical-align: top;
}


#teiki_table, #taikitable th, #teiki_table td{
  border: 1px solid;
}
#teiki_table{
  margin-top: 50px;
}
#teiki_table th{
  padding: 10px;  
  background-color: #C0DCC0;
}
#teiki_table td{
  padding: 10px;
  text-align: right;
}


.detail_button{
  padding: 4px;
}