@charset "utf-8";

.no_data {
color:#f00;
}

/* area title */
#content .area_title {
margin-bottom:18px;
padding-top:10px;
background:#00A0E9 url(../img/area_bg_01.png) no-repeat;
}
#content .area_title_inner {
padding:0 10px 11px;
background:url(../img/area_bg_02.png) left bottom no-repeat;
}
#content .area_title h1 {
margin-bottom:0;
padding-left:19px;
background:url(../img/area_bg_03.png) 0 0.1em no-repeat;
color:#fff;
font-size:1.6em;
line-height:1.2;
}

.btn-logout {
    color: #504F40;
    font-size: 7px;
}

/* area */
#content .area {
margin-bottom:18px;
}
#content .area .all {
margin-bottom:20px;
font-size:1.2em;
}
#content .area table {
width:100%;
font-size:1.2em;
line-height:1.6;
}
#content .area th {
width:4em;
font-weight:normal;
text-align:left;
white-space:nowrap;
}



/* details */
#content .details p {
margin-bottom:11px;
font-size:1.2em;
}
#content .details .notes {
margin-bottom:25px;
margin-left:1em;
text-indent:-1em;
}
#content .details table {
width:100%;
margin-bottom:20px;
font-size:1.2em;
}
#content .details col.spot {
width:35%;
}
#content .details col.station {
width:27%;
}
#content .details col.address {
width:38%;
}
#content .details th,
#content .details td {
padding:6px 10px;
border:1px solid #D5D5D5;
vertical-align:middle;
}
#content .details th {
font-weight:normal;
}
#content .details thead th {
background-color:#D2EEFD;
text-align:center;
}
#content .details tbody th {
text-align:left;
}
#content .details td.map {
text-align:center;
}
#content .details .even th,
#content .details .even td {
background-color:#F7FBFD;
}

/* keyword search */
#content .keyword {
padding-bottom:20px;
}
#content .keyword ul,
#content .keyword p {
overflow:hidden;
width:302px;
margin:0 auto 10px 5px;
font-size:1.2em;
}
#content .keyword ul,
#content .keyword p.search {
overflow:hidden;
width:302px;
margin:5px;
font-size:1.2em;
}
#content .keyword li {
list-style:disc outside;
margin-left:1.5em;
}

#content .keyword input {
float:right;
}

#content .keyword .find_to {
float:left;
width:224px;
}
#content .selectpref {
padding-bottom:20px;
}

#content .selectpref ul,
#content .selectpref p.search {
width:302px;
margin:5px;
font-size:1.2em;
}


#content .selectpref input {
float:right;
}

#content .selectpref .find_to {
float:left;
width:224px;
}


#content .selectcity {
padding-bottom:20px;
}

#content .selectcity ul,
#content .selectcity p.search {
width:195px;
margin:5px;
font-size:1.2em;
}


#content .selectcity input {
padding-top:5px;
float:left;
}

#content .selectcity .find_to {
float:left;
width:195px;
}
#select_spot {
width:100%;
height:200px;
}
#select_spot .select_spot_table{
float:left;
width:80%;

}

#select_spot .select_spot_table table {
width:100%;
margin-bottom:20px;
font-size:1.2em;
border-collapse: collapse;

}
#select_spot .select_spot_table td {
padding:6px 10px;
border:1px solid #D5D5D5;
}

#select_spot .select_spot_table col.column {
background-color:#CCFFFF;
width:30%;
}
#select_spot .select_spot_table col.data {
width:70%;
}

/* google map */
#map_canvas {
width:950px;
height:380px;
float:left
}

.map_right {
float:right;
width:20%
margin-right: 10px;
background-color:#FFFFFF;
}
.map_right p {
font-size:1.2em;
margin:5px 20px 0px 0px;

}