form {
margin:0;
}

#contents {
  text-align: center !important;
}

#contents .icon_paint {
border-color: #cccccc;
border-style: solid;
border-width: 2px;
width: 600px;
padding: 5px;
}
#contents .paint1 {
#background-color: #aaeaff;
background-color: #D7FFD7;
font-weight: bold;
width: 600px;
}
#contents .paint2 {
width: 100%;
border-color: #3310c6;
border-style: solid;
border-width: 2px;
border-collapse: separate;
border-spacing: 2px;
}
#contents .paint2_2 {
width: 600px;
/*padding: 20px;*/
}
#contents .paint3 {
background-color: #cccccc;
text-align: center;
vertical-align:middle;
}
#contents .paint3_link {
/*width: 280px;*/
text-align: right;
}
#contents .paint4 {
background-color: #cccccc;
text-align: center;
vertical-align:middle;
width: 100px;
}
#contents .r_detail {
width: 600px;
border-collapse: separate;
border-spacing: 2px;
}

#contents .control {
table-layout: fixed;
width: 180px;
vertical-align:top;
}
#contents .other {
table-layout: fixed;
width: 600px;
vertical-align: top;
}
#contents .control_p2 {
padding: 0px 2px;
/*
position: fixed;
z-index: 0;
*/
}
#contents .control_p5 {
padding: 2px 5px;
}
#contents .p5 {
padding: 5px;
vertical-align: bottom;
font-weight: bold;
}
#contents .p5_2 {
padding: 5px;
vertical-align: top;
font-weight: bold;
}
#contents .r_header1 {
padding: 5px;
}
#contents .r_header2 {
padding: 5px;
width: 30%;
text-align: right;
}
#contents .r_d_header1 {
width: 20px;
#background-color: #333ca8;
background-color: #007B2F;
color : white;
font-weight: bold;
text-align: center;
vertical-align:middle;
}
#contents .r_d_header2 {
/*width: 405px;*/
padding: 1px;
/*
border-style: solid;
border-width: 3px;
border-color: #333ca8;
*/
text-align: left;
vertical-align:top;
}
#contents .r_d_header3 {
padding: 1px;
width: 28%;
text-align: right;
vertical-align: top;
}
#contents .r_t_header1 {
background-color: #333ca8;
color: white;
font-weight: bold;
text-align: center;
vertical-align: middle;
height: 40px;
width: 270px;
}
#contents .r_t_header2 {
background-color: #667272;
color: white;
font-weight: bold;
text-align: center;
vertical-align: middle;
height: 40px;
width: 60px;
}
#contents .r_t_header3_1 {
background-color: #cccccc;
color: black;
font-weight: bold;
text-align: center;
vertical-align: middle;
height: 40px;
width: 130px;
}
#contents .r_t_header3_2 {
background-color: #cccccc;
color: black;
font-weight: bold;
text-align: center;
vertical-align: middle;
height: 40px;
width: 70px;
}
#contents .r_t_header4_1 {
background-color: #aaeaff;
color: black;
font-weight: bold;
text-align: center;
vertical-align: middle;
height: 40px;
width: 230px;
}
#contents .r_t_header4_2 {
background-color: #aaeaff;
color: black;
font-weight: bold;
text-align: center;
vertical-align: middle;
height: 40px;
width: 100px;
}
#contents .r_t_header11 {
background-color: #333ca8;
color : white;
font-weight: bold;
text-align: center;
vertical-align:middle;
height:40px;
}
#contents .r_t_header12 {
background-color: #667272;
color : white;
font-weight: bold;
text-align: center;
vertical-align:middle;
height:40px;
width:70px;
}
#contents .r_t_header14 {
background-color: #aaeaff;
color : black;
font-weight: bold;
text-align: center;
vertical-align:middle;
height:40px;
width:100px;
}
#contents .link1 {
font-size: 0.8em;
}
#contents .mark {
width: 16px;
text-align: center;
vertical-align:middle;
border-style: none;
}
#contents .ekibus_name {
vertical-align:middle;
}
/* 共通クラス */
#contents .errmsg {
color : red;
background-color: white;
font-size: 120%;
font-weight: bold;
}
#contents .errmsgl {
color : red;
background-color: white;
font-size: 150%;
font-weight: bold;
}
#contents .errtitle {
font-size: 200%;
font-weight: bold;
}
#contents .bold {
font-weight: bold;
}
#contents .bold2 {
padding: 10px 2px 2px 2px;
font-weight: bold;
}
#contents .bold3 {
font-weight: bold;
color : red;
}
#contents .bold4 {
font-weight: bold;
font-size:120%;
}
#contents .disp1 {
text-align: center;
vertical-align: middle;
}
#contents .disp1_2 {
text-align: center;
vertical-align: top;
}
#contents .disp2 {
text-align: right;
vertical-align: top;
}
#contents .disp3 {
text-align: left;
vertical-align: top;
}
#contents .cautions {
font-size: 150%;
font-weight: bold;
}
#contents .route_info {
#background-color: #f3f3ff;
background-color: #D7FFD7;
width: 500px;
color: #004080;
vertical-align:middle;
}
#contents .route_info_bus {
#background-color: #f3f3ff;
background-color: #C8FFFF;
width: 500px;
color: #004080;
vertical-align:middle;
}
#contents .route_info_walk {
#background-color: #f3f3ff;
background-color: #E9E9E9;
width: 500px;
color: #004080;
vertical-align:middle;
}
#contents .route_info2 {
#background-color: #f3f3ff;
background-color: #D7FFD7;
width: 100px;
text-align: center;
vertical-align:middle;
}
#contents .route_info2_bus {
#background-color: #f3f3ff;
background-color: #C8FFFF;
width: 100px;
text-align: center;
vertical-align:middle;
}
#contents .route_info2_walk {
#background-color: #f3f3ff;
background-color: #E9E9E9;
width: 100px;
text-align: center;
vertical-align:middle;
}
#contents .gojuon_line1 {
border-style: solid;
border-width: 1px;
width: 400px;
}
#contents .gojuon_line2 {
border-style: solid;
border-width: 1px;
line-height: 2em;
}

#contents .gojuon_head1 {
border-style: solid;
border-width: 1px;
color: black;
background-color: #aaeaff;
font-size: 1.5em;
font-weight: bold;
}
#contents .gojuon_head2 {
border-style: solid;
border-width: 1px;
color: black;
background-color: #aaeaff;
font-weight: bold;
}

#contents .gojuon_detail1 {
padding: 10px 2px 2px 2px;
font-size: 1.5em;
text-align: center;
}
#contents .gojuon_detail2 {
border-style: solid;
border-width: 1px;
}

#contents .kana_large {
  display: inline-block;
  padding: 5px 0;
  color: black;
  font-size: 1.5em;
  font-weight: bold;
}

div#input_area div#sort_types{
  border: 1px solid;
  width:80%;
}