/******cssreset*******/
/*http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/*/
html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
    -webkit-text-size-adjust: 100%;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/******common*******/
body *{
font-family:"メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
font-size:12px;
color:#333;
line-height:120%;
}
/*iOS10 Safariでuser-scalableが機能しない対策*/
#bg_user_scalable_no{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
}
#map_canvas{
	-webkit-touch-callout:none;
	-webkit-user-select:none;
}
#map_canvas *{
	-webkit-touch-callout:none;
	-webkit-user-select:none;
}


input, select, textarea,label {
font-size: 11px;
margin:0;
padding:0;
vertical-align: middle;
}
.title{
font-weight: bold;
font-size: 14px;
}
.center{
text-align:center;
}
span.cfix{
clear:both;	
}
span.label{
margin: 0px 10px 0px 0;
font-size:12px;	
}

/*テキストフィールドサイズ*/
.input_text_short{
	width:60px;
}
.input_text_slm{
	width:100px;
}
.input_text_mid{
	width:200px;
}

/******構造*******/
BODY{
margin:0;
padding:0;
background-color:#FFF;
/*background-image:url('../elements/map_header_bg.gif');*/
/*background-repeat:repeat-x;*/
}
/**ロード中ダイアログ**/
#waiting,#waiting .info,#waiting .bg{
position:absolute;
top:0;left:0;
width:100%;
height:100%;
}
#waiting{
z-index:1100;
display:none;	
}
#waiting .info{
z-index:2;
}
#waiting .inner{
position: relative;
border:2px solid #666;
font-size:14px;
font-weight:bold;
color:#333;
background-color:#fff;
margin: auto;
width: 200px;
height: 60px;
top: 40%;
text-align: center;
line-height: 60px;	
}
#waiting .bg{
z-index:1;
background-color:#666;
filter: alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;
}
/****/
#float_panel{
position:absolute;
z-index:1000;
top: 70px;
left: 55px;
width: 560px;
padding:6px 10px;
background-color:#FFF;

display:block;
border:1px solid #666;
border-radius: 10px;
box-shadow: 2px 2px 3px #666;
-webkit-box-shadow: 2px 2px 3px #666;
display:none;
}

#float_panel .btn{
	/*font-weight: bold;*/
}

#header{
	z-index: 10;
    /*width: 1100px;*/
	width: 100%;
	min-width: 700px;
    height: 44px;
    margin: 0;
    padding: 0px;
    /*position: absolute;*/
	position: relative;
    top: 0px;
    left: 0;
    border-bottom: 1px;
    border-bottom-style: solid;
	background-image: url(../elements/hed_top_rogo.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-origin: content-box;
	background-position: top left;
	background-clip: border-box;
}
#header_logo{
    position: absolute;
    top: 2px;
    left: 0px;
    width: 210px;
    margin-left: 10px;
}
#ctl_btns{
    position: absolute;
    top: 9px;
    left: 190px;
}
#print_header{
	display:none;
}
#main{
	display: flex;
	min-width: 700px;
}
#map_wrap{
	z-index: 10;
	overflow:hidden;
	position:relative;

}

#map_canvas{
	z-index: 100;
    width:660px;
    height:550px;
    min-width: 450px;
    /*position:absolute;*/
	position: relative;
    top:0;
    left:0;
}

#right_wrap{
	z-index: 10;
    min-width: 200px;
	position: relative;
    /*position:absolute;*/
}
/**印刷時に件数表を下に移動させる為の分離用*/
/*@media screen and (min-width: 550px) {*/
/*    #right_wrap{*/
/*        top: 56px !important;*/
/*    }*/
/*}*/
/*@media screen and (max-width: 550px){*/
/*    #right_wrap{*/
/*        left: 10px !important;*/
/*    }*/
/*}*/

@media print{
    #right_wrap{
        left: 10px !important;
    }
}


/**コンテキストメニュー***/
/*外枠　ヒットエリアなので何も入れない*/
#context{
	z-index: 200;
}
#context div{
cursor:pointer;
background-color: #EEC;
border: 1px solid #666;
padding: 4px;
font-size: 12px;
font-weight: bold;
}
/********コントロール**********/
/*閉じるボタン*/
#float_panel .close_b{
position:absolute;
right:10px;
top:5px;
cursor:pointer;	
width: 19px;
height: 18px;
}

div.box{
	clear:both;
	margin:4px 4px;
}
/*下線付き　div.box*/
.bottom_border{
border-bottom: 1px solid #aaa;
padding-bottom: 4px;
}

#area_search{
clear: both;
width:550px;
}
#area_search .controls {
float: left;
margin-right: 60px;
margin-bottom: 4px;
}

/*行政区選択プルダウン*/
#move_area_distince{
}

#town_search_area{
clear: both;
width:550px;
}



#info_area{
clear: both;
background-color: white;
border: 1px solid;
color:#000;
padding: 2px;
/*height: 40px;*/
width:550px;

}
#info_area .info_left{
display: block;
float: left;
white-space: nowrap;
min-width: 150px;	
/*width: 150px;*/
}
#info_area .info_right{
display: block;
float: left;
margin-left: 2px;
width: 390px;
}

/*ヘッダー**/
#header .select_area_b{
margin-left: 50px;
}
#header .select_search_b{
margin-left: 5px;
}
#header .print_b{
margin-left: 5px;
}
#header .show_lable_b{
margin-left: 15px;
}
#header .show_dist_b,
#header .show_kuwake_b{
margin-left: 3px;
}

#header .param_reset{
margin-left: 15px;
}

#header .b_map_info{
	margin: 0 0 0 15px;
}
#header .b_map_pdf_s{
	margin: 0 0 0 4px;
}

/* 横幅が700px以下の場合に適用するスタイル */
@media screen and (max-width: 700px) {
	#header .b_map_pdf_s{
		display: none;
	}
}

#header .b_map_pdf_s img,
#header .b_map_info img{
	vertical-align: middle;
}
/*セグメント*/
#segments_ch label{
	margin-right: 8px;
}
/**選択リスト**/
#matched_list{
	/*overflow-x:auto;*/
	padding-bottom: 2px;
}

#matched_list thead td{
font-weight:bold;
	font-size:10px;
	text-align:right;
    border-bottom: 2px solid #AEAEAC;
	background-color: #FFF;
}
#matched_list thead td.name{
	text-align:center;
}


#matched_list thead th {
	cursor:pointer;/*ヘッダーのソートカーソル*/
	border-bottom: 1px solid #53544A;
}
#matched_list table{
border-spacing: 0px;
border: 3px solid #AEAEAC;

}
#matched_list th{
	font-weight:bold;
	font-size:10px;
    width: 55px;
	text-align:center;
	border-top: 1px solid #53544A;
	border-right: 1px solid #53544A;
	padding: 1px;
    background-color: #FFFFCC;
	display:none;/*デフォルト非表示*/
}
#matched_list th.name{
	width: 75px;
	border-left: 1px solid #53544A;
	background-color:#FFFFCC;
}
#matched_list th.val_a{
	width:50px;
}

#matched_list td{
	font-size:10px;
	text-align:right;
    border-top: 1px solid #53544A;
    border-right: 1px solid #53544A;
	padding: 1px;
	overflow: hidden;
	white-space: nowrap;
	display:none;/*デフォルト非表示*/
}
#matched_list td.name{
	text-align:left;
	border-left: 1px solid #53544A;
    background-color: #FFFFCC;
	/*background-color:#FFFDEE;*/
}

/*テーブル選択*/
#matched_list .select {
background-color: #FFF3E5;
}
/*ソート表示*/
/*
#matched_list .header th:before {
	content:"▽";
}*/
#matched_list .header th.sort_u,
#matched_list .header th.sort_d{
    background-color: #FFFFCC;
    color: #000;
	display: table-cell;
	width: 6em;
}
#matched_list .header th.sort_u:before{
content:"▼";
}
#matched_list .header th.sort_d:before{
content:"▲";
}

/* 全体共通 */
#matched_list {box-sizing:border-box;font-family:sans-serif;}
#matched_list table{border-collapse:collapse;width:max-content;}

/* ── ヘッダ行 ── */
#matched_list thead{
	/*display: flex;*/
	/*flex-direction: column;*/
}
#matched_list thead th{
	background:#333;color:#fff;padding:.5em 1em;
	position:sticky;top:0;              /* 上部固定 */
}

/* ── データ部分 ── */
#matched_list tbody{
	/* ⚫︎ 縦方向に並べ，下端に達したら右へ折り返す */
	/*display:flex;*/
	/*flex-direction:column;              !* 主軸＝縦 *!*/
	/*flex-wrap:wrap;                     !* 折り返しを許可 *!*/
	/*height:calc(100vh - 3rem);          !* ヘッダ高を差し引いた画面高に固定 *!*/
	gap:0;                              /* 行間をなくす（任意） */
	overflow:hidden;                    /* 余分を隠す（任意） */
}

#matched_list tbody tr{
	/*!* ⚫︎ 1 行をひとかたまりのブロックにし，中を 3 列 Grid で整列 *!*/
	/*display:grid;*/
	/*grid-template-columns: 5em 10em 3em;*/
	/*width:18em;                         !* 列（ページ）の横幅 *!*/
	border-bottom:1px solid #bbb;
}

#matched_list tbody tr:nth-child(odd){background:#f9f9f9;}  /* 縞模様（任意） */

/* セル */
#matched_list td{padding:.4em .8em;}
#matched_list .matched_list_name_dev {
	width: 0.5em;
	display: inline-block;
}
/************************/

/*見積もりボタン*/
#send_quote{

	text-align: center;
}
#send_quote .send_quote_p,#send_quote .send_quote_d{
	width: 250px;
	/*height: 58px;*/
	font-size: 20px;
	font-weight: normal;
	padding: 13px 0px 4px 0px;
	margin: 16px 6px 14px 6px;
	vertical-align: middle;
	line-height: 20px;
	letter-spacing: 2px;
}
#send_quote .send_quote_p{

}
#send_quote .send_quote_d{

}
#send_quote span.s{
	font-size: 14px;
	vertical-align: middle;
	line-height: 18px;
	letter-spacing: 1px;
	display: inline-block;
}
/*町名検索パネル*/
#town_search_area{
	clear: both;
	width: 550px;
}
#town_search_area h4{
	margin-bottom: 4px;
}
#town_search_area textarea{
	border: 1px solid #999;
	border-radius: 3px;
	padding: 4px;
	resize: vertical;
}
.town-overlay-label{
	position: absolute;
	transform: translate(-50%, -50%);
	background: rgba(255,68,68,0.85);
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	padding: 1px 4px;
	border-radius: 3px;
	white-space: nowrap;
	pointer-events: none;
	z-index: 510;
}
.town-result-item{
	padding: 2px 4px;
	border-bottom: 1px solid #ddd;
	font-size: 11px;
}
.town-result-notfound{
	padding: 2px 4px;
	color: #c00;
	font-size: 11px;
}
#header .select_town_b{
	margin-left: 5px;
}

/*見積もりボタンの操作の可否コントロール*/
/*検索後に有効になるボタン IE11以上対応　http://caniuse.com/#feat=pointer-events*/
#send_quote_btns a{
	pointer-events:none;
	opacity: 0.5;
}
#send_quote_btns.btns_enable a{
	pointer-events:auto;
	opacity: 1;
}

/*!*ボタン色*!*/
/*#send_quote .btn-p-color,#send_quote .btn-p-color *, #send_quote .btn-d-color,#send_quote .btn-d-color *{*/
	/*color: #FFFFFF;*/
	/*text-shadow:none;*/
/*}*/
/*.btn-p-color {*/

	/*background-color: #f55b0a;*/
	/*background-image: -moz-linear-gradient(top, #ff9056, #f55b0a);*/
	/*background-image: -ms-linear-gradient(top, #ff9056, #f55b0a);*/
	/*background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff9056), to(#f55b0a));*/
	/*background-image: -webkit-linear-gradient(top, #ff9056, #f55b0a);*/
	/*background-image: -o-linear-gradient(top, #ff9056, #f55b0a);*/
	/*background-image: linear-gradient(top,#ff9056, #f55b0a);*/
	/*background-repeat: repeat-x;*/
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9056', endColorstr='#f55b0a', GradientType=0);*/
	/*border-color: #f55b0a #f55b0a #f55b0a;*/
	/*border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*/
	/*filter: progid:dximagetransform.microsoft.gradient(enabled=false);*/
/*}*/
/*.btn-p-color:hover,*/
/*.btn-p-color:active,*/
/*.btn-p-color.active,*/
/*.btn-p-color.disabled,*/
/*.btn-p-color[disabled] {*/
	/*background-color: #f9a673;*/
	/*background-image:none;*/
	/*background-position: inherit;*/
/*}*/

/*!**!*/
/*.btn-d-color {*/
	/*background-color: #5bb75b;*/
	/*background-image: -moz-linear-gradient(top, #429842, #2f672f);*/
	/*background-image: -ms-linear-gradient(top, #429842, #2f672f);*/
	/*background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#429842), to(#2f672f));*/
	/*background-image: -webkit-linear-gradient(top, #429842, #2f672f);*/
	/*background-image: -o-linear-gradient(top, #429842, #2f672f);*/
	/*background-image: linear-gradient(top, #429842, #2f672f);*/
	/*background-repeat: repeat-x;*/
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#429842', endColorstr='#2f672f', GradientType=0);*/
	/*border-color: #2f672f #2f672f #2f672f;*/
	/*border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*/
	/*filter: progid:dximagetransform.microsoft.gradient(enabled=false);*/
/*}*/
/*.btn-d-color:hover,*/
/*.btn-d-color:active,*/
/*.btn-d-color.active,*/
/*.btn-d-color.disabled,*/
/*.btn-p-color[disabled] {*/
	/*background-color: #42a94a;*/
	/*background-image:none;*/
	/*background-position: inherit;*/
/*}*/