form{
margin: 0;
padding: 0;
}
table.searchbar {
width: 98%;
margin: 0 auto;
vertical-align: middle;
}
table.searchbar *{
vertical-align: middle;
}
table.searchbar td{
padding: 0.2em;
text-align: center;
font-size: 1em;
}
table.searchbar input {
font-size: 1em; 
vertical-align: middle; 
margin: 0.2em auto;
-webkit-user-select: text;
}
table.searchbar input[type="text"] {background-image: url("../img/t.gif");}
table.searchbar input.query {width: 100%; height: 1.9em;}
table.searchbar img.searchbtn, img.voicebtn {
-webkit-border-radius: 7px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(1, lightgray));
background: -moz-linear-gradient(top, white, lightgray);
text-align: center;
width: 1.5em;
height: 1.5em;
padding: 0.2em;
}
div.newsite{
display: inline-block;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.query_block{
display: block;
border: 1px solid #ADA6A2;
width: 96%;
padding: 0 0.2em;
border-radius: 5px 0 0 5px;
-webkit-box-shadow: 1px 1px 2px rgba(100,100,100,0.4) inset , 0 1px 1px rgba(255,255,255,0.8) ;
height: 2.2em;
background: white;
}
.query{
font-size: 1em;
margin: 0;
padding: 0;
border: none;
}
::-webkit-input-placeholder { /* WebKit browsers */
color: lightgray;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: lightgray;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: lightgray;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: lightgray;
}
#position{
width: 98%;
margin: 0 auto;
font-size: 0.9em;
vertical-align: middle;
}
#position *{vertical-align: middle;}
img.icon2 {width: 0.8em; margin: 0 0.2em; padding: 0;}
img.WC{
width: 1.4em;
margin: 0 0 -0.2em 0.2em;
}
#slider_view{
display: inline-block;
overflow: hidden;
width: 80%;
}
.error{
padding: 0.5em;
color: red;
text-align: center;
font-size: 1.2em;
}
.info_title{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFB330), color-stop(0.5, #FFC757), color-stop(1, #FFDF3D));
background: -moz-linear-gradient(top, #FFB330, #FFC757 , #FFDF3D);
padding: 0.4em 0.3em;
border: 1px solid #C9BC9C;
border-radius: 5px 5px 0 0;
color: #546308;
 /*     text-shadow: 1px 1px 1px rgba(100,100,100,0.8);*/
font-weight: bold;
margin-bottom: 0.15em;
}
.keyword{
width: 100%;
/*width: 9.6em;*/
font-size: 1.3em;
font-width: bold;
display: inline-block;
/*border: 1px solid red;*/
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.map_btn{
/*margin-left: 0.8em;*/
/*margin-top: -0.25em;*/
vertical-align: middle;
padding: 0.2em 0.35em;
border: 1px solid #ADA6A2;
-moz-border-radius:  5px;
-webkit-border-radius:  5px;
display: inline-block;
}
.map_btn_a{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.4, white), color-stop(0.9, #E6E3DF), color-stop(1, #D9D3C8));
background: -moz-linear-gradient(top, white, #E6E3DF , #D9D3C8);
-webkit-box-shadow: 1px 1px 1px rgba(255,255,255,0.8);
}
.map_btn_b{
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #E6E3DF), color-stop(1, #D9D3C8));
background: -moz-linear-gradient(bottom, #E6E3DF, #D9D3C8);
-webkit-box-shadow: 1px 1px 1px rgba(255,255,255,0.8), 0 0 2px rgba(10,10,10,0.8) inset;	
}
#wrapper {
position: relative;
z-index: 1;
overflow: auto;
width: 98%;
margin: 0 auto;
}
.poi_list{
border: 1px solid #D4CFCE;
margin: 0 0 0.3em;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.3, white), color-stop(0.65, #FAFAFA), color-stop(1, #F0EBE6));
background: -moz-linear-gradient(top, white,#FAFAFA, #F0EBE6);
}
.poi_detail{
min-height:  85px;
padding-left: 0.3em;
color: #595757;
}
.poi_img{
width: 100px;
max-height: 75px;
padding:  3px 5px 5px 0;
overflow: hidden;
float: left;
}
.poi_name{
display: block;
width: 98%;
font-size: 1.2em;
padding: 0 0.1em 0;
border-radius: 5px;
line-height: 1em;
}
.poi_name_a{
/*background: rgba(150,150,150,0.3);*/
/*background: lightgray;*/
color: #2EA7E0; 
}
.poi_name_b{
color: #EDA207;
}
.poi_tel{
font-size: 0.9em;
padding: 0 0.25em;
border-radius: 5px;
border: 1px solid #ADA6A2;
margin: 0 0 1em 0;
}
.tel_btn_a{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.4, white), color-stop(0.9, #E6E3DF), color-stop(1, #D9D3C8));
background: -moz-linear-gradient(top, white, #E6E3DF , #D9D3C8);
/*			-webkit-box-shadow: 1px 1px 1px rgba(255,255,255,0.8);*/
}
.tel_btn_b{
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #E6E3DF), color-stop(1, #D9D3C8));
background: -moz-linear-gradient(bottom, #E6E3DF, #D9D3C8);
/*-webkit-box-shadow: 1px 1px 1px rgba(255,255,255,0.8), 0 0 2px rgba(10,10,10,0.8) inset;*/	
}
.poi_addr{
font-size: 0.9em;
padding: 0.2em;
}
.poi_other{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.3, #FFFFFF), color-stop(0.7, #EBEBEB), color-stop(1, #DEDAD3));
background: -moz-linear-gradient(top, #FFFFFF, #EBEBEB, #DEDAD3);
padding: 0.1em 0.2em;
border-top: 1px solid #D4CFCE;
}
.poi_dis{
text-align: right;
color: #727171;
}
.poi_msg{
display: inline-block;
padding: 0 0.8em 0 0.5em;
color: #727171;
}
.poi_good{
display: inline-block;
padding: 0 0.4em;
color: #727171;
}
#content{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.3, #FFF7ED), color-stop(0.8, #FFE6BF));
background: -moz-linear-gradient(top, #FFF7ED, #FFE6BF);
}
.sort_btn{
position: relative; 
text-align: center; 
display: inline-block; 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.3, #FFF7ED), color-stop(0.8, #FFE6BF));
background: -moz-linear-gradient(top, #FFF7ED, #FFE6BF);
border-right: 1px solid #C9B59C;
}
.sort_btn_b{
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #F5CC3D), color-stop(1, #FF9838));
background: -moz-linear-gradient(bottom, #F5CC3D, #FF9838);
/*-webkit-box-shadow: 0 0 5px rgba(216,136,29,0.7) inset;*/
}
.set_btn{
display: inline-block;
width: 2.5em;
vertical-align: top;
height: 3em;
text-align: center;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.3, #F7E9BC), color-stop(0.8, #CDCF92));
background: -moz-linear-gradient(top, #F7E9BC, #CDCF92);
border-radius: 5px 0 0 5px;
}
.set_btn_a{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.3, #F7DC85), color-stop(0.8, #CCCF4D));
background: -moz-linear-gradient(top, #F7DC85, #CCCF4D);
/*            -webkit-box-shadow: 1px 1px 2px rgba(255,255,255,0.4) inset;*/
}
.set_btn_b{
background: -webkit-gradient(linear, left bottom, left top, color-stop(0.3, #F7DC85), color-stop(0.8, #CCCF4D));
background: -moz-linear-gradient(bottom, #F7DC85, #CCCF4D);
/*-webkit-box-shadow: 0 0 5px rgba(100,100,100,0.5) inset;*/
}
.other_title{
padding: 0.2em 0.3em;
font-size: 1.1em;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFCF5), color-stop(0.5, #FFF6E0), color-stop(1, #FFF0CC));
background: -moz-linear-gradient(top, #FFFCF5, #FFF6E0 , #FFF0CC);
border: 1px solid #C9BC9C;
border-radius: 5px 5px 0 0;
color: #7D4E05;
/*text-shadow: 1px 1px 0 rgba(255,255,255,0.8);*/
font-weight: bold;
margin-bottom: 0.15em;
}
#nbest_list{
padding: 0.3em;
border: 1px solid #D4CFCE;
margin-bottom: 0.3em;
border-radius: 0 0 5px 5px;
}
.nbest_btn{
display: block;
width: 100%;
border-radius: 3px;
padding: 0.3em;
}
.nbest_btn_a{
color: #727373;
}
.nbest_btn_b{
color: #494949;
background: rgba(150,150,150,0.3);
}
.nbest_close{
width: 1.25em;
margin: 0.2em 0.6em 0 0;
}
.nbest_open{
width: 1.25em;
margin: 0 0.6em 0 0;
-webkit-transform: rotate(180deg);
}
.add_btn{
display: inline-block;
vertical-align: middle;
/*margin-top: -0.1em;*/
/*-webkit-box-shadow: 0 1px 2px rgba(100,100,100,0.8), -1px 0 2px rgba(150,75,15,0.8) inset;*/
padding: 0.12em 0.35em;
border: 1px solid #ADA6A2;
-moz-border-radius:  5px;
-webkit-border-radius:  5px;
}
.add_btn_a{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.4, white), color-stop(0.9, #E6E3DF), color-stop(1, #D9D3C8));
background: -moz-linear-gradient(top, white, #E6E3DF , #D9D3C8);
-webkit-box-shadow: 1px 1px 1px rgba(255,255,255,0.8);
}
.add_btn_b{
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #E6E3DF), color-stop(1, #D9D3C8));
background: -moz-linear-gradient(bottom, #E6E3DF, #D9D3C8);
-webkit-box-shadow: 1px 1px 1px rgba(255,255,255,0.8), 0 0 2px rgba(10,10,10,0.8) inset;	
}
.tip01{
position: absolute;
width: 70%;
top: 3em;
left: -7em;
margin-left: 50%;
z-index: 1000;
}
.tip02{
position: absolute;
width: 70%;
top: -5.2em;
left: -7em;
margin-left: 50%;
z-index: 1000;
}
.tip_border01{
position: relative;
background: #C5E04A;
padding: 0.8em 1em;
border: 2px solid white;
width: 12em;
font-size: 1.1em;
color: #028693;
font-weight: bold;
border-radius: 5px;
line-height: 1.4em;
-webkit-box-shadow: 0px 2px 4px rgba(100,100,100,0.8);
text-align: center;
}
.tip_border02{
position: relative;
background: #C5E04A;
padding: 0.8em 1em;
border: 2px solid white;
width: 10em;
font-size: 1.1em;
color: #028693;
font-weight: bold;
border-radius: 5px;
line-height: 1.4em;
-webkit-box-shadow: 0px 2px 4px rgba(100,100,100,0.8);
text-align: center;
}
.tip_arrow01{
position: absolute;
display: block;
width: 1em;
height: 1em;
background: #C5E04A;
border-top: none;
border-right: none;
border-bottom: 2px solid white;
border-left: 2px solid white;
top: -0.65em;
left: 5.5em;
transform:rotate(-225deg);
-ms-transform:rotate(-225deg); /* IE 9 */
-webkit-transform:rotate(-225deg); /* Safari and Chrome */
}
.tip_arrow02{
position: absolute;
display: block;
width: 1em;
height: 1em;
background: #C5E04A;
border-top: none;
border-right: none;
border-bottom: 2px solid white;
border-left: 2px solid white;
-webkit-box-shadow: -2px 2px 2px rgba(100,100,100,0.8);
bottom: -0.65em;
left: 5.5em;
transform:rotate(-45deg);
-ms-transform:rotate(-45deg); /* IE 9 */
-webkit-transform:rotate(-45deg); /* Safari and Chrome */
}
.btn{
background: #cad9dc;
}
.btn_active{
background: #e68089;
}
.go_map{
font-size: 0.9em;
display: inline-block;
padding: 0.1em 0.2em;
border-radius: 5px;
color: white;
}
#slider_previous{
display: inline-block;
}
#slider_next{
display: inline-block;
}
#content *{
vertical-align: middle;
}
.slider_btn{
display: inline-block;
padding: 0.5em;
}
.slider_btn button{
border: 0;
background: rgba(50,50,50,0.5);
padding: 0.2em 0;
border-radius: 0.5em;
}
.icon-arrowLeft, .icon-arrowRight{
font-size: 3em;
}
.sliderBtn:hover{
box-shadow: 0 0 8px rgba(0,0,0,0.8);
}
button:focus {outline:0;}