@charset "utf-8"; 

html, body{height:100%;overflow:hidden;}

body{display:block;}

a{text-decoration:none;}

a:hover {text-decoration:none;} 

div{display:block;}

.navi-map-wrap{position:relative;width:100%;height:100%;}
.navi-map-header{position:absolute;top:0;left:0;z-index:100;width:100%;height:47px;border-bottom:1px solid #A7A7A7;background:#fff; text-align:left;overflow:hidden;}
.navi-map-srch{position:absolute;top:0;left:255px;z-index: 40;padding:10px 0 0 0;}

.search-input{position:relative;float:left;width:236px;height:26px;border:1px solid #999999; border-width:1px 0 1px 1px;}
.search-txtinput{position:absolute;top:0;left:0;width:229px;height:26px;padding: 0 0 0 5px;border:0;outline: none;font-weight:bold;font-size:14px;}
.search-btn{float:left;width:50px;height:28px;border:1px solid #999999;}
.search-region{float:left;}
.search-region input{margin:8px 5px 0 10px;}
.search-region label{vertical-align:2px;}

.gt_logo{float:left; display:block; margin-top:4px; margin-left:8px;}
.logo_map{float:left; display:block; margin-top:15px; margin-left:6px;}
.navi-map-header:after{clear:both; content:"."; display:block; font-size:0; height:0; visibility:hidden;}

.navi-map-body{position:absolute;top:48px;width:100%;bottom:0;left: 0;z-index:20;}
.navi-map-side{position:absolute;top:0;bottom:0;left:0;z-index:101;width:340px;border-right:1px solid #a7a7a7;background-color:#fff;}
.open-close{
    position:absolute;top:50%;right:-13px;width:12px;height:57px;margin-top:-28px;background-color:#fff;border-top:1px solid #a7a7a7;
    border-right:1px solid #a7a7a7;border-bottom:1px solid #a7a7a7;text-align: center;vertical-align: middle;line-height: 57px;font-size:14px;z-index:3;
}
#close_side{display:inline;}
#open_side{display:none;}
.wrap-side-hidden #close_side{display:none;}
.wrap-side-hidden #open_side{display:inline;}
.wrap-side-hidden .navi-map-side{left:-341px;}
.wrap-side-hidden .navi-map{left:0;}

/* navi map */
.navi-map{position:absolute;top:0;right:0;bottom:0;left:341px;height:100%;background:#e1e1e1;}
.map-canvas-hdr{position:absolute;top:0;right:0;left:0;z-index:12;height:30px;border-bottom:1px solid #a7a7a7;background-color:#fff;}
.map-canvas{position:absolute;top:31px;right:0;left:0;bottom:0;}
.rout-menu{position:absolute;top:35px;left:95px;width:95px;height:49px;z-index:10;background-color:#fff;border:1px solid #a7a7a7;overflow:hidden;}
.rout-menu-icon{position:relative;float:left;width:48px;height:17px;margin-top:5px;margin-left:5px; text-align: center;vertical-align: middle; background-color:#EAEAEA; font-weight:bold; line-height:18px;}
.rout-menu-line{margin-left:35px; height:22px;width:250px;}
.rout-menu-msg{float:left; width:167px; height:17px; overflow:hidden; text-align:left;line-height:17px; vertical-align:center; padding-left:5px; white-space:nowrap; margin-top:4px;}
.rout-menu-line .close-btn{margin-top:4px; margin-right:4px;}
.rout-icon{position:absolute;display:none;z-index:9;}
.rout-menu-rout{position:absolute; top:6px; left:6px; width:23px; height:37px;}
.nm-spot-cat{font-size:11px; text-decoration:none; color:#666666; font-weight:normal;}
a:link span.snl_ttl .nm-spot-cat,a:visited span.snl_ttl .nm-spot-cat{text-decoration:none!important; color:#666666;}
a:hover span.snl_ttl .nm-spot-cat{text-decoration:none!important; color:#666666;}

/*map canvas header*/
.map-options{float:right;height:30px;}
.map-canvas-hdr label{float:right;margin-right:20px;margin-top: 9px;}
#map_radius_dist{float:right;margin-right:8px;margin-top: 7px;}
.map-cvs-chk{float:right;margin-right:5px;margin-top: 9px;}
.area_sel{position:relative;float:left;top:0;height:20px;margin:7px 5px 0 5px;}
.area_sel_lbl{float:left;height:20px;display:block;margin-top:2px;text-align:left}
.area_sel select{float:left; margin:0 0 2px 5px;}
.map-canvas-hdr .txt-left{margin-top:5px; background:url(//imagel.sekainavi.com/simage/common/btn/btbk_search_gray.gif) 0px -116px no-repeat; width:81px; height:21px; line-height:19px; color:#333333;}
.sel-station{position:absolute; top:40px; left:130px; right:100px; bottom:100px;display:none;z-index:11;overflow-y:auto;background-color:#fff;}

/* side menu */
.navi-map-sidemenu{height:30px;background-color:#FFB253;list-style:none;width:100%;}
.navi-map-sidemenu>li{margin-left: 0;width:25%;float:left;}
.navi-map-sidemenu>li>a{color:#FFFFFF;font-weight: bold;text-align: center;vertical-align: middle;line-height:30px; text-decoration:none;padding:5px;}
.navi-map-sidemenu>li>a:hover{text-decoration:underline;}
.nmsm-on{background-color:#FFF;}
.navi-map-sidemenu>li.nmsm-on>a{color:#333;}
.navi-map-sidemenu>li.nmsm-on>a:hover{text-decoration:underline;}


/*spot side content*/
.div-nmsm{position:absolute;top:30px;left:0;width:100%;bottom:0;overflow-x:hidden;overflow-y:scroll;}
.div-nmsm-in{position:relative;width:100%;overflow-x: hidden;}
.spot_sel{position:relative;left:0;top:0;height:23px;width:320px;margin:10px 0px 0 5px;}
.spot_sel_open{position:relative;left:0;top:0;height:87px;width:320px;margin:10px 0px 0 5px;}
.spot_sel_lbl{float:left;height:20px;width:40px;display:block;text-align:left}
.spot_sel select{float:right;width:120px;margin-right:10px;}
.nm-side-line{height:20px;padding:3px 5px;border-top:1px solid #CCC;}
.a-btn{float:left;height:16px;border:1px solid #999;margin-top:-4px;padding:2px 5px;vertical-align:middle;line-height:16px;}
.navi-map-spot-sort{float:left; list-style:none;width:auto;margin-left:-5px;margin-top:6px;}
.navi-map-spot-sort>li{float:left; padding-left:5px;padding-right:5px;}
.navi-map-spot-sort a{color:#666; font-weight:bold;}
.navi-map-spot-sort a:hover{text-decoration:underline;}
.nmss-leftbar{border-left:1px solid #666;}
.nmss-on a{color:#333;}
#nm_show_no{float:right;margin:2px 5px 0 0;}
.txt-right{float:right;margin:4px 0 0 0;}
.txt-left{float:left;margin:4px 5px 0 0;}
.nm-chk-side{float:left;margin-top:3px;}
.nm-side-line label{float:left;margin:4px 0 0 5px;}
.nm-srch-results{width:100%;border-top:1px solid #a7a7a7;}
#rout-srch-results{width:96%;margin-left:2%;text-align:left; line-height:1.3em;}
.map_search_hit{padding-top:1px; position:relative;float:left; font-weight:bold; font-size:110%;}
.list_num_box1{position:relative;float:left;}
.div-nmsm-in ul.spot_near_list li{width:100%; border-bottom:1px solid #e1e1e1;}
.div-nmsm-in span.snl_ttl, .div-nmsm-in span.snl_category, .div-nmsm-in span.snl_pr{text-align:left;}
.div-nmsm-in span.snl_pr{color:#333;}
.close-btn{float:right; font-weight:bold;font-size:14px;height:16px;line-height:16px;text-align:center;vertical-align:middle;width:16px;margin:-1px 10px 0 1px;}
.close-txt{float:right;}
#view_option{display:none; padding-top:5px; border-top:none;}
#view_option label{margin-right:10px;}
#spot-srch_paging{padding:15px 5px 0px;}
.nmss-on a{padding:5px; background:none repeat scroll 0 0 #C4D8F6; font-weight:bold;}
.div-nmsm-kwd{border-top:none;}
.map_window_list{border-top:none;}
#spot-srch-results .map_window_list{border-top:1px solid #CCC;}
#traffic-results .map_window_list ul li{padding:5px;}
#traffic-results .tmap_name{font-weight:bold;}

div.nm_traffic_mapbox{margin:8px; padding:6px; border:1px solid #CCCCCC; text-align:left; overflow:hidden; zoom:1;}
p.nmtm_l{float:left; width:65px; height:65px;}
div.nmtm_r{margin-left:75px; line-height:1.6em;}
div.nmtm_r p.ttl{font-weight:bold;}
div.nmtm_r a{font-weight:bold;}

p.map_print_route{float:right; font-weight:bold;}
p.map_share_route{padding-right:15px; float:right; font-weight:bold;}
p.map_print_route a{padding-left:20px; padding-top:0px; padding-bottom:2px; background:url(//imagel.sekainavi.com/simage/common/ico/ico_print.gif) no-repeat 0 0; line-height:1.4em;}
p.map_share_route a{padding-left:21px; padding-top:0px; padding-bottom:2px; background:url(//imagel.sekainavi.com/simage/common/ico/ico_share.gif) no-repeat 0 0; line-height:1.4em;}
div.map_share_route_open{clear:both; padding-top:13px; text-align:center;}
input.msr_field{margin-bottom:5px; padding:2px; width:93%;}

span.btn{float:right; width:238px;}
span.btn:after{clear:both; content:"."; display:block; font-size:0; height:0; visibility:hidden;}
img.cicon{float:left; margin-top:3px;}
span.price{float:right; font-size:16px; font-weight:bold; color:#ff3333;}
a.rbtn_list{float:right; display:block; margin:0 0 0 10px; padding-top:1px; width:69px; height:19px; background:url(//imagel.sekainavi.com/simage/common/btn/btbk_search_red.gif) -69px -81px no-repeat; font-weight:bold; font-size:12px; text-align:center; color:#FFFFFF;}
a.rbtn_list,  x:-moz-any-link{padding-top:1px; height:19px;}/*firefox用*/

div.spot_near_list_box ul{width:100%; clear:both; margin:0 auto; overflow:hidden; zoom:1;}
div.spot_near_list_box ul li{border-bottom:1px solid #e1e1e1; width:100%; line-height:1.4em; padding:5px!important; text-align:left;}
div.spot_near_list_box ul li:after {clear:both; content:"."; display:block; font-size:0; height:0; visibility:hidden;}
.snlb_l{float:left; display:inline; width:70px;}
.snlb_r{padding-left:75px;padding-right:5px;}
.snlb_r .btn{padding-right:10px;}
.snlb_r .btn:after{clear:both; content:"."; display:block; font-size:0; height:0; visibility:hidden;}
p.snl_category{font-size:90%; color:#339933;}
div.snl_ttl{overflow:hidden; zoom:1;}
p.snl_ttl_l{float:left; display:inline;}
div.snl_ttl_r{padding-left:25px;}
div.snl_ttl_r a{font-weight:bold;}

/*kwd search*/
.ac_results {margin-top:1px; padding: 0px;border: 1px solid WindowFrame;background-color: Window;overflow: hidden; z-index:100;}
.ac_results ul {width: 100%;list-style-position: outside;list-style: none;padding: 0;margin: 0;}
.ac_results iframe {
    display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;top:0;left:0;z-index:-1;filter:mask();width:3000px;height:3000px;
    background-color: Window;
}
.ac_results li {margin: 0px;padding: 2px 5px;cursor: pointer;display: block;width: 100%;font: menu;font-size: 12px;overflow: hidden;text-align:left}
/*.ac_loading {right center no-repeat;}*/
.ac_over {background-color: Highlight;color: HighlightText;}
.spot-type{float:left;font-weight:bold;margin-top:10px;}
.gsrch-item-ttl{text-align:left;font-weight:bold;}
.gsrch-item-sub{text-align:left;margin-top:3px;}
.map_bloon {width:200px;}
.map_bloon p{text-align:left;margin: 0px; padding: 0pt 0pt 3px; font-size: 12px; line-height: 1.4em;}
.map_bloon_ttl{font-weight:bold;float:left;width:200px; margin-bottom:5px;}
.map_bloon_ttl img{margin-right:5px;}
.map_bloon_golist{clear:both;text-align:left;padding-top:3px;}
.start-arrival{width:80px; height:32px; margin-left:auto; margin-right:auto; clear:both;}
.start-arrival a{border:1px solid #a7a7a7; padding:5px; margin-top:5px;}
.start-arrival-start{float:left;}
.start-arrival-arrival{float:left;}
.mark-spot-det span{text-align:left;}
.mark-spot-det .snl_pr{float:right; width:125px; display:block;}
.mark-goto-spot{float:right; clear:both; margin-top:5px;}
#map_fukidashi{text-align:left;}
#map_fukidashi strong{font-weight:bold;}

/* area */
.mark-area-det span{text-align:left;}
.mark-area-det .snl_pr{float:right; width:165px; display:block;}
.mark-area-det .snl_category{width:165px;}

/* traffic */
.traffic-chk{position:absolute;top:40px;left:80px;right:10px;height:70px;z-index:10;background-color:#fff;border:1px solid #a7a7a7;overflow:hidden;display:none;}
.basic_search_box_sl{display:none;}
.tmap_search_view{display:none;}

/* Traffic  Map add 10/01/28 */
h1.tmap_style{padding:0; margin:0; background:none; height:auto; line-height:1.4em; width:950px;}
div.traffic_map_view{margin-bottom:10px; padding:8px 0px 0px; border:1px solid #CCCCCC; width:948px; text-align:left;}
p.tmap_view_list_all{margin-bottom:3px;}
p.tmap_view_list_all img{padding:0 2px; vertical-align:top;}
p.tmap_view_list_all input{vertical-align:middle;}
ul.tmap_view_list3{position:relative; width:100%;}
ul.tmap_view_list3 li{float:left; display:block; width:190px; text-align:left; margin-bottom:3px; padding-left:15px;}
ul.tmap_view_list3 li img{padding:0 2px; vertical-align:middle;}
ul.tmap_view_list3 li input{vertical-align:middle;}
div.map_window_list ul li{padding:0; border-bottom:1px solid #e0e0e0; line-height:1.4em;text-align:left;}
p.tmap_name img{vertical-align:middle; padding-right:3px;}
p.tmap_details{padding-left:27px; font-size:90%; color:#339933; line-height:1.3em;}
div.tmap_name2{padding-left:27px; line-height:1.3em;}
span.tmap_slash{padding:0 3px;}
div.traffic_map_link{margin-top:15px;}
div.traffic_map_link ul li.tmap_link_ttl{padding:3px 10px 3px 18px; background:url(//imagel.sekainavi.com/simage/area/ico/ico_01.gif) no-repeat left center transparent; font-weight:bold; color:#333333;}
div.traffic_map_link ul li{display:inline; line-height:1.6em; color:#666666;}
div.tmap_window_pagelink{padding-bottom:5px; text-align:center; position:relative; zoom:1;}
div.tmap_window_pagelink2{padding:8px 0; text-align:center; position:relative; zoom:1; border:1px solid #CCCCCC; border-width:0 1px;}
p.tmap_search_hit{padding-top:1px; font-weight:bold; position:absolute; left:0; top:0; font-size:110%;}
p.tmap_search_hit2{font-weight:bold; position:absolute; left:200px; top:8px; font-size:14px;}
p.tmap_search_view{position:absolute; right:0; top:-2px;}
p.tmap_search_view2{position:absolute; right:8px; top:7px;}
div.tmv_print_box{margin-bottom:5px; overflow:hidden; zoom:1;}
p.tmv_print_link{float:right; font-weight:bold; text-align:right;}
p.tmv_print_link a{padding-left:20px; padding-top:1px; padding-bottom:1px; background:url(//imagel.sekainavi.com/simage/common/ico/ico_print.gif) no-repeat 0 0; line-height:1.4em;}
div.list_num_box1{float:right;}
.div-nmsm-in div.list_num_box1 ul{text-align:right;}
.tmap_view_name{float:left; width:100%;text-align:left;padding-bottom:5px;}
.tmap_view_name input{vertical-align:middle;}
.tmap_box, .tmap_box2{position:relative;width:100%;display:block;height:auto;clear:both;padding:5px 8px 0px;}
.tmap_box2{border-top:1px solid #CCC;}
.tmap_box3{position:relative;width:100%;display:block;height:auto;clear:both;padding:5px 8px 5px; border-top:1px solid #CCC; text-align:left;}


.sel-station {padding:5px; overflow-y:auto;overflow-x:hidden;}
.station-group, .station-line{float:left; margin:5px;text-align:left;width:100%;}
.station-group{font-size:110%; font-weight:bold;}
.station-line{margin-left:10px;}
.station-list{position:relative;width:100%;}
.station-list li{float:left; margin-left:15px; margin-bottom:3px; width:130px; text-align:left;}

/* fukidashi */
#map_fukidashi{margin-bottom:3px;}
#map_fukidashi td{padding:2px 0; line-height:1.4em;}
#fkd_midashi span{padding-left:5px; color:#339933; font-size:11px;}
td.area_link{line-height:1.4em;}
.area_link a span{font-weight:bold;}
.page_link{padding:5px 0 0; border-top:1px solid #CCCCCC; text-align:right;}
.fukidashi_category{color:#339933; font-size:11px;}
.category_icon{margin-right:5px; vertical-align:top;}
.fukidahsi_box{margin-top:10px; margin-bottom:5px;}
.fukidahsi_box:after {content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}
.fukidahsi_box div.reservation_popup{padding:5px; width:180px;}
.fukidahsi_box2{margin:3px 0 0;}
.fukidahsi_box2:after {content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}
.fb_l{float:left; color:#FF3333; font-size:16px; font-weight:bold;}
.fb_r{float:right; width:69px;}
.page_link p{float:right; width:200px; padding-top:10px;}
.page_link .start-arrival{margin:5px 0 0 0; float:left; width:125px; clear:none;}
.page_link .start-arrival img{margin-right:5px; float:left;}
.page_link .start-arrival a{margin-top:0; margin-right:5px;}

/********* responsive *************/
/* header */
.visible-xs{display:none;}
.hidden-xs{display:block;}
.xs_map_menua{float:left;display:none;margin:14px 4px 0 8px;}
#xs_map_srch{float:right;margin:14px 8px 0 0;}
.navi-map-srch div{position:relative; margin:auto;width:287px;height:28px;}
.ad_navi_l{position: absolute; height: 47px; width: 300px; right: 8px; display: block;}
.ad_navi_l > ins{width:300px;margin:auto;top:0;}

/*body */
.smp_tt_mask {
    background-color: #000000;
    height: 0;
    left: 0;
    opacity: 0.8;
    position: absolute;
    top: 132px;
    width: 100%;
    z-index: 100;
}
.smp_tt_x {
    right:10px;
    position: absolute;
    top: 142px;
    z-index: 150;
}

.sl_smenu_short * {box-sizing:border-box;}
.sl_smenu_short {
    box-sizing:border-box;
    text-align:left;
    background-color: #fa801f;
    border-radius: 5px;
    color: #ffffff;
    font-weight: bold;
    right: 5px;
    margin-top: 5px;
    padding: 5px 10px;
    position: fixed;
    top: 5px;
    z-index: 99;
}

.sl_smenu_short::after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
.sl_smenu_short > a {
    color: #ffffff;margin-right:10px;
}
.sl_smenu_short > a > span {
    line-height: 25px;
    padding-left: 8px;
}
.sl_smenu_short > a:hover, .sl_smenu > a:focus, .sl_smenu > a:active {
    text-decoration: none;
}
.sl_smenu_short > span {
    float: right;
    line-height: 25px;
}
.sl_smenu_short > span > a {
    margin-left: 5px;
}
.sl_smenu_short img{vertical-align:middle;}
.xs-tr_menu {position:absolute; top:3px; right:0; margin-bottom:-15px;z-index:2;}
.xs-tr_menu a{margin-right:5px;}
.rout-msg{position:absolute;padding:2px 0 0 4px;top:55px;left:5px;height:14px;z-index:10;color:#f00;overflow:hidden;}
#bot_ad{position: fixed;width:calc(100% - 50px);height:47px;bottom:25px;top:auto;margin:0 25px 0 25px;z-index:9;overflow:hidden;}
@media (min-width: 768px){
    .visible-xs{display:none!important;}
}
@media (max-width: 767px){
    /* header */
    .visible-xs{display:block!important;}
    .hidden-xs{display:none!important;}
    .navi-map-header{height:87px;}
    .navi-map-body{top:0;}
    .navi-map-srch{top:35px;left:0;width:100%;}
    .ad_navi_l{top:40px;width:100%}
    
    /* body */
    .navi-map{left:0;}
    .map-canvas-hdr{height:45px;top:86px;}
    .area_sel{width:170px;height:33px;margin-top:5px;margin-right:0;}
    .area_sel select{width:140px;}
    .area_sel_lbl{margin-top:10px;display:none;}
    .map-canvas-hdr .txt-left{margin-top:12px; float:right;}
    
    .rout-menu{top:5px;left:5px;}
    .rout-menu-line{width:175px;}
    .rout-menu-msg{width:95px;}
    .map-canvas{top:0;}
    .sel-station, .traffic-chk{top:50px;left:10px;right:10px;}
    .sel-station {overflow-y:auto;bottom:10px;}
    .wrap-side-hidden .navi-map-side{left:0;}
    ul.tmap_view_list3 li{width:44%;}
    .traffic-chk{height:45px;}
    
    /* side */
    .navi-map-side{width:300px;top:132px;}
    .spot_sel_open{width:280px;height:67px;}
    .spot_sel{width:280px;}
    .spot_sel select{width:100px;}
    .div-nmsm-in span.snl_ttl, .div-nmsm-in span.snl_category, .div-nmsm-in span.snl_pr{width:198px;}
}
/************* end of responsive ******************/