@charset "Shift_JIS";

/** layout */
/**************************************/
body#frm div#container-top.nomain {
	height: 4px;
    background: url("/biz/d/business/wlan/area_list/pc/img/container_top_nomain.gif") no-repeat scroll 0 0 transparent;
}
body#frm div#container {
    margin: 0 auto;
    text-align: left;
    width: 960px;
	background:      #ffffff url("/biz/d/business/wlan/area_list/pc/img/container.gif") repeat-y;
	margin-bottom: 40px;
}
body#frm div#container-bottom {
    background: url("/biz/d/business/wlan/area_list/pc/img/container_bottom.gif") no-repeat scroll left bottom transparent;
    height: 4px;
}

body#frm div#layout {
	padding: 10px 32px 15px 32px;
}

.w-400 {
	width: 229px;
}


#headArea {
	width: 945px;
	margin: 0 auto !important;
}

a, a:link, a:visited {
	color: #01549c;
	font-weight: bold;
}


/* content_box */
/**************************************/

h1 {
	width: 898px;
	margin: 0 0 30px 0;
	padding: 20px 0 8px 0 !important;
	font-size: 26px;
	border-bottom: 1px solid #CCC;
}
div#layout h2 {
	margin-bottom: 12px;
	padding-bottom: 8px;
	border-bottom: solid 3px #49c4e6;
}

div.main-inner {
	margin: 0;
	padding: 20px 30px 0 30px !important;
}

div.inner-left {
	float: left;
	width: 490px;

}

div.inner-right {
	float: right;
	width: 195px;
}

div.naeba_detail {
	background: url(/service_area/sws/img/frame_detail_bottom.gif) left bottom no-repeat;
}



dl.annotation_fix_num dt {
	width: 1.5em !important;
}

dl.annotation_fix_num dd {
	margin: -1.3em 0 0 1.5em !important;
}

div.main_map h2 {
	margin: 0 0  0;
	padding: 0;
	background: none;
}



/** maintenance */
/**************************************/
div.maintenance {
	width: 900px;
	margin-bottom: 20px;
}
div.maintenance p {
	margin: 0;
	padding: 6px 12px;
	border: 3px solid #48C6EF;
}


/** infoArea */
/**************************************/
div.infoArea {
	width: 900px;
	margin-bottom: 40px;
	overflow: hidden;
}
 

/** newsArea */
/**************************************/
div.newsArea {
	float: left;
	width: 518px;
}
div.newsArea h2 {
	margin: 0;
	padding: 3px 10px;
	background: #48C6EF;
	color: #FFF;
}
div.newsArea h2 img.all {
	float: right;
}
div.newsArea dl.Notation_wlan {
	width: 518px;
    margin: 0 0 0 0;
	overflow: hidden;
}
div.newsArea dl.Notation_wlan dt {
    clear: both;
    float: left;
	width: 90px;
    padding: 8px 0;
    text-align: left !important;
    border-bottom: 1px dashed #CCCCCC;
}
div.newsArea dl.Notation_wlan dd {
	float: left;
	width: 428px;
    padding: 8px 0;
    border-bottom: 1px dashed #CCCCCC;
}


/** attentionArea */
/**************************************/
div.attentionArea {
	float: right;
	width: 340px;
}
div.attentionArea h2 {
	margin: 0 0 10px 0;
	padding: 6px 10px;
	background: #48C6EF;
	color: #FFF;
}
div.attentionArea ul li {
	margin-bottom: 10px;
	padding: 0 0 0 1em;
	text-indent: -1em;
	line-height: 1.6;
}


/** searchArea */
/**************************************/
div.bbmpSearch {
	width: 900px;
	overflow: hidden;
}

div.bbmpSearch .main {
	margin-bottom: 30px;
}


/** bnrAra */
/**************************************/
ul.bnrArea {
	clear: both;
	float: none;
	width: 910px;
	margin-right: 14px;
	padding-top: 20px;
	overflow: hidden;
}
ul.bnrArea li {
	float: left;
	margin-right: 10px;
}


/** map_area */
/**************************************/
#map_area_box{
	position:relative;
	background-color:#000;
}
#map_area{
	margin-top:10px;
	height:287px;
}
.multi_spot{
	margin-right:10px;
	padding:5px;
}
#here_btn{
	position:absolute;
	top:3px;
	left:4px;
}
#loader{
	display:none;
	position:absolute;
	top:0px;
	width:100%;
	height:169px;
	padding-top:153px;
	background:rgba(0,0,0, 0.6);
	text-align:center;
}

.map_ex{
	margin:5px 0 16px;
	padding: 3px 10px 4px;
	background-color:#f5f5f5;
}
.map_ex p{
	line-height:28px;
}
.icon_wifi_spot{
	padding-left: 25px;
	background: url(img/icon_wifi_spot.gif) no-repeat left bottom;
}
.icon_wifi_spots{
	padding-left: 31px;
	background: url(img/icon_wifi_spots.gif) no-repeat left bottom;
}


/*---------- keyword.html, landmark.html, station.html, area.html, detail.html ----------*/

/* sws-search-box */
#sws_search_box{
	position:relative;
}

#sws_search_box_in{
	margin-top: -3px;
	padding: 15px 8px 8px 10px;
	background:#f5f5f5;
	border: 1px solid #44c9f6;
	border-top: none;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	z-index: 1;
}

#sws_search_box div.input{
	float: left;
	width: 246px;
	height: 32px;
	border-top: 1px solid #222;
	border-left: 1px solid #222;
	border-bottom: 1px solid #7c7c7c;
	border-right: 1px solid #7c7c7c;
	background: #FFF;
}
#text-input-box input.keyword{
	width: 240px;
	height: 27px;
	padding: 2px 2px;
	border: none;
	font-size: 16px;
}
#text-input-box input.btn{
	border: 0px;
	width: 65px;
	height: 32px;  
	background: url(img/btn_search_deactive.gif) left top no-repeat;
}
#text-input-box input.active{
	background: url(img/btn_search.gif) left top no-repeat;
	cursor: pointer;
}
#text-input-box input.active:hover{
	background: url(img/btn_search_on.gif) left top no-repeat;
}

#sws_search_box label{
	padding-left:5px;
}
#sws_search_box .gerne{
	padding-left: 17px;
	background: url(img/bg_btn_genre.png) 3px center no-repeat;
}
#sws_search_box .deactive{
	text-decoration:none;
	color:#999;
	cursor:default;
}
#sws_search_box .list_genre_box{
	display:none;
	position:absolute;
	top: 85px;
	left:15px;
	margin-right:15px;
	padding:5px;
	border:1px solid #cae2f3;
	background-color: #e9f7ff;
}



#sws_search_radio {
	width: 340px;
	z-index: 100;
}
#sws_search_radio span{
	height: 33px;
}
#sws_search_radio span.radio {
	display: inline-block;
	/display: inline;
	/zoom: 1;
}

#sws_search_radio span.land {
	width: 114px;
	background: url(pc/img/index/bg_tab_landmark.gif) no-repeat left top;
}
#sws_search_radio span.land.checked {
	background: url(pc/img/index/bg_tab_landmark_on.gif) no-repeat left top;
}
body.landmark #sws_search_radio span.land {
	_background: url(pc/img/index/bg_tab_landmark_on.gif) no-repeat left top;
}

#sws_search_radio span.station {
	width: 113px;
	background: url(pc/img/index/bg_tab_station.gif) no-repeat left top;
}
#sws_search_radio span.station.checked {
	background: url(pc/img/index/bg_tab_station_on.gif) no-repeat left top;
}

.search #sws_search_radio span.station {
	width: 113px;
	background: url(pc/img/search/bg_tab_station.gif) no-repeat left top;
}
.search #sws_search_radio span.station.checked {
	background: url(pc/img/search/bg_tab_station_on.gif) no-repeat left top;
}
body.station #sws_search_radio span.station {
	_background: url(pc/img/search/bg_tab_station_on.gif) no-repeat left top;
}

#sws_search_radio span.address {
	width: 113px;
	background: url(pc/img/index/bg_tab_keyword.gif) no-repeat left top;
}
#sws_search_radio span.address.checked {
	background: url(pc/img/index/bg_tab_keyword_on.gif) no-repeat left top;
}
body.keyword #sws_search_radio span.address {
	_background: url(pc/img/index/bg_tab_keyword_on.gif) no-repeat left top;
}

#sws_search_radio span input {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin: 9px 0 0 10px;
	/margin: 4px 0 0 10px;
	vertical-align: top;
}
#sws_search_radio span label {
	display: inline-block;
	vertical-align: top;
	/display: inline;
	/zoom: 1;
	height: 30px;
	cursor: pointer;
	text-indent: -9999px;
}

#sws_search_radio span.address label {
	width: 75px;
	background: url(pc/img/index/txt_tab_keyword.gif) no-repeat 4px 5px;
}
#sws_search_radio span.checked label.address_label {
	background: url(pc/img/index/txt_tab_keyword_on.gif) no-repeat 4px 5px;
}
#sws_search_radio span.land label {
	width: 75px;
	background: url(pc/img/index/txt_tab_landmark.gif) no-repeat 4px 5px;
}
#sws_search_radio span.checked label.land_label {
	background: url(pc/img/index/txt_tab_landmark_on.gif) no-repeat 4px 5px;
}
#sws_search_radio span.station label {
	width: 75px;
	background: url(pc/img/index/txt_tab_station.gif) no-repeat 4px 5px;
}
#sws_search_radio span.checked label.station_label {
	background: url(pc/img/index/txt_tab_station_on.gif) no-repeat 4px 5px;
}



/* genre */
div#genre { margin-top: 15px;}
div#genre h4 { margin-bottom: 10px;}

div#list_genre_box{
	display: none;
	margin:10px 15px 0 12px;
	padding-top:10px;
	background: url(img/bg_dot_line.gif) left top repeat-x;
}
ul#list-genre {
	padding: 0 8px;
}
ul#list-genre li {
	display: inline-block;
    /display: inline;
    /zoom: 1;
	width:150px;
	margin-top: 3px;
	margin-bottom: 7px;
}
.area ul#list-genre li {
	float: none;
	width:auto;
	margin-top: 3px;
}
ul#list-genre li span {
    padding: 0 0 0 17px;
    cursor: pointer;
}
ul#list-genre li label{
	padding-left: 5px;
}

.pr{
	position:relative;
}

.genre_sort{
	width:178px;
}
.list_genre_box_vertical{
	border:1px solid #b7bbbe;
	padding:10px;
}
.list_genre_box_vertical ul#list-genre li{
	 float: none;
}


/* result-table */
#result-table{
	margin-top:15px;
	border-collapse:collapse;
}
#result-table th, #result-table td{
	border:1px solid #b7bbbe;
	padding:10px;
}
#result-table th{
	background-color:#f5f5f5;
	font-weight:bold;
}
.result-table{
	border-collapse:collapse;
	width:100%;
	margin-top: 0;
}
.result-table th, .result-table td{
	border:1px solid #b7bbbe;
	padding:10px;
}
.result-table td.no_bt{
	border-top:none;
}
.result-table td.no_bb{
	border-bottom:none;
}
.result-table th{
	background-color:#f5f5f5;
	font-weight:bold;
}

/*list_scrollable*/
#list_scrollable{
	height:333px;
}
.list_scrollable{
	overflow-y:auto;
}

.list_scrollable table {
	margin-top: 0;
}

/* result_list */
.result_list{
	/* position:absolute;
	top:0px;
	left:195px; */
	width: 480px;
}

/* search-result-num */
#search-result-num{
	text-align: center;
}
#search-result-num dl{
	text-align: center;
}
.area #search-result-num{
	margin-right: 2px;
	border: 1px solid #b7bbbe;
	position:relative;
	zoom:1;
}

/* pagination_top */
#pagination_top, #pagination_bottom{
	margin-top:15px;
}
.area #pagination_top{
	margin-top:0px;
}

/* Pagination */
.pagination {
	margin: 1px 0;
	padding: 10px 5px;
	background-color: #f8f8f8;
}
.result_list .pagination{
	padding: 0px;
	background-color:#fff;
}
.result_list .pagination .prev{
	position:absolute;
	top:35px;
	left:10px;
}
.result_list .pagination .next{
	position:absolute;
	top:35px;
	left:440px;
}
.list_pagination {
	text-align: center;
	width: auto;
	min-height:28px;
	height:auto;
}
.list_pagination li {
	display: inline-block;
	text-align: center;
	margin: 0 3px;
	*display: inline;
	*zoom: 1;
}
.list_pagination li a {
	display: block;
	padding: 5px 7px;
	border: solid 1px #ebebeb;
	background-color: #ffffff;
}
.list_pagination.prev { float: left;  width: 140px; border: 1px solid #F5F5F5;}
.list_pagination.next { float: right; width: 140px; border: 1px solid #F5F5F5;}

.pagination .focus a{
	text-decoration: none;
}

.hidden{
	visibility: hidden;
}


#map_area_box {
    position: relative;
}

#sub_map_area {
    height: 135px;
    width: 135px;
}
#sub_map_area_box {
    border: 4px solid #FFFFFF;
    left: 588px;
    position: absolute;
    top: 146px;
    z-index: 100;
}

.scalebar{
	right:145px !important;
}