@charset "utf-8";

.no_data {
color:#f00;
}

/* area title */
#main .area_title {
margin-bottom:18px;
padding-top:10px;
background:#00A0E9 url(../img/area_bg_01.png) no-repeat;
}
#main .area_title_inner {
padding:0 10px 11px;
background:url(../img/area_bg_02.png) left bottom no-repeat;
}
#main .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;
}

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

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



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



/* google map */
#map {
width:610px;
height:380px;
margin:0 auto 10px;
}

#content .selectpref ul,
#content .selectpref p.search {
width:275px;
margin:5px 5px 0px ;

}

#content .selectpref input {
float:right;
}

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

#content .selectcity ul,
#content .selectcity p.search {
width:205px;
margin:5px;
font-size:1.2em;
}
/* area */
#content .area {
margin-bottom:18px;
}

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

#content .selectcity .find_to {
float:left;
width:205px;
}

/* 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:30%;
}
#content .details col.use_locale {
width:20%;
}
#content .details col.address {
width:38%;
}
#content .details col.map {
width:10%;
}
#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;
}

#content .keyword {
padding-bottom:20px;
}
#content .keyword ul,
#content .keyword p {
overflow:hidden;
width:302px;
margin:0 auto 20px 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;
}

#select_spot {
width:100%;
height:200px;
}
#select_spot .select_spot_table{
float:left;
width:70%;

}

#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:610px;
height:380px;
float:left
}
.map_right {
width:30%;
float:right;
background-color:#FFFFFF;
}
.map_right p {
font-size:1.2em;
margin: 10px 0 0 10px;
}