h2.main{
  margin:20px 10px 2px 5px;
  padding:5px;
  border:1px solid #dfdfdf;
  background:#efefef;
}


h2.main .title{
  border-left:5px solid #31499C;
  padding-left:5px;
}

h2.emargency{
  margin:20px 10px 2px 5px;
  padding:5px;
  border:1px solid #dfdfdf;
  background:#FDFF82;  
}

.red{
  color:red;
  font-weight:bold;
}

h2.emargency .title{
  color:red;
  border-left:5px solid red;
  padding-left:5px;
}

h2.sub{
  padding:8px 5px 2px 5px;
  border-bottom:2px solid #31499C;
  color:#ffffff;
  margin-left:2px;
}

h3{
  margin-left:10px;
  border-left:1em solid #31499C;
  padding-top:5px;
  padding-left:0.5em;
}

#keitai{
  margin:10px;
  color:#ffffff;
}

#keitai2{
  margin:10px;
  color:#ffffff;
}

#links{
  margin:10px;
  color:#ffffff;
}

#links a{
  color:#ffffff; 
}

#reg_list{
  width:95%;
  margin:5px 10px 2px 5px;
  font-size:9pt;
  border:1px solid #dfdfdf;
}

#reg_list th,
#reg_list td{
  padding:3px;
}

#reg_list th{
  font-weight:bold;
  text-align:center;
  background:#dfdfdf;
}

.w35p{
  width:35%;
}
.w25p{
  width:25%;
}
.w20p{
  width:20%;
}
.w15p{
  width:15%;
}
.w10p{
  width:10%;
}
.w5p{
  width:5%;
}

.wTDpx{
  width:140px;
}

#reg_list .odd{
  background:#efefef;
}

#reg_list select{
  font-size:10pt;
  padding:3px 5px;
  margin:auto; 
}

#reg_list .title{
  font-weight:bold;
  width:10%;
  text-align:center;
}

#reg_summary{
  width:95%;
  margin:5px 10px 2px 5px;
  font-size:9pt;
}

#reg_summary th,
#reg_summary td{
  padding:5px;
}

#reg_summary .cat{
  font-weight:bold;
  background:#dfdfdf;
  border-left:1px solid #dfdfdf;
  border-top:1px solid #dfdfdf;
  border-bottom:1px solid #dfdfdf;
  vertical-align:middle;
}

#reg_summary .val{
  text-align:right;
  padding-right:2em;
  border-right:1px solid #dfdfdf;
  border-top:1px solid #dfdfdf;
  border-bottom:1px solid #dfdfdf;
  vertical-align:middle;
}

.navi{
  text-align:center; 
}

.navigator{
  text-align:left;
  padding-left:20px;
  height:34px;
  border-bottom:2px solid #5A7A93;
  bottom:0px;
  vertical-align:bottom;
  padding-bottom:0px;
}
.navigator .r{
 display: inline-block;
 position:relative;
 top:-10px;
 /*left:380px;*/
 text-align:right;
}

.p_item{
  margin:10px;
  padding:5px;
  background:#ffffff;
  width:365px;

}

table.tb_item{
  width:100%;
  border-bottom:2px solid #cccccc;
}

table.tb_item td{
  padding:3px 1px;
} 

table.tb_item td.road{
  font-weight:bold;
  padding-top:4px;
  overflow:hidden;
  white-space: normal;
  width:250px;
}

table.tb_item td.cat{
  background:#dfdfdf;
  text-align:center;
  width:60px;
  font-weight:normal;
}

table.tb_item td.val{
  text-align:left;
  overflow:hidden;
  white-space: normal;
  font-size:90%;
  font-weight:normal;
}

.area{
 border:1px solid #cccccc;
 margin-bottom:2px;
 margin-top:1px;
 background:#efefef;
 font-weight:bold;
 font-size:11pt;
 width: 268px;
 vertical-align:middle;
 width:362px;
}

.plus{
  display:inline-block;
  border:1px solid #333333;
  margin:3px;
  background:#ffffff;
} 

#map{
  width:100%;
  height:700px;
}

#roadstation a{
  color:#ffffff;
}

#roadstation{
  color:#ffffff;
  margin:10px;
}


table.popup,
th.popup,
td.popup{
  padding:3px;
  font-size:10pt;
  overflow:hidden;
  white-space:normal;
}
table.popup{
  border:1px solid #dfdfdf;
}
th.popup{
  font-weight:bold;
  text-align:center;
  background:#dfdfdf;
}
.odd{
  padding:3px;
  font-size:10pt;
  background:#efefef;
  overflow:hidden;
  white-space:normal;
}
p.popup{
  font-size:10pt;
  text-align:right;
  width:405px;
  overflow:hidden;

}
p.popup2{
  font-size:10pt;
  text-align:center;
  width:405px;
  overflow:hidden;

}