diff --git a/css/gsimaps.css b/css/gsimaps.css index 77aa4214b..b4ce0d5bf 100644 --- a/css/gsimaps.css +++ b/css/gsimaps.css @@ -1,10963 +1,10963 @@ - -* { - font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif; - font-size: 10.5pt; -} - -select::-ms-expand { - background: none; - border: none; -} - -.ui-tooltip { - padding: 3px 3px 3px 3px; - font-size: 9pt; - line-height: 14px; - position: absolute; - z-index: 9999999; - max-width: 220px; - -webkit-box-shadow: 0 0 3px 1px rgb(90, 90, 90, 0.1); - box-shadow: 0 0 3px 1px rgb(90, 90, 90, 0.1); - word-break: break-all; - border-radius:2px; -} - -.ui-tooltip.ui-widget-content { - background: rgba(255, 255, 255, 0.9); - color: #000; -} - -body .ui-tooltip { - border-width: 1px; - border-color: #999; -} - -.ui-tooltip * { - font-size: 9pt; - word-break: break-all; -} - -.noscript { - height: 64px; - width: 100%; - position: absolute; - left: 0px; - top: 0px; - z-index: 100000; - background: #fff; -} - -strong { - font-weight: normal; - color: #DD4827; -} - -.leaflet-container { - background: #fff; - cursor: default; -} - -.leaflet-dragging .leaflet-container { - cursor: default; -} - -.leaflet-center { - position: absolute; - z-index: 1001; - pointer-events: none; - left: 0; - top: 0; - right: 0; - bottom: 0; -} - -.leaflet-control-attribution a { - font-size: 8pt; -} - -.gsi-objects-pane { - position: absolute; - left: 0; - top: 0; - z-index: 3; -} - -.gsi-div-icon { - white-space: nowrap; - font-size: 9.5pt; -} - -/* -.leaflet-div-icon { - background: none; - white-space: nowrap; - border:none; -} -*/ - -.gsi-div-icon { - background: none; - white-space: nowrap; - border: none; -} - -.gsi_control_accesscounter { - display: none; - margin: 0; - padding: 0; - font-size: 7pt; - color: #000; - cursor: default; -} - -.gsi_control_accesscounter_tooltip { - font-size: 9pt; - word-wrap: break-word; - background: #f5f5f5; - background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f0f0f0), color-stop(0.00, #f5f5f5)); - background: -webkit-linear-gradient(#f5f5f5, #f0f0f0); - background: -moz-linear-gradient(#f5f5f5, #f0f0f0); - background: -o-linear-gradient(#f5f5f5, #f0f0f0); - background: -ms-linear-gradient(#f5f5f5, #f0f0f0); - background: linear-gradient(#f5f5f5, #f0f0f0); - padding: 1px 4px 1px 4px; - border: 1px solid #eee; - -moz-border-radius: 4px; - -webkit-border-radius: 4px; - border-radius: 4px; - opacity: .90; - filter: alpha(opacity=90); - -ms-filter: "alpha(opacity=90)"; - -khtml-opacity: .90; - -moz-opacity: .90; - box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2); - -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2); - /* Firefox */ - -webkit-box-shadow: 1px 1px 2x 1px rgba(0, 0, 0, 0.2); - /* Chrome, Safari */ -} - -.gsi_control_accesscounter_tooltip * { - font-size: 9pt; -} - -.grayscale { - filter: gray; - filter: url("data:image/svg+xml;utf8,#grayscale"); - -webkit-filter: grayscale(100%); -} - -.ui-resizable-se { - bottom: -7px; - right: -7px; -} - -img { - border: 0; -} - -html, body { - margin: 0px; - padding: 0px; - height: 100%; - overflow: hidden; -} - -body { - -webkit-text-size-adjust: 100%; -} - -form { - margin: 0px; - padding: 0px; -} - -.normalbutton { - margin-top: 0px; - display: inline-block; - *display: inline; - *zoom: 1; - padding: 3px 8px 3px 8px; - white-space: nowrap; - border: 1px solid #888; - -moz-border-radius: 4px; - -webkit-border-radius: 4px; - border-radius: 4px; - behavior: url(border-radius.htc); - /*for IE*/ - text-decoration: none; - font-size: 9.5pt; - color: #333; - vertical-align: middle; - box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); - /* Firefox */ - -webkit-box-shadow: 1px 1px 2x 1px rgba(0, 0, 0, 0.1); - /* Chrome, Safari */ - font-weight: bold; - text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #FFF, 0 1px 1px #FFF; - background: #f5f5f5; - background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f0f0f0), color-stop(0.00, #f5f5f5)); - background: -webkit-linear-gradient(#f5f5f5, #f0f0f0); - background: -moz-linear-gradient(#f5f5f5, #f0f0f0); - background: -o-linear-gradient(#f5f5f5, #f0f0f0); - background: -ms-linear-gradient(#f5f5f5, #f0f0f0); - background: linear-gradient(#f5f5f5, #f0f0f0); -} - -.normalbutton:active { - background: #f0f0f0; - background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f5f5f5), color-stop(0.00, #f0f0f0)); - background: -webkit-linear-gradient(#f0f0f0, #f5f5f5); - background: -moz-linear-gradient(#f0f0f0, #f5f5f5); - background: -o-linear-gradient(#f0f0f0, #f5f5f5); - background: -ms-linear-gradient(#f0f0f0, #f5f5f5); - background: linear-gradient(#f0f0f0, #f5f5f5); - color: #666; - box-shadow: -1px -1px 2px 1px rgba(0, 0, 0, 0.1); - -moz-box-shadow: -1px -1px 2px 1px rgba(0, 0, 0, 0.1); - /* Firefox */ - -webkit-box-shadow: -1px -1px 2x 1px rgba(0, 0, 0, 0.1); - /* Chrome, Safari */ -} - -.normalbutton.active { - background: #f0f0f0; - background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f5f5f5), color-stop(0.00, #f0f0f0)); - background: -webkit-linear-gradient(#f0f0f0, #f5f5f5); - background: -moz-linear-gradient(#f0f0f0, #f5f5f5); - background: -o-linear-gradient(#f0f0f0, #f5f5f5); - background: -ms-linear-gradient(#f0f0f0, #f5f5f5); - background: linear-gradient(#f0f0f0, #f5f5f5); - color: #666; - box-shadow: -1px -1px 2px 1px rgba(0, 0, 0, 0.1); - -moz-box-shadow: -1px -1px 2px 1px rgba(0, 0, 0, 0.1); - /* Firefox */ - -webkit-box-shadow: -1px -1px 2x 1px rgba(0, 0, 0, 0.1); - /* Chrome, Safari */ -} - -.normalbutton.disabled { - color: #ccc; - background: #fff; - border: 1px solid #ccc; - box-shadow: none; - -moz-box-shadow: none; - /* Firefox */ - -webkit-box-shadow: none; - /* Chrome, Safari */ -} - -.normalbutton-alt { - margin-top: 0px; - display: inline-block; - *display: inline; - *zoom: 1; - padding: 2px 8px 2px 8px; - white-space: nowrap; - border: 1px solid #999; - width: 99px; - height: 24px; - *behavior: url(border-radius.htc); - /*for IE*/ - text-decoration: none; - font-size: 9pt; - color: #444; - vertical-align: middle; - *box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); - *-moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); - /* Firefox */ - *-webkit-box-shadow: 1px 1px 2x 1px rgba(0, 0, 0, 0.1); - /* Chrome, Safari */ - background: #f5f5f5; - background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e0e0e0), color-stop(0.00, #fafafa)); - background: -webkit-linear-gradient(#fafafa, #e0e0e0); - background: -moz-linear-gradient(#fafafa, #e0e0e0); - background: -o-linear-gradient(#fafafa, #e0e0e0); - background: -ms-linear-gradient(#fafafa, #e0e0e0); - background: linear-gradient(#fafafa, #e0e0e0); -} - -input[type=radio].normalcheck, input[type=checkbox].normalcheck { - display: inline-block; - margin-right: 2px; -} - -input[type=radio].normalcheck+label, input[type=checkbox].normalcheck+label { - position: relative; - display: inline-block; - margin-right: 8px; - font-size: 10pt; - line-height: 26px; - cursor: pointer; -} - -input[type=search] { - -webkit-appearance: textfield; -} - -@media (min-width: 1px) { - input[type=radio].normalcheck, input[type=checkbox].normalcheck { - display: none; - margin: 0; - } - input[type=radio].normalcheck+label, input[type=checkbox].normalcheck+label { - padding: 0 0 0 26px; - } - input[type=radio].normalcheck+label::before, input[type=checkbox].normalcheck+label::before { - content: ""; - position: absolute; - top: 50%; - left: 0; - -moz-box-sizing: border-box; - box-sizing: border-box; - display: block; - width: 18px; - height: 18px; - line-height: 18px; - margin-top: -9px; - background: #FFF; - } - input[type=radio].normalcheck+label::before { - border: 1px solid #ccc; - border-radius: 50px; - } - input[type=checkbox].normalcheck+label::before { - border: 1px solid #ccc; - border-radius: 50px; - background: #eee; - } - input[type=radio].normalcheck:checked+label::after, input[type=checkbox].normalcheck:checked+label::after { - content: ""; - position: absolute; - top: 50%; - -moz-box-sizing: border-box; - box-sizing: border-box; - display: block; - } - input[type=radio].normalcheck:checked+label::after { - left: 3px; - width: 12px; - height: 12px; - margin-top: -6px; - background: #333; - border-radius: 8px; - } - input[type=checkbox].normalcheck:checked+label::after { - left: 3px; - width: 15px; - height: 8px; - margin-top: -8px; - border-left: 2px solid #333; - border-bottom: 2px solid #333; - -webkit-transform: rotate(-45deg); - -ms-transform: rotate(-45deg); - transform: rotate(-45deg); - } -} - -#map { - z-index: 1; - position: absolute; - top: 40px; - left: 0; - right: 0; - bottom: 0; - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - overflow: hidden; -} - -#header { - position: relative; - z-index: 2; - background-color: #333; - height: 40px; - line-height: 40px; - padding: 0 3px 0 2px; - padding-left: 100px; -} -#header.mobile { - padding-left:38px; -} - -#header.mobile .logoarea a { - height: 32px; - line-height: 32px; - -} - -#header.border_bottom { - /* - border-bottom: 1px solid #777; - box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.2); - -moz-box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.2); - -webkit-box-shadow: 0px 2px 2x 1px rgba(0, 0, 0, 0.2); - */ -} - -#header .logoarea { - position: absolute; - left: 4px; - top: 5px; -} - -#header .logoarea .logoimage { - height:32px; - border-radius: 3px; -} - -#header .logoarea #logoimage { - height: 32px; -} - -#header .magnifyingglass { - position: absolute; - padding-left: 7px; - padding-top: 8px; - cursor: pointer; -} - -#header .magnifyingglass #magnifyimage { - background-color: #fff; - background-repeat: no-repeat; -} - -#header .help { - position: absolute; - right: 5px; - top: 3px; - white-space: nowrap; -} -/* -#header.logo_l { - padding-left: 100px; -} - -#header.logo_s { - padding-left: 100px; -} -*/ - -form { - margin: 0; - padding: 0; -} - -.gsi_centercross { - background-image: url(../image/map/crosshairs.png); - background-position: 50% 50%; - background-repeat: no-repeat; - cursor: auto; - pointer-events: none; -} - -.gsi_pageprinter { - position: absolute; - z-index: 999999; - background: #fff; - /* - width:100%; - height:100%; - overflow:auto; - */ - top: 0px; - left: 0px; -} - -.gsi_pageprinter .header_container { - margin: 0px 0 4px 8px; -} - -.gsi_pageprinter .header_container table { - width: 650px; - border-collapse: collapse; -} - -.gsi_pageprinter .header_container table td { - text-align: center; -} - -.gsi_pageprinter .header_container table td select {} - -.gsi_pageprinter .header_container table td img { - vertical-align: bottom; -} - -.gsi_pageprinter .map_container { - border: 1px solid #333; - margin: 0 0 2px 8px; -} - -@media print { - .no_print { - display: none; - } -} - -.gsi-confirmusecookie-bg { - position: absolute; - left:0; - top:0; - bottom: 0; - right:0; - background-color: #333; - opacity: 0.7; - z-index: 100000; -} -.gsi-confirmusecookie { - position: absolute; - left:50%; - top:50%; - width:300px; - margin-top:-50px; - margin-left:-150px; - background-color: #fff; - - z-index: 100001; -} - - -.gsi-confirmusecookie .btn-frame a { - - -} - - -#topmessage { - z-index: 2; - padding: 1px 1px 1px 1px; - background: orange; // #333; - position: relative; - box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.2); - -moz-box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.2); - /* Firefox */ - -webkit-box-shadow: 0px 2px 2x 1px rgba(0, 0, 0, 0.2); - /* Chrome, Safari */ -} - -#topmessage .message { - color: #000; - padding-left: 28px; // 26px; - padding-right: 16px; - line-height: 28px; - vertical-align: middle; - background-color: lemonchiffon; // #fff; - border: 2px solid orange; // #555; - /* background-image: url(../image/system/info.png); - background-position: 4px 5px; - background-repeat: no-repeat; - -moz-border-radius: 4px; - -webkit-border-radius: 4px; - border-radius: 4px; - behavior: url(border-radius.htc); */ -} - -#topmessage .i { - font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", HG丸ゴシックM-PRO, HGMaruGothicMPRO; - position: absolute; - left: 6px; - display: inline-block; - top: 50%; - margin-top: -11px; - z-index: 10; - text-align: center; - font-size: 14px; - line-height: 20px; - background-color: rgb(250, 125, 0); - height: 20px; - width: 20px; - color: rgb(238, 238, 238); - padding: 0px; - border-radius: 50%; - border-width: 1px; - border-style: solid; - border-color: rgb(204, 204, 204); - border-image: initial; -} - -#topmessage .message a {} - -#topmessage .closebtn { - font-weight: bold; - text-decoration: none; - display: inline-block; - *display: inline; - *zoom: 1; - position: absolute; - right: 7px; - top: 6px; - color: #000; - line-height: 24px; - padding-left: 6px; - padding-right: 6px; - vertical-align: middle; - text-align: center; -} - -#header table { - border-collapse: collapse; -} - -#header table td { - padding: 2px; -} - -#header #query { - /*background: #fff url(../image/system/search.png) no-repeat 6px 50%;*/ - margin-top: 1px; - height: 30px; - line-height: 30px; - border: 2px solid #555; - padding: 0px 0px 0px 28px; - width: 100%; - *width: 98%; - max-width:680px; - -webkit-border-top-left-radius: 15px; - -moz-border-radius-topleft: 15px; - border-top-left-radius: 15px; - -webkit-border-bottom-left-radius: 15px; - -moz-border-radius-bottomleft: 15px; - border-bottom-left-radius: 15px; - -webkit-border-top-right-radius: 4px; - -moz-border-radius-topright: 4px; - border-top-right-radius: 4px; - -webkit-border-bottom-right-radius: 4px; - -moz-border-radius-bottomright: 4px; - border-bottom-right-radius: 4px; - -moz-border-radius: 15px; - /*for Firefox*/ - -webkit-border-radius: 15px; - /*for Safari and chrome*/ - border-radius: 15px; - behavior: url(border-radius.htc); - /*for IE*/ - behavior: url(border-radius.htc); - vertical-align: middle; - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; -} - -#header .btn { - width: 24px; - margin-top: 1px; - height: 24px; - padding: 2px 2px 2px 2px; - background: -moz-linear-gradient(top, #ccc, #fff); - background: -webkit-linear-gradient(top, #ccc, #fff); - background: linear-gradient(#ccc, #fff); - background: #fff; - border: 1px solid #555; - cursor: pointer; - -moz-border-radius: 3px; - /*for Firefox*/ - -webkit-border-radius: 3px; - /*for Safari and chrome*/ - border-radius: 3px; - behavior: url(border-radius.htc); - /*for IE*/ -} - -#search_result { - color: #fff; - z-index: 10000; - position: absolute; - background-color: #333; - box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1); - /* Firefox */ - -webkit-box-shadow: 2px 2px 1x 1px rgba(0, 0, 0, 0.1); - /* Chrome, Safari */ - border: 1px solid #121212; - display: none; - padding: 4px; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); - /* - opacity: .80; - filter: alpha(opacity=80); - -ms-filter: "alpha(opacity=80)"; - -khtml-opacity: .80; - -moz-opacity: .80; - */ -} - -#search_result h3 { - color: #fff; - font-size: 90%; - margin: 0; - padding: 3px 22px 3px 8px; - font-weight: normal; - cursor: move; -} - -#search_result .control { - padding-bottom: 6px; -} - -#search_result select { - -webkit-appearance: button; - -moz-appearance: button; - appearance: button; - width: 48%; - height: 30px; - line-height: 30px; - font-size: 13px; - text-indent: 1em; - color: #FFFFFF; - border: 1px solid #555; - cursor: pointer; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); - background: #333 url(../image/system/arrow-down.png) no-repeat; - background-size: 20px 20px; - background-position: right center; -} - -#search_result h3 span { - color: #fff; - display: inline-block; - *display: inline; - *zoom: 1; - padding: 4px 0 4px 0; -} - -#search_result .frame { - overflow: auto; - max-height: 400px; -} - -#search_result .closebtn { - /* - border-left: 1px solid #333; - */ - color: #fff; - cursor: pointer; - display: inline-block; - font-size: 14px; - height: 28px; - line-height: 28px; - text-align: center; - text-shadow: 1px 1px 0 #aaa; - top: 0px; - position: absolute; - right: 0px; - width: 28px; - z-index: 200; - /* - margin-right: -3px; - margin-top: -3px; - - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); - - background-color:#666; - - - filter: progid:DXImageTransform.Microsoft.Shadow(color=#666666, direction=135, strength=10, enabled=true); - */ -} - -#search_result ul { - background: #fff; - list-style: none; - margin: 0; - padding: 0; -} - -#search_result ul li { - border-bottom: 1px solid #ddd; - padding: 4px; -} - -#search_result ul li a { - text-decoration: none; -} - -#search_result ul li a div.title { - font-size: 100%; - color: #2595C7; -} - -#search_result ul li a div.muni { - font-size: 80%; - padding-left: 1em; - color: #2595C7; - color: #000; -} - -#footerbtn img { - margin: 0; - padding: 0; -} - -#footerbtn { - opacity: .90; - filter: alpha(opacity=90); - -ms-filter: "alpha(opacity=90)"; - -khtml-opacity: .90; - -moz-opacity: .90; - visibility: hidden; - z-index: 2; - position: absolute; - background: #222; - bottom: 0; - color: #fff; - text-decoration: none; - display: inline-block; - *display: inline; - *zoom: 1; - margin: 0; - padding: 10px 6px 8px 6px; - background: #333; - -webkit-border-top-left-radius: 6px; - -webkit-border-top-right-radius: 6px; - -moz-border-radius-topleft: 6px; - -moz-border-radius-topright: 6px; - border-top-left-radius: 6px; - border-top-right-radius: 6px; - box-shadow: 0px -2px 1px 1px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 0px -2px 1px 1px rgba(0, 0, 0, 0.1); - /* Firefox */ - -webkit-box-shadow: 0px -2px 1x 1px rgba(0, 0, 0, 0.1); - /* Chrome, Safari */ -} - -.opacity_slider { - margin: 6px; - position: relative; - border: 1px solid #fff; -} - -.opacity_slider .bg { - height: 6px; - margin: 9px 12px 9px 12px; - background: #ddd; - -moz-border-radius: 2px; - /*for Firefox*/ - -webkit-border-radius: 2px; - /*for Safari and chrome*/ - border-radius: 2px; - behavior: url(border-radius.htc); - /*for IE*/ -} - -.opacity_slider .btn { - position: absolute; - text-decoration: none; - display: inline-block; - *display: inline; - *zoom: 1; - width: 24px; - height: 24px; - top: 0px; - left: 0px; - background: #333; - cursor: pointer; - -moz-border-radius: 3px; - /*for Firefox*/ - -webkit-border-radius: 3px; - /*for Safari and chrome*/ - border-radius: 3px; - behavior: url(border-radius.htc); - /*for IE*/ - box-shadow: 2px 2px 3px #555; - -moz-box-shadow: 2px 2px 3px #555; - /* Firefox */ - -webkit-box-shadow: 2px 2px 3x #555; - ; - /* Chrome, Safari */ -} - -/* 地図メニュー ----------------------------------------------------------------------- */ - -.menu_btn { - opacity: .90; - filter: alpha(opacity=90); - -ms-filter: "alpha(opacity=90)"; - -khtml-opacity: .90; - -moz-opacity: .90; - display: block; - background-color: #333; - padding: 0.4em 18px; - color: #ffffff; - cursor: pointer; - border: solid 1px #222; - font-size: 110%; - text-decoration: none; - -moz-border-radius: 5px; - -webkit-border-radius: 5px; - border-radius: 5px; - behavior: url(border-radius.htc); - box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.3); - -moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.3); - /* Firefox */ - -webkit-box-shadow: 0px 0px 2x 1px rgba(0, 0, 0, 0.3); - /* Chrome, Safari */ -} - -.menu_btn.left { - left: 10px; -} - -.menu_btn.right { - right: 10px; -} - -/* -.menu_item_frame { - - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - border-radius: 2px; - behavior: url(border-radius.htc); - - position: absolute; - list-style:none; - padding:0; - box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.3); - -moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.3); - -webkit-box-shadow: 0px 0px 2x 1px rgba(0, 0, 0, 0.3); - margin:0; - - width:180px; - border: 1px solid #222; - background-color:#333; - background-color:rgb(51, 51, 51, 0.99); - text-align:left; - color:#fff; - - z-index:15000; -} - -.menu_item_frame label { - cursor:pointer -} -.menu_item_frame.wide { - width:220px; -} - -.menu_item_frame li { - - padding: 0px 10px 0px 10px; - - border-top:1px solid #444; - border-bottom:1px solid #121212; -} - -.menu_item_frame li:first-child -{ - border-top:0; -} - -.menu_item_frame li:last-child -{ - border-bottom:0; -} - -.menu_item_frame li a { - - - padding: 10px 0px 10px 0px; - text-decoration:none; - display:block; - color:#fff; - - -} -.menu_item_frame li a.disabled { - color:#888; -} - -.menu_item_frame li a.left{ - -} -.menu_item_frame li a.arrow{ - - background:url(../image/system/arrow_r.png) no-repeat right 50%; -} - -.menu_item_frame li a.right{ - - text-align:right; -} -.menu_item_frame li a.arrow{ - - text-align:right; - background:url(../image/system/arrow_l.png) no-repeat left 50%; -} -.menu_item_frame label .mini_comment { - font-size:7.5pt; - color: #ccc; -} -.menu_item_frame label .mini_comment.landscape { - display : block; - margin-top:-2px; - margin-left:3em; -} - -*/ - -/* レイヤー一覧 ----------------------------------------------------------------------- */ - -#listframe { - position: absolute; - z-index: 10000; - background-color: #333; - box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1); - /* Firefox */ - -webkit-box-shadow: 2px 2px 1x 1px rgba(0, 0, 0, 0.1); - /* Chrome, Safari */ - border: 1px solid #121212; - top: 90px; - left: 40px; - min-width: 200px; - display: none; - padding: 4px 4px 4px 4px; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); -} - -#listframe .closebtn { - border-left: 1px solid #333; - border-bottom: 1px solid #333; - color: #fff; - cursor: pointer; - display: inline-block; - font-size: 16px; - height: 28px; - line-height: 28px; - text-align: center; - text-shadow: 1px 1px 0 #aaa; - top: 0px; - position: absolute; - right: 0px; - width: 32px; - z-index: 200; - /* - margin-right: -1px; - margin-top: -1px; - - - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); - - box-shadow: 2px 2px 3px #555; - -moz-box-shadow: 2px 2px 3px #555; - -webkit-box-shadow: 2px 2px 3x #555; - - background-color:#fff; - - - filter: progid:DXImageTransform.Microsoft.Shadow(color=#666666, direction=135, strength=10, enabled=true); - */ - background: #333; -} - -#listframe h3 { - color: #fff; - font-size: 90%; - margin: 0; - padding: 3px 22px 3px 8px; - font-weight: normal; - cursor: move; -} - -#listframe h3 a { - color: #fff; - text-decoration: none; - display: inline-block; - *display: inline; - *zoom: 1; - padding: 4px 0 4px 0; -} - -#listframe h3 span { - color: #fff; - display: inline-block; - *display: inline; - *zoom: 1; - padding: 4px 0 4px 0; -} - -#list { - margin: 0px; - background-color: #fff; - overflow-y: auto; -} - -#list ul { - background-color: #fff; - color: #333; - list-style: none; - padding: 0; - margin: 0; -} - -#list li { - border-bottom: 1px solid #d8d8d8; -} - -#list li a { - color: #333; - text-decoration: none; - display: block; - padding: 4px 0px 4px 4px; -} - -#list li a.visible { - color: #2595C7; -} - -#list li a span { - color: #fff; - background: #2595C7; - border: 1px solid #d8d8d8; - margin-left: 1em; - width: 1.5em; - text-align: center; - display: inline-block; - *display: inline; - *zoom: 1; - -webkit-border-radius: 0.5em; - -moz-border-radius: 0.5em; - border-radius: 0.5em; - font-size: 90%; -} - -#list li.folder { - padding: 3px 0px 3px 0px; - border-bottom: 1px solid #d8d8d8; -} - -#list li.icon {} - -#list li.folder a { - color: #333; - text-decoration: none; - background: url(../image/system/arrow_r.png) no-repeat right 50%; -} - -/* 表示中レイヤー一覧 ----------------------------------------------------------------------- */ - -#visiblelistframe { - position: absolute; - z-index: 10000; - background-color: #333; - box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1); - /* Firefox */ - -webkit-box-shadow: 2px 2px 1x 1px rgba(0, 0, 0, 0.1); - /* Chrome, Safari */ - border: 1px solid #121212; - top: 90px; - left: 40px; - min-width: 200px; - display: none; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); - padding: 4px 4px 4px 4px; -} - -#visiblelistframe .closebtn { - border-left: 1px solid #333; - border-bottom: 1px solid #333; - color: #fff; - cursor: pointer; - display: inline-block; - font-size: 16px; - height: 28px; - line-height: 28px; - text-align: center; - text-shadow: 1px 1px 0 #aaa; - top: 0px; - position: absolute; - right: 0px; - width: 32px; - z-index: 200; - /* - margin-right: -1px; - margin-top: -1px; - - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); - - box-shadow: 2px 2px 3px #555; - -moz-box-shadow: 2px 2px 3px #555; - -webkit-box-shadow: 2px 2px 3x #555; - - background-color:#fff; - - - filter: progid:DXImageTransform.Microsoft.Shadow(color=#666666, direction=135, strength=10, enabled=true); - */ - background: #333; -} - -#visiblelistframe h3 { - color: #fff; - font-size: 90%; - margin: 0; - padding: 3px 8px 3px 3px; - font-weight: normal; - cursor: move; -} - -#visiblelistframe h3 a { - color: #fff; - text-decoration: none; - display: inline-block; - *display: inline; - *zoom: 1; - padding: 4px 0 4px 0; -} - -#visiblelistframe h3 span { - color: #fff; - display: inline-block; - *display: inline; - *zoom: 1; - padding: 4px 0 4px 0; -} - -#visiblelist { - margin: 0px; - background-color: #fff; - overflow-y: auto; -} - -#visiblelist ul { - background-color: #fff; - color: #333; - list-style: none; - padding: 0; - margin: 0; -} - -#visiblelist li { - border-bottom: 1px solid #d8d8d8; -} - -#visiblelist li.disabled { - background-color: #ddd; -} - -#visiblelist li a { - color: #333; - text-decoration: none; - display: block; - padding: 4px 0px 4px 4px; -} - -#visiblelist li .info { - display: none; - margin: 0px 4px 4px 30px; - border: 1px solid #d8d8d8; - padding: 4px; - font-size: 90%; - -moz-border-radius: 4px; - /*for Firefox*/ - -webkit-border-radius: 4px; - /*for Safari and chrome*/ - border-radius: 4px; - behavior: url(border-radius.htc); - /*for IE*/ -} - -#visiblelist li .info a { - color: #fff; - font-size: 90%; - display: inline-block; - *display: inline; - *zoom: 1; - padding: 4px; - background: #134A63; - border: 1px solid #d8d8d8; - -moz-border-radius: 4px; - /*for Firefox*/ - -webkit-border-radius: 4px; - /*for Safari and chrome*/ - border-radius: 4px; - behavior: url(border-radius.htc); - /*for IE*/ -} - -#visiblelist li a div { - color: #134A63; - font-size: 70%; -} - -#visiblelist li .btn { - position: absolute; - display: inline-block; - *display: inline; - *zoom: 1; - right: 8px; - width: 28px; - height: 28px; - line-height: 28px; - cursor: pointer; - text-align: center; - vertical-align: middle; -} - -.utmgrid_label { - color: #FF0000; - font-size: 110%; - user-select: none; - -moz-user-select: none; - -khtml-user-select: none; - -webkit-user-select: none; -} - -.kihonzukakugrid_label { - position: absolute; - font-size: 11pt; - width: 100px; - height: 24px; - color: red; - text-shadow: #fff 1px 1px 0px, #fff -1px 1px 0px, #fff 1px -1px 0px, #fff -1px -1px 0px; - text-align: center; - line-height: 24px; - user-select: none; - -moz-user-select: none; - -khtml-user-select: none; - -webkit-user-select: none; -} - -.kihonzukakugrid_label_kei { - position: absolute; - font-size: 12pt; - width: 100px; - height: 24px; - color: blue; - text-shadow: #fff 1px 1px 0px, #fff -1px 1px 0px, #fff 1px -1px 0px, #fff -1px -1px 0px; - text-align: center; - line-height: 24px; - user-select: none; - -moz-user-select: none; - -khtml-user-select: none; - -webkit-user-select: none; -} - -.kihonzukakugrid_label_kei_active { - position: absolute; - font-size: 12pt; - width: 100px; - height: 24px; - color: red; - text-shadow: #fff 1px 1px 0px, #fff -1px 1px 0px, #fff 1px -1px 0px, #fff -1px -1px 0px; - text-align: center; - line-height: 24px; - user-select: none; - -moz-user-select: none; - -khtml-user-select: none; - -webkit-user-select: none; -} - -.latlnggrid_label * { - color: #1D417A; - font-size: 110%; - white-space: nowrap; - user-select: none; - -moz-user-select: none; - -khtml-user-select: none; - -webkit-user-select: none; -} - -.jihoku_label { - color: #FF0000; - font-size: 80%; - white-space: nowrap; - user-select: none; - -moz-user-select: none; - -khtml-user-select: none; - -webkit-user-select: none; -} - -/* GSI.Dialog ----------------------------------------------------------------------- */ - -.gsi_dialogmanager_minimizecontainer { - position: absolute; - z-index: 10000; - right: 0; - bottom: 120px; -} - -.gsi_dialogmanager_minimizecontainer a { - display: block; - position: relative; - border: 3px solid #333; - background: #fff; - -moz-border-radius: 6px; - /*for Firefox*/ - -webkit-border-radius: 6px; - /*for Safari and chrome*/ - border-radius: 6px; - behavior: url(border-radius.htc); - /*for IE*/ - padding: 1px; - box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1); - /* Firefox */ - -webkit-box-shadow: 2px 2px 1x 1px rgba(0, 0, 0, 0.1); - /* Chrome, Safari */ - margin-bottom: 2px; - min-width: 150px; - cursor: pointer; - text-decoration: none; - opacity: 0.6; - /*animation: tenmetsu 300ms 5 alternate;*/ -} - -/* -@keyframes tenmetsu{ - from{ - background:#fff; - opacity:0.2; - } - to{ - background:#ffff9e; - opacity:0.6; - } -} -*/ - -.gsi_dialogmanager_minimizecontainer a span { - display: block; - position: relative; - right: 0; - color: #fff; - background: #333; - -moz-border-radius: 3px; - /*for Firefox*/ - -webkit-border-radius: 3px; - /*for Safari and chrome*/ - border-radius: 3px; - behavior: url(border-radius.htc); - /*for IE*/ - font-size: 90%; - padding: 4px; -} - -.gsi_dialogmanager_minimizecontainer a:hover { - opacity: 0.9; -} - -.gsi_dialog { - position: absolute; - z-index: 10000; - left: 100px; - top: 100px; - border: 3px solid #333; - background: #fff; - -moz-border-radius: 6px; - /*for Firefox*/ - -webkit-border-radius: 6px; - /*for Safari and chrome*/ - border-radius: 6px; - behavior: url(border-radius.htc); - /*for IE*/ - padding: 1px; - box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1); - /* Firefox */ - -webkit-box-shadow: 2px 2px 1x 1px rgba(0, 0, 0, 0.1); - /* Chrome, Safari */ - width: 320px; -} - -.gsi_dialog:after { - content: "."; - /* 新しい要素を作る */ - display: block; - /* ブロックレベル要素に */ - clear: both; - height: 0; - visibility: hidden; -} - -.gsi_dialog_header { - color: #fff; - background: #333; - -moz-border-radius: 3px; - /*for Firefox*/ - -webkit-border-radius: 3px; - /*for Safari and chrome*/ - border-radius: 3px; - behavior: url(border-radius.htc); - /*for IE*/ - font-size: 90%; - padding: 1px 20px 1px 4px; - /*border: 2px solid #555;*/ - cursor: move; - position: relative; -} - -.gsi_dialog_header .title { - padding: 3px 0 3px 0; -} - -.gsi_dialog_header .title * { - font-size: 10pt; -} - -.gsi_dialog_header a { - color: #fff; - font-weight: normal; - text-decoration: underline; -} - -.gsi_dialog_header a:active { - color: #d9E6E2; -} - -.gsi_dialog.deactive { - border: 3px solid #666; -} - -.gsi_dialog.deactive .gsi_dialog_header { - opacity: .60; - filter: alpha(opacity=60); - -ms-filter: "alpha(opacity=60)"; - -khtml-opacity: .60; - -moz-opacity: .60; -} - -.gsi_dialog_header .closebtn { - vertical-align: bottom; - color: #fff; - text-decoration: none; - position: absolute; - display: inline-block; - *display: inline; - *zoom: 1; - font-weight: bold; - right: 2px; - width: 24px; - height: 24px; - line-height: 24px; - top: 50%; - margin-top: -12px; - text-align: center; - -moz-border-radius: 2px; - /*for Firefox*/ - -webkit-border-radius: 2px; - /*for Safari and chrome*/ - border-radius: 2px; - behavior: url(border-radius.htc); - /*for IE*/ - z-index: 99; -} - -.gsi_dialog_header .minimizebtn { - vertical-align: bottom; - color: #fff; - text-decoration: none; - position: absolute; - display: inline-block; - *display: inline; - *zoom: 1; - font-weight: bold; - font-size: 11pt; - right: 26px; - width: 24px; - height: 24px; - line-height: 24px; - top: 50%; - margin-top: -12px; - text-align: center; - -moz-border-radius: 2px; - /*for Firefox*/ - -webkit-border-radius: 2px; - /*for Safari and chrome*/ - border-radius: 2px; - behavior: url(border-radius.htc); - /*for IE*/ - z-index: 99; -} - -.gsi_dialog_header.tab { - margin-top: -3px; - background: none; - padding: 0; -} - -.gsi_dialog_header.tab .closebtn { - color: #333; - top: 24px; - right: 1px; -} - -.gsi_dialog_header.tab .title_frame { - background: #333; - padding: 2px 2px 2px 2px; - -moz-border-radius: 2px; - /*for Firefox*/ - -webkit-border-radius: 2px; - /*for Safari and chrome*/ - border-radius: 2px; - behavior: url(border-radius.htc); - /*for IE*/ - font-size: 10pt; - margin-top: -1px; -} - -.gsi_dialog_content { - padding-top: 2px; - -moz-border-radius: 3px; - /*for Firefox*/ - -webkit-border-radius: 3px; - /*for Safari and chrome*/ - border-radius: 3px; - behavior: url(border-radius.htc); - /*for IE*/ -} - -.gsi_dialog_content a:active {} - -/* GSI.LayerTreeDialog ----------------------------------------------------------------------- */ - -.layertreedialog_pankz_frame { - border-bottom: 1px solid #999; - background-color: #f4f4f4; - padding: 2px 0 2px 2px; -} - -.layertreedialog_pankz_frame * { - font-size: 11px; -} - -.layertreedialog_searchresult_text_frame { - padding: 2px 0 2px 22px; - background-image: url(../image/system/info.png); - background-position: 1px 49%; - background-repeat: no-repeat; - font-size: 11px; - background-color: #f4f4f4; - border-bottom: 1px solid #999; - position: relative; -} - -.layertreedialog_searchresult_text_frame * { - font-size: 11px; -} - -.layertreedialog_searchresult_text_frame a { - position: absolute; - display: inline-block; - padding: 0 1px 0 1px; - right: 1px; - top: 1px; - font-size: 11px; - z-index: 10; - line-height: 17px; - color: #000; - text-decoration: none; - cursor: pointer; - border: 1px solid #ccc; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - border-radius: 2px; - background: #aaa; - text-decoration: none; - color: #000; - vertical-align: middle; - box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); - -webkit-box-shadow: 1px 1px 2x 1px rgba(0, 0, 0, 0.1); - background: #f5f5f5; - background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f0f0f0), color-stop(0.00, #f5f5f5)); - background: -webkit-linear-gradient(#f5f5f5, #f0f0f0); - background: -moz-linear-gradient(#f5f5f5, #f0f0f0); - background: -o-linear-gradient(#f5f5f5, #f0f0f0); - background: -ms-linear-gradient(#f5f5f5, #f0f0f0); - background: linear-gradient(#f5f5f5, #f0f0f0); -} - -.layertreedialog_control_frame { - padding: 3px 3px 4px 3px; - z-index: 101; - position: relative; - box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1); - /* Firefox */ - -webkit-box-shadow: 0px 1px 1x 1px rgba(0, 0, 0, 0.1); - /* Chrome, Safari */ - border-bottom: 1px solid #bbb; - background: #f4f4f4; -} - -.layertreedialog_control_frame label { - font-size: 9pt; - cursor: pointer; -} - -.layertreedialog_control_frame .showallbutton { - margin-left: 1px; - font-size: 9pt; - padding: 0 4px 0 4px; - float: right; - border: 1px solid #bbb; - margin-top: 1px; - box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1); - /* Firefox */ - -webkit-box-shadow: 0px 0px 2x 1px rgba(0, 0, 0, 0.1); - /* Chrome, Safari */ -} - -.gsi_layertreedialog_itemtooltip { - position: absolute; - padding: 1px; - background: #fff; - z-index: 11000; - border: 1px solid #bbb; - left: 40px; - top: 0px; - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - padding: 8px; - font-size: 9pt; - opacity: .95; - filter: alpha(opacity=95); - -ms-filter: "alpha(opacity=95)"; - -khtml-opacity: .95; - -moz-opacity: .95; - max-height: 350px; - overflow-y: auto; - -moz-border-radius: 6px; - /*for Firefox*/ - -webkit-border-radius: 6px; - /*for Safari and chrome*/ - border-radius: 6px; - behavior: url(border-radius.htc); - /*for IE*/ - box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1); - /* Firefox */ - -webkit-box-shadow: 2px 2px 1x 1px rgba(0, 0, 0, 0.1); - /* Chrome, Safari */ -} - -.layertreedialog_ul_frame { - position: relative; - overflow-y: auto; - max-height: 220px; -} - -.layertreedialog_ul { - color: #333; - list-style: none; - padding: 0; - margin: 0; - position: relative; -} - -.layertreedialog_ul li { - border-bottom: 1px solid #999; - position: relative; -} - -.layertreedialog_ul li:last-child { - border-bottom: 0px solid #fff; -} - -.layertreedialog_ul li.nodata { - padding: 8px; - font-size: 95%; - border-bottom: 0px solid #999; -} - -.layertreedialog_ul li a { - color: #000; - text-decoration: none; - display: block; - padding: 8px 2px 8px 0px; - font-size: 17px; - line-height: 18px; - position: relative; -} - -.layertreedialog_ul li a.folder { - padding-right: 0px; -} -.layertreedialog_ul li a.item { - background-repeat: no-repeat; - background-size:16px 16px; - background-position:2px 50%; - -} - - -.layertreedialog_ul li a.item .title { - padding-left: 24px; - font-size: 14px; - line-height: 16px; - word-break: break-all; -} - -.layertreedialog_ul li a.item .title.withinfo { - padding-right: 33px; -} -/* -.layertreedialog_ul li a.folder .title { - padding-left: 24px; - background-size:contain; - background: url(../image/system/folder.png) no-repeat 2px 50%; - text-align: left; -} -*/ - -.layertreedialog_ul li a.folder .title.withinfo { - padding-right: 22px; -} -.layertreedialog_ul li a.folder { - background: url(../image/system/folder.png) no-repeat 2px 50%; -} -.layertreedialog_ul li a.folder .title { - padding-left: 24px; - text-align: left; -} - -.minmode .layertreedialog_ul li a.item .title { - padding-left: 20px; - background-position:0px -1px; -} - -.minmode .layertreedialog_ul li a.folder { - background-image: url(../image/system/folder.png); - background-size:16px 16px; - background-position:0px 50%; -} -.minmode .layertreedialog_ul li a.folder .title { - padding-left: 20px; - text-align: left; -} - -.layertreedialog_ul li.nococotile { - display: none; -} - -.layertreedialog_ul li a.nococotile { - background: #ccc; -} - -.layertreedialog_ul li a.item.view { - background-color: #eafaff; - /* - background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #C7E6E2), color-stop(0.00, #d7f6f2)); - background: -webkit-linear-gradient(#d7f6f2, #C7E6E2); - background: -moz-linear-gradient(#d7f6f2, #C7E6E2); - background: -o-linear-gradient(#d7f6f2, #C7E6E2); - background: -ms-linear-gradient(#d7f6f2, #C7E6E2); - background: linear-gradient(#d7f6f2, #C7E6E2); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d7f6f2', endColorstr='#C7E6E2', GradientType=0); - */ -} - -.layertreedialog_ul li a.item .viewmark { - position: absolute; - display: inline-block; - *display: inline; - *zoom: 1; - padding: 1px 3px 1px 3px; - -moz-border-radius: 3px; - /*for Firefox*/ - -webkit-border-radius: 3px; - /*for Safari and chrome*/ - border-radius: 3px; - behavior: url(border-radius.htc); - /*for IE*/ - background: #2B7396; - color: #fff; - left: 2px; - top: 1px; - font-size: 7pt; -} - -.layertreedialog_ul li .description_btn { - font-family: 'ヒラギノ丸ゴ Pro W4', 'ヒラギノ丸ゴ Pro', 'Hiragino Maru Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'HG丸ゴシックM-PRO', 'HGMaruGothicMPRO'; - position: absolute; - display: inline-block; - *display: inline; - *zoom: 1; - right: 6px; - top: 50%; - /*10px;*/ - margin-top: -11px; - z-index: 10; - padding: 0 0 0 0; - text-align: center; - font-size: 12px; - /*10px;*/ - line-height: 20px; - /*16px;*/ - cursor: pointer; - border-radius: 50%; - border: 1px solid #ccc; - background-color: #1D417A; - height: 20px; - /*16px;*/ - width: 20px; - /*16px;*/ - color: #eee; -} - -.layertreedialog_ul li .setting_btn { - font-family: 'ヒラギノ丸ゴ Pro W4', 'ヒラギノ丸ゴ Pro', 'Hiragino Maru Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'HG丸ゴシックM-PRO', 'HGMaruGothicMPRO'; - position: absolute; - display: inline-block; - *display: inline; - *zoom: 1; - padding: 0 0 0 0; - right: 30px; - top: 50%; - /*10px;*/ - margin-top: -11px; - z-index: 10; - text-align: center; - font-size: 11px; - /*10px;*/ - line-height: 20px; - /*16px;*/ - cursor: pointer; - border-radius: 10px; - border: 1px solid #ccc; - height: 20px; - /*16px;*/ - width: 20px; - /*16px;*/ - color: #eee; - background-image: url(../image/setting.png); - background-repeat: no-repeat; - background-position: center; - background-size: 16px 16px; -} - -.layertreedialog_ul li .area_btn { - font-family: 'ヒラギノ丸ゴ Pro W4', 'ヒラギノ丸ゴ Pro', 'Hiragino Maru Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'HG丸ゴシックM-PRO', 'HGMaruGothicMPRO'; - position: absolute; - display: inline-block; - *display: inline; - *zoom: 1; - padding: 0 0 0 0; - right: 30px; - top: 50%; - /*10px;*/ - margin-top: -11px; - z-index: 10; - text-align: center; - font-size: 11px; - /*10px;*/ - line-height: 20px; - /*16px;*/ - cursor: pointer; - border-radius: 10px; - border: 1px solid #ccc; - height: 20px; - /*16px;*/ - width: 20px; - /*16px;*/ - color: #eee; - background-image: url(../image/system/area.png); - background-repeat: no-repeat; - background-position: center; - background-size: 16px 16px; -} - -.layertreedialog_ul li .flddescription_btn { - - font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", HG丸ゴシックM-PRO, HGMaruGothicMPRO; - position: absolute; - display: inline-block; - right: 6px; - top: 50%; - margin-top: -11px; - z-index: 10; - text-align: center; - font-size: 12px; - line-height: 20px; - cursor: pointer; - background-color: rgb(29, 65, 122); - height: 20px; - width: 20px; - color: rgb(238, 238, 238); - padding: 0px; - border-radius: 50%; - border-width: 1px; - border-style: solid; - border-color: rgb(204, 204, 204); - border-image: initial; -} - - -.minmode .layertreedialog_ul li .description_btn { - right: 2px; -} - -.minmode .layertreedialog_ul li .setting_btn { - right: 22px; -} - -.minmode .layertreedialog_ul li .area_btn { - right: 22px; -} - - -.minmode .layertreedialog_ul li .flddescription_btn { - right: 2px; -} - -.layertreedialog_ul li a.folder .num { - position: absolute; - display: inline-block; - *display: inline; - *zoom: 1; - right: 8px; - top: 10px; -} - -.gsi-gps-button { - border: 2px solid rgba(0, 0, 0, 0.2); - background-color: #fff; - border-radius: 50%; - display: block; - padding: 8px; - cursor: pointer; -} - -.gsi-gps-button.on { - background: rgba(0, 120, 168, 0.3); -} - -.gsi-gps-button:hover { - background-color: #f3f3f3; -} - -.gsi-gps-button.on:hover { - background: rgba(0, 120, 168, 0.5); -} - -.gsi-gps-button img { - vertical-align: bottom; - width: 24px; - height: 24px; - opacity: 0.7; -} - -.gsi-gps-button.on img { - opacity: 1; -} - -.layertreedialog_ul li .info { - text-align: right; - font-size: 7pt; - position: absolute; - right: 4px; - bottom: 2px; - z-index: 100; -} - -.layertreedialog_ul li .info span { - font-size: 7pt; - display: inline-block; - *display: inline; - *zoom: 1; - padding: 0px 3px 0px 3px; - -moz-border-radius: 3px; - /*for Firefox*/ - -webkit-border-radius: 3px; - /*for Safari and chrome*/ - border-radius: 3px; - behavior: url(border-radius.htc); - /*for IE*/ - margin-right: 1px; - background: #A0CA5A; - color: #333; -} - -.layertreedialog_ul li .info span.cocotile { - background: #6A8655; - color: #fff; -} - -.layertreedialog_ul li a .num span { - text-align: right; - border: 1px solid #ccc; - background: #2B7396; - color: #fff; - padding: 0 7px 0 7px; - display: inline-block; - *display: inline; - *zoom: 1; - -moz-border-radius: 8px; - /*for Firefox*/ - -webkit-border-radius: 8px; - /*for Safari and chrome*/ - border-radius: 8px; - behavior: url(border-radius.htc); - /*for IE*/ -} - -.tab_scroll_btn { - position: absolute; - width: 16px; - height: 16px; - right: 7px; - top: 18px; - z-index: 999; - background: #333; - cursor: pointer; - -moz-border-radius: 3px; - /*for Firefox*/ - -webkit-border-radius: 3px; - /*for Safari and chrome*/ - border-radius: 3px; - behavior: url(border-radius.htc); - /*for IE*/ - opacity: 0.9; - box-shadow: 0px 0px 1px 1px rgba(255, 255, 255, 0.3); - -moz-box-shadow: 0px 0px 1px 1px rgba(255, 255, 255, 0.3); - /* Firefox */ - -webkit-box-shadow: 0px 0px 1x 1px rgba(255, 255, 255, 0.3); - /* Chrome, Safari */ -} - -.tab_scroll_left { - right: 24px; - background-position: 0px 50%; - background-repeat: no-repeat; - background-image: url(../image/system/arrow_l.png); -} - -.tab_scroll_right { - background-position: 6px 50%; - background-repeat: no-repeat; - background-image: url(../image/system/arrow_r.png); -} - -.tab_scroll_btn.deactive { - background-color: #888; - opacity: 0.3; - cursor: default; -} - -.layertreedialog_search_taglist, layertreedialog_search_taglist * { - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; -} - -.layertreedialog_search_taglist { - right: 0px; - top: 24px; - margin-right: -20%; - width: 300px; - background: #fff; - position: absolute; - z-index: 1000; - border: 1px solid #aaa; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); - behavior: url(border-radius.htc); - /*for IE*/ - box-shadow: 2px 2px 3px 3px rgba(0, 0, 0, 0.3); - -moz-box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.3); - /* Firefox */ - -webkit-box-shadow: 2px 2px 1x 1px rgba(0, 0, 0, 0.3); - /* Chrome, Safari */ - padding: 2px; - word-wrap: break-word; -} - -.layertreedialog_search_taglist a { - display: inline-block; - *display: inline; - *zoom: 1; - margin-right: 5px; - word-wrap: break-word; - font-size: 9.5pt; - line-height: 1.2em; - text-decoration: none; -} - -.layertreedialog_search_taglist a:hover { - text-decoration: underline; -} - -.gsi_layertreesearcher_resultdialog_content .gsi_layertreesearcher_resultdialog_content * { - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; -} - -.gsi_layertreesearcher_resultdialog_content { - position: relative; - height: 100%; - width: 100%; -} - -.gsi_layertreesearcher_resultdialog_content .resultframe { - overflow-y: auto; - max-height: 300px; -} - -.gsi_layertreesearcher_resultdialog_content ul { - position: relative; -} - -.layertreedialog_searchresult_frame, .layertreedialog_searchresult_frame * { - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; -} - -.layertreedialog_searchresult_frame { - position: relative; - overflow-y: auto; - width: 100%; - background: #fff; - z-index: 10; - padding: 2px; -} - -.layertreedialog_searchresult_header { - padding-left: 22px; - font-size: 9.5pt; - background-image: url(../image/system/info.png); - background-position: 1px 49%; - background-repeat: no-repeat; -} - -.layertreedialog_searchresult_frame a.closebtn { - vertical-align: bottom; - color: #333; - text-decoration: none; - position: absolute; - display: inline-block; - *display: inline; - *zoom: 1; - font-weight: bold; - top: 1px; - right: 2px; - width: 2em; - text-align: center; - z-index: 99; -} - -.layertreedialog_searchresult_frame ul { - display: block; - margin: 0; - padding: 0; - list-style-type: none; -} - -.layertreedialog_searchresult_frame li { - margin: 0; - border-bottom: 1px solid #999; -} - -.layertreedialog_searchresult_frame li.nococotile { - display: none; -} - -.layertreedialog_searchresult_frame li:last-child { - border: none; -} - -.layertreedialog_searchresult_frame li a { - display: block; - padding: 4px; - text-decoration: none; -} - -.layertreedialog_searchresult_frame li a:hover { - background: #fffacd; -} - -.layertreedialog_searchresult_frame li a .pankuzu { - color: #134A63; - font-size: 10px; -} - -.layertreedialog_searchresult_frame li a .title { - color: #000; - font-size: 10.5pt; -} - -.layertreedialog_searchresult_frame li.folder a .title { - color: #000; - font-size: 10.5pt; - background-image: url(../image/system/folder.png); - background-position: 3px 50%; - background-repeat: no-repeat; - padding-left: 24px; -} - -.layertreedialog_search_frame { - width: 100%; - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - background: #f8f8f8; -} - -.layertreedialog_search_frame input { - border: 1px solid #ccc; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); - height: 24px; - line-height: 24px; - width: 100%; - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - font-size: 9.5pt; - padding: 0 0 0 22px; - background-image: url(../image/system/search.png); - background-position: 1px 50%; - background-repeat: no-repeat; -} - -.layertreedialog_search_frame .taglistbtn { - font-family: 'ヒラギノ丸ゴ Pro W4', 'ヒラギノ丸ゴ Pro', 'Hiragino Maru Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'HG丸ゴシックM-PRO', 'HGMaruGothicMPRO'; - display: block; - position: absolute; - right: 2px; - top: 2px; - border: 1px solid #ccc; - background-color: #eee; - height: 20px; - line-height: 20px; - text-align: center; - color: #333; - font-size: 12px; - white-space: nowrap; - text-decoration: none; - padding: 0 3px 0 3px; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - z-index: 100; -} - -.layertreedialog_search_frame .taglistbtn:hover { - color: #666; - border: 1px solid #aaa -} - -.layertreedialog_search_frame .taglistbtn:active { - color: #888; -} - -.layertreedialog_tab_frame { - white-space: nowrap; - -moz-border-radius: 3px 3px 0 0; - -webkit-border-radius: 3px 3px 0 0; - border-radius: 3px 3px 0 0; - behavior: url(border-radius.htc); - position: relative; - background: #f8f8f8; - overflow: hidden; - padding-top: 2px; - height: 22px; - width: 100%; -} - -.layertreedialog_tab_frame a { - position: relative; - cursor: pointer; - display: inline-block; - *display: inline; - *zoom: 1; - text-decoration: none; - color: #333; - margin-left: -24px; - margin-bottom: -3px; - position: relative; - /*margin-bottom: -1px;*/ - z-index: 1; -} - -.layertreedialog_tab_frame a .left_triangle { - position: absolute; - display: inline-block; - *display: inline; - *zoom: 1; - width: 16px; - height: 24px; - line-height: 24px; - font-size: 16px; - left: 0; - top: 0; - z-index: 2; - margin-right: -1px; - overflow: hidden; -} - -.layertreedialog_tab_frame a .left_triangle div { - position: absolute; - display: inline-block; - *display: inline; - *zoom: 1; - width: 16px; - height: 24px; - line-height: 24px; - font-size: 16px; - left: 0; - top: 0; - margin-left: -1px; - overflow: hidden; -} - -.layertreedialog_tab_frame a .left_triangle div:after { - content: ""; - position: absolute; - right: 0; - width: 1px; - height: 1px; - border: 24px solid transparent; - border-right: 12px solid #bbb; - border-bottom: 12px solid #bbb; -} - -.layertreedialog_tab_frame a .left_triangle:after { - content: ""; - position: absolute; - right: 0; - width: 0px; - height: 0px; - border: 24px solid transparent; - border-right: 12px solid #eee; - border-bottom: 12px solid #eee; -} - -.layertreedialog_tab_frame a .center_text { - display: inline-block; - *display: inline; - *zoom: 1; - min-width: 40px; - height: 24px; - line-height: 24px; - font-size: 12px; - background: #eee; - text-align: center; - vertical-align: middle; - padding: 0px 3px 0 3px; - margin-left: 16px; - margin-right: 16px; - z-index: 1; - border-top: 1px solid #ccc; -} - -.layertreedialog_tab_frame a .right_triangle { - position: absolute; - display: inline-block; - *display: inline; - *zoom: 1; - width: 16px; - height: 24px; - line-height: 24px; - font-size: 11px; - right: 0; - z-index: 2; - overflow: hidden; -} - -.layertreedialog_tab_frame a .right_triangle div { - position: absolute; - display: inline-block; - *display: inline; - *zoom: 1; - width: 16px; - height: 24px; - line-height: 24px; - font-size: 16px; - left: 1px; - top: 0; - overflow: hidden; -} - -.layertreedialog_tab_frame a .right_triangle div:after { - content: ""; - position: absolute; - left: 0; - width: 0; - height: 0; - border: 24px solid transparent; - border-left: 12px solid #bbb; - border-bottom: 12px solid #bbb; -} - -.layertreedialog_tab_frame a .right_triangle:after { - content: ""; - position: absolute; - left: 0; - width: 0; - height: 0; - border: 24px solid transparent; - border-left: 12px solid #eee; - border-bottom: 12px solid #eee; -} - -.layertreedialog_tab_frame a:first-child { - margin-left: -4px; -} - -/* -.layertreedialog_tab_frame a:nth-child(odd){ - z-index:2; -} - -.layertreedialog_tab_frame a:nth-child(even){ - z-index:1; -} -*/ - -.layertreedialog_tab_frame a:hover { - text-decoration: underline; -} - -.layertreedialog_tab_frame a:active { - text-decoration: none; - color: #333; -} - -.layertreedialog_tab_frame a.active { - z-index: 100; -} - -.layertreedialog_tab_frame a.active .left_triangle {} - -.layertreedialog_tab_frame a.active .left_triangle:after { - border: 24px solid transparent; - border-right: 12px solid #333; - border-bottom: 12px solid #333; -} - -.layertreedialog_tab_frame a.active .center_text { - background: #333; - color: #fff; -} - -.layertreedialog_tab_frame a.active .right_triangle {} - -.layertreedialog_tab_frame a.active .right_triangle:after { - border: 24px solid transparent; - border-left: 12px solid #333; - border-bottom: 12px solid #333; -} - -/* GSI.ViewListDialog ----------------------------------------------------------------------- */ - -.viewlistdialog_control_frame { - padding: 3px 3px 4px 3px; - z-index: 101; - position: relative; - box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1); - /* Firefox */ - -webkit-box-shadow: 0px 1px 1x 1px rgba(0, 0, 0, 0.1); - /* Chrome, Safari */ - border-bottom: 1px solid #bbb; - background: #f4f4f4; - -webkit-touch-callout: none; - -webkit-user-select: none; -} - -.viewlistdialog_control_frame label { - font-size: 9pt; - cursor: pointer; - -webkit-touch-callout: none; - -webkit-user-select: none; -} - -.viewlistdialog_control_frame .showallbutton { - margin-left: 1px; - font-size: 9pt; - padding: 0 4px 0 4px; - float: right; - border: 1px solid #bbb; - margin-top: 1px; - box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1); - /* Firefox */ - -webkit-box-shadow: 0px 0px 2x 1px rgba(0, 0, 0, 0.1); - /* Chrome, Safari */ - -webkit-touch-callout: none; - -webkit-user-select: none; -} - -.viewlistdialog_ul_frame { - overflow-y: auto; - max-height: 220px; - position: relative; - -webkit-touch-callout: none; - -webkit-user-select: none; -} - -.viewlistdialog_ul { - color: #333; - list-style: none; - padding: 0; - margin: 0; - position: relative; - overflow: hidden; - -webkit-touch-callout: none; - -webkit-user-select: none; -} - -.viewlistdialog_ul li { - border-bottom: 1px solid #999; - position: relative; - vertical-align: middle; - background: #fff; - -webkit-touch-callout: none; - -webkit-user-select: none; -} - -.viewlistdialog_ul .item_frame, .viewlistdialog_ul .item_frame_fixed { - padding: 0px; - /* - padding:10px 0px 8px 2px; - */ - -webkit-touch-callout: none; - -webkit-user-select: none; -} - -.viewlistdialog_ul .item_frame .tile, .viewlistdialog_ul .item_frame_fixed .tile { - background: url(../image/system/sortable_handle.png) no-repeat 1px 50%; - padding: 0px; - /* - padding:14px 2px 7px 6px; - */ - cursor: move; - -webkit-touch-callout: none; - -webkit-user-select: none; -} - -/* -.viewlistdialog_ul .item_frame .tumami , -.viewlistdialog_ul .item_frame_fixed .tumami -{ - - display:inline-block; - *display: inline; - *zoom: 1; - vertical-align:bottom; - width:20px; - height:100%; - background:#ff0000; - border:1px solid red; - background : url(../image/system/sortable_handle.png) no-repeat 50% 50%; -} -*/ - -.viewlistdialog_ul .item_frame .titleframe, .viewlistdialog_ul .item_frame_fixed .titleframe { - display: block; - padding-left: 24px; - padding-right: 55px; - user-select: none; - -moz-user-select: none; - -webkit-user-select: none; - -ms-user-select: none; - cursor: pointer; - color: #000; - text-decoration: none; - background-color: #fff; - -webkit-touch-callout: none; - -webkit-user-select: none; -} - -.viewlistdialog_ul .item_frame .titleframe .title, .viewlistdialog_ul .item_frame_fixed .titleframe .title { - padding-bottom: 0px; - margin-top: 0px; - -webkit-touch-callout: none; - -webkit-user-select: none; -} - -.viewlistdialog_ul .item_frame .titleframe .pankuzu, .viewlistdialog_ul .item_frame_fixed .titleframe .pankuzu { - color: #134A63; - font-size: 10px; - line-height: 10px; - height: 10px; - overflow: hidden; - -webkit-touch-callout: none; - -webkit-user-select: none; -} - -.viewlistdialog_ul li .nococotile { - background: #eee; - -webkit-touch-callout: none; - -webkit-user-select: none; -} - -.viewlistdialog_ul li.nodata { - padding: 8px; - font-size: 95%; - border-bottom: 0px solid #999; - -webkit-touch-callout: none; - -webkit-user-select: none; -} - -.viewlistdialog_ul li a.item.view { - background-color: #e0f1e7; - background-color: #eafaff; - -webkit-touch-callout: none; - -webkit-user-select: none; -} - -.viewlistdialog_ul li.outside a.item .pankuzu { - color: #ff4500; -} - -.viewlistdialog_ul li.outside a.item {} - -.viewlistdialog_ul li.outside a.item.view {} - -.viewlistdialog_ul li a.item .viewmark { - position: absolute; - display: inline-block; - *display: inline; - *zoom: 1; - padding: 0 1px 0 1px; - -moz-border-radius: 3px; - /*for Firefox*/ - -webkit-border-radius: 3px; - /*for Safari and chrome*/ - border-radius: 3px; - behavior: url(border-radius.htc); - /*for IE*/ - color: #fff; - left: 0px; - top: 7px; - font-size: 7pt; - line-height:16px; - width:16px; - height:16px; - -webkit-touch-callout: none; - -webkit-user-select: none; - - background-image:url(../image/system/view.png); - background-position: center center; - background-repeat: no-repeat; - - -} - - -.viewlistdialog_ul li a.item .viewmark.disable { - - - background-image:url(../image/system/noview.png); -} - -.viewlistdialog_ul li .grayscale { - color: #000; - position: absolute; - right: 95px; - /*105px;*/ - top: 6px; - font-size: 10px; - display: inline-block; - *display: inline; - *zoom: 1; - padding: 0px; - white-space: nowrap; - z-index: 10; - -webkit-touch-callout: none; - -webkit-user-select: none; - filter: none; - -webkit-filter: none; -} - -.viewlistdialog_ul li .grayscale_label { - color: #000; - position: absolute; - right: 88px; - top: 6px; - font-size: 10px; - display: inline-block; - *display: inline; - *zoom: 1; - padding: 0px; - white-space: nowrap; - z-index: 10; - -webkit-touch-callout: none; - -webkit-user-select: none; -} -.minmode .viewlistdialog_ul li .grayscale { - display: none !important; -} - - -.viewlistdialog_ul li .opacity { - color: #000; - position: absolute; - right: 48px; - top: 3px; - font-size: 10px; - display: inline-block; - *display: inline; - *zoom: 1; - padding: 0px; - white-space: nowrap; - z-index: 10; - -webkit-touch-callout: none; - -webkit-user-select: none; -} - -.viewlistdialog_ul li .btn { - -webkit-touch-callout: none; - -webkit-user-select: none; - cursor: pointer; -} - -.viewlistdialog_ul li .opacity_up_btn { - color: #333; - position: absolute; - right: 70px; - top: 18px; - font-size: 10px; - line-height: 20px; - height: 18px; - width: 18px; - display: inline-block; - *display: inline; - *zoom: 1; - text-align: center; - vertical-align: middle; - padding: 0px; - border: 1px solid #666; - background-color: #eee; - -moz-border-radius: 5px; - /*for Firefox*/ - -webkit-border-radius: 5px; - /*for Safari and chrome*/ - border-radius: 5px; - behavior: url(border-radius.htc); - /*for IE*/ - -moz-transition: all 0.3s ease-in 0s; - -webkit-transition: all 0.3s ease-in 0s; - -o-transition: all 0.3s ease-in 0s; - transition: all 0.3s ease-in 0s; - background-image: -moz-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); - background-image: -webkit-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); - background-image: -o-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); - background-image: linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); - z-index: 10; - -webkit-touch-callout: none; - -webkit-user-select: none; -} - -.viewlistdialog_ul li .opacity_dn_btn { - color: #333; - position: absolute; - right: 48px; - top: 20px; - font-size: 10px; - line-height: 20px; - height: 18px; - width: 18px; - display: inline-block; - *display: inline; - *zoom: 1; - text-align: center; - vertical-align: middle; - padding: 0px; - border: 1px solid #666; - background-color: #eee; - -moz-border-radius: 5px; - /*for Firefox*/ - -webkit-border-radius: 5px; - /*for Safari and chrome*/ - border-radius: 5px; - behavior: url(border-radius.htc); - /*for IE*/ - -moz-transition: all 0.3s ease-in 0s; - -webkit-transition: all 0.3s ease-in 0s; - -o-transition: all 0.3s ease-in 0s; - transition: all 0.3s ease-in 0s; - background-image: -moz-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); - background-image: -webkit-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); - background-image: -o-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); - background-image: linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); - z-index: 10; - -webkit-touch-callout: none; - -webkit-user-select: none; -} - -.viewlistdialog_ul li .opacity_btn { - font-family: 'ヒラギノ丸ゴ Pro W4', 'ヒラギノ丸ゴ Pro', 'Hiragino Maru Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'HG丸ゴシックM-PRO', 'HGMaruGothicMPRO'; - position: absolute; - display: inline-block; - *display: inline; - *zoom: 1; - padding: 0 2px 0 2px; - right: 58px; - /*58px;*/ - top: 6px; - font-size: 10px; - z-index: 10; - line-height: 20px; - color: #000; - text-decoration: none; - cursor: pointer; - border: 1px solid #888; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - background: #aaa; - text-decoration: none; - color: #333; - vertical-align: middle; - box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); - -webkit-box-shadow: 1px 1px 2x 1px rgba(0, 0, 0, 0.1); - background: #f5f5f5; - background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f0f0f0), color-stop(0.00, #f5f5f5)); - background: -webkit-linear-gradient(#f5f5f5, #f0f0f0); - background: -moz-linear-gradient(#f5f5f5, #f0f0f0); - background: -o-linear-gradient(#f5f5f5, #f0f0f0); - background: -ms-linear-gradient(#f5f5f5, #f0f0f0); - background: linear-gradient(#f5f5f5, #f0f0f0); -} - - - -.minmode .viewlistdialog_ul li .opacity_btn { - display: none; -} - -.viewlistdialog_opacity_window { - position: absolute; - z-index: 11000; - background: #f5f5f5; - background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f0f0f0), color-stop(0.00, #f5f5f5)); - background: -webkit-linear-gradient(#f5f5f5, #f0f0f0); - background: -moz-linear-gradient(#f5f5f5, #f0f0f0); - background: -o-linear-gradient(#f5f5f5, #f0f0f0); - background: -ms-linear-gradient(#f5f5f5, #f0f0f0); - background: linear-gradient(#f5f5f5, #f0f0f0); - padding: 6px; - border: 1px solid #eee; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - border-radius: 2px; - opacity: .95; - filter: alpha(opacity=95); - -ms-filter: "alpha(opacity=95)"; - -khtml-opacity: .95; - -moz-opacity: .95; - box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2); - -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2); - /* Firefox */ - -webkit-box-shadow: 1px 1px 2x 1px rgba(0, 0, 0, 0.2); - /* Chrome, Safari */ -} - -.viewlistdialog_opacity_window .value { - float: left; - width: 100px; - font-size: 12px; - line-height: 1.2em; -} - -.viewlistdialog_opacity_window .slider { - float: left; - width: 180px; -} - -.viewlistdialog_ul li .area_btn { - font-family: 'ヒラギノ丸ゴ Pro W4', 'ヒラギノ丸ゴ Pro', 'Hiragino Maru Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'HG丸ゴシックM-PRO', 'HGMaruGothicMPRO'; - position: absolute; - display: inline-block; - *display: inline; - *zoom: 1; - right: 26px; - top: 0px; - /*20px;*/ - z-index: 10; - text-align: center; - font-size: 11px; - /*10px;*/ - line-height: 18px; - /*16px;*/ - cursor: pointer; - border-radius: 6px; - border: 1px solid #ccc; - background-color: rgb(206, 0, 0); - height: 17px; - /*16px;*/ - width: 30px; - /*16px;*/ - color: #eee; - text-decoration: none; -} - -.viewlistdialog_ul li .description_btn { - font-family: 'ヒラギノ丸ゴ Pro W4', 'ヒラギノ丸ゴ Pro', 'Hiragino Maru Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'HG丸ゴシックM-PRO', 'HGMaruGothicMPRO'; - position: absolute; - display: inline-block; - *display: inline; - *zoom: 1; - right: 35px; - /*36px;*/ - top: 6px; - z-index: 10; - text-align: center; - font-size: 12px; - /*10px;*/ - line-height: 20px; - /*16px;*/ - cursor: pointer; - border-radius: 50%; - border: 1px solid #ccc; - background-color: #1D417A; - height: 20px; - /*16px;*/ - width: 20px; - /*16px;*/ - color: #eee; - -webkit-touch-callout: none; - -webkit-user-select: none; -} - -.viewlistdialog_ul li .setting_btn { - font-family: 'ヒラギノ丸ゴ Pro W4', 'ヒラギノ丸ゴ Pro', 'Hiragino Maru Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'HG丸ゴシックM-PRO', 'HGMaruGothicMPRO'; - position: absolute; - display: inline-block; - *display: inline; - *zoom: 1; - right: 59px; - top: 6px; - z-index: 10; - text-align: center; - font-size: 11px; - /*10px;*/ - line-height: 20px; - /*16px;*/ - cursor: pointer; - border-radius: 10px; - border: 1px solid #ccc; - height: 20px; - /*16px;*/ - width: 20px; - /*16px;*/ - color: #eee; - background-image: url(../image/setting.png); - background-repeat: no-repeat; - background-position: center; - background-size: 16px 16px; - -webkit-touch-callout: none; - -webkit-user-select: none; -} - -.viewlistdialog_ul li .outside_edit_btn { - font-family: 'ヒラギノ丸ゴ Pro W4', 'ヒラギノ丸ゴ Pro', 'Hiragino Maru Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'HG丸ゴシックM-PRO', 'HGMaruGothicMPRO'; - position: absolute; - display: inline-block; - padding: 0 2px 0 2px; - right: 31px; - /*36px;*/ - top: 6px; - font-size: 10px; - z-index: 10; - line-height: 20px; - color: #000; - text-decoration: none; - cursor: pointer; - border: 1px solid #888; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - background: #aaa; - text-decoration: none; - color: #333; - vertical-align: middle; - box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); - -webkit-box-shadow: 1px 1px 2x 1px rgba(0, 0, 0, 0.1); - background: #f5f5f5; - background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f0f0f0), color-stop(0.00, #f5f5f5)); - background: -webkit-linear-gradient(#f5f5f5, #f0f0f0); - background: -moz-linear-gradient(#f5f5f5, #f0f0f0); - background: -o-linear-gradient(#f5f5f5, #f0f0f0); - background: -ms-linear-gradient(#f5f5f5, #f0f0f0); - background: linear-gradient(#f5f5f5, #f0f0f0); -} - - -.viewlistdialog_ul li .closebtna { - position: absolute; - display: inline-block; - *display: inline; - *zoom: 1; - padding: 0px 3px 0px 3px; - -moz-border-radius: 3px; - /*for Firefox*/ - -webkit-border-radius: 3px; - /*for Safari and chrome*/ - border-radius: 3px; - behavior: url(border-radius.htc); - /*for IE*/ - border: none; - right: 4px; - top: 22px; - font-size: 10px; - z-index: 10; - -webkit-touch-callout: none; - -webkit-user-select: none; - cursor: pointer; -} -.viewlistdialog_ul li .closebtn { - position: absolute; - display: inline-block; - *display: inline; - *zoom: 1; - z-index: 10; - right: 16px; - top: 7px; - width:20px; - line-height: 20px; - height:20px; - background-repeat: no-repeat; - background-position: center center; - background-image: url(../image/system/close.png); - background-size:20px 20px; - cursor:pointer; - opacity: 0.8; - -} - -.viewlistdialog_ul li.free_relief_id .multiplytile { - right: 119px; -} -.viewlistdialog_ul li.free_relief_id .opacity_btn { - right: 82px; -} -.minmode .viewlistdialog_ul li .description_btn { - right:24px; -} -.minmode .viewlistdialog_ul li .setting_btn { - display: none; -} -.minmode .viewlistdialog_ul li .closebtn { - right:2px; -} - - -.viewlistdialog_ul li .menubtn { - - display: none; - position: absolute; - z-index: 10; - right: 57px; - top: 7px; - width:20px; - line-height: 20px; - height:20px; - background-repeat: no-repeat; - background-position: center center; - background-size:20px 20px; - cursor:pointer; - opacity: 0.8; - background-image: url(../image/system/menu2.png); - -} - -.gsi-showingmaplist-layerpopup { - - position: absolute; - z-index:9999; - background-color:#fff; - top:7px; - - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - border-radius: 2px; - behavior: url(border-radius.htc); - - position: absolute; - list-style:none; - padding:0; - margin:0; - box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.3); - -moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.3); /* Firefox */ - -webkit-box-shadow: 0px 0px 2x 1px rgba(0, 0, 0, 0.3); /* Chrome, Safari */ - - border: 1px solid #222; - background-color:#333; - background-color:rgba(51, 51, 51, 0.99); - text-align:left; - color:#fff; - - z-index:15000; - - box-sizing: border-box; - -webkit-box-sizing:border-box; - -moz-box-sizing: border-box; - - -} - -.gsi-showingmaplist-layerpopup ul{ - - list-style:none; - position: relative; - padding:0; - margin:0; - -} - -.gsi-showingmaplist-layerpopup ul li{ - - position: relative; - display: block; - padding: 4px 4px 4px 6px; - font-size:10pt; - border-bottom: 1px dotted rgb(65, 65, 65); -} - -.gsi-showingmaplist-layerpopup ul li::after { - clear: both; -} - -.gsi-showingmaplist-layerpopup ul li > label { - padding-right:5px; - font-size:10pt; -} - -.gsi-showingmaplist-layerpopup ul li a{ - line-height: 24px; - color:#fff; - font-size:10pt; - position: relative; - display: block; - text-decoration: none; - white-space: nowrap; -} - -.minmode .viewlistdialog_ul li .menubtn { - right:48px; - display: inline-block; - *display: inline; - *zoom: 1; -} -/* -.viewlistdialog_ul li .closebtn { - position: absolute; - display: inline-block; - *display: inline; - *zoom: 1; - right: 17px; - top: 13px; - z-index: 10; - font-size: 10px; - width: 0.9em; - height: 1.0em; - border-left: 0.1em solid #474747; - border-right: 0.1em solid #474747; - border-bottom: 0.1em solid #474747; - border-radius: 0 0 0.1em 0.1em; - background: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%) 0.2em 0.2em, linear-gradient(to bottom, #ffffff 0%, #ffffff 100%) 0.4em 0.2em, linear-gradient(to bottom, #ffffff 0%, #ffffff 100%) 0.6em 0.2em; - background-color: #808080; - background-size: 0.1em 0.7em; - background-repeat: no-repeat; - -webkit-touch-callout: none; - -webkit-user-select: none; - cursor: pointer; -} - -.viewlistdialog_ul li .closebtn::before { - content: ""; - position: absolute; - top: -0.18em; - left: -0.2em; - width: 1.3em; - height: 0.1em; - background-color: #474747; -} - -.viewlistdialog_ul li .closebtn::after { - content: ""; - position: absolute; - top: -0.38em; - left: 0.3em; - width: 0.1em; - height: 0.2em; - border-top: 0.1em solid #474747; - border-left: 0.1em solid #474747; - border-right: 0.1em solid #474747; - border-radius: 0.1em 0.1em 0 0; - background-color: #474747; -} -*/ - -.viewlistdialog_ul li .updown_frame { - position: absolute; - display: inline-block; - *display: inline; - *zoom: 1; - right: 0px; - top: 50%; - margin-top: -16px; - height: 32px; - z-index: 10; -} - -.minmode .viewlistdialog_ul li .updown_frame { - display: none; -} - -.viewlistdialog_ul li .updown_frame a { - position: absolute; - display: inline-block; - *display: inline; - *zoom: 1; - right: 0px; - background-position: 50% 50%; - background-repeat: no-repeat; - width: 16px; - height: 16px; - cursor: pointer; -} - -.viewlistdialog_ul li .updown_frame a.disabled { - opacity: .20; - filter: alpha(opacity=20); - -ms-filter: "alpha(opacity=20)"; - -khtml-opacity: .20; - -moz-opacity: .20; - cursor: default; -} - -.viewlistdialog_ul li .updown_frame a.up { - top: 0px; - background-image: url(../image/system/order_up.png); -} - -.viewlistdialog_ul li .updown_frame a.down { - bottom: 0px; - background-image: url(../image/system/order_down.png); -} - -.viewlistdialog_ul li a.item { - color: #000; - text-decoration: none; - display: block; - padding: 8px 2px 8px 0px; - font-size: 95%; - position: relative; - -webkit-touch-callout: none; - -webkit-user-select: none; - word-break: break-all; -} - -.viewlistdialog_ul li a.item .title { - padding-left: 20px; - padding-right: 90px; - font-size: 14px; - line-height: 16px; - -webkit-touch-callout: none; - -webkit-user-select: none; - word-break: break-all; -} - -.viewlistdialog_ul li a.item .title_base { - padding-left: 20px; - padding-right: 160px; - font-size: 14px; - line-height: 16px; - -webkit-touch-callout: none; - -webkit-user-select: none; - word-break: break-all; -} - -.viewlistdialog_ul li a.item .title_mt { - padding-left: 20px; - padding-right: 126px; - font-size: 14px; - line-height: 16px; - -webkit-touch-callout: none; - -webkit-user-select: none; - word-break: break-all; -} - - -.minmode .viewlistdialog_ul li a.item .title_base { - padding-right:64px; -} -.minmode .viewlistdialog_ul li a.item .title_mt { - padding-right:64px; -} -.minmode .viewlistdialog_ul li a.item .title { - padding-right:64px; -} - -.viewlistdialog_ul.mini li a.item .title { - padding-left: 8px; -} - -.viewlistdialog_ul.mini li a.item .title_base { - padding-left: 8px; -} - -.viewlistdialog_ul.mini li a.item .title_mt { - padding-left: 8px; -} - -.viewlistdialog_ul li a.item .pankuzu { - padding-left: 32px; - padding-right: 55px; - color: #134A63; - font-size: 11px; - line-height: 11px; - height: 11px; - width: 197px; - overflow: hidden; - -webkit-touch-callout: none; - -webkit-user-select: none; -} - -.viewlistdialog_ul li a .info { - text-align: right; - font-size: 7pt; - position: absolute; - right: 4px; - bottom: 2px; - -webkit-touch-callout: none; - -webkit-user-select: none; -} - -.viewlistdialog_ul li a .info span { - display: inline-block; - *display: inline; - *zoom: 1; - padding: 1px 3px 1px 3px; - -moz-border-radius: 3px; - /*for Firefox*/ - -webkit-border-radius: 3px; - /*for Safari and chrome*/ - border-radius: 3px; - behavior: url(border-radius.htc); - /*for IE*/ - margin-right: 1px; - background: #2B7396; - color: #fff; - -webkit-touch-callout: none; - -webkit-user-select: none; -} - -.viewlistdialog_ul li a .info span.cocotile { - background: #6A8655; - color: #fff; - -webkit-touch-callout: none; - -webkit-user-select: none; -} - -.viewlistdialog_ul li .layerinfo { - margin: -5px 8px 12px 8px; - padding: 6px; - font-size: 90%; - background: #fff; - border: 1px solid #ccc; - -moz-border-radius: 2px; - /*for Firefox*/ - -webkit-border-radius: 2px; - /*for Safari and chrome*/ - border-radius: 2px; - behavior: url(border-radius.htc); - /*for IE*/ - box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1); - /* Firefox */ - -webkit-box-shadow: 0px 0px 2x 2px rgba(0, 0, 0, 0.1); - /* Chrome, Safari */ - display: none; - -webkit-touch-callout: none; - -webkit-user-select: none; -} - -.viewlistdialog_ul li .layerinfo .slider_frame { - width: 100%; - -webkit-touch-callout: none; - -webkit-user-select: none; -} - -.viewlistdialog_ul li .layerinfo .slider { - display: block; - margin: 4px 4px 4px 8px; - -webkit-touch-callout: none; - -webkit-user-select: none; -} - -.viewlistdialog_ul li .layerinfo a.legend { - display: inline-block; - *display: inline; - *zoom: 1; - text-decoration: none; - padding: 0px 4px 0px 4px; - font-size: 10pt; - border: 1px solid #ccc; - -moz-border-radius: 2px; - /*for Firefox*/ - -webkit-border-radius: 2px; - /*for Safari and chrome*/ - border-radius: 2px; - behavior: url(border-radius.htc); - /*for IE*/ - color: #000; - background: #fff; - -webkit-touch-callout: none; - -webkit-user-select: none; -} - -.viewlistdialog_ul li .layerinfo .description { - font-size: 10pt; - padding: 6px 4px 2px 4px; - -webkit-touch-callout: none; - -webkit-user-select: none; -} - -.viewlistdialog_ul li .layerinfo .description * { - font-size: 9pt; - -webkit-touch-callout: none; - -webkit-user-select: none; -} - -.viewlistdialog_ul li .multiplytile { - color: #900; - position: absolute; - right: 95px; - /*105px;*/ - top: 6px; - ; - font-size: 10px; - display: inline-block; - *display: inline; - *zoom: 1; - padding: 0px; - white-space: nowrap; - z-index: 10; - -webkit-touch-callout: none; - -webkit-user-select: none; -} - -.minmode .viewlistdialog_ul li .multiplytile { - display: none; -} -.viewlistdialog_ul li .multiplytile_label { - color: #000; - position: absolute; - right: 105px; - top: 3px; - font-size: 10px; - display: inline-block; - *display: inline; - *zoom: 1; - padding: 0px; - white-space: nowrap; - z-index: 10; - -webkit-touch-callout: none; - -webkit-user-select: none; -} - -.gsi_layerinfo_title { - font-size: 10pt; - font-weight: bold; - -webkit-touch-callout: none; - -webkit-user-select: none; -} - -.gsi_layerinfo_kaisetu { - font-size: 9pt; - -webkit-touch-callout: none; - -webkit-user-select: none; -} - -.gsi_layerinfo_copy { - margin-top: 4px; - font-size: 9pt; - text-align: right; - -webkit-touch-callout: none; - -webkit-user-select: none; -} - -/* GSI.SearchResultDialog ----------------------------------------------------------------------- */ - -.searchresultdialog_subtitle { - font-size: 7pt; - font-weight: normal; - padding: 0px; - margin: 0px 0px 0px 4px; - line-height: 10px; - display: inline-block; - *display: inline; - *zoom: 1; -} - -.searchresultdialog_ul_frame { - overflow-y: auto; - max-height: 220px; -} - -.searchresultdialog_ul { - color: #333; - list-style: none; - padding: 0; - margin: 0; -} - -.searchresultdialog_ul li { - border-bottom: 1px solid #999; - position: relative; -} - -.searchresultdialog_ul li.nodata { - padding: 8px; - font-size: 95%; - border-bottom: 0px solid #999; -} - -.searchresultdialog_ul li a { - color: #000; - text-decoration: none; - display: block; - padding: 13px 2px 13px 0px; - font-size: 95%; - position: relative; -} - -.searchresultdialog_ul li a .title { - padding-left: 8px; - color: #134A63; -} - -.searchresultdialog_ul li a .muni { - padding-left: 18px; - font-size: 80%; -} - -.searchresultdialog_select_frame { - text-align: center; - margin-top: 3px; - margin-bottom: 2px; -} - -/* -.searchresultdialog_select_frame select{ - -webkit-appearance: button; - -moz-appearance: button; - appearance: button; - width: 48%; - height: 30px; - line-height: 30px; - font-size: 13px; - text-indent: 1em; - color: #FFFFFF; - border: 1px solid #555; - cursor: pointer; - - - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); - - background:#333 url(../image/arrow-down.png) no-repeat; - background-size:20px 20px; - background-position: right center; -} -*/ - -/* GSI.MeasureDialog ----------------------------------------------------------------------- */ - -.gsi_measuredialog_radiofrane { - margin: 4px 0px 4px 0px; - font-size: 90%; -} - -.gsi_measuredialog_result { - margin: 4px 4px 4px 12px; - font-size: 90%; -} - -.gsi_measuredialog_lastlatlng { - margin: 4px 4px 4px 12px; - font-size: 90%; -} - -.gsi_measuredialog_savebtn { - margin: 4px 4px 4px 12px; - display: inline-block; - *display: inline; - *zoom: 1; - padding: 1px 6px 1px 6px; - white-space: nowrap; - border: 1px solid #888; - -moz-border-radius: 4px; - -webkit-border-radius: 4px; - border-radius: 4px; - behavior: url(border-radius.htc); - /*for IE*/ - text-decoration: none; - font-size: 9.5pt; - color: #333; - vertical-align: middle; - box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); - /* Firefox */ - -webkit-box-shadow: 1px 1px 2x 1px rgba(0, 0, 0, 0.1); - /* Chrome, Safari */ - font-weight: bold; - text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #FFF, 0 1px 1px #FFF; - background: #f5f5f5; - background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f0f0f0), color-stop(0.00, #f5f5f5)); - background: -webkit-linear-gradient(#f5f5f5, #f0f0f0); - background: -moz-linear-gradient(#f5f5f5, #f0f0f0); - background: -o-linear-gradient(#f5f5f5, #f0f0f0); - background: -ms-linear-gradient(#f5f5f5, #f0f0f0); - background: linear-gradient(#f5f5f5, #f0f0f0); -} - -.gsi_measuredialog_savebtn.disabled { - color: #ccc; - background: #fff; - border: 1px solid #ccc; - box-shadow: none; - -moz-box-shadow: none; - /* Firefox */ - -webkit-box-shadow: none; - /* Chrome, Safari */ -} - -.gsi_measuredialog_save_frame { - display: block; - position: absolute; - z-index: 11000; - background: #fff; - border: 1px solid #aaa; - background: #fff; - -moz-border-radius: 2px; - /*for Firefox*/ - -webkit-border-radius: 2px; - /*for Safari and chrome*/ - border-radius: 2px; - behavior: url(border-radius.htc); - /*for IE*/ - box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1); - /* Firefox */ - -webkit-box-shadow: 2px 2px 1x 1px rgba(0, 0, 0, 0.1); - /* Chrome, Safari */ - padding: 1px; -} - -.gsi_measuredialog_save_frame a { - position: relative; - display: block; - color: #000; - padding: 4px; - text-decoration: none; - font-size: 9.5pt; - border-bottom: 1px dotted #ccc; -} - -.gsi_measuredialog_save_frame a:hover { - background: #fffacd; -} - -.gsi_measuredialog_save_frame a:last-child { - border-bottom: none; -} - -.gsi_measuredialog_infobtn { - margin: 4px 4px 4px 8px; - display: inline-block; - *display: inline; - *zoom: 1; - padding: 1px 6px 1px 6px; - white-space: nowrap; - border: 1px solid #888; - -moz-border-radius: 4px; - -webkit-border-radius: 4px; - border-radius: 4px; - behavior: url(border-radius.htc); - /*for IE*/ - text-decoration: none; - font-size: 9.5pt; - color: #333; - vertical-align: middle; - box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); - /* Firefox */ - -webkit-box-shadow: 1px 1px 2x 1px rgba(0, 0, 0, 0.1); - /* Chrome, Safari */ - font-weight: bold; - text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #FFF, 0 1px 1px #FFF; - background: #f5f5f5; - background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f0f0f0), color-stop(0.00, #f5f5f5)); - background: -webkit-linear-gradient(#f5f5f5, #f0f0f0); - background: -moz-linear-gradient(#f5f5f5, #f0f0f0); - background: -o-linear-gradient(#f5f5f5, #f0f0f0); - background: -ms-linear-gradient(#f5f5f5, #f0f0f0); - background: linear-gradient(#f5f5f5, #f0f0f0); -} - -/* GSI.SakuzuDialog ----------------------------------------------------------------------- */ - -.gsi_sakuzu_dialog_frame { - margin: 0px 0px 0px 0px; - position: relative; -} - -.gsi_sakuzu_dialog_frame select { - height: 26px; - line-height: 26px; - border: 1px solid #999; - padding: 0px 0px 0px 2px; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); - vertical-align: middle; - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; -} - -.gsi_sakuzu_dialog_frame .editframe { - margin: 4px 2px 2px 2px; - padding: 2px; -} - -.gsi_sakuzu_dialog_modeselect { - vertical-align: middle; - position: relative; - padding: 2px 0 3px 1px; - box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1); - /* Firefox */ - -webkit-box-shadow: 0px 1px 1x 1px rgba(0, 0, 0, 0.1); - /* Chrome, Safari */ - background: #fff; - background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f4f4f4), color-stop(0.00, #fff)); - background: -webkit-linear-gradient(#fff, #f4f4f4); - background: -moz-linear-gradient(#fff, #f4f4f4); - background: -o-linear-gradient(#fff, #f4f4f4); - background: -ms-linear-gradient(#fff, #f4f4f4); - background: linear-gradient(#fff, #f4f4f4); -} - -.gsi_sakuzu_dialog_edit_polyinner { - position: absolute; - left: 0; - top: 0; - bottom: 0; - right: 0; - z-index: 10; - background: #fff; - background-color: rgba(255, 255, 255, 0.7); -} - -.gsi_sakuzu_dialog_edit_polyinner_inner { - position: absolute; - left: 16px; - right: 16px; - margin-top: -64px; - top: 50%; - padding: 8px; - background: #fff; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); - border: 1px solid #ccc; -} - -.gsi_sakuzu_dialog_edit_polyinner_btnframe { - margin-top: 8px; - text-align: center; -} - -.gsi_sakuzu_dialog_edit_polyinner_btnframe a { - width: 80%; -} - -.gsi_sakuzu_dialog_modeselect a img { - vertical-align: bottom; -} - -.gsi_sakuzu_dialog_modeselect .sep { - display: inline-block; - *display: inline; - *zoom: 1; - vertical-align: middle; -} - -.gsi_sakuzu_dialog_modeselect a { - font-size: 9pt; - text-decoration: none; - display: inline-block; - *display: inline; - *zoom: 1; - -moz-border-radius: 3px; - /*for Firefox*/ - -webkit-border-radius: 3px; - /*for Safari and chrome*/ - border-radius: 3px; - behavior: url(border-radius.htc); - /*for IE*/ - margin-right: 1px; - color: #000; - text-align: center; - border: 1px solid #eee; - padding: 2px; - vertical-align: middle; -} - - -.gsi_sakuzu_dialog_modeselect a.disabled { - opacity:0.2; - cursor: default; -} - -.gsi_sakuzu_dialog_modeselect a.active { - background: rgb(52, 142, 187); -} - -.gsi_sakuzu_dialog_modeselect a:active { - background: #f0f0f0; - background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f5f5f5), color-stop(0.00, #f0f0f0)); - background: -webkit-linear-gradient(#f0f0f0, #f5f5f5); - background: -moz-linear-gradient(#f0f0f0, #f5f5f5); - background: -o-linear-gradient(#f0f0f0, #f5f5f5); - background: -ms-linear-gradient(#f0f0f0, #f5f5f5); - background: linear-gradient(#f0f0f0, #f5f5f5); - color: #666; - box-shadow: -1px -1px 2px 1px rgba(0, 0, 0, 0.1); - -moz-box-shadow: -1px -1px 2px 1px rgba(0, 0, 0, 0.1); - /* Firefox */ - -webkit-box-shadow: -1px -1px 2x 1px rgba(0, 0, 0, 0.1); - /* Chrome, Safari */ -} - -.gsi_sakuzu_dialog_modeselect a:hover { - border: 1px solid #bbb; - box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); - /* Firefox */ - -webkit-box-shadow: 1px 1px 2x 1px rgba(0, 0, 0, 0.1); - /* Chrome, Safari */ - background: #f5f5f5; - background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f0f0f0), color-stop(0.00, #f5f5f5)); - background: -webkit-linear-gradient(#f5f5f5, #f0f0f0); - background: -moz-linear-gradient(#f5f5f5, #f0f0f0); - background: -o-linear-gradient(#f5f5f5, #f0f0f0); - background: -ms-linear-gradient(#f5f5f5, #f0f0f0); - background: linear-gradient(#f5f5f5, #f0f0f0); -} - -.gsi_sakuzu_dialog_modeselect a.active:active { - background: #2B7396; -} - -.gsi_sakuzu_dialog_modeselect a.active:hover { - background: #2B7396; -} - - - -.gsi_sakuzu_dialog_frame .sakuzubutton { - padding: 1px 4px 1px 4px; -} -/* -.gsi_sakuzu_dialog_lineedit {} -*/ -.gsi_sakuzu_dialog_lineedit td { - font-size: 90%; -} - -.gsi_sakuzu_dialog_lineedit input.line-opacity { - width: 3em; - height: 26px; - line-height: 26px; - border: 1px solid #999; - padding: 0px 0px 0px 2px; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); - vertical-align: middle; - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - text-align: center; -} - -.gsi_sakuzu_dialog_lineedit .color_select { - width: 40px; - -moz-border-radius: 3px; - /*for Firefox*/ - -webkit-border-radius: 3px; - /*for Safari and chrome*/ - border-radius: 3px; - behavior: url(border-radius.htc); - /*for IE*/ - cursor: pointer; -} - -.gsi_sakuzu_dialog_kmlload { - margin: 4px; - font-size: 90%; -} - -.circle_input { - height: 26px; - line-height: 26px; - border: 1px solid #999; - padding: 0px 0px 0px 2px; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); - vertical-align: middle; - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - width: 100%; -} - -.gsi_sakuzu_dialog_kmlload .message { - margin: 2px 0 8px 0px; - font-size: 10pt; - line-height: 20px; - padding-left: 22px; - background-image: url(../image/system/info.png); - background-position: 1px 1px; - background-repeat: no-repeat; -} - -.gsi_sakuzu_dialog_filledit {} - -.gsi_sakuzu_dialog_filledit input.fill-opacity { - width: 3em; - height: 26px; - line-height: 26px; - border: 1px solid #999; - padding: 0px 0px 0px 2px; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); - vertical-align: middle; - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - text-align: center; -} - -.gsi_sakuzu_dialog_filledit td { - font-size: 90%; -} - -.gsi_sakuzu_dialog_filledit .color_select { - width: 40px; - -moz-border-radius: 3px; - /*for Firefox*/ - -webkit-border-radius: 3px; - /*for Safari and chrome*/ - border-radius: 3px; - behavior: url(border-radius.htc); - /*for IE*/ - cursor: pointer; -} - -.gsi_sakuzu_dialog_infoedit { - margin-top: 3px; - margin-bottom: 3px; - padding: 4px; - -moz-border-radius: 3px; - /*for Firefox*/ - -webkit-border-radius: 3px; - /*for Safari and chrome*/ - border-radius: 3px; - behavior: url(border-radius.htc); - /*for IE*/ - border: 1px solid #ccc; - overflow-y: auto; -} - -.gsi_sakuzu_dialog_infoedit table { - border-collapse: collapse; -} - -.gsi_sakuzu_dialog_infoedit .toggleinfobtn { - font-size: 80%; - display: inline-block; - *display: inline; - *zoom: 1; - padding: 2px 3px 2px 3px; - /* - text-decoration:none; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); - margin-left:2px; - margin-right:2px; - color:#fff; - margin-top:2px; - border: 1px solid #888; - - background: #333; - */ - color: #000; -} - -.gsi_sakuzu_dialog_infoedit .inputtext { - height: 26px; - line-height: 26px; - border: 1px solid #999; - padding: 0px 0px 0px 2px; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); - vertical-align: middle; - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; -} - -.gsi_sakuzu_dialog_infoedit .inputtextarea { - height: 26px; - border: 1px solid #999; - padding: 0px 0px 0px 2px; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; -} - -.gsi_sakuzu_dialog_infoedit td { - font-size: 90%; -} - -.gsi_sakuzu_dialog_infoedit a.btn:active { - background: #d9E6E2; -} - -.gsi_sakuzu_dialog_infoedit .btn { - border: 1px solid #ccc; - display: inline-block; - padding: 1px; - *display: inline; - *zoom: 1; - -moz-border-radius: 3px; - /*for Firefox*/ - -webkit-border-radius: 3px; - /*for Safari and chrome*/ - border-radius: 3px; - behavior: url(border-radius.htc); - /*for IE*/ - line-height: 24px; - height: 24px; - width: 24px; -} - -.gsi_sakuzu_dialog_infoedit .btn img { - width: 22px; - height: 22px; -} - -.gsi_sakuzu_dialog_edit_removeframe { - margin-top: -2px; - margin-bottom: -6px; -} - -.gsi_sakuzu_dialog_edit_removeframe:after { - display: block; - clear: both; - height: 0px; - visibility: hidden; - content: "."; -} - -.gsi_sakuzu_dialog_edit_removeframe a { - float: right; - font-size: 9pt; - color: #222; -} - -.gsi_sakuzu_dialog_edit_removeframe a.plyinnerbtn { - float: left; - font-size: 10pt; - font-weight: bold; - color: #222; - padding-left: 25px; - display: inline-block; - *display: inline; - *zoom: 1; - line-height: 24px; - background-image: url(../image/sakuzu/scissors.png); - background-size: 22px 22px; - background-repeat: no-repeat; - background-position: 0px center; -} - -.gsi_sakuzu_dialog_okcancel { - text-align: center; - padding: 2px; -} - -.gsi_sakuzu_dialog_okcancel a { - margin-left: 4px; - margin-right: 4px; - width: 110px; - position: relative; - line-height: 24px; - height: 24px; - vertical-align: middle; - padding: 0; - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; -} - -.gsi_sakuzu_dialog_okcancel a.removebtn { - width: auto; - margin-bottom: 4px; -} - -.gsi_sakuzu_dialog_okcancel a span.num { - position: absolute; - display: block; - -moz-border-radius: 8px; - /*for Firefox*/ - -webkit-border-radius: 8px; - /*for Safari and chrome*/ - border-radius: 8px; - behavior: url(border-radius.htc); - /*for IE*/ - font-weight: normal; - line-height: 18px; - height: 18px; - padding: 0 8px 0 8px; - text-align: center; - font-size: 9pt; - color: #fff; - right: 3px; - top: 2px; - birder: 1px solid #ccc; - background: #2B7396; - text-shadow: none; - -webkit-text-shadow: none; - -moz-box-text-shadow: none; - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; -} - -.gsi_sakuzu_dialog_remove { - text-align: left; - padding: 2px; - margin-top: 4px; -} - -.gsi_sakuzu_dialog_remove a {} - -.gsi_sakuzu_dialog_selecttarget_panel { - margin: 8px 8px 0 8px; -} - -.gsi_sakuzu_dialog_selecttarget_panel .title { - font-weight: bold; -} - -.gsi_sakuzu_dialog_selecttarget_panel .message { - margin-top: 8px; - margin-bottom: 8px; - font-size: 10pt; - line-height: 18px; - padding-left: 22px; - background-image: url(../image/system/info.png); - background-position: 1px 1px; - background-repeat: no-repeat; -} -/* -.gsi_sakuzu_dialog_fileloadpanel { - width: 100%; - overflow-y: auto; -} - -.gsi_sakuzu_dialog_fileload { - margin: 8px 8px 0 8px; -} - -.gsi_sakuzu_dialog_fileload .message { - margin: 0px 0px 2px 0px; - font-size: 10pt; - line-height: 18px; - padding-left: 22px; - background-image: url(../image/system/info.png); - background-position: 1px 1px; - background-repeat: no-repeat; -} - -.gsi_sakuzu_dialog_fileload textarea { - border: 1px solid #999; - padding: 0px 0px 0px 2px; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); - font-size: 9.5pt; - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - width: 100%; - height: 220px; -} - -.gsi_sakuzu_dialog_fileload input { - font-size: 9.5pt; - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - margin: 6px 6px 12px 6px; -} -.gsi_sakuzu_dialog_filesavepanel { - width: 100%; - position:absolute; - left:0; - top:0; - right:0; - bottom:0; -} - -.gsi_sakuzu_dialog_filesave { - margin: 8px 8px 0 8px; -} - -.gsi_sakuzu_dialog_filesave .selectframe { - margin: 3px 0px 2px 12px; -} - -.gsi_sakuzu_dialog_filesave .message { - margin: 0px 0px 2px 0px; - font-size: 10pt; - line-height: 18px; - padding-left: 22px; - background-image: url(../image/system/info.png); - background-position: 1px 1px; - background-repeat: no-repeat; -} - -.gsi_sakuzu_dialog_filesave .message2 { - margin: 8px 0px 2px 0px; - font-size: 8pt; - padding-left: 8px; -} - -.gsi_sakuzu_dialog_filesave textarea { - border: 1px solid #999; - padding: 0px 0px 0px 2px; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); - font-size: 9.5pt; - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - width: 100%; - height: 220px; -} - -.gsi_sakuzu_dialog_edit { - margin: 6px 6px 8px 6px; - overflow-y: auto; -} - -.gsi_sakuzu_dialog_pointedit { - font-size: 90%; - padding: 4px 0px 4px 0px; -} - -.gsi_sakuzu_dialog_pointedit .gsi_sakuzu_dialog_pointedit_message { - font-size: 10.5pt; - line-height: 20px; - padding-left: 22px; - background-image: url(../image/system/info.png); - background-position: 1px 1px; - background-repeat: no-repeat; - margin: 3px 0 8px 0; -} - -.gsi_sakuzu_dialog_pointedit td { - font-size: 90%; -} - -.gsi_sakuzu_dialog_pointedit_textmessage_frame { - margin-bottom: 4px; -} - -.gsi_sakuzu_dialog_pointedit_textmessage_frame:after { - content: ""; - clear: both; - display: block; -} - -.gsi_sakuzu_dialog_pointedit_textmessage { - font-size: 90%; - float: left; -} - -.gsi_sakuzu_dialog_pointedit_textmode_btn { - font-size: 90%; - float: right; -} - -.gsi_sakuzu_dialog_pointedit_textarea { - border: 1px solid #999; - padding: 0px 0px 0px 2px; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); - font-size: 9.5pt; - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - width: 100%; - height: 64px; -} - -.gsi_sakuzu_dialog_pointedit_textarea.textmode { - height: 24px; -} - -.gsi_sakuzu_dialog_pointedit_text_style_frame { - position: relative; - height: 32px; - width: 100%; -} - -.gsi_sakuzu_dialog_pointedit_text_style_frame .font_size_select { - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - position: absolute; - height: 32px; - width: 85px; - left: 0px; - font-size: 12px; - border: 1px solid #999; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; -} - -.gsi_sakuzu_dialog_pointedit_text_style_frame a { - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - display: inline-block; - *display: inline; - *zoom: 1; - top: 0; - position: absolute; - height: 32px; - width: 32px; - right: 0; - line-height: 32px; - text-align: center; - border: 1px solid #999; - background-position: 3px 3px; - background-repeat: no-repeat; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); - opacity: .80; - filter: alpha(opacity=80); - -ms-filter: "alpha(opacity=80)"; - -khtml-opacity: .80; - -moz-opacity: .80; -} - -.gsi_sakuzu_dialog_pointedit_text_style_frame a.enabled { - border: 2px solid #f00; - opacity: 1; - filter: alpha(opacity=100); - -ms-filter: "alpha(opacity=100)"; - -khtml-opacity: 1; - -moz-opacity: 1; -} - -.gsi_sakuzu_dialog_pointedit_text_style_frame a.font_bold_btn { - background-image: url(../image/sakuzu/bold.png); - left: 87px; -} - -.gsi_sakuzu_dialog_pointedit_text_style_frame a.font_italic_btn { - left: 120px; - background-image: url(../image/sakuzu/italic.png); -} - -.gsi_sakuzu_dialog_pointedit_text_style_frame a.font_underline_btn { - left: 153px; - background-image: url(../image/sakuzu/underline.png); -} - -.gsi_sakuzu_dialog_pointedit_text_style_frame a.font_bordering_btn { - background-image: url(../image/sakuzu/bordering.png); - left: 156px; -} - -.gsi_sakuzu_dialog_pointedit_text_style_frame a.font_bordering_btn div { - position: absolute; - height: 8px; - left: 1px; - right: 1px; - bottom: 1px; - border: 1px solid #ccc; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - border-radius: 2px; - behavior: url(border-radius.htc); -} - -.gsi_sakuzu_dialog_pointedit_text_style_frame a.color_btn { - background-image: url(../image/sakuzu/color.png); - left: 186px; -} - -.gsi_sakuzu_dialog_pointedit_text_style_frame a.color_btn div { - position: absolute; - height: 8px; - left: 1px; - right: 1px; - bottom: 1px; - border: 1px solid #ccc; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - border-radius: 2px; - behavior: url(border-radius.htc); -} - -.gsi_sakuzu_dialog_pointedit_text_style_frame a.background_color_btn { - background-image: url(../image/sakuzu/fill.png); - left: 219px; -} - -.gsi_sakuzu_dialog_pointedit_text_style_frame a.background_color_btn div { - position: absolute; - height: 8px; - left: 1px; - right: 1px; - bottom: 1px; - border: 1px solid #ccc; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - border-radius: 2px; - behavior: url(border-radius.htc); -} - -.gsi_sakuzu_dialog_editmode { - padding: 8px 8px 0px 4px; -} - -.gsi_sakuzu_dialog_editmode .title { - margin: 0px 0 0 8px; - font-size: 10.5pt; -} - -.gsi_sakuzu_dialog_editmode .message { - margin: 4px 0 0 8px; - font-size: 10.5pt; - line-height: 20px; - padding-left: 22px; - background-image: url(../image/system/info.png); - background-position: 1px 1px; - background-repeat: no-repeat; -} - -.gsi_sakuzu_dialog_editmode .buttonframe { - margin: 8px 0px 0px 8px; -} -*/ - -/* GSI.SharedDialog ----------------------------------------------------------------------- */ - -.gsi_sharedialog_frame { - padding: 4px; -} - -.gsi_sharedialog_frame .messageframe * { - font-size: 9.5pt; - margin-top: 2px; - line-height: 20px; - margin: 2px; -} - -.gsi_sharedialog_frame .messageframe img { - float: left; - margin-right: 6px; -} - -.gsi_sharedialog_frame .textareacontent { - margin: 6px 0 4px 0; -} - -.gsi_sharedialog_frame .textareacontent .buttonframe { - margin: 6px 0 4px 0; -} - -.gsi_sharedialog_frame .textareacontent textarea { - display: block; - font-size: 9pt; - width: 100%; - border: 1px solid #999; - padding: 2px; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); - vertical-align: middle; - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - resize: none; -} - -.gsi_sharedialog_frame .settingframe { - clear: both; - margin: 8px 0 4px 0; - border: 1px solid #bbb; - -moz-border-radius: 2px; - /*for Firefox*/ - -webkit-border-radius: 2px; - /*for Safari and chrome*/ - border-radius: 2px; - padding: 4px; -} - -.gsi_sharedialog_frame .settingcontent { - overflow-y: auto; - height: 140px; -} - -.gsi_sharedialog_frame .settingcontent ul { - list-style: none; - margin: 0 0 0 8px; - padding: 0; -} - -.gsi_sharedialog_frame .settingcontent ul li { - margin: 0; -} - -.gsi_sharedialog_frame .settingcontent h3 { - font-size: 9.5pt; - margin: 0 0 2px 0; - padding: 0px 0 0px 2px; - border-bottom: 1px solid #ccc; -} - -.gsi_sharedialog_frame .settingcontent table { - border-collapse: collapse; - margin-bottom: 6px; -} - -/* GSI.QRCodeDialog ----------------------------------------------------------------------- */ - -.gsi_qrcodedialog_frame { - padding: 4px; -} - -.gsi_qrcodedialog_frame * { - font-size: 10pt; -} - -.gsi_qrcodedialog_frame table { - width: 100%; -} - -.gsi_qrcodedialog_frame table th { - font-weight: normal; - text-align: left; - width: 1px; - white-space: nowrap; - padding-right: 8px; -} - -.gsi_qrcodedialog_frame table td { - position: relative; -} - -.gsi_qrcodedialog_frame table td select { - width: 100%; - border: 1px solid #ccc; -} - -.gsi_qrcodedialog_frame .imageframe { - position: relative; - margin-top: 8px; - height: 200px; -} - -.gsi_qrcodedialog_frame .imageframe canvas { - position: relative; - left: 50%; - top: 50%; -} - -.gsi_qrcodedialog_frame .saveframe { - margin-top: 8px; - margin-bottom: 8px; - padding-left: 8px; -} - -.gsi_qrcodedialog_frame .saveframe select { - border: 1px solid #ccc; -} - -.gsi_qrcodedialog_frame .color_select { - width: 40px; - -moz-border-radius: 3px; - /*for Firefox*/ - -webkit-border-radius: 3px; - /*for Safari and chrome*/ - border-radius: 3px; - behavior: url(border-radius.htc); - /*for IE*/ - cursor: pointer; - border: 1px dotted #333; -} - -/* GSI.IconSelector ----------------------------------------------------------------------- */ - -.gsi_iconselector { - z-index: 15000; - position: absolute; - left: 0px; - top: 0px; - background: #fff; - color: #333; - padding: 4px; - border: 1px solid #999; - -moz-border-radius: 8px; - /*for Firefox*/ - -webkit-border-radius: 8px; - /*for Safari and chrome*/ - border-radius: 8px; - behavior: url(border-radius.htc); - /*for IE*/ - overflow-y: auto; -} - -.gsi_iconselector a { - display: inline-block; - *display: inline; - *zoom: 1; - border: 1px solid #fff; - vertical-align: bottom; -} - -.gsi_iconselector a:hover { - border: 1px solid #333; -} - -/* GSI.Draw ----------------------------------------------------------------------- */ - -.gsi_draw_icon { - opacity: .80; - filter: alpha(opacity=80); - -ms-filter: "alpha(opacity=80)"; - -khtml-opacity: .80; - -moz-opacity: .80; -} - -/* GSI.Modal ----------------------------------------------------------------------- */ - -.gsi_modal_base { - position: absolute; - font-size: 90%; - background: #fff; - padding: 8px; - border: 1px solid #444; - -moz-border-radius: 8px; - /*for Firefox*/ - -webkit-border-radius: 8px; - /*for Safari and chrome*/ - border-radius: 8px; - behavior: url(border-radius.htc); - /*for IE*/ - overflow-y: auto; - box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1); - /* Firefox */ - -webkit-box-shadow: 2px 2px 1x 1px rgba(0, 0, 0, 0.1); - /* Chrome, Safari */ -} - -.gsi_modal_base .gsi_modal_base_content { - font-size: 90%; -} - -.gsi_modal_base_closebtn { - color: #333; - position: absolute; - right: 0px; - top: 0px; - font-weight: bold; - font-size: 22px; - line-height: 28px; - height: 28px; - width: 28px; - display: inline-block; - *display: inline; - *zoom: 1; - text-align: center; - vertical-align: middle; - padding: 0px; - text-decoration: none; - -moz-border-radius: 8px; - /*for Firefox*/ - -webkit-border-radius: 8px; - /*for Safari and chrome*/ - border-radius: 8px; - behavior: url(border-radius.htc); - /*for IE*/ - -moz-transition: all 0.3s ease-in 0s; - -webkit-transition: all 0.3s ease-in 0s; - -o-transition: all 0.3s ease-in 0s; - transition: all 0.3s ease-in 0s; - background-image: -moz-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); - background-image: -webkit-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); - background-image: -o-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); - background-image: linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); -} - -.gsi_modal_topmessage { - position: absolute; - font-size: 90%; - background: #fff; - padding: 8px; - border: 1px solid #444; - -moz-border-radius: 8px; - /*for Firefox*/ - -webkit-border-radius: 8px; - /*for Safari and chrome*/ - border-radius: 8px; - behavior: url(border-radius.htc); - /*for IE*/ - overflow-y: auto; - box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1); - /* Firefox */ - -webkit-box-shadow: 2px 2px 1x 1px rgba(0, 0, 0, 0.1); - /* Chrome, Safari */ -} - -.gsi_modal_topmessage .gsi_modal_base_content { - font-size: 90%; - overflow-y: auto; -} - -.gsi_modal_topmessage h3 { - font-size: 130%; - border-bottom: 1px solid #333; - margin: 4px 0 4px 0; -} - -.gsi_modal_topmessage dl { - margin: 8px; -} - -.gsi_modal_topmessage dt { - font-size: 110%; - padding: 0; - margin: 0; -} - -.gsi_modal_topmessage dd { - border: 1px solid #ccc; - -moz-border-radius: 8px; - /*for Firefox*/ - -webkit-border-radius: 8px; - /*for Safari and chrome*/ - border-radius: 8px; - behavior: url(border-radius.htc); - /*for IE*/ - padding: 8px; - margin: 0 0 1em 1em; -} - -.gsi_modal_topmessage ol { - padding: 0; - margin: 0 0 0 2em; -} - -.gsi_modal_loadingmessage_frame { - background: #333; - padding: 2px 2px 2px 2px; - -moz-border-radius: 8px; - /*for Firefox*/ - -webkit-border-radius: 8px; - /*for Safari and chrome*/ - border-radius: 8px; - behavior: url(border-radius.htc); - /*for IE*/ - opacity: .80; - filter: alpha(opacity=80); - -ms-filter: "alpha(opacity=80)"; - -khtml-opacity: .80; - -moz-opacity: .80; -} - -.gsi_modal_loadingmessage { - font-size: 10pt; - background: #333; - color: #fff; - height: 28px; - line-height: 28px; - padding: 0px 8px 0px 42px; - background: url(../image/system/loading001.gif) no-repeat 8px 50%; -} - -.gsi_modal_dialog { - border: 2px solid #333; - background: #fff; - -moz-border-radius: 4px; - /*for Firefox*/ - -webkit-border-radius: 4px; - /*for Safari and chrome*/ - border-radius: 4px; - behavior: url(border-radius.htc); - /*for IE*/ - padding: 0px; - box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2); - -moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2); - /* Firefox */ - -webkit-box-shadow: 0px 0px 2x 2px rgba(0, 0, 0, 0.2); - /* Chrome, Safari */ -} - -.gsi_modal_dialog_header { - color: #fff; - background: #333; - -moz-border-radius: 3px; - /*for Firefox*/ - -webkit-border-radius: 3px; - /*for Safari and chrome*/ - border-radius: 3px; - behavior: url(border-radius.htc); - /*for IE*/ - font-size: 150%; - text-align: center; - padding: 1px 20px 1px 4px; - /*border: 2px solid #555;*/ - cursor: move; -} - -.gsi_modal_dialog_content { - font-size: 90%; - /* - border: 1px solid #333; - background:#fff; - -moz-border-radius: 4px;; - -webkit-border-radius: 4px;; - border-radius: 4px; - behavior: url(border-radius.htc); - */ - padding: 0; - margin: 1px; -} - -.gsi_modal_dialog_btn_frame { - margin: 2px 12px 8px 12px; - text-align: center; -} - -.gsi_modal_dialog_btn_frame a { - font-size: 90%; - text-decoration: none; - display: inline-block; - *display: inline; - *zoom: 1; - width: 80px; - text-align: center; - height: 24px; - line-height: 24px; - background: #333; - color: #fff; - cursor: pointer; - border: 1px solid #666; - -moz-border-radius: 3px; - /*for Firefox*/ - -webkit-border-radius: 3px; - /*for Safari and chrome*/ - border-radius: 3px; - behavior: url(border-radius.htc); - /*for IE*/ - margin-left: 4px; - margin-right: 4px; -} - -.gsi_modal_dialog_btn_frame a:active { - color: #fff; - background: #134A63; -} - -.gsi_modal_fileselect_dlg_inputframe strong { - font-weight: bold; -} - -.gsi_modal_fileselect_dlg_inputframe { - clear: both; - width: 330px; - margin-top: 2px; - border: 0px solid #333; - background: #fff; - margin: 12px 10px 12px 10px; - -moz-border-radius: 3px; - /*for Firefox*/ - -webkit-border-radius: 3px; - /*for Safari and chrome*/ - border-radius: 3px; - behavior: url(border-radius.htc); - /*for IE*/ -} - -.gsi_modal_fileselect_dlg_inputframe .message { - margin-bottom: 8px; - font-size: 90%; -} - -.gsi_modal_fileselect_dlg_inputframe input { - width: 100%; - margin: 1.5em 0 1.5em 0; -} - -.gsi_modal_fileselect_dlg_inputframe textarea { - border: 1px solid #999; - padding: 0px 0px 0px 2px; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - height: 80px; - width: 100%; -} - -.gsi_modal_fileselect_dlg_title { - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - border-radius: 2px; - behavior: url(border-radius.htc); - background: #333; - margin: 0px; - padding: 4px; - height: 24px; - line-height: 24px; - text-align: left; -} - -.gsi_modal_fileselect_dlg_title span.title { - clear: both; - font-size: 95%; - padding-left: 2px; - float: left; - display: inline-block; - *display: inline; - *zoom: 1; - color: #fff; - line-height: 24px; - text-align: left; - white-space: nowrap; - overflow: hidden; -} - -.gsi_modal_fileselect_dlg_tabframe2 input { - display: none; -} - -.gsi_modal_fileselect_dlg_tabframe2 label { - display: block; - float: left; - cursor: pointer; - width: 80px; - margin: 0; - padding: 4px 8px 4px 4px; - background: #eee; - color: #bbb; - text-align: center; - line-height: 18px; - transition: .2s; - border: 1px solid #999; - font-size: 90%; -} - -.gsi_modal_fileselect_dlg_tabframe2 label:first-of-type { - border-radius: 3px 0 0 3px; - -moz-border-radius: 3px 0 0 3px; - /*for Firefox*/ - -webkit-border-radius: 3px 0 0 3px; - /*for Safari and chrome*/ - border-radius: 3px 0 0 3px; - behavior: url(border-radius.htc); - /*for IE*/ -} - -.gsi_modal_fileselect_dlg_tabframe2 label:last-of-type { - -moz-border-radius: 0 3px 3px 0; - /*for Firefox*/ - -webkit-border-radius: 0 3px 3px 0; - /*for Safari and chrome*/ - border-radius: 0 3px 3px 0; - behavior: url(border-radius.htc); - /*for IE*/ - border-left: 0; -} - -.gsi_modal_fileselect_dlg_tabframe2 input:checked+.switch-file { - background-color: #333; - color: #fff; -} - -.gsi_modal_fileselect_dlg_tabframe2 input:checked+.switch-source { - background-color: #333; - color: #fff; -} - -/* GSI.OfOffSwitch ----------------------------------------------------------------------- */ - -.gsi_onoffswitch_file_text { - position: relative; - width: 75px; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - display: inline-block; - *display: inline; - *zoom: 1; - vertical-align: bottom; -} - -.gsi_onoffswitch_file_text .checkbox { - display: none; -} - -.gsi_onoffswitch_file_text .label { - display: block; - overflow: hidden; - cursor: pointer; - border: 1px solid #333; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); -} - -.gsi_onoffswitch_file_text .inner { - display: block; - width: 200%; - margin-left: -100%; - -moz-transition: margin 0.3s ease-in 0s; - -webkit-transition: margin 0.3s ease-in 0s; - -o-transition: margin 0.3s ease-in 0s; - transition: margin 0.3s ease-in 0s; -} - -.gsi_onoffswitch_file_text .inner:before, .gsi_onoffswitch_file_text .inner:after { - display: block; - float: left; - width: 50%; - height: 22px; - padding: 0; - line-height: 22px; - font-size: 9px; - color: white; - font-weight: normal; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} - -.gsi_onoffswitch_file_text .inner:before { - content: "ファイル選択"; - padding-left: 4px; - background-color: #134A63; - color: #fff; - text-align: left; -} - -.gsi_onoffswitch_file_text .inner:after { - content: "テキスト入力"; - padding-right: 4px; - background-color: #134A63; - color: #fff; - text-align: right; -} - -.gsi_onoffswitch_file_text .switch { - display: block; - width: 5px; - margin: 0px; - background: #333; - border: 1px solid #555; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - border-radius: 2px; - behavior: url(border-radius.htc); - position: absolute; - top: 0; - bottom: 0; - right: 70px; - -moz-transition: all 0.3s ease-in 0s; - -webkit-transition: all 0.3s ease-in 0s; - -o-transition: all 0.3s ease-in 0s; - transition: all 0.3s ease-in 0s; - background-image: -moz-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); - background-image: -webkit-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); - background-image: -o-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); - background-image: linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); -} - -.gsi_onoffswitch_file_text .checkbox:checked+.label .inner { - margin-left: 0; -} - -.gsi_onoffswitch_file_text .checkbox:checked+.label .switch { - right: 0; -} - -.gsi_onoffswitch_file_text .on_label_inner { - margin-left: 0; -} - -.gsi_onoffswitch_file_text .on_label_switch { - right: 0; -} - -/* onoff */ - -.gsi_onoffswitch { - position: relative; - width: 46px; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - display: inline-block; - *display: inline; - *zoom: 1; - vertical-align: bottom; - margin: 0; -} - -.gsi_onoffswitch .checkbox { - display: none; -} - -.gsi_onoffswitch .label { - display: block; - overflow: hidden; - cursor: pointer; - border: 1px solid rgba(0, 0, 0, 0.3); - -moz-border-radius: 10px; - -webkit-border-radius: 10px; - border-radius: 10px; - behavior: url(border-radius.htc); -} - -.gsi_onoffswitch .inner { - line-height: 20px; - ; - display: block; - width: 200%; - margin-left: -100%; - -moz-transition: margin 0.3s ease-in 0s; - -webkit-transition: margin 0.3s ease-in 0s; - -o-transition: margin 0.3s ease-in 0s; - transition: margin 0.3s ease-in 0s; -} - -.gsi_onoffswitch .inner:before, .gsi_onoffswitch .inner:after { - line-height: 20px; - ; - display: block; - float: left; - width: 50%; - height: 20px; - padding: 0; - line-height: 18px; - font-size: 10px; - color: white; - font-weight: normal; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} - -.gsi_onoffswitch .inner:before { - line-height: 20px; - ; - content: "ON"; - padding-left: 6px; - background-color: #2B7396; - color: #FFFFFF; - text-align: left; -} - -.gsi_onoffswitch .inner:after { - line-height: 20px; - ; - content: "OFF"; - padding-right: 4px; - background-color: #eee; - color: #777; - text-align: right; -} - -.gsi_onoffswitch .switch { - display: block; - width: 22px; - margin: 0px; - background: #FFFFFF; - border: 1px solid #999; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -moz-border-radius: 10px; - -webkit-border-radius: 10px; - border-radius: 10px; - behavior: url(border-radius.htc); - position: absolute; - top: 0px; - bottom: 0px; - right: 24px; - -moz-transition: all 0.3s ease-in 0s; - -webkit-transition: all 0.3s ease-in 0s; - -o-transition: all 0.3s ease-in 0s; - transition: all 0.3s ease-in 0s; -} - -.gsi_onoffswitch .checkbox:checked+.label .inner { - margin-left: 0; -} - -.gsi_onoffswitch .checkbox:checked+.label .switch { - right: 0; -} - -.gsi_onoffswitch .on_label_inner { - margin-left: 0; -} - -.gsi_onoffswitch .on_label_switch { - right: 0; -} - -/* 表示非表示 */ - -.gsi_onoffswitch_visible { - position: relative; - width: 60px; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - display: inline-block; - *display: inline; - *zoom: 1; - vertical-align: bottom; - margin: 0; -} - -.gsi_onoffswitch_visible .checkbox { - display: none; -} - -.gsi_onoffswitch_visible .label { - display: block; - overflow: hidden; - cursor: pointer; - border: 1px solid #777; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); -} - -.gsi_onoffswitch_visible .inner { - display: block; - width: 200%; - margin-left: -100%; - -moz-transition: margin 0.3s ease-in 0s; - -webkit-transition: margin 0.3s ease-in 0s; - -o-transition: margin 0.3s ease-in 0s; - transition: margin 0.3s ease-in 0s; -} - -.gsi_onoffswitch_visible .inner:before, .gsi_onoffswitch_visible .inner:after { - display: block; - float: left; - width: 50%; - height: 20px; - padding: 0; - line-height: 20px; - font-size: 10px; - color: white; - font-weight: normal; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} - -.gsi_onoffswitch_visible .inner:before { - content: "表示"; - padding-left: 8px; - background-color: #2B7396; - color: #FFFFFF; - text-align: left; -} - -.gsi_onoffswitch_visible .inner:after { - content: "非表示"; - padding-right: 5px; - background-color: #eee; - color: #777; - text-align: right; -} - -.gsi_onoffswitch_visible .switch { - display: block; - width: 20px; - margin: 0px; - background: #FFFFFF; - border: 1px solid #666; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); - position: absolute; - top: 0; - bottom: 0; - right: 40px; - -moz-transition: all 0.3s ease-in 0s; - -webkit-transition: all 0.3s ease-in 0s; - -o-transition: all 0.3s ease-in 0s; - transition: all 0.3s ease-in 0s; - background-image: -moz-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); - background-image: -webkit-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); - background-image: -o-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); - background-image: linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); -} - -.gsi_onoffswitch_visible .checkbox:checked+.label .inner { - margin-left: 0; -} - -.gsi_onoffswitch_visible .checkbox:checked+.label .switch { - right: 0; -} - -.gsi_onoffswitch_visible .on_label_inner { - margin-left: 0; -} - -.gsi_onoffswitch_visible .on_label_switch { - right: 0; -} - -/* 全表示全非表示 */ - -.gsi_onoffswitch_visible_all { - position: relative; - width: 80px; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - display: inline-block; - *display: inline; - *zoom: 1; - vertical-align: bottom; - margin: 0; -} - -.gsi_onoffswitch_visible_all .checkbox { - display: none; -} - -.gsi_onoffswitch_visible_all .label { - display: block; - overflow: hidden; - cursor: pointer; - border: 1px solid #777; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); -} - -.gsi_onoffswitch_visible_all .inner { - display: block; - width: 200%; - margin-left: -100%; - -moz-transition: margin 0.3s ease-in 0s; - -webkit-transition: margin 0.3s ease-in 0s; - -o-transition: margin 0.3s ease-in 0s; - transition: margin 0.3s ease-in 0s; -} - -.gsi_onoffswitch_visible_all .inner:before, .gsi_onoffswitch_visible_all .inner:after { - display: block; - float: left; - width: 50%; - height: 20px; - padding: 0; - line-height: 20px; - font-size: 10px; - color: white; - font-weight: normal; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} - -.gsi_onoffswitch_visible_all .inner:before { - content: "全て表示"; - padding-left: 8px; - background-color: #2B7396; - color: #FFFFFF; - text-align: left; -} - -.gsi_onoffswitch_visible_all .inner:after { - content: "全て非表示"; - padding-right: 5px; - background-color: #333; - color: #ffffff; - text-align: right; -} - -.gsi_onoffswitch_visible_all .switch { - display: block; - width: 20px; - margin: 0px; - background: #FFFFFF; - border: 1px solid #666; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); - position: absolute; - top: 0; - bottom: 0; - right: 60px; - -moz-transition: all 0.3s ease-in 0s; - -webkit-transition: all 0.3s ease-in 0s; - -o-transition: all 0.3s ease-in 0s; - transition: all 0.3s ease-in 0s; - background-image: -moz-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); - background-image: -webkit-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); - background-image: -o-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); - background-image: linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); -} - -.gsi_onoffswitch_visible_all .checkbox:checked+.label .inner { - margin-left: 0; -} - -.gsi_onoffswitch_visible_all .checkbox:checked+.label .switch { - right: 0; -} - -.gsi_onoffswitch_visible_all .on_label_inner { - margin-left: 0; -} - -.gsi_onoffswitch_visible_all .on_label_switch { - right: 0; -} - -/* usecocotile */ - -.gsi_onoffswitch_usecocotile { - position: relative; - width: 150px; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - display: inline-block; - *display: inline; - *zoom: 1; - vertical-align: bottom; - margin: 0; -} - -.gsi_onoffswitch_usecocotile .checkbox { - display: none; -} - -.gsi_onoffswitch_usecocotile .label { - display: block; - overflow: hidden; - cursor: pointer; - border: 1px solid #777; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); -} - -.gsi_onoffswitch_usecocotile .inner { - display: block; - width: 200%; - margin-left: -100%; - -moz-transition: margin 0.3s ease-in 0s; - -webkit-transition: margin 0.3s ease-in 0s; - -o-transition: margin 0.3s ease-in 0s; - transition: margin 0.3s ease-in 0s; -} - -.gsi_onoffswitch_usecocotile .inner:before, .gsi_onoffswitch_usecocotile .inner:after { - display: block; - float: left; - width: 50%; - height: 21px; - padding: 0; - line-height: 21px; - font-size: 11px; - color: white; - font-weight: normal; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} - -.gsi_onoffswitch_usecocotile .inner:before { - content: "表示範囲に絞込み"; - padding-left: 4px; - background-color: #ffffff; - color: #000; - text-align: left; -} - -.gsi_onoffswitch_usecocotile .inner:after { - content: "絞込みしない"; - padding-right: 12px; - background-color: #eee; - color: #777; - text-align: right; -} - -.gsi_onoffswitch_usecocotile .switch { - display: block; - width: 50px; - margin: 0px; - background: #FFFFFF; - border: 1px solid #666; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); - position: absolute; - top: 0; - bottom: 0; - right: 100px; - -moz-transition: all 0.3s ease-in 0s; - -webkit-transition: all 0.3s ease-in 0s; - -o-transition: all 0.3s ease-in 0s; - transition: all 0.3s ease-in 0s; - background-image: -moz-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); - background-image: -webkit-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); - background-image: -o-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); - background-image: linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); -} - -.gsi_onoffswitch_usecocotile .checkbox:checked+.label .inner { - margin-left: 0; -} - -.gsi_onoffswitch_usecocotile .checkbox:checked+.label .switch { - right: 0; -} - -.gsi_onoffswitch_visible .on_label_inner { - margin-left: 0; -} - -.gsi_onoffswitch_visible .on_label_switch { - right: 0; -} - -#title_logo_upper { - font-family: 'ヒラギノ丸ゴ Pro W4', 'ヒラギノ丸ゴ Pro', 'Hiragino Maru Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'HG丸ゴシックM-PRO', 'HGMaruGothicMPRO'; - margin-top: 3px; - text-align: center; - font-size: 18px; - color: #fff; - line-height: 18px; -} - -#title_logo_lower { - font-family: 'ヒラギノ丸ゴ Pro W4', 'ヒラギノ丸ゴ Pro', 'Hiragino Maru Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'HG丸ゴシックM-PRO', 'HGMaruGothicMPRO'; - text-align: center; - font-size: 11px; - color: #fff; - line-height: 11px; -} - -/* -#title_bookmark { - top:0; - right:40px; - position:absolute; - display:block; - background-image: url(../image/system/bookmark.png); - background-position:50% 50% ; - background-repeat:no-repeat; - height: 32px; - width:32px; - margin-top:2px; - text-decoration:none; -} -*/ - -#title_bookmark { - top: 5px; - right: 40px; - position: absolute; - display: block; - font-weight: bold; - font-family: 'ヒラギノ丸ゴ Pro W4', 'ヒラギノ丸ゴ Pro', 'Hiragino Maru Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'HG丸ゴシックM-PRO', 'HGMaruGothicMPRO'; - text-align: center; - font-size: 26px; - color: #fff; - line-height: 27px; - cursor: pointer; - /* - border-radius: 50%; - - border:1px solid #fff; - background-color:#1D417A; - */ - /*border: 2px solid #666;*/ - -moz-border-radius: 4px; - -webkit-border-radius: 4px; - border-radius: 4px; - behavior: url(border-radius.htc); - /*for IE*/ - height: 27px; - width: 27px; - background-color: #666; - background-image: url(../image/system/favorite.png); - background-position: 50% 50%; - background-repeat: no-repeat; - /* - background-image: url(../image/help/help.png); - background-position:50% 50% ; - background-repeat:no-repeat; - */ - text-decoration: none; -} - -#title_twitter { - top: 5px; - right: 96px; - position: absolute; - display: block; - font-weight: bold; - font-family: 'ヒラギノ丸ゴ Pro W4', 'ヒラギノ丸ゴ Pro', 'Hiragino Maru Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'HG丸ゴシックM-PRO', 'HGMaruGothicMPRO'; - text-align: center; - font-size: 24px; - color: #fff; - line-height: 26px; - cursor: pointer; - /* - border-radius: 50%; - - border:1px solid #fff; - background-color:#1D417A; - */ - /*border: 2px solid #666; - -moz-border-radius: 32px; - -webkit-border-radius: 32px; - border-radius: 32px; - behavior: url(border-radius.htc);*/ - height: 26px; - width: 26px; - /*background-color:#4086cd;*/ - background-image: url(../image/system/twitter.png); - background-position: 50% 50%; - background-repeat: no-repeat; - /* - background-image: url(../image/help/help.png); - background-position:50% 50% ; - background-repeat:no-repeat; - */ - text-decoration: none; - padding-left: 20px; - padding-right: 20px; -} - -#title_facebook { - top: 5px; - right: 69px; - position: absolute; - display: block; - font-weight: bold; - font-family: 'ヒラギノ丸ゴ Pro W4', 'ヒラギノ丸ゴ Pro', 'Hiragino Maru Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'HG丸ゴシックM-PRO', 'HGMaruGothicMPRO'; - text-align: center; - font-size: 26px; - color: #fff; - line-height: 26px; - cursor: pointer; - /*border: 2px solid #; - -moz-border-radius: 32px; - -webkit-border-radius: 32px; - border-radius: 32px; - behavior: url(border-radius.htc); - */ - height: 26px; - width: 26px; - /*background-color:#3a589b;*/ - background-image: url(../image/system/facebook.png); - background-position: 50% 50%; - background-repeat: no-repeat; - /* - background-image: url(../image/help/help.png); - background-position:50% 50% ; - background-repeat:no-repeat; - */ - text-decoration: none; -} - -#bookmark_title_twitter { - padding-right: 5px; -} - -#help2 { - line-height: 1.2; -} - -#title_help_dialog { - font-family: 'ヒラギノ丸ゴ Pro W4', 'ヒラギノ丸ゴ Pro', 'Hiragino Maru Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'HG丸ゴシックM-PRO', 'HGMaruGothicMPRO'; - text-align: center; - font-size: 16px; - color: #fff; - line-height: 20px; - cursor: pointer; - border-radius: 50%; - border: 1px solid #fff; - background-color: #1D417A; - height: 20px; - width: 20px; -} - -.view_list_dialog_button { - margin-top: 0px; - display: inline-block; - *display: inline; - *zoom: 1; - padding: 0 6px 0 6px; - white-space: nowrap; - line-height: 20px; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); - /*for IE*/ - text-decoration: none; - font-size: 9.5pt; - color: #333; - vertical-align: middle; - border: 1px solid #ccc; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; - font-weight: bold; - background: #f5f5f5; -} - -.view_list_dialog_button:active { - background: #f0f0f0; - background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f5f5f5), color-stop(0.00, #f0f0f0)); - background: -webkit-linear-gradient(#f0f0f0, #f5f5f5); - background: -moz-linear-gradient(#f0f0f0, #f5f5f5); - background: -o-linear-gradient(#f0f0f0, #f5f5f5); - background: -ms-linear-gradient(#f0f0f0, #f5f5f5); - background: linear-gradient(#f0f0f0, #f5f5f5); - color: #666; - box-shadow: -1px -1px 2px 1px rgba(0, 0, 0, 0.1); - -moz-box-shadow: -1px -1px 2px 1px rgba(0, 0, 0, 0.1); - /* Firefox */ - -webkit-box-shadow: -1px -1px 2x 1px rgba(0, 0, 0, 0.1); - /* Chrome, Safari */ -} - -.view_list_dialog_button.active { - background: #f0f0f0; - background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f5f5f5), color-stop(0.00, #f0f0f0)); - background: -webkit-linear-gradient(#f0f0f0, #f5f5f5); - background: -moz-linear-gradient(#f0f0f0, #f5f5f5); - background: -o-linear-gradient(#f0f0f0, #f5f5f5); - background: -ms-linear-gradient(#f0f0f0, #f5f5f5); - background: linear-gradient(#f0f0f0, #f5f5f5); - color: #666; - box-shadow: -1px -1px 2px 1px rgba(0, 0, 0, 0.1); - -moz-box-shadow: -1px -1px 2px 1px rgba(0, 0, 0, 0.1); - /* Firefox */ - -webkit-box-shadow: -1px -1px 2x 1px rgba(0, 0, 0, 0.1); - /* Chrome, Safari */ -} - -.leaflet-control-flatpanel { - padding-bottom: 5px; -} - -.leaflet-control-crpanel { - z-index: 99999; - text-decoration: none; - background-color: #fefefe; - opacity: 0.75; - padding: 0px 4px 0px 4px; -} - -.gsi_onoffswitch_toggle { - position: relative; - width: 30px; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - display: inline-block; - *display: inline; - *zoom: 1; - vertical-align: bottom; -} - -.gsi_onoffswitch_toggle .checkbox { - display: none; -} - -.gsi_onoffswitch_toggle .label { - display: block; - overflow: hidden; - cursor: pointer; - border: 1px solid rgb(136,136,136); - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); -} - -.gsi_onoffswitch_toggle .inner { - display: block; - width: 200%; - margin-left: -100%; - -moz-transition: margin 0.3s ease-in 0s; - -webkit-transition: margin 0.3s ease-in 0s; - -o-transition: margin 0.3s ease-in 0s; - transition: margin 0.3s ease-in 0s; -} - -.gsi_onoffswitch_toggle .inner:before, .gsi_onoffswitch_toggle .inner:after { - display: block; - float: left; - width: 50%; - height: 20px; - padding: 0; - line-height: 20px; - font-size: 9px; - color: white; - font-weight: normal; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} - -.gsi_onoffswitch_toggle .inner:before { - content: "解除"; - background-color: #2B7396; - color: #EEE; - text-align: center; -} - -.gsi_onoffswitch_toggle .inner:after { - content: "合成"; - background-color: #EEEEEE; - color: #666; - text-align: center; -} - -.gsi_onoffswitch_toggle.grayscale { - width: 60px; -} - -.gsi_onoffswitch_toggle.grayscale .inner:before { - content: "解除"; - background-color: #2B7396; - color: #EEE; - text-align: center; -} - -.gsi_onoffswitch_toggle.grayscale .inner:after { - content: "グレースケール"; - font-size: 9pt; - background-color: #EEEEEE; - color: #666; - text-align: center; -} - -.gsi_onoffswitch_toggle .switch { - display: none; - width: 5px; - margin: 0px; - background: #333; - border: 1px solid #555; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - border-radius: 2px; - behavior: url(border-radius.htc); - position: absolute; - top: 0; - bottom: 0; - right: 70px; - -moz-transition: all 0.3s ease-in 0s; - -webkit-transition: all 0.3s ease-in 0s; - -o-transition: all 0.3s ease-in 0s; - transition: all 0.3s ease-in 0s; - background-image: -moz-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); - background-image: -webkit-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); - background-image: -o-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); - background-image: linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); -} - -.gsi_onoffswitch_toggle .checkbox:checked+.label .inner { - margin-left: 0; -} - -.gsi_onoffswitch_toggle .checkbox:checked+.label .switch { - right: 0; -} - -.gsi_onoffswitch_toggle .on_label_inner { - margin-left: 0; -} - -.gsi_onoffswitch_toggle .on_label_switch { - right: 0; -} - -.evac_dialog { - background: #ffffff; - display: block; - padding: 2px 2px 2px 2px; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); - position: relative; - margin-right: 10px; - float: right; -} - -.evac_dialog_content { - padding: 2px 2px 2px 2px; - color: #111100; - font-size: 85%; -} - -.evac_dialog_content a { - font-size: 90%; -} - -/* Old IE */ - -.leaflet-oldie .leaflet-control-crpanel { - border: 1px solid #999; -} - -.window_blind { - position: absolute; - left: 0; - right: 0; - top: 0; - bottom: 0; - background: #000; - z-index: 999998; - display: none; - opacity: .50; - filter: alpha(opacity=50); - -ms-filter: "alpha(opacity=50)"; - -khtml-opacity: .50; - -moz-opacity: .50; -} - -.window_blind_message { - position: absolute; - z-index: 999999; - display: none; - color: #fff; - font-size: 10pt; - padding-left: 32px; - background: url(../image/system/loading001.gif) no-repeat 0px 50%; - line-height: 32px; - height: 32px; - margin-top: -16px; - margin-left: -120px; - top: 50%; - left: 50%; -} - -.help_window_blind { - position: absolute; - left: 0; - right: 0; - top: 0; - bottom: 0; - background: #000; - z-index: 999998; - display: none; - opacity: .50; - filter: alpha(opacity=50); - -ms-filter: "alpha(opacity=50)"; - -khtml-opacity: .50; - -moz-opacity: .50; -} - -.help_window_frame { - position: absolute; - border: 3px solid #333; - left: 28%; - right: 28%; - top: 10%; - bottom: 10%; - background: #fff; - z-index: 999999; - display: none; - -moz-border-radius: 6px; - /*for Firefox*/ - -webkit-border-radius: 6px; - /*for Safari and chrome*/ - border-radius: 6px; - behavior: url(border-radius.htc); - /*for IE*/ - box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1); - /* Firefox */ - -webkit-box-shadow: 2px 2px 1x 1px rgba(0, 0, 0, 0.1); - /* Chrome, Safari */ -} - -@media screen and ( max-width:479px) { - .help_window_frame { - left: 20px; - right: 20px; - top: 32px; - bottom: 32px; - } -} - -.help_window_content_title { - display: block; - position: relative; - font-weight: normal; - margin: 1px; - padding: 0 0 0 32px; - color: #fff; - background: #333; - -moz-border-radius: 3px; - /*for Firefox*/ - -webkit-border-radius: 3px; - /*for Safari and chrome*/ - border-radius: 3px; - background-image: url(../image/help/help_icon2.png); - background-position: 2px 50%; - background-repeat: no-repeat; - behavior: url(border-radius.htc); - /*for IE*/ - font-size: 16px; - height: 32px; - line-height: 32px; - text-align: left; -} - -.help_window_content_frame { - position: absolute; - left: 1px; - right: 1px; - top: 38px; - bottom: 4px; - padding: 0 24px 0 24px; - overflow-y: auto; -} - -.help_window_closebtn { - cursor: pointer; - font-weight: bold; - text-decoration: none; - display: inline-block; - *display: inline; - *zoom: 1; - position: absolute; - right: 3px; - top: 4px; - color: #fff; - line-height: 24px; - padding-left: 6px; - padding-right: 6px; - vertical-align: middle; - text-align: center; -} - -.help_window_frame_button { - display: inline-block; - *display: inline; - *zoom: 1; - position: absolute; - z-index: 100; - top: 50%; - margin-top: -35px; - width: 18px; - height: 80px; - line-height: 80px; - vertical-align: middle; - text-decoration: none; - text-align: center; - color: #333; - font-size: 10px; - -moz-border-radius: 5px; - /*for Firefox*/ - -webkit-border-radius: 5px; - /*for Safari and chrome*/ - border-radius: 5px; - behavior: url(border-radius.htc); - /*for IE*/ -} - -/* -.help_window_frame_button:active -{ - background-color: #F9F6F2; - color:#333; -} -*/ - -.help_window_frame_next_button { - right: 1px; - background-image: url(../image/system/help_next.png); - background-position: 50% 50%; - background-repeat: no-repeat; -} - -.help_window_frame_prev_button { - left: 1px; - background-image: url(../image/system/help_prev.png); - background-position: 50% 50%; - background-repeat: no-repeat; -} - -#help { - display: none; -} - -.gsi-iconlabel-class { - position: absolute; - white-space: nowrap; - font-size: 11pt; - background: #fff; - color: #333; - font-weight: bold; - border: 1px solid #333; - vertical-align: middle; - line-height: 20px; - height: 20px; - padding: 0 5px 0 5px; - -moz-border-radius: 3px; - /*for Firefox*/ - -webkit-border-radius: 3px; - /*for Safari and chrome*/ - border-radius: 3px; - opacity: .90; - filter: alpha(opacity=90); - -ms-filter: "alpha(opacity=90)"; - -khtml-opacity: .90; - -moz-opacity: .90; - behavior: url(border-radius.htc); - /*for IE*/ - box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1); - /* Firefox */ - -webkit-box-shadow: 2px 2px 1x 1px rgba(0, 0, 0, 0.1); - /* Chrome, Safari */ -} - -.gsi-iconlabel-class.large { - font-size: 18pt; - line-height: 26px; - height: 26px; -} - -.gsi-iconlabel-class.small { - font-size: 8pt; - line-height: 16px; - height: 16px; -} - -.gsi_location_watch_dialog { - z-index: 999999; - position: absolute; - display: block; - background-color: #333; - color: #ffffff; - border: solid 1px #222; - font-size: 110%; - text-decoration: none; - padding: 12px; - left: 50%; - top: 50%; - width: 230px; - margin-top: -80px; - margin-left: -115px; - -moz-border-radius: 5px; - -webkit-border-radius: 5px; - border-radius: 5px; - behavior: url(border-radius.htc); - box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.3); - -moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.3); - /* Firefox */ - -webkit-box-shadow: 0px 0px 2x 1px rgba(0, 0, 0, 0.3); - /* Chrome, Safari */ -} - -.gsi_location_watch_dialog.save { - width: 320px; - margin-top: -180px; - margin-left: -160px; -} - -.gsi_location_watch_dialog h1 { - margin: 0 0 4px 0; - padding: 0; - font-weight: normal; - font-size: 10pt; -} - -.gsi_location_watch_dialog h1 span { - font-weight: normal; - font-size: 9pt; -} - -.gsi_location_watch_dialog table { - width: 100%; -} - -.gsi_location_watch_dialog table th { - width: 30%; - text-align: left; - font-weight: normal; - white-space: nowrap; -} - -.gsi_location_watch_dialog table select { - width: 100%; - border: 1px solid #ddd; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); -} - -.gsi_location_watch_dialog_datatype_frame { - font-size: 9pt; -} - -.gsi_location_watch_dialog_text_frame { - width: 100%; -} - -.gsi_location_watch_dialog_text_frame textarea { - width: 100%; - height: 150px; - border: 1px solid #999; - padding: 0px 0px 0px 2px; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); - font-size: 9.5pt; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} - -.gsi_location_watch_dialog a { - font-family: 'ヒラギノ丸ゴ Pro W4', 'ヒラギノ丸ゴ Pro', 'Hiragino Maru Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'HG丸ゴシックM-PRO', 'HGMaruGothicMPRO'; - display: block; - margin-top: 2px; - text-align: center; - font-size: 9pt; - white-space: nowrap; - border: 1px solid #888; - -moz-border-radius: 4px; - -webkit-border-radius: 4px; - border-radius: 4px; - behavior: url(border-radius.htc); - text-decoration: none; - line-height: 26px; - color: #333; - vertical-align: middle; - box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); - -webkit-box-shadow: 1px 1px 2x 1px rgba(0, 0, 0, 0.1); - font-weight: bold; - text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #FFF, 0 1px 1px #FFF; - background: #f5f5f5; - background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f0f0f0), color-stop(0.00, #f5f5f5)); - background: -webkit-linear-gradient(#f5f5f5, #f0f0f0); - background: -moz-linear-gradient(#f5f5f5, #f0f0f0); - background: -o-linear-gradient(#f5f5f5, #f0f0f0); - background: -ms-linear-gradient(#f5f5f5, #f0f0f0); - background: linear-gradient(#f5f5f5, #f0f0f0); -} - -.gsi_location_watch_dialog a:active { - background: #f0f0f0; - background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f5f5f5), color-stop(0.00, #f0f0f0)); - background: -webkit-linear-gradient(#f0f0f0, #f5f5f5); - background: -moz-linear-gradient(#f0f0f0, #f5f5f5); - background: -o-linear-gradient(#f0f0f0, #f5f5f5); - background: -ms-linear-gradient(#f0f0f0, #f5f5f5); - background: linear-gradient(#f0f0f0, #f5f5f5); - color: #666; - box-shadow: -1px -1px 2px 1px rgba(0, 0, 0, 0.1); - -moz-box-shadow: -1px -1px 2px 1px rgba(0, 0, 0, 0.1); - /* Firefox */ - -webkit-box-shadow: -1px -1px 2x 1px rgba(0, 0, 0, 0.1); - /* Chrome, Safari */ -} - -.threedareadialog_button { - margin: 0 2px 4px 2px; - text-align: center; - width: 160px; -} - -.gsi_maptoimage_areaselector { - position: absolute; - border: 2px solid #ff0000; - opacity: .90; - filter: alpha(opacity=90); - -ms-filter: "alpha(opacity=90)"; - -khtml-opacity: .90; - -moz-opacity: .90; - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - z-index: 1; -} - -.gsi_maptoimage_window { - z-index: 999999; - position: absolute; - display: block; - background-color: #333; - color: #ffffff; - border: solid 1px #222; - font-size: 110%; - text-decoration: none; - padding: 12px; - left: 50%; - top: 50%; - width: 280px; - margin-top: -100px; - margin-left: -140px; - -moz-border-radius: 5px; - -webkit-border-radius: 5px; - border-radius: 5px; - behavior: url(border-radius.htc); - box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.3); - -moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.3); - /* Firefox */ - -webkit-box-shadow: 0px 0px 2x 1px rgba(0, 0, 0, 0.3); - /* Chrome, Safari */ -} - -.gsi_maptoimage_window a.close_btn { - cursor: pointer; - font-weight: bold; - text-decoration: none; - display: inline-block; - *display: inline; - *zoom: 1; - position: absolute; - right: 3px; - top: 4px; - color: #fff; - line-height: 24px; - padding-left: 6px; - padding-right: 6px; - vertical-align: middle; - text-align: center; -} - -.gsi_maptoimage_window_text {} - -.gsi_maptoimage_window_text2 { - margin-top: 8px; -} - -.gsi_maptoimage_window_text2 a { - color: #fff; -} - -.gsi_maptoimage_window_button_frame { - margin-top: 8px; -} - -.gsi_maptoimage_window_button_frame a { - font-family: 'ヒラギノ丸ゴ Pro W4', 'ヒラギノ丸ゴ Pro', 'Hiragino Maru Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'HG丸ゴシックM-PRO', 'HGMaruGothicMPRO'; - display: block; - margin-top: 2px; - text-align: center; - font-size: 9pt; - white-space: nowrap; - border: 1px solid #888; - -moz-border-radius: 4px; - -webkit-border-radius: 4px; - border-radius: 4px; - behavior: url(border-radius.htc); - text-decoration: none; - line-height: 26px; - color: #333; - vertical-align: middle; - box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); - -webkit-box-shadow: 1px 1px 2x 1px rgba(0, 0, 0, 0.1); - font-weight: bold; - text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #FFF, 0 1px 1px #FFF; - background: #f5f5f5; - background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f0f0f0), color-stop(0.00, #f5f5f5)); - background: -webkit-linear-gradient(#f5f5f5, #f0f0f0); - background: -moz-linear-gradient(#f5f5f5, #f0f0f0); - background: -o-linear-gradient(#f5f5f5, #f0f0f0); - background: -ms-linear-gradient(#f5f5f5, #f0f0f0); - background: linear-gradient(#f5f5f5, #f0f0f0); -} - -.gsi_maptoimage_window_button_frame a:active { - background: #f0f0f0; - background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f5f5f5), color-stop(0.00, #f0f0f0)); - background: -webkit-linear-gradient(#f0f0f0, #f5f5f5); - background: -moz-linear-gradient(#f0f0f0, #f5f5f5); - background: -o-linear-gradient(#f0f0f0, #f5f5f5); - background: -ms-linear-gradient(#f0f0f0, #f5f5f5); - background: linear-gradient(#f0f0f0, #f5f5f5); - color: #666; - box-shadow: -1px -1px 2px 1px rgba(0, 0, 0, 0.1); - -moz-box-shadow: -1px -1px 2px 1px rgba(0, 0, 0, 0.1); - /* Firefox */ - -webkit-box-shadow: -1px -1px 2x 1px rgba(0, 0, 0, 0.1); - /* Chrome, Safari */ -} - -.gsi_maptoimageareaselectdialog_content, .gsi_maptoimageareaselectdialog_content * { - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; -} - -.gsi_maptoimageareaselectdialog_content input { - width: 100%; - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - border: 1px solid #999; - background: #fff; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); -} - -.gsi_maptoimageareaselectdialog_content .disable { - color: #999; -} - -.gsi_maptoimageareaselectdialog_content input.disable { - border: 1px solid #eee; -} - -.gsi_maptoimageareaselectdialog_content input.error { - background: #ffe4e1; -} - -.gsi_maptoimageareaselectdialog_content .button_frame { - width: 100%; - height: 48px; - line-height: 48px; - padding: 0 4px 0 4px; -} - -.gsi_maptoimageareaselectdialog_content .button_frame .normalbutton { - margin-top: 4px; - line-height: 28px; - width: 100%; - text-align: center; -} - -.gsi_maptoimageareaselectdialog_content .button_frame .errormessage { - text-align: left; - color: red; - font-size: 9.5pt; - line-height: 22px; -} - -.gsi-areaselect-resize-icon { - box-sizing: border-box; - width: 12px; - height: 12px; - background: #fff; - border: 1px solid #cd5e3c; -} - -.gsi-areaselect-resize-icon.lt { - cursor: nw-resize; -} - -.gsi-areaselect-resize-icon.rt { - cursor: ne-resize; -} - -.gsi-areaselect-resize-icon.lb { - cursor: sw-resize; -} - -.gsi-areaselect-resize-icon.rb { - cursor: se-resize; -} - -.gsi-areaselect-move-icon { - box-sizing: border-box; - width: 24px; - height: 24px; - background-image: url(../image/system/move.png); - background-position: 50% 50%; - background-repeat: no-repeat; - cursor: move; -} - -.gsi_threeddialog_content input { - width: 100%; - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - border: 1px solid #999; - background: #fff; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); -} - -.gsi_threeddialog_content input.error { - background: #ffe4e1; -} - -.gsi_threeddialog_content .button_frame { - height: 48px; - line-height: 48px; - padding: 0 4px 0 4px; -} - -.gsi_threeddialog_content .button_frame .normalbutton { - margin-top: 4px; - line-height: 28px; -} - -.gsi_threeddialog_content .button_frame .errormessage { - text-align: left; - color: red; - font-size: 9.5pt; - line-height: 22px; -} - -.gsi_toukyodialog_content * { - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; -} - -.gsi_toukyodialog_content table { - width: 100%; -} - -.gsi_toukyodialog_content table td { - white-space: nowrap; -} - -.gsi_toukyodialog_content table input, .gsi_toukyodialog_content table select { - border: 1px solid #999; - height: 26px; - line-height: 26px; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); -} - -.gsi_toukyodialog_content table input { - width: 100%; -} - -.gsi_toukyodialog_content .color_select { - display: inline-block; - width: 40px; - -moz-border-radius: 3px; - /*for Firefox*/ - -webkit-border-radius: 3px; - /*for Safari and chrome*/ - border-radius: 3px; - behavior: url(border-radius.htc); - /*for IE*/ - cursor: pointer; -} - -.gsi_toukyodialog_content .msg_frame { - font-size: 9pt; -} - -.gsi_toukyoken_label { - font-size: 15pt; - font-weight: normal; - text-shadow: 3px 3px 2px #bbbbbb; -} - -.gsi_houilinedialog_content .msg_frame { - font-size: 9pt; -} - -.gsi_houilinedialog_content .color_select { - display: inline-block; - width: 40px; - -moz-border-radius: 3px; - /*for Firefox*/ - -webkit-border-radius: 3px; - /*for Safari and chrome*/ - border-radius: 3px; - behavior: url(border-radius.htc); - /*for IE*/ - cursor: pointer; -} - -.gsi_houilinedialog_content input, .gsi_houilinedialog_content select { - font-size: 9pt; - border: 1px solid #999; - height: 26px; - line-height: 26px; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); -} - -.gsi_houilinedialog_content .deginput { - width: 4em; - margin-right: 2px; - padding-left: 2px; -} - -.gsi_loadoutsidetiledialog_content { - width: 100%; - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; -} - -.gsi_loadoutsidetiledialog_content * { - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; -} - -.gsi_loadoutsidetiledialog_content div.caption { - font-size: 9pt; -} - -.gsi_loadoutsidetiledialog_content input { - font-size: 9pt; - border: 1px solid #999; - height: 26px; - line-height: 26px; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); - width: 100%; -} - -.gsi_loadoutsidetiledialog_content select { - font-size: 9pt; - border: 1px solid #999; - height: 26px; - line-height: 26px; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); -} - -.gsi_loadoutsidetiledialog_content textarea { - height: 3em; - font-size: 9pt; - border: 1px solid #999; - height: 60px; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); - width: 100%; -} - -.gsi_loadoutsidetiledialog_content dl { - margin: 0; - padding: 0; -} - -.gsi_loadoutsidetiledialog_content dt { - margin: 0; - padding: 0; -} - -.gsi_loadoutsidetiledialog_content dd { - margin: 0; - padding: 0; - margin-left: 16px; -} - -.gsi_loadoutsidetiledialog_content .msg_frame { - font-size: 9pt; - margin: 12px 4px 0 4px; -} - -.gsi_loadoutsidetiledialog_content .button_frame { - margin: 8px 8px 8px 8px; -} - -.gsi_loadoutsidetiledialog_content .normalbutton { - width: 100%; - text-align: center; -} - -.gsi_loadoutsidetiledialog_content div span { - font-size: 9pt; - display: inline-block; - *display: inline; - *zoom: 1; - margin-right: 4px; -} - -.gsi_loadoutsidetiledialog_content div.options { - margin-top: 2px; - margin-bottom: 6px; - border: 1px solid #aaa; - padding: 5px; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); -} - -.gsi_loadoutsidetiledialog_content a.option_btn { - font-size: 9pt; - display: inline-block; - *display: inline; - *zoom: 1; - color: #000; - text-decoration: none; - padding-right: 16px; - line-height: 16px; - height: 16px; - background-image: url(../image/system/arrow-right.png); - background-position: 100% 50%; - background-repeat: no-repeat; -} - -.gsi_loadoutsidetiledialog_content a.option_btn.expand { - background-image: url(../image/system/order_down.png); -} - -.gsi_editoutsidetiledialog_content { - width: 100%; - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; -} - -.gsi_editoutsidetiledialog_content * { - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; -} - -.gsi_editoutsidetiledialog_content div span { - font-size: 9pt; - display: inline-block; - *display: inline; - *zoom: 1; - margin-right: 4px; -} - -.gsi_editoutsidetiledialog_content div.caption { - font-size: 9pt; -} - -.gsi_editoutsidetiledialog_content input { - font-size: 9pt; - border: 1px solid #999; - height: 26px; - line-height: 26px; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); - width: 100%; -} - -.gsi_editoutsidetiledialog_content select { - font-size: 9pt; - border: 1px solid #999; - height: 26px; - line-height: 26px; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); -} - -.gsi_editoutsidetiledialog_content textarea { - height: 3em; - font-size: 9pt; - border: 1px solid #999; - height: 60px; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); - width: 100%; -} - -.gsi_editoutsidetiledialog_content .button_frame { - margin: 16px 8px 8px 8px; -} - -.gsi_editoutsidetiledialog_content .normalbutton { - width: 100%; - text-align: center; -} - -.gsi_editreliefdialog_content { - position: relative; -} - -.gsi_editreliefdialog_content, .gsi_editreliefdialog_content * { - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; -} - -.gsi_editreliefdialog_control_frame { - vertical-align: middle; - position: relative; - padding: 2px 0 3px 1px; - box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1); - /* Firefox */ - -webkit-box-shadow: 0px 1px 1x 1px rgba(0, 0, 0, 0.1); - /* Chrome, Safari */ - background: #fff; - background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f4f4f4), color-stop(0.00, #fff)); - background: -webkit-linear-gradient(#fff, #f4f4f4); - background: -moz-linear-gradient(#fff, #f4f4f4); - background: -o-linear-gradient(#fff, #f4f4f4); - background: -ms-linear-gradient(#fff, #f4f4f4); - background: linear-gradient(#fff, #f4f4f4); -} - -.gsi_editreliefdialog_content .loadingpanel { - position: absolute; - left: 0; - right: 0; - top: 0; - bottom: 0; - background: #fff; - opacity: 0.9; -} - -.gsi_editreliefdialog_content .loadingmessage { - padding-left: 24px; - position: absolute; - left: 0; - right: 0; - top: 50%; - color: #000; - text-align: center; - margin-top: -20px; - margin-left: -20px; - background-repeat: no-repeat; - background-position: 0 50%; - line-height: 16px; - ; -} - -.gsi_editreliefdialog_content .loadingmessage img { - margin-right: 2px; -} - -.gsi_editreliefdialog_control_frame a img { - vertical-align: bottom; -} - -.gsi_editreliefdialog_control_frame a { - font-size: 9.5pt; - text-decoration: none; - display: inline-block; - *display: inline; - *zoom: 1; - -moz-border-radius: 3px; - /*for Firefox*/ - -webkit-border-radius: 3px; - /*for Safari and chrome*/ - border-radius: 3px; - behavior: url(border-radius.htc); - /*for IE*/ - margin-right: 1px; - color: #333; - text-align: center; - border: 1px solid #eee; - padding: 2px; - vertical-align: middle; - line-height: 24px; - font-weight: bold; - text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #FFF, 0 1px 1px #FFF; -} - -.gsi_editreliefdialog_control_frame a:active { - background: #f0f0f0; - background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f5f5f5), color-stop(0.00, #f0f0f0)); - background: -webkit-linear-gradient(#f0f0f0, #f5f5f5); - background: -moz-linear-gradient(#f0f0f0, #f5f5f5); - background: -o-linear-gradient(#f0f0f0, #f5f5f5); - background: -ms-linear-gradient(#f0f0f0, #f5f5f5); - background: linear-gradient(#f0f0f0, #f5f5f5); - color: #666; - box-shadow: -1px -1px 2px 1px rgba(0, 0, 0, 0.1); - -moz-box-shadow: -1px -1px 2px 1px rgba(0, 0, 0, 0.1); - /* Firefox */ - -webkit-box-shadow: -1px -1px 2x 1px rgba(0, 0, 0, 0.1); - /* Chrome, Safari */ -} - -.gsi_editreliefdialog_control_frame a:hover { - border: 1px solid #bbb; - box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); - /* Firefox */ - -webkit-box-shadow: 1px 1px 2x 1px rgba(0, 0, 0, 0.1); - /* Chrome, Safari */ - background: #f5f5f5; - background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f0f0f0), color-stop(0.00, #f5f5f5)); - background: -webkit-linear-gradient(#f5f5f5, #f0f0f0); - background: -moz-linear-gradient(#f5f5f5, #f0f0f0); - background: -o-linear-gradient(#f5f5f5, #f0f0f0); - background: -ms-linear-gradient(#f5f5f5, #f0f0f0); - background: linear-gradient(#f5f5f5, #f0f0f0); -} - -.gsi_editreliefdialog_content .scroll_frame { - width: 100%; - max-height: 250px; - min-height: 125px; - height: 200px; - overflow-y: scroll; -} - -.gsi_editreliefdialog_content table.colors { - margin: auto; -} - -.gsi_editreliefdialog_content table.colors td { - font-size: 9.5pt; - height: 24px; - overflow-y: visible; -} - -.gsi_editreliefdialog_content input.elevation { - font-size: 9.5pt; - border: 1px solid #999; - height: 22px; - line-height: 22px; - padding: 0 4px 0 4px; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); - width: 5em; -} - -.gsi_editreliefdialog_content table.colors td a.color { - display: block; - font-size: 9.5pt; - line-height: 22px; - height: 22px; - width: 38px; - border: 1px solid #999; - padding: 0 4px 0 4px; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); -} - -.gsi_editreliefdialog_content table.colors td .btn { - border: 1px solid #ccc; - display: block; - padding: 1px; - -moz-border-radius: 3px; - /*for Firefox*/ - -webkit-border-radius: 3px; - /*for Safari and chrome*/ - border-radius: 3px; - behavior: url(border-radius.htc); - /*for IE*/ - line-height: 24px; - height: 24px; - width: 24px; - margin: 0; - opacity: .90; - filter: alpha(opacity=90); - -ms-filter: "alpha(opacity=90)"; - -khtml-opacity: .90; - -moz-opacity: .90; -} - -.gsi_editreliefdialog_content table.colors td a.remove_btn { - width: 24px; - height: 24px; - background: url(../image/sakuzu/icon_remove.png) no-repeat 50% 50%; -} - -.gsi_editreliefdialog_content table.colors td a.append_next_btn { - margin-bottom: -18px; - width: 24px; - height: 24px; - line-height: 24px; - text-align: center; - color: #333; - text-decoration: none; -} - -.gsi_editreliefdialog_content table.colors td a.append_prev_btn { - margin-top: -18px; - width: 24px; - height: 24px; - line-height: 24px; - text-align: center; - color: #333; - text-decoration: none; -} - -.gsi_editreliefdialog_content .loaddataview { - position: absolute; - background: #fff; - left: 0; - top: 0; - right: 0; - bottom: 0; - padding: 0px 8px 8px 8px; -} - -.gsi_editreliefdialog_content .loaddataview * { - font-size: 9.5pt; -} - -.gsi_editreliefdialog_content .newdataview { - position: absolute; - background: #fff; - left: 0; - top: 0; - right: 0; - bottom: 0; - padding: 0px 8px 8px 8px; -} - -.gsi_editreliefdialog_content dl { - margin: 0; - padding: 0; -} - -.gsi_editreliefdialog_content dl * { - font-size: 9.5pt; -} - -.gsi_editreliefdialog_content dl dt { - margin: 8px 0 0 0; - padding: 0; -} - -.gsi_editreliefdialog_content dl dd { - margin: 0; - padding: 0 0 0 12px; -} - -.gsi_editreliefdialog_content dl dd table input { - width: 5em; - font-size: 9.5pt; - font-size: 9.5pt; - border: 1px solid #999; - height: 22px; - line-height: 22px; - padding: 0 4px 0 4px; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); - width: 5em; -} - -.gsi_editreliefdialog_content dl dd td a.color { - display: block; - font-size: 9.5pt; - line-height: 22px; - height: 22px; - width: 38px; - border: 1px solid #999; - padding: 0 4px 0 4px; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); -} - -.gsi_editreliefdialog_content .file_frame, .gsi_editreliefdialog_content .file_frame * { - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; -} - -.gsi_editreliefdialog_content .file_frame { - padding: 12px; - width: 100%; -} - -.gsi_editreliefdialog_content .file_frame input { - width: 100%; -} - -.gsi_editreliefdialog_content .option_frame { - margin: 8px 8px 8px 12px; -} - -.gsi_editreliefdialog_content .button_frame { - text-align: center; -} - -.gsi_editreliefdialog_content .button_frame .normalbutton { - margin: 4px; -} - -.gsi_editreliefdialog_content .message_frame { - margin: 6px; -} - -.gsi_editreliefdialog_content .message_frame img { - float: left; - margin-right: 6px; -} - -.gsi_editreliefdialog_content .message_frame div { - line-height: 20px; -} - -.gsi_editreliefdialog_patternselect { - display: block; - float: right; - font-size: 9pt; - line-height: 22px; - border-radius: 3px; - background: #fff; - border: 1px solid #ccc; - padding: 0 20px 0 2px; - color: #000; - text-decoration: none; - background-repeat: no-repeat; -} - -.gsi_editreliefdialog_patternselectpanel { - position: absolute; - z-index: 10000000; - background: #fff; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.3); - -moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.3); - /* Firefox */ - -webkit-box-shadow: 0px 0px 2x 1px rgba(0, 0, 0, 0.3); - /* Chrome, Safari */ -} - -.gsi_editreliefdialog_patternselectpanel ul { - list-style: none; - padding: 0px; - margin: 0px; -} - -.gsi_editreliefdialog_patternselectpanel ul li { - display: block; - padding: 0px; - margin: 0px; - border-bottom: 1px dotted #aaa; -} - -.gsi_editreliefdialog_patternselectpanel ul li a { - display: block; - padding: 0px; - margin: 0px; - padding: 2px; -} - -.gsi_editreliefdialog_patternselectpanel ul li a:hover { - background: #eff6f2; -} - -.gsi_editreliefdialog_patternselectpanel ul li a canvas { - border: 1px solid #333; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; -} - -.gsi_crosssectionview_mousepointmarker { - background: #f4a460; - width: 3px; - height: 3px; - -moz-border-radius: 50%; - -webkit-border-radius: 50%; - border-radius: 50%; -} - -.gsi_crosssectionview_lineselector_selectbtn { - width: 40px; - height: 24px; - line-height: 24px; - text-align: center; - cursor: pointer; - white-space: nowrap; - border: 1px solid #888; - -moz-border-radius: 4px; - -webkit-border-radius: 4px; - border-radius: 4px; - behavior: url(border-radius.htc); - /*for IE*/ - text-decoration: none; - font-size: 9.5pt; - color: #333; - vertical-align: middle; - box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); - /* Firefox */ - -webkit-box-shadow: 1px 1px 2x 1px rgba(0, 0, 0, 0.1); - /* Chrome, Safari */ - font-weight: bold; - text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #FFF, 0 1px 1px #FFF; - background: #f5f5f5; - background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f0f0f0), color-stop(0.00, #f5f5f5)); - background: -webkit-linear-gradient(#f5f5f5, #f0f0f0); - background: -moz-linear-gradient(#f5f5f5, #f0f0f0); - background: -o-linear-gradient(#f5f5f5, #f0f0f0); - background: -ms-linear-gradient(#f5f5f5, #f0f0f0); - background: linear-gradient(#f5f5f5, #f0f0f0); -} - -.gsi_crosssectionview_displaygraph_dialog_header { - color: #000; - background: #fff; - -moz-border-radius: 3px; - /*for Firefox*/ - -webkit-border-radius: 3px; - /*for Safari and chrome*/ - border-radius: 3px; - behavior: url(border-radius.htc); - /*for IE*/ - font-size: 90%; - padding: 1px 20px 1px 4px; - /*border: 2px solid #555;*/ - cursor: move; -} - -.gsi_crosssectionview_displaygraph_dialog_header .closebtn { - vertical-align: bottom; - color: #333; - text-decoration: none; - position: absolute; - display: inline-block; - *display: inline; - *zoom: 1; - font-weight: bold; - text-align: center; - -moz-border-radius: 2px; - /*for Firefox*/ - -webkit-border-radius: 2px; - /*for Safari and chrome*/ - border-radius: 2px; - behavior: url(border-radius.htc); - /*for IE*/ - z-index: 99; -} - -.gsi_crosssectionview_displaygraph_dialog_header .minimizebtn { - vertical-align: bottom; - color: #333; - text-decoration: none; - position: absolute; - display: inline-block; - *display: inline; - *zoom: 1; - font-weight: bold; - text-align: center; - -moz-border-radius: 2px; - /*for Firefox*/ - -webkit-border-radius: 2px; - /*for Safari and chrome*/ - border-radius: 2px; - behavior: url(border-radius.htc); - /*for IE*/ - z-index: 99; -} - -.gsi_crosssectionview_graph_minmode { - float: right; -} - -.gsi_crosssectionview_graph_minmode input[type=radio].normalcheck+label { - padding-left: 20px; -} - -.gsi_crosssectionview_graph_ratio { - float: left; - margin-left: 4px; -} - -.gsi_crosssectionview_graph_ratio input { - width: 4em; - border: 1px solid #999; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); - text-align: center; - margin-left: 2px; -} - -.gsi_crosssectionview_graph_ratio a.normalbutton { - margin-left: 3px; - padding: 2px 4px 2px 4px; -} - -.gsi_crosssectionviewdialog_content, .gsi_crosssectionviewdialog_content * { - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - font-size: 9.5pt; -} - -.gsi_crosssectionviewdialog_content { - width: 100%; -} - -.gsi_crosssectionviewdialog_content .titleframe { - width: 100%; -} - -.gsi_crosssectionviewdialog_content .titleframe .message { - font-weight: bold; -} - - -.gsi_crosssectionviewdialog_content .pointframe { - width: 100%; - margin-bottom: 0.5em; -} - -.gsi_crosssectionviewdialog_content .pointframe img { - float: left; - margin-right: 6px; -} - -.gsi_crosssectionviewdialog_content .pointframe .message { - line-height: 16px; - padding-left: 10px; -} - -.gsi_crosssectionviewdialog_content .pointframe .btnframe { - width: 100%; - margin-top: 2px; - padding-left: 1em; -} - -.gsi_crosssectionviewdialog_content .fileframe { - width: 100%; - margin-bottom: 6px; -} - -.gsi_crosssectionviewdialog_content .fileframe img { - float: left; - margin-right: 6px; - margin-top: 2px; -} - -.gsi_crosssectionviewdialog_content .fileframe .message { - line-height: 16px; - padding-left: 10px; -} - -.gsi_crosssectionviewdialog_content .fileframe input { - font-size: 9pt; - width: 100%; -} - -.gsi_crosssectionviewdialog_content .fileframe .btnframe { - width: 100%; - margin-top: 4px; - padding-left: 1em; -} - -.gsi_crosssectionviewdialog_content .lineselect { - padding: 8px; -} - -.gsi_crosssectionviewdialog_content .lineselect img { - float: left; - margin-right: 6px; -} - -.gsi_crosssectionviewdialog_content .lineselect .message { - line-height: 20px; - font-size: 9.5pt; -} - -.gsi_crosssectionviewdialog_content .lineselect .btnframe { - width: 100%; - margin-top: 12px; - text-align: center; -} - -.gsi_crosssectionviewdialog_content .option-toggle-button { - position: relative; - margin-left: 10px; - margin-top: 3px; - display: inline-block; - *display: inline; - *zoom: 1; - color: #000; - padding-left: 18px; -} - -.gsi_crosssectionviewdialog_content .option-toggle-button::before { - content: " "; - position: absolute; - left: 0; - top: 0; - width: 16px; - height: 16px; - background-repeat: no-repeat; - background-position: 0px 50%; - background-image: url(../image/system/order_down.png); - line-height: 18px; - transform: rotate( -90deg); - transition-property: transform; - transition-duration: 0.3s; -} - -.gsi_crosssectionviewdialog_content .option-toggle-button.open::before { - transform: rotate( 0deg); - transition-property: transform; - transition-duration: 0.3s; -} - -.gsi_crosssectionviewdialog_content .option-container { - margin-left: 10px; - margin-right: 10px; - margin-bottom: 5px; - padding: 4px; - border: 1px solid #ddd; - border-radius: 3px; -} - -.gsi_crosssectionviewdialog_content .option-container .link { - float:right; -} - -.gsi_crosssectionviewdialog_content .option-container .message2 { - - font-size:9pt; - margin:4px; -} - -.gsi_crosssectionview_displaygraph_content, .gsi_crosssectionview_displaygraph_content * { - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - font-size: 9.5pt; -} - -.gsi_crosssectionview_displaygraph_content .graphframe { - overflow: auto; - width: 100%; - max-height: 400px; - text-align: center; -} - -.gsi_crosssectionview_displaygraph_content input.scaleinput { - width: 3em; - border: 1px solid #999; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); - text-align: center; - margin-left: 2px; - height: 22px; - line-height: 22px; -} - -.gsi_crosssectionview_displaygraph_content .savetypeselect { - background: #fff; - border: 1px solid #aaa; - background: #fff; - -moz-border-radius: 2px; - /*for Firefox*/ - -webkit-border-radius: 2px; - /*for Safari and chrome*/ - border-radius: 2px; - behavior: url(border-radius.htc); - /*for IE*/ - box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1); - /* Firefox */ - -webkit-box-shadow: 2px 2px 1x 1px rgba(0, 0, 0, 0.1); - /* Chrome, Safari */ - padding: 1px; -} - -.gsi_crosssectionview_displaygraph_content .savetypeselect a { - display: block; - color: #000; - padding: 4px; - text-decoration: none; - font-size: 9.5pt; - border-bottom: 1px dotted #ccc; -} - -.gsi_crosssectionview_displaygraph_content .savetypeselect a:hover { - background: #fffacd; -} - -.gsi_crosssectionview_displaygraph_content .savetypeselect a:last-child { - border-bottom: none; -} - -.gsi_spilitcontrol_container, .gsi_spilitcontrol_container * { - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; -} - -.gsi_spilitcontrol_container { - opacity: .90; - filter: alpha(opacity=90); - -ms-filter: "alpha(opacity=90)"; - -khtml-opacity: .90; - -moz-opacity: .90; - display: block; - background-color: #333; - color: #ffffff; - border: solid 1px #222; - font-size: 110%; - text-decoration: none; - -moz-border-radius: 5px; - -webkit-border-radius: 5px; - border-radius: 5px; - behavior: url(border-radius.htc); - box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.3); - -moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.3); - /* Firefox */ - -webkit-box-shadow: 0px 0px 2x 1px rgba(0, 0, 0, 0.3); - /* Chrome, Safari */ - padding: 2px 3px 2px 3px; -} - -.gsi_spilitcontrol_container .normalbutton { - height: 28px; - line-height: 28px; - color: #333; - padding: 0 4px 0 4px; - vertical-align: middle; -} - - -.gsi_spilitcontrol_container.mobile .normalbutton { - display: block; - text-align:center; - margin-bottom:4px; -} - -.gsi_spilitcontrol_container .stopsplitbtn { - text-decoration: none; - display: inline-block; - *display: inline; - *zoom: 1; - height: 28px; - line-height: 28px; - color: #fff; - cursor: pointer; - background-color: #2B7396; - color: #FFFFFF; - border: 1px solid #777; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); - padding: 0 4px 0 4px; - vertical-align: middle; -} - -.gsi_spilitcontrol_container .switchframe { - display: inline-block; - *display: inline; - *zoom: 1; -} - -.gsi_spilitcontrol_container .switchframe label.switchlabel { - cursor: pointer; - margin: 0 2px 0 6px; -} - -/* onoff */ - -.gsi_spilitcontrol_container .switchframe .gsi_onoffswitch { - position: relative; - width: 50px; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - display: inline-block; - *display: inline; - *zoom: 1; - vertical-align: middle; -} - -.gsi_spilitcontrol_container .switchframe .gsi_onoffswitch .checkbox { - display: none; -} - -.gsi_spilitcontrol_container .switchframe .gsi_onoffswitch .label { - display: block; - overflow: hidden; - cursor: pointer; - border: 1px solid #777; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); -} - -.gsi_spilitcontrol_container .switchframe .gsi_onoffswitch .inner { - display: block; - width: 200%; - margin-left: -100%; - -moz-transition: margin 0.3s ease-in 0s; - -webkit-transition: margin 0.3s ease-in 0s; - -o-transition: margin 0.3s ease-in 0s; - transition: margin 0.3s ease-in 0s; -} - -.gsi_spilitcontrol_container .switchframe .gsi_onoffswitch .inner:before, .gsi_spilitcontrol_container .switchframe .gsi_onoffswitch .inner:after { - display: block; - float: left; - width: 50%; - height: 28px; - padding: 0; - line-height: 28px; - font-size: 10px; - color: white; - font-weight: normal; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} - -.gsi_spilitcontrol_container .switchframe .gsi_onoffswitch .inner:before { - content: "ON"; - padding-left: 6px; - background-color: #2B7396; - color: #FFFFFF; - text-align: left; -} - -.gsi_spilitcontrol_container .switchframe .gsi_onoffswitch .inner:after { - content: "OFF"; - padding-right: 6px; - background-color: #eee; - color: #777; - text-align: right; -} - -.gsi_spilitcontrol_container .switchframe .gsi_onoffswitch .switch { - display: block; - width: 20px; - margin: 0px; - background: #FFFFFF; - border: 1px solid #666; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); - position: absolute; - top: 0; - bottom: 0; - right: 30px; - -moz-transition: all 0.3s ease-in 0s; - -webkit-transition: all 0.3s ease-in 0s; - -o-transition: all 0.3s ease-in 0s; - transition: all 0.3s ease-in 0s; - background-image: -moz-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); - background-image: -webkit-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); - background-image: -o-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); - background-image: linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); -} - -.gsi_spilitcontrol_container .switchframe .gsi_onoffswitch .checkbox:checked+.label .inner { - margin-left: 0; -} - -.gsi_spilitcontrol_container .switchframe .gsi_onoffswitch .checkbox:checked+.label .switch { - right: 0; -} - -.gsi_spilitcontrol_container .switchframe .gsi_onoffswitch .on_label_inner { - margin-left: 0; -} - -.gsi_spilitcontrol_container .switchframe .gsi_onoffswitch .on_label_switch { - right: 0; -} - -.gsi_pathframerectangle_editbtn { - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - width: 30px; - height: 30px; - line-height: 30px; - text-align: center; - cursor: pointer; - white-space: nowrap; - border: 1px solid #888; - -moz-border-radius: 4px; - -webkit-border-radius: 4px; - border-radius: 4px; - behavior: url(border-radius.htc); - /*for IE*/ - text-decoration: none; - font-size: 9.5pt; - color: #333; - vertical-align: middle; - box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); - /* Firefox */ - -webkit-box-shadow: 1px 1px 2x 1px rgba(0, 0, 0, 0.1); - /* Chrome, Safari */ - font-weight: bold; - text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #FFF, 0 1px 1px #FFF; - background-color: #f5f5f5; - opacity: .90; - filter: alpha(opacity=90); - -ms-filter: "alpha(opacity=90)"; - -khtml-opacity: .90; - -moz-opacity: .90; - background-image: url(../image/sakuzu/icon_edit.png); - background-position: 50% 50%; - background-repeat: no-repeat; -} - -.gsi_pathframerectangle_removebtn { - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - width: 30px; - height: 30px; - line-height: 30px; - text-align: center; - cursor: pointer; - white-space: nowrap; - border: 1px solid #888; - -moz-border-radius: 4px; - -webkit-border-radius: 4px; - border-radius: 4px; - behavior: url(border-radius.htc); - /*for IE*/ - text-decoration: none; - font-size: 9.5pt; - color: #333; - vertical-align: middle; - box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); - /* Firefox */ - -webkit-box-shadow: 1px 1px 2x 1px rgba(0, 0, 0, 0.1); - /* Chrome, Safari */ - font-weight: bold; - text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #FFF, 0 1px 1px #FFF; - background-color: #f5f5f5; - opacity: .90; - filter: alpha(opacity=90); - -ms-filter: "alpha(opacity=90)"; - -khtml-opacity: .90; - -moz-opacity: .90; - background-image: url(../image/sakuzu/icon_remove.png); - background-position: 50% 50%; - background-repeat: no-repeat; -} - -.gsi_pathframerectangle_addinnerbtn { - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - width: 30px; - height: 30px; - line-height: 30px; - text-align: center; - cursor: pointer; - white-space: nowrap; - border: 1px solid #888; - -moz-border-radius: 4px; - -webkit-border-radius: 4px; - border-radius: 4px; - behavior: url(border-radius.htc); - /*for IE*/ - text-decoration: none; - font-size: 9.5pt; - color: #333; - vertical-align: middle; - box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); - /* Firefox */ - -webkit-box-shadow: 1px 1px 2x 1px rgba(0, 0, 0, 0.1); - /* Chrome, Safari */ - font-weight: bold; - text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #FFF, 0 1px 1px #FFF; - background-color: #f5f5f5; - opacity: .90; - filter: alpha(opacity=90); - -ms-filter: "alpha(opacity=90)"; - -khtml-opacity: .90; - -moz-opacity: .90; - background-image: url(../image/sakuzu/icon_polygoninner.png); - background-position: 50% 50%; - background-repeat: no-repeat; -} - -.gsi_pathframerectangle_removeinnerbtn { - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - width: 30px; - height: 30px; - line-height: 30px; - text-align: center; - cursor: pointer; - white-space: nowrap; - border: 1px solid #888; - -moz-border-radius: 4px; - -webkit-border-radius: 4px; - border-radius: 4px; - behavior: url(border-radius.htc); - /*for IE*/ - text-decoration: none; - font-size: 9.5pt; - color: #333; - vertical-align: middle; - box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); - /* Firefox */ - -webkit-box-shadow: 1px 1px 2x 1px rgba(0, 0, 0, 0.1); - /* Chrome, Safari */ - font-weight: bold; - text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #FFF, 0 1px 1px #FFF; - background-color: #f5f5f5; - opacity: .90; - filter: alpha(opacity=90); - -ms-filter: "alpha(opacity=90)"; - -khtml-opacity: .90; - -moz-opacity: .90; - background-image: url(../image/sakuzu/icon_remove.png); - background-position: 50% 50%; - background-repeat: no-repeat; -} - -.gsi_csvdialog_content { - position: relative; - padding: 8px; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -.gsi_csvdialog_content * { - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -.gsi_csvdialog_content .icon_frame { - width: 100%; -} - -.gsi_csvdialog_content .icon_frame * { - font-size: 9pt; -} - -.gsi_csvdialog_content .table_frame { - width: 100%; - overflow-x: auto; -} - -.gsi_csvdialog_content .message_frame { - font-size: 10pt; - color: #000; - padding-top: 8px; - padding-bottom: 8px; -} - -.gsi_csvdialog_content .tablemessage_frame { - font-size: 9pt; - padding-top: 4px; -} - -.gsi_csvdialog_content .table_frame table { - border-collapse: separate; - border-spacing: 0px; - border-top: 1px solid #666666; - border-left: 1px solid #666666; - border-radius: 3px; -} - -.gsi_csvdialog_content .table_frame table th { - background-color: rgba(170, 170, 170, 0.3); - border-top: 1px solid #fff; - border-bottom: 1px solid #666666; - border-right: 1px solid #666666; - font-size: 9pt; - text-align: left; -} - -.gsi_csvdialog_content .table_frame table th select { - font-size: 9pt; - width: 100%; -} - -.gsi_csvdialog_content .table_frame table td { - font-size: 9pt; - min-width: 120px; - background-color: #ffffff; - border-right: 1px solid #666666; - border-bottom: 1px solid #666666; -} - -.gsi_csvdialog_content .button_frame { - padding: 8px 0 0 0; -} - -.gsi_csvdialog_content .button_frame a.normalbutton { - width: 100%; - text-align: center; -} - -.gsi_csvdialog_content .progress_frame { - position: absolute; - left: 0; - top: 0; - right: 0; - bottom: 0; - background-color: rgba( 255, 255, 255, 0.5); -} - -.gsi_csvdialog_content .progress_bg { - position: absolute; - left: 20%; - right: 20%; - top: 50%; - margin-top: -3px; - height: 6px; - background: rgba(255, 255, 255, 0.9); - border-radius: 3px; - border: 1px solid #555; -} - -.gsi_csvdialog_content .progress { - position: absolute; - left: 0; - top: 0; - bottom: 0; - background: rgba(38, 130, 173, 0.9); -} - -.gsi_mapcompare_separater { - -moz-box-sizing: border-box; - box-sizing: border-box; - width: 1px; - background: rgba(32, 32, 32, 0.4); - cursor: col-resize; - top: 0px; - bottom: 0px; - margin-left: -1px; - /* - box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.8); - -moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.8); - -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.8); - border-left:1px solid #333; - border-right:1px solid #333; - */ -} - -.gsi_mapcompare_separater:hover { - /* - background : rgba(32,32,32,0.9); - */ -} - -.gsi_mapcompare_slider_frame, .gsi_mapcompare_slider_frame * { - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -.gsi_mapcompare_slider_frame { - position: absolute; - background: #333; - height: 30px; - top: 40px; - left: 0; - right: 0; -} - -.gsi_mapcompare_slider { - position: absolute; - top: 8px; - bottom: 10px; - left: 50px; - right: 50px; -} - -.gsi_mapcompare_slider_clearbtn { - -moz-box-sizing: border-box; - box-sizing: border-box; - position: absolute; - height: 24px; - line-height: 24px; - right: 5px; - width: 80px; - top: 50%; - margin-top: -12px; - color: #333; - background: #fff; - display: block; - text-align: center; - padding: 0; -} - -.gsi_kokudokihonzukakudialog_content { - margin: 0 4px 4px 4px; -} - -.gsi_kokudokihonzukakudialog_content .alert { - margin-top: 8px; - font-size: 9pt; - color: red; - word-break: break-all; -} - -.gsi_kokudokihonzukakudialog_content .gsi_kihonzukaku_gridinfo { - margin-top: 8px; -} - -.gsi_kokudokihonzukakudialog_content .gsi_kihonzukaku_gridinfo h3 { - margin: 0; - padding: 0; -} - -.gsi_kokudokihonzukakudialog_content .gsi_kihonzukaku_gridinfo table { - border: 1px solid #999; - border-collapse: collapse; - border-spacing: 0; -} - -.gsi_kokudokihonzukakudialog_content .gsi_kihonzukaku_gridinfo table th { - border-bottom: 1px solid #999; - background-color: #aaa; - padding: 2px; - font-size: 9pt; -} - -.gsi_kokudokihonzukakudialog_content .gsi_kihonzukaku_gridinfo table th:last-child { - border-left: 1px solid #999; -} - -.gsi_kokudokihonzukakudialog_content .gsi_kihonzukaku_gridinfo table td { - border-bottom: 1px solid #999; - padding: 0px 4px 0 4px; - font-size: 9pt; -} - -.gsi_kihonzukaku_gridinfo table td:last-child { - border-left: 1px solid #999; -} - -.gsi_kokudokihonzukakudialog_content .gsi_kihonzukaku_gridinfo table tr.active td { - color: red; -} - -.gsi_dsloreinfodialog_div { - margin: 0.2em; -} - -.gsi_dsloreinfodialog_div_table_th { - background-color: rgba(32, 32, 32, 0.8); - color: #fff; - font-size: 14px; - padding: 0.4em 0.4em 0.4em 0.4em; -} - -.gsi_dsloreinfodialog_inner_div { - margin: 0.2em; -} - -.gsi_dsloreinfodialog_inner_div table { - border-collapse: collapse; -} - -.gsi_dsloreinfodialog_inner_div table th { - background-color: rgba(32, 32, 32, 0.8); - background-color: #f4f4f4; - color: #222; - padding: 0.2em 0.4em 0.2em 0.4em; - border: 1px solid #442; -} - -.gsi_dsloreinfodialog_inner_div table td { - padding: 0.2em 0.6em 0.2em 0.6em; - border: 1px solid #442; -} - -.gsi_dsloreinfodialog_inner_div img { - border: 1px solid #442; - margin: 0px; -} - -.gsi_layertreedialog_itemtooltip .pankz-frame { - border-bottom: 1px solid #ccc; - padding-bottom: 4px; - margin-bottom: 4px; -} - -.gsi_layertreedialog_itemtooltip .pankz-frame * { - font-size: 10pt; -} - -.gsi-jpeginfo-popup {} - -.gsi-jpeginfo-popup th, .gsi-jpeginfo-popup td { - vertical-align: top; -} - -.leaflet-container .leaflet-control-zoomslider { - margin-top: 10px; - margin-left: 8px; -} - -.leaflet-touch .leaflet-control-zoomslider { - box-shadow: none; - border: 2px solid rgba(0, 0, 0, 0.2); - background-clip: padding-box; - border-radius: 5px; -} - -.leaflet-touch .leaflet-bar a:first-child { - border-top-left-radius: 5px; - border-top-right-radius: 5px; -} - -.leaflet-touch .leaflet-bar a:last-child { - border-bottom-left-radius: 5px; - border-bottom-right-radius: 5px; -} - -.leaflet-control-zoomslider-body { - background: #666; -} - -.leaflet-control-zoomslider a { - color: #666; -} - -.gsi-gps-marker { - background: transparent; - border: none; - width: 12px; - height: 12px; -} - - - -.gsi-topmostwindow-container { - position:absolute; - z-index:999999; - left:0; - top:0; - bottom:0; - right:0; - background-color:rgba(0,0,0,0.5); - -moz-box-sizing: border-box; - box-sizing: border-box; -} - - -.gsi-topmostwindow-container * { - -moz-box-sizing: border-box; - box-sizing: border-box; -} - - -.gsi-topmostwindow-container .frame{ - position:absolute; - background:#fff; - padding:16px 12px 16px 12px; - left:50%; - top:50%; - width:320px; - margin-left:-160px; - margin-top:-100px; - border-radius:3px; - background-color: rgba(255,255,255,0.9); - border: 2px solid rgb(51, 51, 51); - - box-shadow: 2px 2px 3px 3px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 2px 2px 3px 3px rgba(0, 0, 0, 0.1); - -webkit-box-shadow: 2px 2px 3x 3px rgba(0, 0, 0, 0.1); -} - -.gsi-topmostwindow-container .frame .message { - margin-bottom:12px; - line-height:20px; - background-image: url(../image/system/info.png); - background-repeat: no-repeat; - background-position: 0px 1px; - padding-left:20px; - font-size:9.5pt; - word-break: break-all; -} - -.gsi-topmostwindow-container .frame .message .strong { - font-weight: bold; - font-size:110%; - display: inline-block; - color:rgb(206, 0, 0); - margin-left:2px; - margin-right:2px; - -} - - -.gsi-topmostwindow-container .frame .message .strong{ - font-weight:bold; - font-size:110% -} - -.gsi-topmostwindow-container .frame .filename-frame{ - width:100%; - -} - - - -.gsi-topmostwindow-container .frame .filename-frame input{ - width:100%; - border: 1px solid #999; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); -} - -.gsi-topmostwindow-container .frame .button-frame{ - margin-top: 12px; - text-align: center; -} - - -.gsi-topmostwindow-container .frame .button-frame .normalbutton{ - width:100px; - margin-left:1px; - margin-right:1px; - cursor: pointer; -} - -.gsi-confirm-prevstate { - position:absolute; - z-index:10; - right: 2px; - top:2px; - white-space: nowrap; - padding:4px ; - border: 1px solid #999; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - background-color: rgba(255, 255, 255, 0.9); - border-radius: 3px; - behavior: url(border-radius.htc); -} - - - -.gsi-share-panel { - - position:absolute; - background:#fff; - right:8px; - top:40px; - z-index:899998; - padding:4px; - min-width:200px; - - background:rgba(255,255,255,0.95); - - - box-sizing: border-box; - -webkit-box-sizing:border-box; - -moz-box-sizing: border-box; - - -moz-border-radius: 6px;/*for Firefox*/ - -webkit-border-radius: 6px;/*for Safari and chrome*/ - border-radius: 6px; - behavior: url(border-radius.htc);/*for IE*/ - - padding:8px; - border:1px solid #bbb; - box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1); /* Firefox */ - -webkit-box-shadow: 2px 2px 1x 1px rgba(0, 0, 0, 0.1); /* Chrome, Safari */ -} - -.gsi-share-panel.mobile { - top:79px; - right:1px; - -} - -.gsi-share-panel *{ - - box-sizing: border-box; - -webkit-box-sizing:border-box; - -moz-box-sizing: border-box; -} - - - - - -.gsi-share-panel .gsi-share-panel-icons { - margin-bottom:4px; -} - - -.gsi-share-panel .gsi-share-panel-icons a{ - - display:inline-block; - *display: inline; - *zoom: 1; - width:32px; - height:32px; - margin-right:2px; - vertical-align: bottom; - background-repeat: no-repeat; - background-position: center center; - background-size: contain; -} - -.gsi-share-panel .gsi-share-panel-icons a.facebook { - background-color: transparent; - background-image: url(../image/system/facebook.png); - -} -.gsi-share-panel .gsi-share-panel-icons a.twitter { - background-color: transparent; - background-image: url(../image/system/twitter.png); - -} - -.gsi-share-panel .gsi-share-panel-icons a.qr-code { - background-color: transparent; - background-image: url(../image/system/qr-code.png); -} -.gsi-share-panel .gsi-share-panel-icons a.mail { - background-color: transparent; - background-image: url(../image/system/share-mail.png); - -} -.gsi-share-panel .gsi-share-panel-icons a.save-image { - background-color: transparent; - background-image: url(../image/system/share-picture.png); - -} - -.gsi-share-panel .gsi-share-panel-icons a.save-temp { - background-color: transparent; - background-image: url(../image/system/share-temp.png); - -} -.gsi-share-panel .gsi-share-panel-icons a.umekomi { - background-color: transparent; - background-image: url(../image/system/share-embed.png); - -} -.gsi-share-panel .gsi-share-panel-icons a:last-child{ - margin-right:0; -} -.gsi-share-panel .gsi-share-panel-icons a.code { - background-color: transparent; - background-image: url(../image/system/share-center.png); -} - - - -.gsi-share-panel-url { - margin-bottom:4px; -} - -.gsi-share-panel-url textarea { - width:100%; - display:block; - font-size:9pt; - height:8em; - border: 1px solid #999; - padding: 2px; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); - vertical-align:middle; - resize: none; -} - - - -.gsi-share-panel-code { - -} - -.gsi-share-panel-code a{ - display:inline-block; - *display: inline; - *zoom: 1; - font-size:10pt; -} - - - - - - - -.gsi_bookmark_panel -{ - position:absolute; - background:#fff; - right:24px; - top:40px; - z-index:899998; - width:300px; - padding:4px; - - - box-sizing: border-box; - -webkit-box-sizing:border-box; - -moz-box-sizing: border-box; - - - - border:1px solid #bbb; - - opacity: .95; - filter: alpha(opacity=95); - -ms-filter: "alpha(opacity=95)"; - -khtml-opacity: .95; - -moz-opacity: .95; - - - -moz-border-radius: 6px;/*for Firefox*/ - -webkit-border-radius: 6px;/*for Safari and chrome*/ - border-radius: 6px; - behavior: url(border-radius.htc);/*for IE*/ - - box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1); /* Firefox */ - -webkit-box-shadow: 2px 2px 1x 1px rgba(0, 0, 0, 0.1); /* Chrome, Safari */ - - -} - - -.gsi_bookmark_panel h3 -{ - margin:0; - padding:0; -} - -.gsi_bookmark_panel textarea -{ - width:100%; - - box-sizing: border-box; - -webkit-box-sizing:border-box; - -moz-box-sizing: border-box; - height:9em; -} - -.gsi_bookmark_panel .message -{ - font-size:9pt; - margin-top:4px; - margin-bottom:4px; - -} - - -.gsi-sakuzudialog-list-container { - margin-top: 0px; - margin-bottom: 0px; - padding: 0; - overflow-y: auto; - position: relative; -} - -.gsi-sakuzudialog-list-container .labelsizeframe { - padding-right: 8px; - margin-bottom: 2px; -} - -.gsi-sakuzudialog-list-container .labelsizeframe a { - display: inline-block; - *display: inline; - *zoom: 1; - margin-right: 4px; - color: #666; - padding: 0 4px 0 4px; - border: 1px solid #ccc; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); - vertical-align: middle; - text-decoration: none; - font-size: 8pt; -} - -.gsi-sakuzudialog-list-container ul { - - display:block; - position: relative; - list-style: none; - padding:0; - margin: 0 0 0 0; -} - -.gsi-sakuzudialog-list-container ul li { - padding: 5px; - display:block; - position: relative; - border-radius: 3px; -} -.gsi-sakuzudialog-list-container ul li .folder .title { - font-size:10.5pt; -} -.gsi-sakuzudialog-list-container ul li .folder span.title { - display: none; - line-height: 26px; - padding: 0 0 0 26px; - background-repeat: no-repeat; - background-position: 0px 2px; - background-image: url(../image/sakuzu/icon_edit.png); -} - - -.gsi-sakuzudialog-list-container ul li.editing .folder { -} -.gsi-sakuzudialog-list-container ul li.editing .folder .title { - font-weight: bold; -} - -.gsi-sakuzudialog-list-container ul li.editing { - background:rgb(52, 142, 187,0.15); -} -.gsi-sakuzudialog-list-container ul li.editing .folder span.title { - display: block; -} -.gsi-sakuzudialog-list-container ul li.editing .folder label.title { - display: none; -} -.gsi-sakuzudialog-list-container ul li.editing a.editbutton { - background:rgb(52, 142, 187); - -} -.gsi-sakuzudialog-list-container ul li.creating { - /*background:rgb(187, 142, 52,0.3);*/ -} - -.gsi-sakuzudialog-list-container ul li.creating .folder { - font-weight: bold; -} - -.gsi-sakuzudialog-list-container .labelsizeframe a.active { - color: #fff; - background: #2B7396; -} - -.gsi-sakuzudialog-list-container table { - border-collapse: collapse; -} - -.gsi-sakuzudialog-list-container table td { - padding: 1px; - vertical-align: middle; -} - -.gsi-sakuzudialog-list-container td .num { - margin-right: 4px; - background: rgb(206, 0, 0); - color: #fff; - padding: 0 8px 0 8px; - display: inline-block; - *display: inline; - *zoom: 1; - border: 1px solid #ccc; - -moz-border-radius: 8px; - /*for Firefox*/ - -webkit-border-radius: 8px; - /*for Safari and chrome*/ - border-radius: 8px; - behavior: url(border-radius.htc); - /*for IE*/ - vertical-align: middle; -} - - - - -.gsi-sakuzuinfoedit-dialog-content-contentframe { - padding:0; -} - -.gsi-sakuzuinfoedit-dialog-title{ - padding:0; -} - -.gsi-sakuzuinfoedit-dialog-header { - color: #000; - background:transparent; - font-size:10pt; - border-radius: 0; - cursor: move; - padding: 0; -} - -.gsi-sakuzuinfoedit-dialog-header .closebtn { - vertical-align: bottom; - color: #333; - text-decoration: none; - position: absolute; - display: inline-block; - *display: inline; - *zoom: 1; - font-weight: bold; - text-align: center; - -moz-border-radius: 2px; - /*for Firefox*/ - -webkit-border-radius: 2px; - /*for Safari and chrome*/ - border-radius: 2px; - behavior: url(border-radius.htc); - /*for IE*/ - z-index: 99; -} - -.gsi-sakuzuinfoedit-dialog-header .minimizebtn { - vertical-align: bottom; - color: #333; - text-decoration: none; - position: absolute; - display: inline-block; - *display: inline; - *zoom: 1; - font-weight: bold; - text-align: center; - -moz-border-radius: 2px; - /*for Firefox*/ - -webkit-border-radius: 2px; - /*for Safari and chrome*/ - border-radius: 2px; - behavior: url(border-radius.htc); - /*for IE*/ - z-index: 99; -} - - - -.gsi-reserveinfo-panel { - position:absolute; - z-index:100; - background-color: #fff; - background-color: rgba(255,255,255,0.9); - top:0px; - left:0px; - right:0px; - box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1); - /* Firefox */ - -webkit-box-shadow: 0px 1px 1x 1px rgba(0, 0, 0, 0.1); - padding:4px; - - -} - -.gsi-reserveinfo-panel .button-panel{ - margin-top:4px; - margin-bottom:4px; - text-align: center; -} - -.gsi-reserveinfo-panel .button-panel .normalbutton { - - line-height:18px; - width:80px; - text-align: center; - margin-left:1px; - margin-right:1px; - -} - -.gsi-reserveinfo-panel .message { - padding-left:22px; - background-position: 2px 2px; - background-repeat: no-repeat; - background-image: url(../image/system/info.png); - line-height:20px; - -} -.gsi-reserveinfo-panel .message .strong { - font-weight: bold; - font-size:110%; - display: inline-block; - color:rgb(206, 0, 0); - margin-left:2px; - margin-right:2px; - -} - -.gsi-sakuzuinfoedit-dialog-title { - position: relative; - padding:4px 4px 4px 26px; - line-height:24px; - font-size:20px; - background:#eee; -} -.gsi-sakuzuinfoedit-dialog-title .strong { - - font-weight: bold; - font-size:110%; - display: inline-block; - margin-right:2px; -} - -.gsi-sakuzuinfoedit-dialog-title::before{ - content: " "; - background-position: 50% 50%; - background-repeat: no-repeat; - display: block; - position:absolute; - width:24px; - height:24px; - line-height:24px; - background-image: url(../image/system/info.png); - left:2px; - top:3px; - border-radius: 50%; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -.gsi-sakuzuinfoedit-dialog-content { - - -moz-box-sizing: border-box; - box-sizing: border-box; - padding:0 4px 4px 4px; - position: relative; - -} - - -.gsi-sakuzuinfoedit-dialog-content * { - - -moz-box-sizing: border-box; - box-sizing: border-box; -} - - -.gsi-sakuzuinfoeditdialog-content input, - .gsi-sakuzuinfoedit-dialog-content select, - .gsi-sakuzuinfoedit-dialog-content textarea { - - border: 1px solid #999; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); -} - -.lineedit-panel table { -} - -.gsi-sakuzuinfoedit-dialog-content .line-opacity { - width:3em; - text-align: center; -} -.gsi-sakuzuinfoedit-dialog-content .fill-opacity { - width:3em; - text-align: center; -} - - -.gsi-sakuzuinfoedit-dialog-content a.plyinnerbtn { - font-size: 10pt; - font-weight: bold; - color: #222; - padding-left: 25px; - display: inline-block; - *display: inline; - *zoom: 1; - line-height: 24px; - background-image: url(../image/sakuzu/scissors.png); - background-size: 22px 22px; - background-repeat: no-repeat; - background-position: 0px center; -} - - - -.gsi-sakuzuinfoedit-dialog-content .color_select { -width: 40px; -height:24px; --moz-border-radius: 3px; -/*for Firefox*/ --webkit-border-radius: 3px; -/*for Safari and chrome*/ -border-radius: 3px; -behavior: url(border-radius.htc); -/*for IE*/ -cursor: pointer; -} - - -.gsi-sakuzuinfoedit-dialog-content .infoedit-panel { - margin-top: 3px; - margin-bottom: 3px; - padding: 3px; - -moz-border-radius: 3px; - /*for Firefox*/ - -webkit-border-radius: 3px; - /*for Safari and chrome*/ - border-radius: 3px; - behavior: url(border-radius.htc); - /*for IE*/ - border: 1px solid #ccc; -} - -.gsi-sakuzuinfoedit-dialog-content .infoedit-panel .tableframe { -max-height: 250px; -overflow-y: auto; -} -.gsi-sakuzuinfoedit-dialog-content .infoedit-panel table { - border-collapse: collapse; -} - -.gsi-sakuzuinfoedit-dialog-content .infoedit-panel .toggleinfobtn { - font-size: 80%; - display: inline-block; - *display: inline; - *zoom: 1; - padding: 2px 3px 2px 3px; - - color: #000; -} - -.gsi-sakuzuinfoedit-dialog-content .infoedit-panel .inputtext { - height: 26px; - line-height: 26px; - border: 1px solid #999; - padding: 1px 0px 0px 2px; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); - vertical-align: middle; - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - font-size:10pt; -} - -.gsi-sakuzuinfoedit-dialog-content .infoedit-panel .inputtextarea { - height: 26px; - border: 1px solid #999; - padding: 0px 0px 0px 2px; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - font-size:10pt; -} - -.gsi-sakuzuinfoedit-dialog-content .infoedit-panel td { - font-size: 90%; -} - -.gsi-sakuzuinfoedit-dialog-content .infoedit-panel a.btn:active { - background: #d9E6E2; -} - -.gsi-sakuzuinfoedit-dialog-content .infoedit-panel .btn { - border: 1px solid #999; - display: inline-block; - *display: inline; - *zoom: 1; - -moz-border-radius: 3px; - /*for Firefox*/ - -webkit-border-radius: 3px; - /*for Safari and chrome*/ - border-radius: 3px; - behavior: url(border-radius.htc); - /*for IE*/ - line-height: 26px; - height: 26px; - width: 26px; -} - -.gsi-sakuzuinfoedit-dialog-content .infoedit-panel .btn img { - width: 22px; - height: 22px; -} - - - -.gsi-sakuzuinfoedit-dialog-content .button-panel { - - text-align: center; - padding-top:2px; - padding-bottom:3px; - -} - - -.gsi-sakuzuinfoedit-dialog-content .button-panel .normalbutton{ - - line-height:22px; - width:100px; - text-align: center; - margin-left:1px; - margin-right:1px; - -} - -.gsi-sakuzuconfirm-container .frame { - - width:360px; - margin-left:-180px; - margin-top:-100px; -} - - -/* -.gsi-sakuzuconfirm { - position:absolute; - z-index:999999; - left:0; - top:0; - bottom:0; - right:0; - background-color:rgba(0,0,0,0.5); -} - - -.gsi-sakuzuconfirm .frame { - position:absolute; - background:#fff; - padding:16px 12px 16px 12px; - left:50%; - top:50%; - width:360px; - margin-left:-180px; - margin-top:-100px; - border-radius:3px; - background-color: rgba(255,255,255,0.9); - border: 2px solid rgb(51, 51, 51); - - box-shadow: 2px 2px 3px 3px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 2px 2px 3px 3px rgba(0, 0, 0, 0.1); - -webkit-box-shadow: 2px 2px 3x 3px rgba(0, 0, 0, 0.1); -} - - -.gsi-sakuzuconfirm .frame .message{ - padding-left:22px; - background-position: 2px 2px; - background-repeat: no-repeat; - background-image: url(../image/system/info.png); - line-height:20px; -} - -.gsi-sakuzuconfirm .frame .message .strong { - font-weight: bold; - font-size:110%; - display: inline-block; - color:rgb(206, 0, 0); - margin-left:2px; - margin-right:2px; - -} -.gsi-sakuzuconfirm .frame .button-container { - margin-top:12px; - text-align: center; -} - - -.gsi-sakuzuconfirm .frame .button-container a.normalbutton{ - - margin-left:1px; - margin-right: 1px; - min-width:80px; -} - - -*/ - -.gsi-sakuzu-load-window .frame { - width:400px; - padding:12px; - margin-top:-150px; -} - -.gsi-sakuzu-save-window .frame { - width:400px; - padding:12px; - margin-top:-250px; - - -} - -.gsi-sakuzu-save-window .frame .message { - margin-bottom:0px; -} -.gsi-sakuzu-save-window .frame .message .small { - font-size:8pt; - margin-left:-20px; -} - -.gsi-sakuzu-save-window .frame .textarea-frame { - width:100%; -} - -.gsi-sakuzu-save-window .frame .textarea-frame textarea{ - height: 220px; - width:100%; - font-size: 9.5pt; - border: 1px solid #999; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); -} - -.gsi-sakuzu-save-window .frame .button-frame { - margin-top:2px; -} -.gsi-sakuzu-save-window .frame .button-frame .normalbutton{ - width:160px; -} - - - - -.gsi_sakuzu_dialog_pointedit_text_style_frame { - position: relative; - height: 32px; - width: 100%; -} - -.gsi_sakuzu_dialog_pointedit_text_style_frame .font_size_select { - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - position: absolute; - height: 32px; - width: 85px; - left: 0px; - font-size: 12px; - border: 1px solid #999; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; -} - -.gsi_sakuzu_dialog_pointedit_text_style_frame a { - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - display: inline-block; - *display: inline; - *zoom: 1; - top: 0; - position: absolute; - height: 32px; - width: 32px; - right: 0; - line-height: 32px; - text-align: center; - border: 1px solid #999; - background-position: 3px 3px; - background-repeat: no-repeat; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); - opacity: .80; - filter: alpha(opacity=80); - -ms-filter: "alpha(opacity=80)"; - -khtml-opacity: .80; - -moz-opacity: .80; -} - -.gsi_sakuzu_dialog_pointedit_text_style_frame a.enabled { - border: 2px solid #f00; - opacity: 1; - filter: alpha(opacity=100); - -ms-filter: "alpha(opacity=100)"; - -khtml-opacity: 1; - -moz-opacity: 1; -} - -.gsi_sakuzu_dialog_pointedit_text_style_frame a.font_bold_btn { - background-image: url(../image/sakuzu/bold.png); - left: 87px; -} - -.gsi_sakuzu_dialog_pointedit_text_style_frame a.font_italic_btn { - left: 120px; - background-image: url(../image/sakuzu/italic.png); -} - -.gsi_sakuzu_dialog_pointedit_text_style_frame a.font_underline_btn { - left: 153px; - background-image: url(../image/sakuzu/underline.png); -} - -.gsi_sakuzu_dialog_pointedit_text_style_frame a.font_bordering_btn { - background-image: url(../image/sakuzu/bordering.png); - left: 156px; -} - -.gsi_sakuzu_dialog_pointedit_text_style_frame a.font_bordering_btn div { - position: absolute; - height: 8px; - left: 1px; - right: 1px; - bottom: 1px; - border: 1px solid #ccc; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - border-radius: 2px; - behavior: url(border-radius.htc); -} - -.gsi_sakuzu_dialog_pointedit_text_style_frame a.color_btn { - background-image: url(../image/sakuzu/color.png); - left: 186px; -} - -.gsi_sakuzu_dialog_pointedit_text_style_frame a.color_btn div { - position: absolute; - height: 8px; - left: 1px; - right: 1px; - bottom: 1px; - border: 1px solid #ccc; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - border-radius: 2px; - behavior: url(border-radius.htc); -} - -.gsi_sakuzu_dialog_pointedit_text_style_frame a.background_color_btn { - background-image: url(../image/sakuzu/fill.png); - left: 219px; -} - -.gsi_sakuzu_dialog_pointedit_text_style_frame a.background_color_btn div { - position: absolute; - height: 8px; - left: 1px; - right: 1px; - bottom: 1px; - border: 1px solid #ccc; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - border-radius: 2px; - behavior: url(border-radius.htc); -} - -.gsi_sakuzu_dialog_pointedit_textarea { - border: 1px solid #999; - padding: 0px 0px 0px 2px; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); - font-size: 9.5pt; - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - width: 100%; - height: 64px; -} - -.gsi_sakuzu_dialog_pointedit_textarea.textmode { - height: 24px; -} - - - - -.gsi-footer-container { - position:absolute; - left :0; - right : 0; - bottom:0; - - background:rgba(51, 51, 51, 0.9); - - box-sizing: border-box; - -webkit-box-sizing:border-box; - -moz-box-sizing: border-box; - z-index:1000; - - padding-left:34px; -} - -.gsi-footer-container.close { - height:0px; -} - - - -.gsi-footer-container .description-button { - position: absolute; - bottom: 6px; - right: 4px; - padding: 1px 5px 1px 5px; - font-size: 9pt; - - margin-top:0px; - display:inline-block; - *display: inline; - *zoom: 1; - padding:3px 8px 3px 8px; - white-space:nowrap; - border:1px solid #888; - - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - border-radius: 2px; - behavior: url(border-radius.htc);/*for IE*/ - text-decoration:none; - font-size:9.5pt; - color:#333; - vertical-align:middle; - box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); /* Firefox */ - -webkit-box-shadow: 1px 1px 2x 1px rgba(0, 0, 0, 0.1); /* Chrome, Safari */ - - font-weight: bold; - text-shadow: 0 -1px 1px #FFF, - -1px 0 1px #FFF, - 1px 0 1px #FFF, - 0 1px 1px #FFF; - background:#f5f5f5; - background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f0f0f0), color-stop(0.00, #f5f5f5)); - background: -webkit-linear-gradient(#f5f5f5, #f0f0f0); - background: -moz-linear-gradient(#f5f5f5, #f0f0f0); - background: -o-linear-gradient(#f5f5f5, #f0f0f0); - background: -ms-linear-gradient(#f5f5f5, #f0f0f0); - background: linear-gradient(#f5f5f5, #f0f0f0); - -} - -.gsi-footer-container .description-button.mobile { - height: 28px; - width: 28px; - line-height: 28px; - bottom:2px; - font-size:11pt; - text-align: center; - padding:0; - border-radius: 50%; -} -.gsi-footer-container .description-button:active -{ - - background:#f0f0f0; - background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f5f5f5), color-stop(0.00, #f0f0f0)); - background: -webkit-linear-gradient(#f0f0f0, #f5f5f5); - background: -moz-linear-gradient(#f0f0f0, #f5f5f5); - background: -o-linear-gradient(#f0f0f0, #f5f5f5); - background: -ms-linear-gradient(#f0f0f0, #f5f5f5); - background: linear-gradient(#f0f0f0, #f5f5f5); - color:#666; - box-shadow: -1px -1px 2px 1px rgba(0, 0, 0, 0.1); - -moz-box-shadow: -1px -1px 2px 1px rgba(0, 0, 0, 0.1); /* Firefox */ - -webkit-box-shadow: -1px -1px 2x 1px rgba(0, 0, 0, 0.1); /* Chrome, Safari */ - - -} - - -.gsi-footer-container.close .description-button { - display:none; -} - -.gsi-footer-container a.gsi-footer-button{ - - position:absolute; - width:30px; - height:30px; - top:2px; - left:1px; - background-image : url("../image/system/footer_up2.png"); - - background-repeat: no-repeat; - background-size: 26px 26px; - background-position: center center; - border-top-right-radius: 3px; - border-radius: 3px; -} - -/* -.gsi-footer-container a.gsi-footer-button.strong{ - animation: flash 1s linear infinite; -} - -@keyframes flash { - 0%,100% { - background-color:rgba(255,255,0,0.2); - } - - 50% { - background-color:rgba(255, 255, 0, 0); - } -} -*/ -.gsi-footer-container.large a.gsi-footer-button{ - background-image : url("../image/system/footer_down2.png"); -} -.gsi-footer-container.close a.gsi-footer-button{ - margin-top:-34px; - background-color:rgba(51, 51, 51, 0.9); - width:34px; - height:34px; - top:0px; - left:0px; - border-radius: 0px; - border-top-right-radius: 3px; - -} -/* -.gsi-footer-container.close a.gsi-footer-button.strong{ - animation: flash2 1s linear infinite; -} - -@keyframes flash2 { - 0%,100% { - background-color:rgba(92, 92, 0, 0.9); - } - - 50% { - background-color:rgba(51, 51, 51, 0.9); - } -} -*/ - -.gsi-footer-container *{ - - box-sizing: border-box; - -webkit-box-sizing:border-box; - -moz-box-sizing: border-box; -} - -.gsi-footer-container .item-frame { - color:#fff; - margin: 0 0 0 0; - padding: 0; - font-size:10pt; -} - - - -.gsi-footer-container .item-frame .inline{ - display: inline-block; -} - -.gsi-footer-container .item-frame .marginleft{ - margin-left:12px; -} - -.gsi-footer-container .item-frame .marginright{ - margin-right:12px; -} - -.gsi-footer-container .item-frame .heading{ - display:inline-block; - *display: inline; - *zoom: 1; - - color: #ccc; - - margin-right:6px; -} - -.gsi-footer-container .item-frame .heading.zoom{ - margin-left:8px; -} - -.gsi-footer-container .item-frame .mini-comment{ - display: inline-block; - font-size:7.5pt; - color: #ccc; -} - -/* .gsi-footer-container .item-frame .addr-ToDeactive{ - display:inline-block; - border-radius: 3px; - padding-left:0.5em; - padding-right:0.5em; - color:rgb(102,102,102); - cursor:pointer; - font-weight: normal; - background-color: darkgray; -} */ - -.gsi-footer-container .item-frame .addr-ToActive{ - display:inline-block; - border-radius: 3px; - padding-left:0.5em; - padding-right:0.5em; - cursor:pointer; - color:#eee; - font-weight: bold; - background-color: #2b7396; - border: 1px solid #555; -} - -.gsi-footer-container .item-frame .addr-ToActive:hover{ - background: rgb(51,204,204); - color:#111; -} - -/* .gsi-footer-container .item-frame .addr-change{ - display:inline-block; - font-size:8pt; -} */ - - -.gsi-footer-container .item-frame .mini-comment.block{ - display:block; -} - - -/******************** -Menu -*********************/ - -.gsi-header-tools { - position:absolute; - right:0px; - top:0px; - height:40px; - padding-top:4px; - - box-sizing: border-box; - -webkit-box-sizing:border-box; - -moz-box-sizing: border-box; -} - -.gsi-header-tools * { - - box-sizing: border-box; - -webkit-box-sizing:border-box; - -moz-box-sizing: border-box; -} - - -.gsi-header-tool-icon { - position: relative; - display: inline-block; - *display: inline; - *zoom: 1; - width:32px; - height:32px; - line-height: 32px; - margin-right:4px; - background-position:50% 50% ; - background-size:26px 26px ; - background-repeat:no-repeat; - - -moz-border-radius: 4px; - -webkit-border-radius: 4px; - border-radius: 4px; - behavior: url(border-radius.htc); - - box-shadow: 0px 0px 2px 1px rgb(128, 128, 128, 0.1); - -moz-box-shadow: 0px 0px 2px 1px rgb(128, 128, 128, 0.1); - -webkit-box-shadow: 0px 0px 2x 1px rgb(128, 128, 128, 0.1); - /* - -moz-border-radius: 32px; - -webkit-border-radius: 32px; - border-radius: 32px; - behavior: url(border-radius.htc); - box-shadow: 0px 0px 2px 1px rgb(239, 246, 242, 0.2); - -moz-box-shadow: 0px 0px 2px 1px rgb(239, 246, 242, 0.2); - -webkit-box-shadow: 0px 0px 2x 1px rgb(239, 246, 242, 0.2); - */ -} - -.gsi-header-tool-icon.withtitle { - width: 55px; - background-position: 0px 50%; - background-size: 24px 24px; -} - - -.gsi-header-tool-icon .title{ - display: inline-block; - position: absolute; - color: #fff; - font-size: 11px; - white-space: nowrap; - vertical-align: bottom; - line-height: 8px; - width: 32px; - height: auto; - text-align: left; - /* bottom: 1px; */ - left: 25px; - top: 0px; - line-height: 34px; -} - -.gsi-menu-popupmenu .gsi-header-tool-icon.withtitle { - width:32px; - height:32px; - background-position:50% 0px ; - background-size:23px 23px ; -} - - -.gsi-menu-popupmenu .gsi-header-tool-icon .title{ - display: inline-block; - position: absolute; - color:#fff; - font-size:8px; - white-space: nowrap; - vertical-align: bottom; - line-height: 8px; - width:32px; - height:auto; - left:auto; - top:auto; - text-align: center; - bottom:1px; -} - - -.gsi-header-tool-icon:hover { - background-color:#555; -} - -.gsi-menu-rightpanel { - position: absolute; - right:0; - top:40px; - bottom:0; - width:80px; - /*background-color:#333;*/ - background-color:rgba(51, 51, 51, 0.9); - z-index:100000; - overflow-y: auto; - /* - box-shadow: -1px 2px 2px 1px rgba(0, 0, 0, 0.3); - -moz-box-shadow: -1px 2px 2px 1px rgba(0, 0, 0, 0.3); - -webkit-box-shadow: -1px 2px 2x 1px rgba(0, 0, 0, 0.3); - */ -} - - -.gsi-menu-rightpanel ul { - list-style:none; - margin:0; - padding:0; - - -} - -.gsi-menu-rightpanel ul li { - display:block; - margin: 0 0 2px 6px; -} - -.gsi-menu-rightpanel ul li.on a{ - background-color: beige; -} - - -.gsi-menu-rightpanel ul li a{ - position: relative; - display:block; - width:64px; - height:64px; - border-radius: 50%; - background-color: #fff; - background-repeat: no-repeat; - background-position: center center; - - box-sizing: border-box; - -webkit-box-sizing:border-box; - -moz-box-sizing: border-box; -} - -.gsi-menu-rightpanel ul li a.image-only{ - background-color: transparent; - border-radius:4px; - width:64px; - height:64px; - background-size: 60px 60px; -} - - -.gsi-menu-rightpanel ul li a.image-only .title{ - font-size:11px; - position: absolute; - bottom:2px; - left:0; - right:0; - text-align: center; - color:#fff; - line-height:13px; - top:auto; - margin:auto; - width:auto; - font-weight: normal; -} - -.gsi-menu-rightpanel ul li a.image-only:hover{ - background-color:#555; -} - -.gsi-menu-rightpanel ul li div.title{ - font-size:10pt; - position: absolute; - width:64px; - line-height:32px; - top:32px; - left:32px; - margin-top:-16px; - margin-left:-32px; - text-align: center; - color:#000; - font-size:9pt; - font-weight: bold;white-space: nowrap; - -} - -/* -.gsi-menu-rightpanel.mobile { - width:60px; -} -.gsi-menu-rightpanel.mobile ul li { -} - -.gsi-menu-rightpanel.mobile ul li a{ - width:40px; - height:40px; -} - -.gsi-menu-rightpanel.mobile ul li div.title{ - width:60px; - line-height:30px; - top:20px; - left:20px; - margin-top:-15px; - margin-left:-30px; - text-align: center; - font-size:9px; - font-weight: normal; -} -*/ - -.gsi-header-tool-vectorlogo-icon { - position:relative; - display:inline-block; - *display: inline; - *zoom: 1; - margin-right:2px; - font-weight: bold; - font-family: 'ヒラギノ丸ゴ Pro W4','ヒラギノ丸ゴ Pro','Hiragino Maru Gothic Pro','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','HG丸ゴシックM-PRO','HGMaruGothicMPRO'; - text-align: center; - font-size: 24px; - color: #fff; - cursor:pointer; - height: 32px; - width:58px; - background-image: url(../image/system/vectorlogo.png); - background-position:50% 50% ; - background-size: 100% 100%; - background-repeat:no-repeat; - text-decoration:none; -} - -.gsi-header-tool-help-icon { - vertical-align: top; - position:relative; - display:inline-block; - *display: inline; - *zoom: 1; - margin-right:2px; - font-weight: bold; - font-family: 'ヒラギノ丸ゴ Pro W4','ヒラギノ丸ゴ Pro','Hiragino Maru Gothic Pro','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','HG丸ゴシックM-PRO','HGMaruGothicMPRO'; - text-align: left; - font-size: 22px; - line-height:32px; - cursor:pointer; - - -moz-border-radius: 4px; - -webkit-border-radius: 4px; - border-radius: 4px; - behavior: url(border-radius.htc);/*for IE*/ - - height: 32px; - width:55px; - text-decoration: none; - padding-left:4px; - - box-shadow: 0px 0px 2px 1px rgba(128, 128, 128, 0.1); - -moz-box-shadow: 0px 0px 2px 1px rgba(128, 128, 128, 0.1); - -webkit-box-shadow: 0px 0px 2x 1px rgba(128, 128, 128, 0.1); - color: #fff; - -} -.gsi-header-tool-help-icon .title{ - display: inline-block; - position: absolute; - color: #fff; - font-size: 10px; - white-space: nowrap; - vertical-align: bottom; - line-height: 8px; - width: 32px; - height: auto; - text-align: left; - font-weight: normal; - /* bottom: 1px; */ - left: 22px; - top: 0px; - line-height: 34px; - -} - - - - -.mobile .gsi-header-tool-help-icon { - vertical-align: top; - position:relative; - display:inline-block; - *display: inline; - *zoom: 1; - margin-right:2px; - font-weight: bold; - font-family: 'ヒラギノ丸ゴ Pro W4','ヒラギノ丸ゴ Pro','Hiragino Maru Gothic Pro','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','HG丸ゴシックM-PRO','HGMaruGothicMPRO'; - text-align: center; - font-size: 22px; - line-height:24px; - cursor:pointer; - - -moz-border-radius: 4px; - -webkit-border-radius: 4px; - border-radius: 4px; - behavior: url(border-radius.htc);/*for IE*/ - - height: 32px; - width:32px; - text-decoration: none; - padding-left:0; - - box-shadow: 0px 0px 2px 1px rgba(128, 128, 128, 0.1); - -moz-box-shadow: 0px 0px 2px 1px rgba(128, 128, 128, 0.1); - -webkit-box-shadow: 0px 0px 2x 1px rgba(128, 128, 128, 0.1); - color: #fff; - -} -.mobile .gsi-header-tool-help-icon .title{ - display: inline-block; - position: absolute; - color: #fff; - font-size: 8px; - white-space: nowrap; - vertical-align: bottom; - line-height: 8px; - width: 32px; - height: auto; - text-align: center; - font-weight: normal; - bottom: 1px; - left:auto; - top:auto; - left:0; - -} - - - -.gsi-header-tool-help-icon:hover { - background-color:#555; -} - - -/* -.gsi-menu-popuplist { - position:absolute; - z-index:100001; - background-color: #333; -} - -.gsi-menu-popuplist *{ - - box-sizing: border-box; - -webkit-box-sizing:border-box; - -moz-box-sizing: border-box; -} -.gsi-menu-popuplist ul{ - - display: block; - list-style:none; - margin:0; - padding:2px; -} - - -.gsi-menu-popuplist ul li{ - display: block; - - margin:0; - padding:0 10px 0 5px; -} -*/ -.gsi-menu-popuppanel { - position:absolute; - background-color:#333; - z-index:100001; - padding:8px; - box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.3); - -moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.3); - -webkit-box-shadow: 0px 0px 2x 1px rgba(0, 0, 0, 0.3); - border-radius: 3px; - max-width:200px; - text-align: center; - font-size:0; -} - -.gsi-menu-popuppanel a{ - position: relative; - display:inline-block; - *display: inline; - *zoom: 1; - width:64px; - height:64px; - border-radius:4px; - background-color: transparent; - background-repeat: no-repeat; - background-position: center center; - - box-sizing: border-box; - -webkit-box-sizing:border-box; - -moz-box-sizing: border-box; - margin-left:1px; - margin-right:1px; - text-decoration: none; -} -.gsi-menu-popuppanel a.image-only{ - background-color: transparent; - border-radius:4px; - background-size: 60px 60px; -} - - -.gsi-menu-popuppanel a.image-only .title{ - font-size:11px; - position: absolute; - bottom:2px; - left:0; - right:0; - text-align: center; - color:#fff; - line-height:13px; - top:auto; - margin:auto; - width:auto; - font-weight: normal; - height:auto; -} - -.gsi-menu-popuppanel a:hover{ - background-color:#555; -} - - -.gsi-menu-popuppanel a.on{ - background-color: #555; -} - -.gsi-menu-popuppanel div.title{ - font-size:10pt; - display: table-cell; - width:64px; - height:64px; - text-align: center; - vertical-align: middle; - color:#fff; - font-size:9pt; - white-space: nowrap; - -} - - -.gsi-menu-popuppanel.mobile { - max-width:200px; - padding:4px; - -} - - -/* メニュー- ポップアップメニュー ----------------------------------------------------------------------- */ -.gsi-menu-popupmenu { - position: absolute; - background: #333; - z-index:100001; - padding:4px 0 4px 4px; - box-sizing: border-box; - -webkit-box-sizing:border-box; - -moz-box-sizing: border-box; - border-radius: 3px; - font-size:0; -} - - -/* メニュー- ポップアップリストメニュー ----------------------------------------------------------------------- */ -.gsi-menu-popuplist { - - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - border-radius: 2px; - behavior: url(border-radius.htc); - - position: absolute; - list-style:none; - padding:0; - margin:0; - box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.3); - -moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.3); /* Firefox */ - -webkit-box-shadow: 0px 0px 2x 1px rgba(0, 0, 0, 0.3); /* Chrome, Safari */ - - border: 1px solid #222; - background-color:#333; - background-color:rgb(51, 51, 51, 0.99); - text-align:left; - color:#fff; - - z-index:15000; - - box-sizing: border-box; - -webkit-box-sizing:border-box; - -moz-box-sizing: border-box; - -} - -.gsi-menu-popuplist * { - - box-sizing: border-box; - -webkit-box-sizing:border-box; - -moz-box-sizing: border-box; - -} - -.gsi-menu-popuplist ul{ - - list-style:none; - position: relative; - padding:0; - margin:0; - -} -.gsi-menu-popuplist ul li{ - - position: relative; - display: block; - padding: 4px 0 4px 6px; - font-size:10pt; - border-bottom: 1px dotted rgb(65, 65, 65); -} -.gsi-menu-popuplist ul li::after { - clear: both; -} - -.gsi-menu-popuplist ul li .title{ - line-height: 24px; - cursor: pointer; - display:block; - margin-right:70px; - word-break: break-all; - font-size:10pt; -} - -.gsi-menu-popuplist ul li .check{ - display:inline-block; - position: absolute; - right:6px; - top:6px; -} - -.gsi-menu-popuplist ul li a{ - line-height: 24px; - color:#fff; - font-size:10pt; - position: relative; - display: block; - text-decoration: none; - -} - - - -.gsi-menu-popuplist ul li a.arrow { - padding-left:18px; - background:url(../image/system/arrow_l.png) no-repeat left 50%; -} - - - -/******************** -MapMenu -*********************/ - - -.gsi-mapmenu-btn { - width: 40px; - height: 40px; - - opacity: .95; - filter: alpha(opacity=95); - -ms-filter: "alpha(opacity=95)"; - -khtml-opacity: .95; - -moz-opacity: .95; - - display:block; - - padding: 2px; - cursor: pointer; - border: 2px solid rgba(0,0,0,0.2); - background-color:rgba(51,51,51,0.8); - background-clip: padding-box; - font-size:110%; - text-decoration:none; - - -moz-border-radius: 6px; - -webkit-border-radius: 6px; - border-radius: 6px; - behavior: url(border-radius.htc); - - box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.3); - -moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.3); /* Firefox */ - -webkit-box-shadow: 0px 0px 2x 1px rgba(0, 0, 0, 0.3); /* Chrome, Safari */ - - -} - - -.gsi-mapmenu-btn.margintop { - margin-top:90px; -} - -.gsi-mapmenu-btn div { - position: absolute; - left: 2px; - right: 2px; - bottom: 2px; - padding-top:2px; - font-size: 11px; - line-height: 11px; - border-radius: 1px; - text-align: center; - color: #fff; - background-color: rgba(0,0,0,0.5); -} - -.gsi-mapmenu-btn img { - width:40px; - height:40px; - vertical-align:bottom; - -moz-border-radius: 5px; - -webkit-border-radius: 5px; - border-radius: 5px; - behavior: url(border-radius.htc); -} - -.gsi-mapmenu-container { - position: absolute; - background-color: #333; - /* - opacity: .95; - filter: alpha(opacity=95); - -ms-filter: "alpha(opacity=95)"; - -khtml-opacity: .95; - -moz-opacity: .95; - */ - top: 0px; - bottom:0px; - left:0px; - width:300px; - z-index:10001; - /* - box-shadow: 1px 0px 2px 1px rgba(0, 0, 0, 0.3); - -moz-box-shadow: 1px 0px 2px 1px rgba(0, 0, 0, 0.3); - -webkit-box-shadow: 1px 0px 2x 1px rgba(0, 0, 0, 0.3); - */ - box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.3); - -moz-box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.3); - -webkit-box-shadow: 1px 2px 2x 1px rgba(0, 0, 0, 0.3); -} - -.gsi-mapmenu-container.right { - left:auto; - right:0px; -} - -.gsi-mapmenu-container.overlap { - opacity:0.95; -} -.gsi-mapmenu-container .close-btn { - position: absolute; - display: block; - text-align: center; - line-height: 32px; - top: 1px; - right: 0px; - margin-right: -28px; - background-color: #333; - width:28px; - height:32px; - color:#fff; - background-image: url(../image/system/arrow-left-close.png); - background-position: center center; - background-repeat: no-repeat; - -moz-border-radius: 0 3px 3px 0; - -webkit-border-radius: 0 3px 3px 0; - border-radius: 0 3px 3px 0; - behavior: url(border-radius.htc); - box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.3); - -moz-box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.3); - -webkit-box-shadow: 1px 2px 2x 1px rgba(0, 0, 0, 0.3); - -} - -.gsi-mapmenu-container .close-btn.margintop { - top: 91px; -} - -.gsi-mapmenu-container.right .close-btn { - - right: auto; - left: 0px; - margin-left: -28px; - transform: rotate( -180deg ); - -} - -.gsi-maplistpanelsplitter-container { - - position: absolute; - /*background-color:;*/ - top: 0px; - right:60px; - left:0px; - height:24px; - z-index: 101; - cursor: n-resize; -} - -.gsi-maplistpanel-container { - position: absolute; - - top: 0px; - right:0px; - left:0px; - height:500px; - z-index: 100; -} - - -.gsi-showingmaplistpanel-container { - position: absolute; - - top: 300px; - right:2px; - left:2px; - bottom:2px; - z-index: 100; - padding-top:2px; - background-color: #fff; -} - - -.gsi-showingmaplist-headerframe { - - position: relative; - box-sizing: border-box; - -webkit-box-sizing:border-box; - -moz-box-sizing: border-box; - color:#fff; - padding:0; - background:rgb(51,51,51); - border-bottom:1px solid #bbb; - line-height:26px; - height:26px; -} - - -.gsi-showingmaplist-headerframe .title{ - - display:inline-block; - color:#fff; - line-height:26px; - padding-left:2px; - font-size:10.5pt; -} - -.gsi-showingmaplist-headerframe .reset-button{ - display:inline-block; - position: absolute; - right:1px; - top:50%; - line-height:18px; - height:18px; - padding: 0 4px 0 4px; - - margin-top:-11px; - font-size:10px; -} - - -.gsi-showingmaplist-contentframe { - position:absolute; - top:0px; - left:0px; - right:0px; - bottom:0px; -} - -.gsi-showingmaplist-controlframe { - padding: 3px 3px 4px 3px; - z-index: 101; - position: relative; - /* - box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1); - -webkit-box-shadow: 0px 1px 1x 1px rgba(0, 0, 0, 0.1); - */ - border-bottom: 1px solid #999; - background: #f4f4f4; - -webkit-touch-callout: none; - -webkit-user-select: none; - - box-sizing: border-box; - -webkit-box-sizing:border-box; - -moz-box-sizing: border-box; -} - - -.gsi-showingmaplist-scrollframe { - position:absolute; - overflow-y: auto; - top:33px; - bottom:0px; - left:0px; - right:0px; - -webkit-touch-callout: none; - -webkit-user-select: none; - - box-sizing: border-box; - -webkit-box-sizing:border-box; - -moz-box-sizing: border-box; -} - - - -.gsi-basemappanel-container { - - - position: absolute; - - top: 1px; - right:1px; - left:1px; - border-radius: 2px; - background:#fff; - padding-left:2px; - padding-bottom:2px; -} - - -.gsi-basemappanel-container ul { - list-style:none; - padding:0; - margin:0; - position:relative; - - - -} - - - -.gsi-basemappanel-container ul * { - box-sizing: border-box; - -webkit-box-sizing:border-box; - -moz-box-sizing: border-box; -} - -.gsi-basemappanel-container ul li { - - display:inline-block; - *display: inline; - *zoom: 1; - padding:0; - margin:0; - margin-top:2px; - margin-left:0px; - position:relative; - vertical-align: bottom; -} - - -.gsi-basemappanel-container ul li a { - - display:block; - padding:2px; - position:relative; - width:66px; - height:66px; - border-radius: 6px; - border: 2px solid rgba(0,0,0,0.1); - background-color:rgba(51, 51, 51, 0.5); - background-clip: padding-box; -} - -.gsi-basemappanel-container ul li a img{ - width:100%; - height:100%; - border-radius: 4px; -} - -.gsi-basemappanel-container ul li a.active { - border: 2px solid rgba(43, 115, 150,0.8); - - background-color:rgba(43, 115, 150,0.3); -} - -.gsi-basemappanel-container ul li a.active img { - opacity: 1; -} - - -.gsi-basemappanel-container ul li a.active div.title{ - background-color:rgba(43, 115, 150, 0.8); -} - -.gsi-basemappanel-container ul li a div.title{ - position: absolute; - left:3px; - right:3px; - bottom:3px; - font-size:8pt; - line-height:15px; - border-radius: 3px; - text-align: center; - color:#fff; - background-color:rgba(0,0,0,0.5); - -} - - -.gsi-basemappanel-container ul li a.mini div.title { - font-size:7px; - white-space: nowrap; - line-height:12px; -} - -.gsi-maplist-contentcontainer { - - box-sizing: border-box; - -webkit-box-sizing:border-box; - -moz-box-sizing: border-box; - background-color:#fff; -} - -.gsi-maplist-pankzframe { - clear:both; - position: relative; - border-bottom:1px solid #999; - background-color:#f4f4f4; - padding: 2px 0 2px 2px; - - box-sizing: border-box; - -webkit-box-sizing:border-box; - -moz-box-sizing: border-box; -} -.gsi-maplist-pankzframe *{ - font-size:11px; -} - -.gsi-maplist-contentframe { - position: absolute; - top:74px; - bottom:2px; - left:2px; - right:2px; - border-radius: 2px; -} - - -.gsi-maplist-contentframe .scroll-frame -{ - position:relative; - overflow-y : scroll; - - box-sizing: border-box; - -webkit-box-sizing:border-box; - -moz-box-sizing: border-box; -} - - -.gsi-maplist-headerframe { - - position: relative; - - box-sizing: border-box; - -webkit-box-sizing:border-box; - -moz-box-sizing: border-box; - color:#fff; - padding:0; - border-bottom:1px solid #bbb; - line-height:26px; - height:26px; -} - - -.gsi-maplist-headerframe .title{ - - color:#fff; - line-height:26px; - padding-left:2px; - font-size:10.5pt; -} - - -.gsi-maplist-searchframe -{ - - position: relative; - - box-sizing: border-box; - -webkit-box-sizing:border-box; - -moz-box-sizing: border-box; - background:#f8f8f8; - padding: 2px 1px 1px 1px; - display:none; -} - - -.gsi-maplist-searchframe input -{ - border:1px solid #ccc; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - border-radius: 2px; - behavior: url(border-radius.htc); - height:24px; - line-height:24px; - width:100%; - box-sizing: border-box; - -webkit-box-sizing:border-box; - -moz-box-sizing: border-box; - font-size:9.5pt; - padding:0 0 0 22px; - - background-image: url(../image/system/search.png); - background-position:1px 50%; - background-repeat:no-repeat; - -} -.gsi-maplist-searchframe .taglistbtn -{ - font-family: 'ヒラギノ丸ゴ Pro W4','ヒラギノ丸ゴ Pro','Hiragino Maru Gothic Pro','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','HG丸ゴシックM-PRO','HGMaruGothicMPRO'; - display:block; - position:absolute; - right:2px; - top:2px; - border: 1px solid #ccc; - background-color: #eee; - height:20px; - line-height:20px; - text-align: center; - color:#333; - font-size:12px; - white-space:nowrap; - text-decoration:none; - padding:0 3px 0 3px; - - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; - behavior: url(border-radius.htc); - box-sizing: border-box; - -webkit-box-sizing:border-box; - -moz-box-sizing: border-box; - z-index:100; -} -.gsi-maplist-searchframe .taglistbtn:hover -{ - color:#666; - border:1px solid #aaa -} -.gsi-maplist-searchframe .taglistbtn:active -{ - color:#888; -} - - - - -.gsi-maplist-controlframe { - - position: relative; - padding: 1px 1px 1px 3px; - /* - padding: 3px 3px 4px 3px; - z-index:101; - position:relative; - */ - /* - box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1); - -webkit-box-shadow: 0px 1px 1x 1px rgba(0, 0, 0, 0.1); - - border-bottom:1px solid #bbb; - */ - background:#f4f4f4; - -} - -.gsi-maplist-controlframe label { - font-size:9pt; - cursor: pointer; -} - -.gsi-maplist-controlframe .showallbutton { - margin-left:1px; - font-size:9pt; - padding:0 4px 0 4px; - float:right; - - border:1px solid #bbb; - margin-top:1px; - - box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1); /* Firefox */ - -webkit-box-shadow: 0px 0px 2x 1px rgba(0, 0, 0, 0.1); /* Chrome, Safari */ - -} - - -.gsi-div-alt-icon { - background: none; - white-space: nowrap; - border:none; - line-height: 0; -} - - -.gsi_comparephoto_container { - position: absolute; - left:0px; - right:0; - top:0; - background: rgba(51, 51, 51, 0.9); - z-index: 1000; -} - -.gsi_comparephoto_container table{ - width:100%; -} -.gsi_comparephoto_container table td:first-child{ - width:100%; -} - -.gsi_comparephoto_container table td a{ - white-space: nowrap; - cursor: pointer; - font-size: 9pt; -} - - -.gsi_comparephoto_container table td a.small{ - position: absolute; - right:0; - top:0; - padding: 0; - border-radius: 50%; - width: 20px; - height: 20px; - text-align: center; - line-height: 20px; -} - -.gsi_comparephoto_slider_container { - - -ms-user-select: none; - -moz-user-select: -moz-none; - -khtml-user-select: none; - -webkit-user-select: none; - user-select: none; - - padding-left:15px; - padding-right:15px; - padding-top:8px; - padding-bottom:35px; - - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - cursor: pointer; -} - - -.gsi_comparephoto_slider_container.small { - padding-top: 35px; -} - -.gsi_comparephoto_slider_container.dragging, -.gsi_comparephoto_slider_container.dragging * { - cursor:ew-resize; -} - -.gsi_comparephoto_slider_container * { - - -ms-user-select: none; - -moz-user-select: -moz-none; - -khtml-user-select: none; - -webkit-user-select: none; - user-select: none; - - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - -} - -.gsi_comparephoto_slider_container_bar { - position: relative; - background-color: #fff; - - width:100%; - height:8px; - border-radius: 1px; - cursor: pointer; - -} - -.gsi_comparephoto_slider_container_bar_line { - position: absolute; - background-color: #ccc; - z-index: 0; - width:1px; - top:0; - bottom:0; - cursor: pointer; -} - - - -.gsi_comparephoto_slider_container_handle { - z-index: 1; - position: absolute; - - background-color: #fff; - border: 1px solid #666; - width:20px; - height: 20px; - - margin-top:-10px; - margin-left:-10px; - - left :0; - top:4px; - border-radius: 4px; - - cursor:ew-resize; - -} - - -.gsi_comparephoto_slider_container_bar_label { - position: absolute; - z-index: 0; - top:15px; - cursor: pointer; - - font-size:8px; - color:#fff; - opacity: 0.3; -} - -.gsi_comparephoto_slider_container_bar_label.haslayer { - opacity: 1; -} - -.gsi_comparephoto_slider_container.small -.gsi_comparephoto_slider_container_bar_label { - transform: scale(0.9); - -} - - - -.gsi_comparephoto_slider_container_bar_label.top { - - top:auto; - bottom: 100%; - margin-bottom:5px -} - - -#incompatible{ - display: none; -} - -.ie-note{ - max-width: 750px; - margin-top: 80px; - margin-left: auto; - margin-right: auto; - text-align: center; - padding-top: 40px; - padding-bottom: 40px; - border: solid 1px #999999; -} - -.ie-note__msg{ - font-size: 18px; - font-weight: bold; - line-height: 1; - margin-bottom: 20px; -} - -.ie-note__msg span{ - display: inline-block; - font-size: 18px; - color: #fff; - padding: 10px 15px; - background-color: #333333; - margin-top: 8px; - margin-bottom: 12px; -} - -.ie-note__att{ - font-size: 12px; -} - -.gsi_modal_dialog_display { - display: none; + +* { + font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif; + font-size: 10.5pt; +} + +select::-ms-expand { + background: none; + border: none; +} + +.ui-tooltip { + padding: 3px 3px 3px 3px; + font-size: 9pt; + line-height: 14px; + position: absolute; + z-index: 9999999; + max-width: 220px; + -webkit-box-shadow: 0 0 3px 1px rgb(90, 90, 90, 0.1); + box-shadow: 0 0 3px 1px rgb(90, 90, 90, 0.1); + word-break: break-all; + border-radius:2px; +} + +.ui-tooltip.ui-widget-content { + background: rgba(255, 255, 255, 0.9); + color: #000; +} + +body .ui-tooltip { + border-width: 1px; + border-color: #999; +} + +.ui-tooltip * { + font-size: 9pt; + word-break: break-all; +} + +.noscript { + height: 64px; + width: 100%; + position: absolute; + left: 0px; + top: 0px; + z-index: 100000; + background: #fff; +} + +strong { + font-weight: normal; + color: #DD4827; +} + +.leaflet-container { + background: #fff; + cursor: default; +} + +.leaflet-dragging .leaflet-container { + cursor: default; +} + +.leaflet-center { + position: absolute; + z-index: 1001; + pointer-events: none; + left: 0; + top: 0; + right: 0; + bottom: 0; +} + +.leaflet-control-attribution a { + font-size: 8pt; +} + +.gsi-objects-pane { + position: absolute; + left: 0; + top: 0; + z-index: 3; +} + +.gsi-div-icon { + white-space: nowrap; + font-size: 9.5pt; +} + +/* +.leaflet-div-icon { + background: none; + white-space: nowrap; + border:none; +} +*/ + +.gsi-div-icon { + background: none; + white-space: nowrap; + border: none; +} + +.gsi_control_accesscounter { + display: none; + margin: 0; + padding: 0; + font-size: 7pt; + color: #000; + cursor: default; +} + +.gsi_control_accesscounter_tooltip { + font-size: 9pt; + word-wrap: break-word; + background: #f5f5f5; + background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f0f0f0), color-stop(0.00, #f5f5f5)); + background: -webkit-linear-gradient(#f5f5f5, #f0f0f0); + background: -moz-linear-gradient(#f5f5f5, #f0f0f0); + background: -o-linear-gradient(#f5f5f5, #f0f0f0); + background: -ms-linear-gradient(#f5f5f5, #f0f0f0); + background: linear-gradient(#f5f5f5, #f0f0f0); + padding: 1px 4px 1px 4px; + border: 1px solid #eee; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + opacity: .90; + filter: alpha(opacity=90); + -ms-filter: "alpha(opacity=90)"; + -khtml-opacity: .90; + -moz-opacity: .90; + box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2); + -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2); + /* Firefox */ + -webkit-box-shadow: 1px 1px 2x 1px rgba(0, 0, 0, 0.2); + /* Chrome, Safari */ +} + +.gsi_control_accesscounter_tooltip * { + font-size: 9pt; +} + +.grayscale { + filter: gray; + filter: url("data:image/svg+xml;utf8,#grayscale"); + -webkit-filter: grayscale(100%); +} + +.ui-resizable-se { + bottom: -7px; + right: -7px; +} + +img { + border: 0; +} + +html, body { + margin: 0px; + padding: 0px; + height: 100%; + overflow: hidden; +} + +body { + -webkit-text-size-adjust: 100%; +} + +form { + margin: 0px; + padding: 0px; +} + +.normalbutton { + margin-top: 0px; + display: inline-block; + *display: inline; + *zoom: 1; + padding: 3px 8px 3px 8px; + white-space: nowrap; + border: 1px solid #888; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + behavior: url(border-radius.htc); + /*for IE*/ + text-decoration: none; + font-size: 9.5pt; + color: #333; + vertical-align: middle; + box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); + /* Firefox */ + -webkit-box-shadow: 1px 1px 2x 1px rgba(0, 0, 0, 0.1); + /* Chrome, Safari */ + font-weight: bold; + text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #FFF, 0 1px 1px #FFF; + background: #f5f5f5; + background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f0f0f0), color-stop(0.00, #f5f5f5)); + background: -webkit-linear-gradient(#f5f5f5, #f0f0f0); + background: -moz-linear-gradient(#f5f5f5, #f0f0f0); + background: -o-linear-gradient(#f5f5f5, #f0f0f0); + background: -ms-linear-gradient(#f5f5f5, #f0f0f0); + background: linear-gradient(#f5f5f5, #f0f0f0); +} + +.normalbutton:active { + background: #f0f0f0; + background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f5f5f5), color-stop(0.00, #f0f0f0)); + background: -webkit-linear-gradient(#f0f0f0, #f5f5f5); + background: -moz-linear-gradient(#f0f0f0, #f5f5f5); + background: -o-linear-gradient(#f0f0f0, #f5f5f5); + background: -ms-linear-gradient(#f0f0f0, #f5f5f5); + background: linear-gradient(#f0f0f0, #f5f5f5); + color: #666; + box-shadow: -1px -1px 2px 1px rgba(0, 0, 0, 0.1); + -moz-box-shadow: -1px -1px 2px 1px rgba(0, 0, 0, 0.1); + /* Firefox */ + -webkit-box-shadow: -1px -1px 2x 1px rgba(0, 0, 0, 0.1); + /* Chrome, Safari */ +} + +.normalbutton.active { + background: #f0f0f0; + background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f5f5f5), color-stop(0.00, #f0f0f0)); + background: -webkit-linear-gradient(#f0f0f0, #f5f5f5); + background: -moz-linear-gradient(#f0f0f0, #f5f5f5); + background: -o-linear-gradient(#f0f0f0, #f5f5f5); + background: -ms-linear-gradient(#f0f0f0, #f5f5f5); + background: linear-gradient(#f0f0f0, #f5f5f5); + color: #666; + box-shadow: -1px -1px 2px 1px rgba(0, 0, 0, 0.1); + -moz-box-shadow: -1px -1px 2px 1px rgba(0, 0, 0, 0.1); + /* Firefox */ + -webkit-box-shadow: -1px -1px 2x 1px rgba(0, 0, 0, 0.1); + /* Chrome, Safari */ +} + +.normalbutton.disabled { + color: #ccc; + background: #fff; + border: 1px solid #ccc; + box-shadow: none; + -moz-box-shadow: none; + /* Firefox */ + -webkit-box-shadow: none; + /* Chrome, Safari */ +} + +.normalbutton-alt { + margin-top: 0px; + display: inline-block; + *display: inline; + *zoom: 1; + padding: 2px 8px 2px 8px; + white-space: nowrap; + border: 1px solid #999; + width: 99px; + height: 24px; + *behavior: url(border-radius.htc); + /*for IE*/ + text-decoration: none; + font-size: 9pt; + color: #444; + vertical-align: middle; + *box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); + *-moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); + /* Firefox */ + *-webkit-box-shadow: 1px 1px 2x 1px rgba(0, 0, 0, 0.1); + /* Chrome, Safari */ + background: #f5f5f5; + background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e0e0e0), color-stop(0.00, #fafafa)); + background: -webkit-linear-gradient(#fafafa, #e0e0e0); + background: -moz-linear-gradient(#fafafa, #e0e0e0); + background: -o-linear-gradient(#fafafa, #e0e0e0); + background: -ms-linear-gradient(#fafafa, #e0e0e0); + background: linear-gradient(#fafafa, #e0e0e0); +} + +input[type=radio].normalcheck, input[type=checkbox].normalcheck { + display: inline-block; + margin-right: 2px; +} + +input[type=radio].normalcheck+label, input[type=checkbox].normalcheck+label { + position: relative; + display: inline-block; + margin-right: 8px; + font-size: 10pt; + line-height: 26px; + cursor: pointer; +} + +input[type=search] { + -webkit-appearance: textfield; +} + +@media (min-width: 1px) { + input[type=radio].normalcheck, input[type=checkbox].normalcheck { + display: none; + margin: 0; + } + input[type=radio].normalcheck+label, input[type=checkbox].normalcheck+label { + padding: 0 0 0 26px; + } + input[type=radio].normalcheck+label::before, input[type=checkbox].normalcheck+label::before { + content: ""; + position: absolute; + top: 50%; + left: 0; + -moz-box-sizing: border-box; + box-sizing: border-box; + display: block; + width: 18px; + height: 18px; + line-height: 18px; + margin-top: -9px; + background: #FFF; + } + input[type=radio].normalcheck+label::before { + border: 1px solid #ccc; + border-radius: 50px; + } + input[type=checkbox].normalcheck+label::before { + border: 1px solid #ccc; + border-radius: 50px; + background: #eee; + } + input[type=radio].normalcheck:checked+label::after, input[type=checkbox].normalcheck:checked+label::after { + content: ""; + position: absolute; + top: 50%; + -moz-box-sizing: border-box; + box-sizing: border-box; + display: block; + } + input[type=radio].normalcheck:checked+label::after { + left: 3px; + width: 12px; + height: 12px; + margin-top: -6px; + background: #333; + border-radius: 8px; + } + input[type=checkbox].normalcheck:checked+label::after { + left: 3px; + width: 15px; + height: 8px; + margin-top: -8px; + border-left: 2px solid #333; + border-bottom: 2px solid #333; + -webkit-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + transform: rotate(-45deg); + } +} + +#map { + z-index: 1; + position: absolute; + top: 40px; + left: 0; + right: 0; + bottom: 0; + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + overflow: hidden; +} + +#header { + position: relative; + z-index: 2; + background-color: #333; + height: 40px; + line-height: 40px; + padding: 0 3px 0 2px; + padding-left: 100px; +} +#header.mobile { + padding-left:38px; +} + +#header.mobile .logoarea a { + height: 32px; + line-height: 32px; + +} + +#header.border_bottom { + /* + border-bottom: 1px solid #777; + box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.2); + -moz-box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.2); + -webkit-box-shadow: 0px 2px 2x 1px rgba(0, 0, 0, 0.2); + */ +} + +#header .logoarea { + position: absolute; + left: 4px; + top: 5px; +} + +#header .logoarea .logoimage { + height:32px; + border-radius: 3px; +} + +#header .logoarea #logoimage { + height: 32px; +} + +#header .magnifyingglass { + position: absolute; + padding-left: 7px; + padding-top: 8px; + cursor: pointer; +} + +#header .magnifyingglass #magnifyimage { + background-color: #fff; + background-repeat: no-repeat; +} + +#header .help { + position: absolute; + right: 5px; + top: 3px; + white-space: nowrap; +} +/* +#header.logo_l { + padding-left: 100px; +} + +#header.logo_s { + padding-left: 100px; +} +*/ + +form { + margin: 0; + padding: 0; +} + +.gsi_centercross { + background-image: url(../image/map/crosshairs.png); + background-position: 50% 50%; + background-repeat: no-repeat; + cursor: auto; + pointer-events: none; +} + +.gsi_pageprinter { + position: absolute; + z-index: 999999; + background: #fff; + /* + width:100%; + height:100%; + overflow:auto; + */ + top: 0px; + left: 0px; +} + +.gsi_pageprinter .header_container { + margin: 0px 0 4px 8px; +} + +.gsi_pageprinter .header_container table { + width: 650px; + border-collapse: collapse; +} + +.gsi_pageprinter .header_container table td { + text-align: center; +} + +.gsi_pageprinter .header_container table td select {} + +.gsi_pageprinter .header_container table td img { + vertical-align: bottom; +} + +.gsi_pageprinter .map_container { + border: 1px solid #333; + margin: 0 0 2px 8px; +} + +@media print { + .no_print { + display: none; + } +} + +.gsi-confirmusecookie-bg { + position: absolute; + left:0; + top:0; + bottom: 0; + right:0; + background-color: #333; + opacity: 0.7; + z-index: 100000; +} +.gsi-confirmusecookie { + position: absolute; + left:50%; + top:50%; + width:300px; + margin-top:-50px; + margin-left:-150px; + background-color: #fff; + + z-index: 100001; +} + + +.gsi-confirmusecookie .btn-frame a { + + +} + + +#topmessage { + z-index: 2; + padding: 1px 1px 1px 1px; + background: orange; // #333; + position: relative; + box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.2); + -moz-box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.2); + /* Firefox */ + -webkit-box-shadow: 0px 2px 2x 1px rgba(0, 0, 0, 0.2); + /* Chrome, Safari */ +} + +#topmessage .message { + color: #000; + padding-left: 28px; // 26px; + padding-right: 16px; + line-height: 28px; + vertical-align: middle; + background-color: lemonchiffon; // #fff; + border: 2px solid orange; // #555; + /* background-image: url(../image/system/info.png); + background-position: 4px 5px; + background-repeat: no-repeat; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + behavior: url(border-radius.htc); */ +} + +#topmessage .i { + font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", HG丸ゴシックM-PRO, HGMaruGothicMPRO; + position: absolute; + left: 6px; + display: inline-block; + top: 50%; + margin-top: -11px; + z-index: 10; + text-align: center; + font-size: 14px; + line-height: 20px; + background-color: rgb(250, 125, 0); + height: 20px; + width: 20px; + color: rgb(238, 238, 238); + padding: 0px; + border-radius: 50%; + border-width: 1px; + border-style: solid; + border-color: rgb(204, 204, 204); + border-image: initial; +} + +#topmessage .message a {} + +#topmessage .closebtn { + font-weight: bold; + text-decoration: none; + display: inline-block; + *display: inline; + *zoom: 1; + position: absolute; + right: 7px; + top: 6px; + color: #000; + line-height: 24px; + padding-left: 6px; + padding-right: 6px; + vertical-align: middle; + text-align: center; +} + +#header table { + border-collapse: collapse; +} + +#header table td { + padding: 2px; +} + +#header #query { + /*background: #fff url(../image/system/search.png) no-repeat 6px 50%;*/ + margin-top: 1px; + height: 30px; + line-height: 30px; + border: 2px solid #555; + padding: 0px 0px 0px 28px; + width: 100%; + *width: 98%; + max-width:680px; + -webkit-border-top-left-radius: 15px; + -moz-border-radius-topleft: 15px; + border-top-left-radius: 15px; + -webkit-border-bottom-left-radius: 15px; + -moz-border-radius-bottomleft: 15px; + border-bottom-left-radius: 15px; + -webkit-border-top-right-radius: 4px; + -moz-border-radius-topright: 4px; + border-top-right-radius: 4px; + -webkit-border-bottom-right-radius: 4px; + -moz-border-radius-bottomright: 4px; + border-bottom-right-radius: 4px; + -moz-border-radius: 15px; + /*for Firefox*/ + -webkit-border-radius: 15px; + /*for Safari and chrome*/ + border-radius: 15px; + behavior: url(border-radius.htc); + /*for IE*/ + behavior: url(border-radius.htc); + vertical-align: middle; + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; +} + +#header .btn { + width: 24px; + margin-top: 1px; + height: 24px; + padding: 2px 2px 2px 2px; + background: -moz-linear-gradient(top, #ccc, #fff); + background: -webkit-linear-gradient(top, #ccc, #fff); + background: linear-gradient(#ccc, #fff); + background: #fff; + border: 1px solid #555; + cursor: pointer; + -moz-border-radius: 3px; + /*for Firefox*/ + -webkit-border-radius: 3px; + /*for Safari and chrome*/ + border-radius: 3px; + behavior: url(border-radius.htc); + /*for IE*/ +} + +#search_result { + color: #fff; + z-index: 10000; + position: absolute; + background-color: #333; + box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1); + /* Firefox */ + -webkit-box-shadow: 2px 2px 1x 1px rgba(0, 0, 0, 0.1); + /* Chrome, Safari */ + border: 1px solid #121212; + display: none; + padding: 4px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); + /* + opacity: .80; + filter: alpha(opacity=80); + -ms-filter: "alpha(opacity=80)"; + -khtml-opacity: .80; + -moz-opacity: .80; + */ +} + +#search_result h3 { + color: #fff; + font-size: 90%; + margin: 0; + padding: 3px 22px 3px 8px; + font-weight: normal; + cursor: move; +} + +#search_result .control { + padding-bottom: 6px; +} + +#search_result select { + -webkit-appearance: button; + -moz-appearance: button; + appearance: button; + width: 48%; + height: 30px; + line-height: 30px; + font-size: 13px; + text-indent: 1em; + color: #FFFFFF; + border: 1px solid #555; + cursor: pointer; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); + background: #333 url(../image/system/arrow-down.png) no-repeat; + background-size: 20px 20px; + background-position: right center; +} + +#search_result h3 span { + color: #fff; + display: inline-block; + *display: inline; + *zoom: 1; + padding: 4px 0 4px 0; +} + +#search_result .frame { + overflow: auto; + max-height: 400px; +} + +#search_result .closebtn { + /* + border-left: 1px solid #333; + */ + color: #fff; + cursor: pointer; + display: inline-block; + font-size: 14px; + height: 28px; + line-height: 28px; + text-align: center; + text-shadow: 1px 1px 0 #aaa; + top: 0px; + position: absolute; + right: 0px; + width: 28px; + z-index: 200; + /* + margin-right: -3px; + margin-top: -3px; + + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); + + background-color:#666; + + + filter: progid:DXImageTransform.Microsoft.Shadow(color=#666666, direction=135, strength=10, enabled=true); + */ +} + +#search_result ul { + background: #fff; + list-style: none; + margin: 0; + padding: 0; +} + +#search_result ul li { + border-bottom: 1px solid #ddd; + padding: 4px; +} + +#search_result ul li a { + text-decoration: none; +} + +#search_result ul li a div.title { + font-size: 100%; + color: #2595C7; +} + +#search_result ul li a div.muni { + font-size: 80%; + padding-left: 1em; + color: #2595C7; + color: #000; +} + +#footerbtn img { + margin: 0; + padding: 0; +} + +#footerbtn { + opacity: .90; + filter: alpha(opacity=90); + -ms-filter: "alpha(opacity=90)"; + -khtml-opacity: .90; + -moz-opacity: .90; + visibility: hidden; + z-index: 2; + position: absolute; + background: #222; + bottom: 0; + color: #fff; + text-decoration: none; + display: inline-block; + *display: inline; + *zoom: 1; + margin: 0; + padding: 10px 6px 8px 6px; + background: #333; + -webkit-border-top-left-radius: 6px; + -webkit-border-top-right-radius: 6px; + -moz-border-radius-topleft: 6px; + -moz-border-radius-topright: 6px; + border-top-left-radius: 6px; + border-top-right-radius: 6px; + box-shadow: 0px -2px 1px 1px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0px -2px 1px 1px rgba(0, 0, 0, 0.1); + /* Firefox */ + -webkit-box-shadow: 0px -2px 1x 1px rgba(0, 0, 0, 0.1); + /* Chrome, Safari */ +} + +.opacity_slider { + margin: 6px; + position: relative; + border: 1px solid #fff; +} + +.opacity_slider .bg { + height: 6px; + margin: 9px 12px 9px 12px; + background: #ddd; + -moz-border-radius: 2px; + /*for Firefox*/ + -webkit-border-radius: 2px; + /*for Safari and chrome*/ + border-radius: 2px; + behavior: url(border-radius.htc); + /*for IE*/ +} + +.opacity_slider .btn { + position: absolute; + text-decoration: none; + display: inline-block; + *display: inline; + *zoom: 1; + width: 24px; + height: 24px; + top: 0px; + left: 0px; + background: #333; + cursor: pointer; + -moz-border-radius: 3px; + /*for Firefox*/ + -webkit-border-radius: 3px; + /*for Safari and chrome*/ + border-radius: 3px; + behavior: url(border-radius.htc); + /*for IE*/ + box-shadow: 2px 2px 3px #555; + -moz-box-shadow: 2px 2px 3px #555; + /* Firefox */ + -webkit-box-shadow: 2px 2px 3x #555; + ; + /* Chrome, Safari */ +} + +/* 地図メニュー +---------------------------------------------------------------------- */ + +.menu_btn { + opacity: .90; + filter: alpha(opacity=90); + -ms-filter: "alpha(opacity=90)"; + -khtml-opacity: .90; + -moz-opacity: .90; + display: block; + background-color: #333; + padding: 0.4em 18px; + color: #ffffff; + cursor: pointer; + border: solid 1px #222; + font-size: 110%; + text-decoration: none; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; + behavior: url(border-radius.htc); + box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.3); + -moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.3); + /* Firefox */ + -webkit-box-shadow: 0px 0px 2x 1px rgba(0, 0, 0, 0.3); + /* Chrome, Safari */ +} + +.menu_btn.left { + left: 10px; +} + +.menu_btn.right { + right: 10px; +} + +/* +.menu_item_frame { + + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; + behavior: url(border-radius.htc); + + position: absolute; + list-style:none; + padding:0; + box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.3); + -moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.3); + -webkit-box-shadow: 0px 0px 2x 1px rgba(0, 0, 0, 0.3); + margin:0; + + width:180px; + border: 1px solid #222; + background-color:#333; + background-color:rgb(51, 51, 51, 0.99); + text-align:left; + color:#fff; + + z-index:15000; +} + +.menu_item_frame label { + cursor:pointer +} +.menu_item_frame.wide { + width:220px; +} + +.menu_item_frame li { + + padding: 0px 10px 0px 10px; + + border-top:1px solid #444; + border-bottom:1px solid #121212; +} + +.menu_item_frame li:first-child +{ + border-top:0; +} + +.menu_item_frame li:last-child +{ + border-bottom:0; +} + +.menu_item_frame li a { + + + padding: 10px 0px 10px 0px; + text-decoration:none; + display:block; + color:#fff; + + +} +.menu_item_frame li a.disabled { + color:#888; +} + +.menu_item_frame li a.left{ + +} +.menu_item_frame li a.arrow{ + + background:url(../image/system/arrow_r.png) no-repeat right 50%; +} + +.menu_item_frame li a.right{ + + text-align:right; +} +.menu_item_frame li a.arrow{ + + text-align:right; + background:url(../image/system/arrow_l.png) no-repeat left 50%; +} +.menu_item_frame label .mini_comment { + font-size:7.5pt; + color: #ccc; +} +.menu_item_frame label .mini_comment.landscape { + display : block; + margin-top:-2px; + margin-left:3em; +} + +*/ + +/* レイヤー一覧 +---------------------------------------------------------------------- */ + +#listframe { + position: absolute; + z-index: 10000; + background-color: #333; + box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1); + /* Firefox */ + -webkit-box-shadow: 2px 2px 1x 1px rgba(0, 0, 0, 0.1); + /* Chrome, Safari */ + border: 1px solid #121212; + top: 90px; + left: 40px; + min-width: 200px; + display: none; + padding: 4px 4px 4px 4px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); +} + +#listframe .closebtn { + border-left: 1px solid #333; + border-bottom: 1px solid #333; + color: #fff; + cursor: pointer; + display: inline-block; + font-size: 16px; + height: 28px; + line-height: 28px; + text-align: center; + text-shadow: 1px 1px 0 #aaa; + top: 0px; + position: absolute; + right: 0px; + width: 32px; + z-index: 200; + /* + margin-right: -1px; + margin-top: -1px; + + + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); + + box-shadow: 2px 2px 3px #555; + -moz-box-shadow: 2px 2px 3px #555; + -webkit-box-shadow: 2px 2px 3x #555; + + background-color:#fff; + + + filter: progid:DXImageTransform.Microsoft.Shadow(color=#666666, direction=135, strength=10, enabled=true); + */ + background: #333; +} + +#listframe h3 { + color: #fff; + font-size: 90%; + margin: 0; + padding: 3px 22px 3px 8px; + font-weight: normal; + cursor: move; +} + +#listframe h3 a { + color: #fff; + text-decoration: none; + display: inline-block; + *display: inline; + *zoom: 1; + padding: 4px 0 4px 0; +} + +#listframe h3 span { + color: #fff; + display: inline-block; + *display: inline; + *zoom: 1; + padding: 4px 0 4px 0; +} + +#list { + margin: 0px; + background-color: #fff; + overflow-y: auto; +} + +#list ul { + background-color: #fff; + color: #333; + list-style: none; + padding: 0; + margin: 0; +} + +#list li { + border-bottom: 1px solid #d8d8d8; +} + +#list li a { + color: #333; + text-decoration: none; + display: block; + padding: 4px 0px 4px 4px; +} + +#list li a.visible { + color: #2595C7; +} + +#list li a span { + color: #fff; + background: #2595C7; + border: 1px solid #d8d8d8; + margin-left: 1em; + width: 1.5em; + text-align: center; + display: inline-block; + *display: inline; + *zoom: 1; + -webkit-border-radius: 0.5em; + -moz-border-radius: 0.5em; + border-radius: 0.5em; + font-size: 90%; +} + +#list li.folder { + padding: 3px 0px 3px 0px; + border-bottom: 1px solid #d8d8d8; +} + +#list li.icon {} + +#list li.folder a { + color: #333; + text-decoration: none; + background: url(../image/system/arrow_r.png) no-repeat right 50%; +} + +/* 表示中レイヤー一覧 +---------------------------------------------------------------------- */ + +#visiblelistframe { + position: absolute; + z-index: 10000; + background-color: #333; + box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1); + /* Firefox */ + -webkit-box-shadow: 2px 2px 1x 1px rgba(0, 0, 0, 0.1); + /* Chrome, Safari */ + border: 1px solid #121212; + top: 90px; + left: 40px; + min-width: 200px; + display: none; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); + padding: 4px 4px 4px 4px; +} + +#visiblelistframe .closebtn { + border-left: 1px solid #333; + border-bottom: 1px solid #333; + color: #fff; + cursor: pointer; + display: inline-block; + font-size: 16px; + height: 28px; + line-height: 28px; + text-align: center; + text-shadow: 1px 1px 0 #aaa; + top: 0px; + position: absolute; + right: 0px; + width: 32px; + z-index: 200; + /* + margin-right: -1px; + margin-top: -1px; + + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); + + box-shadow: 2px 2px 3px #555; + -moz-box-shadow: 2px 2px 3px #555; + -webkit-box-shadow: 2px 2px 3x #555; + + background-color:#fff; + + + filter: progid:DXImageTransform.Microsoft.Shadow(color=#666666, direction=135, strength=10, enabled=true); + */ + background: #333; +} + +#visiblelistframe h3 { + color: #fff; + font-size: 90%; + margin: 0; + padding: 3px 8px 3px 3px; + font-weight: normal; + cursor: move; +} + +#visiblelistframe h3 a { + color: #fff; + text-decoration: none; + display: inline-block; + *display: inline; + *zoom: 1; + padding: 4px 0 4px 0; +} + +#visiblelistframe h3 span { + color: #fff; + display: inline-block; + *display: inline; + *zoom: 1; + padding: 4px 0 4px 0; +} + +#visiblelist { + margin: 0px; + background-color: #fff; + overflow-y: auto; +} + +#visiblelist ul { + background-color: #fff; + color: #333; + list-style: none; + padding: 0; + margin: 0; +} + +#visiblelist li { + border-bottom: 1px solid #d8d8d8; +} + +#visiblelist li.disabled { + background-color: #ddd; +} + +#visiblelist li a { + color: #333; + text-decoration: none; + display: block; + padding: 4px 0px 4px 4px; +} + +#visiblelist li .info { + display: none; + margin: 0px 4px 4px 30px; + border: 1px solid #d8d8d8; + padding: 4px; + font-size: 90%; + -moz-border-radius: 4px; + /*for Firefox*/ + -webkit-border-radius: 4px; + /*for Safari and chrome*/ + border-radius: 4px; + behavior: url(border-radius.htc); + /*for IE*/ +} + +#visiblelist li .info a { + color: #fff; + font-size: 90%; + display: inline-block; + *display: inline; + *zoom: 1; + padding: 4px; + background: #134A63; + border: 1px solid #d8d8d8; + -moz-border-radius: 4px; + /*for Firefox*/ + -webkit-border-radius: 4px; + /*for Safari and chrome*/ + border-radius: 4px; + behavior: url(border-radius.htc); + /*for IE*/ +} + +#visiblelist li a div { + color: #134A63; + font-size: 70%; +} + +#visiblelist li .btn { + position: absolute; + display: inline-block; + *display: inline; + *zoom: 1; + right: 8px; + width: 28px; + height: 28px; + line-height: 28px; + cursor: pointer; + text-align: center; + vertical-align: middle; +} + +.utmgrid_label { + color: #FF0000; + font-size: 110%; + user-select: none; + -moz-user-select: none; + -khtml-user-select: none; + -webkit-user-select: none; +} + +.kihonzukakugrid_label { + position: absolute; + font-size: 11pt; + width: 100px; + height: 24px; + color: red; + text-shadow: #fff 1px 1px 0px, #fff -1px 1px 0px, #fff 1px -1px 0px, #fff -1px -1px 0px; + text-align: center; + line-height: 24px; + user-select: none; + -moz-user-select: none; + -khtml-user-select: none; + -webkit-user-select: none; +} + +.kihonzukakugrid_label_kei { + position: absolute; + font-size: 12pt; + width: 100px; + height: 24px; + color: blue; + text-shadow: #fff 1px 1px 0px, #fff -1px 1px 0px, #fff 1px -1px 0px, #fff -1px -1px 0px; + text-align: center; + line-height: 24px; + user-select: none; + -moz-user-select: none; + -khtml-user-select: none; + -webkit-user-select: none; +} + +.kihonzukakugrid_label_kei_active { + position: absolute; + font-size: 12pt; + width: 100px; + height: 24px; + color: red; + text-shadow: #fff 1px 1px 0px, #fff -1px 1px 0px, #fff 1px -1px 0px, #fff -1px -1px 0px; + text-align: center; + line-height: 24px; + user-select: none; + -moz-user-select: none; + -khtml-user-select: none; + -webkit-user-select: none; +} + +.latlnggrid_label * { + color: #1D417A; + font-size: 110%; + white-space: nowrap; + user-select: none; + -moz-user-select: none; + -khtml-user-select: none; + -webkit-user-select: none; +} + +.jihoku_label { + color: #FF0000; + font-size: 80%; + white-space: nowrap; + user-select: none; + -moz-user-select: none; + -khtml-user-select: none; + -webkit-user-select: none; +} + +/* GSI.Dialog +---------------------------------------------------------------------- */ + +.gsi_dialogmanager_minimizecontainer { + position: absolute; + z-index: 10000; + right: 0; + bottom: 120px; +} + +.gsi_dialogmanager_minimizecontainer a { + display: block; + position: relative; + border: 3px solid #333; + background: #fff; + -moz-border-radius: 6px; + /*for Firefox*/ + -webkit-border-radius: 6px; + /*for Safari and chrome*/ + border-radius: 6px; + behavior: url(border-radius.htc); + /*for IE*/ + padding: 1px; + box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1); + /* Firefox */ + -webkit-box-shadow: 2px 2px 1x 1px rgba(0, 0, 0, 0.1); + /* Chrome, Safari */ + margin-bottom: 2px; + min-width: 150px; + cursor: pointer; + text-decoration: none; + opacity: 0.6; + /*animation: tenmetsu 300ms 5 alternate;*/ +} + +/* +@keyframes tenmetsu{ + from{ + background:#fff; + opacity:0.2; + } + to{ + background:#ffff9e; + opacity:0.6; + } +} +*/ + +.gsi_dialogmanager_minimizecontainer a span { + display: block; + position: relative; + right: 0; + color: #fff; + background: #333; + -moz-border-radius: 3px; + /*for Firefox*/ + -webkit-border-radius: 3px; + /*for Safari and chrome*/ + border-radius: 3px; + behavior: url(border-radius.htc); + /*for IE*/ + font-size: 90%; + padding: 4px; +} + +.gsi_dialogmanager_minimizecontainer a:hover { + opacity: 0.9; +} + +.gsi_dialog { + position: absolute; + z-index: 10000; + left: 100px; + top: 100px; + border: 3px solid #333; + background: #fff; + -moz-border-radius: 6px; + /*for Firefox*/ + -webkit-border-radius: 6px; + /*for Safari and chrome*/ + border-radius: 6px; + behavior: url(border-radius.htc); + /*for IE*/ + padding: 1px; + box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1); + /* Firefox */ + -webkit-box-shadow: 2px 2px 1x 1px rgba(0, 0, 0, 0.1); + /* Chrome, Safari */ + width: 320px; +} + +.gsi_dialog:after { + content: "."; + /* 新しい要素を作る */ + display: block; + /* ブロックレベル要素に */ + clear: both; + height: 0; + visibility: hidden; +} + +.gsi_dialog_header { + color: #fff; + background: #333; + -moz-border-radius: 3px; + /*for Firefox*/ + -webkit-border-radius: 3px; + /*for Safari and chrome*/ + border-radius: 3px; + behavior: url(border-radius.htc); + /*for IE*/ + font-size: 90%; + padding: 1px 20px 1px 4px; + /*border: 2px solid #555;*/ + cursor: move; + position: relative; +} + +.gsi_dialog_header .title { + padding: 3px 0 3px 0; +} + +.gsi_dialog_header .title * { + font-size: 10pt; +} + +.gsi_dialog_header a { + color: #fff; + font-weight: normal; + text-decoration: underline; +} + +.gsi_dialog_header a:active { + color: #d9E6E2; +} + +.gsi_dialog.deactive { + border: 3px solid #666; +} + +.gsi_dialog.deactive .gsi_dialog_header { + opacity: .60; + filter: alpha(opacity=60); + -ms-filter: "alpha(opacity=60)"; + -khtml-opacity: .60; + -moz-opacity: .60; +} + +.gsi_dialog_header .closebtn { + vertical-align: bottom; + color: #fff; + text-decoration: none; + position: absolute; + display: inline-block; + *display: inline; + *zoom: 1; + font-weight: bold; + right: 2px; + width: 24px; + height: 24px; + line-height: 24px; + top: 50%; + margin-top: -12px; + text-align: center; + -moz-border-radius: 2px; + /*for Firefox*/ + -webkit-border-radius: 2px; + /*for Safari and chrome*/ + border-radius: 2px; + behavior: url(border-radius.htc); + /*for IE*/ + z-index: 99; +} + +.gsi_dialog_header .minimizebtn { + vertical-align: bottom; + color: #fff; + text-decoration: none; + position: absolute; + display: inline-block; + *display: inline; + *zoom: 1; + font-weight: bold; + font-size: 11pt; + right: 26px; + width: 24px; + height: 24px; + line-height: 24px; + top: 50%; + margin-top: -12px; + text-align: center; + -moz-border-radius: 2px; + /*for Firefox*/ + -webkit-border-radius: 2px; + /*for Safari and chrome*/ + border-radius: 2px; + behavior: url(border-radius.htc); + /*for IE*/ + z-index: 99; +} + +.gsi_dialog_header.tab { + margin-top: -3px; + background: none; + padding: 0; +} + +.gsi_dialog_header.tab .closebtn { + color: #333; + top: 24px; + right: 1px; +} + +.gsi_dialog_header.tab .title_frame { + background: #333; + padding: 2px 2px 2px 2px; + -moz-border-radius: 2px; + /*for Firefox*/ + -webkit-border-radius: 2px; + /*for Safari and chrome*/ + border-radius: 2px; + behavior: url(border-radius.htc); + /*for IE*/ + font-size: 10pt; + margin-top: -1px; +} + +.gsi_dialog_content { + padding-top: 2px; + -moz-border-radius: 3px; + /*for Firefox*/ + -webkit-border-radius: 3px; + /*for Safari and chrome*/ + border-radius: 3px; + behavior: url(border-radius.htc); + /*for IE*/ +} + +.gsi_dialog_content a:active {} + +/* GSI.LayerTreeDialog +---------------------------------------------------------------------- */ + +.layertreedialog_pankz_frame { + border-bottom: 1px solid #999; + background-color: #f4f4f4; + padding: 2px 0 2px 2px; +} + +.layertreedialog_pankz_frame * { + font-size: 11px; +} + +.layertreedialog_searchresult_text_frame { + padding: 2px 0 2px 22px; + background-image: url(../image/system/info.png); + background-position: 1px 49%; + background-repeat: no-repeat; + font-size: 11px; + background-color: #f4f4f4; + border-bottom: 1px solid #999; + position: relative; +} + +.layertreedialog_searchresult_text_frame * { + font-size: 11px; +} + +.layertreedialog_searchresult_text_frame a { + position: absolute; + display: inline-block; + padding: 0 1px 0 1px; + right: 1px; + top: 1px; + font-size: 11px; + z-index: 10; + line-height: 17px; + color: #000; + text-decoration: none; + cursor: pointer; + border: 1px solid #ccc; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; + background: #aaa; + text-decoration: none; + color: #000; + vertical-align: middle; + box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); + -webkit-box-shadow: 1px 1px 2x 1px rgba(0, 0, 0, 0.1); + background: #f5f5f5; + background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f0f0f0), color-stop(0.00, #f5f5f5)); + background: -webkit-linear-gradient(#f5f5f5, #f0f0f0); + background: -moz-linear-gradient(#f5f5f5, #f0f0f0); + background: -o-linear-gradient(#f5f5f5, #f0f0f0); + background: -ms-linear-gradient(#f5f5f5, #f0f0f0); + background: linear-gradient(#f5f5f5, #f0f0f0); +} + +.layertreedialog_control_frame { + padding: 3px 3px 4px 3px; + z-index: 101; + position: relative; + box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1); + /* Firefox */ + -webkit-box-shadow: 0px 1px 1x 1px rgba(0, 0, 0, 0.1); + /* Chrome, Safari */ + border-bottom: 1px solid #bbb; + background: #f4f4f4; +} + +.layertreedialog_control_frame label { + font-size: 9pt; + cursor: pointer; +} + +.layertreedialog_control_frame .showallbutton { + margin-left: 1px; + font-size: 9pt; + padding: 0 4px 0 4px; + float: right; + border: 1px solid #bbb; + margin-top: 1px; + box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1); + /* Firefox */ + -webkit-box-shadow: 0px 0px 2x 1px rgba(0, 0, 0, 0.1); + /* Chrome, Safari */ +} + +.gsi_layertreedialog_itemtooltip { + position: absolute; + padding: 1px; + background: #fff; + z-index: 11000; + border: 1px solid #bbb; + left: 40px; + top: 0px; + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + padding: 8px; + font-size: 9pt; + opacity: .95; + filter: alpha(opacity=95); + -ms-filter: "alpha(opacity=95)"; + -khtml-opacity: .95; + -moz-opacity: .95; + max-height: 350px; + overflow-y: auto; + -moz-border-radius: 6px; + /*for Firefox*/ + -webkit-border-radius: 6px; + /*for Safari and chrome*/ + border-radius: 6px; + behavior: url(border-radius.htc); + /*for IE*/ + box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1); + /* Firefox */ + -webkit-box-shadow: 2px 2px 1x 1px rgba(0, 0, 0, 0.1); + /* Chrome, Safari */ +} + +.layertreedialog_ul_frame { + position: relative; + overflow-y: auto; + max-height: 220px; +} + +.layertreedialog_ul { + color: #333; + list-style: none; + padding: 0; + margin: 0; + position: relative; +} + +.layertreedialog_ul li { + border-bottom: 1px solid #999; + position: relative; +} + +.layertreedialog_ul li:last-child { + border-bottom: 0px solid #fff; +} + +.layertreedialog_ul li.nodata { + padding: 8px; + font-size: 95%; + border-bottom: 0px solid #999; +} + +.layertreedialog_ul li a { + color: #000; + text-decoration: none; + display: block; + padding: 8px 2px 8px 0px; + font-size: 17px; + line-height: 18px; + position: relative; +} + +.layertreedialog_ul li a.folder { + padding-right: 0px; +} +.layertreedialog_ul li a.item { + background-repeat: no-repeat; + background-size:16px 16px; + background-position:2px 50%; + +} + + +.layertreedialog_ul li a.item .title { + padding-left: 24px; + font-size: 14px; + line-height: 16px; + word-break: break-all; +} + +.layertreedialog_ul li a.item .title.withinfo { + padding-right: 33px; +} +/* +.layertreedialog_ul li a.folder .title { + padding-left: 24px; + background-size:contain; + background: url(../image/system/folder.png) no-repeat 2px 50%; + text-align: left; +} +*/ + +.layertreedialog_ul li a.folder .title.withinfo { + padding-right: 22px; +} +.layertreedialog_ul li a.folder { + background: url(../image/system/folder.png) no-repeat 2px 50%; +} +.layertreedialog_ul li a.folder .title { + padding-left: 24px; + text-align: left; +} + +.minmode .layertreedialog_ul li a.item .title { + padding-left: 20px; + background-position:0px -1px; +} + +.minmode .layertreedialog_ul li a.folder { + background-image: url(../image/system/folder.png); + background-size:16px 16px; + background-position:0px 50%; +} +.minmode .layertreedialog_ul li a.folder .title { + padding-left: 20px; + text-align: left; +} + +.layertreedialog_ul li.nococotile { + display: none; +} + +.layertreedialog_ul li a.nococotile { + background: #ccc; +} + +.layertreedialog_ul li a.item.view { + background-color: #eafaff; + /* + background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #C7E6E2), color-stop(0.00, #d7f6f2)); + background: -webkit-linear-gradient(#d7f6f2, #C7E6E2); + background: -moz-linear-gradient(#d7f6f2, #C7E6E2); + background: -o-linear-gradient(#d7f6f2, #C7E6E2); + background: -ms-linear-gradient(#d7f6f2, #C7E6E2); + background: linear-gradient(#d7f6f2, #C7E6E2); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d7f6f2', endColorstr='#C7E6E2', GradientType=0); + */ +} + +.layertreedialog_ul li a.item .viewmark { + position: absolute; + display: inline-block; + *display: inline; + *zoom: 1; + padding: 1px 3px 1px 3px; + -moz-border-radius: 3px; + /*for Firefox*/ + -webkit-border-radius: 3px; + /*for Safari and chrome*/ + border-radius: 3px; + behavior: url(border-radius.htc); + /*for IE*/ + background: #2B7396; + color: #fff; + left: 2px; + top: 1px; + font-size: 7pt; +} + +.layertreedialog_ul li .description_btn { + font-family: 'ヒラギノ丸ゴ Pro W4', 'ヒラギノ丸ゴ Pro', 'Hiragino Maru Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'HG丸ゴシックM-PRO', 'HGMaruGothicMPRO'; + position: absolute; + display: inline-block; + *display: inline; + *zoom: 1; + right: 6px; + top: 50%; + /*10px;*/ + margin-top: -11px; + z-index: 10; + padding: 0 0 0 0; + text-align: center; + font-size: 12px; + /*10px;*/ + line-height: 20px; + /*16px;*/ + cursor: pointer; + border-radius: 50%; + border: 1px solid #ccc; + background-color: #1D417A; + height: 20px; + /*16px;*/ + width: 20px; + /*16px;*/ + color: #eee; +} + +.layertreedialog_ul li .setting_btn { + font-family: 'ヒラギノ丸ゴ Pro W4', 'ヒラギノ丸ゴ Pro', 'Hiragino Maru Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'HG丸ゴシックM-PRO', 'HGMaruGothicMPRO'; + position: absolute; + display: inline-block; + *display: inline; + *zoom: 1; + padding: 0 0 0 0; + right: 30px; + top: 50%; + /*10px;*/ + margin-top: -11px; + z-index: 10; + text-align: center; + font-size: 11px; + /*10px;*/ + line-height: 20px; + /*16px;*/ + cursor: pointer; + border-radius: 10px; + border: 1px solid #ccc; + height: 20px; + /*16px;*/ + width: 20px; + /*16px;*/ + color: #eee; + background-image: url(../image/setting.png); + background-repeat: no-repeat; + background-position: center; + background-size: 16px 16px; +} + +.layertreedialog_ul li .area_btn { + font-family: 'ヒラギノ丸ゴ Pro W4', 'ヒラギノ丸ゴ Pro', 'Hiragino Maru Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'HG丸ゴシックM-PRO', 'HGMaruGothicMPRO'; + position: absolute; + display: inline-block; + *display: inline; + *zoom: 1; + padding: 0 0 0 0; + right: 30px; + top: 50%; + /*10px;*/ + margin-top: -11px; + z-index: 10; + text-align: center; + font-size: 11px; + /*10px;*/ + line-height: 20px; + /*16px;*/ + cursor: pointer; + border-radius: 10px; + border: 1px solid #ccc; + height: 20px; + /*16px;*/ + width: 20px; + /*16px;*/ + color: #eee; + background-image: url(../image/system/area.png); + background-repeat: no-repeat; + background-position: center; + background-size: 16px 16px; +} + +.layertreedialog_ul li .flddescription_btn { + + font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", HG丸ゴシックM-PRO, HGMaruGothicMPRO; + position: absolute; + display: inline-block; + right: 6px; + top: 50%; + margin-top: -11px; + z-index: 10; + text-align: center; + font-size: 12px; + line-height: 20px; + cursor: pointer; + background-color: rgb(29, 65, 122); + height: 20px; + width: 20px; + color: rgb(238, 238, 238); + padding: 0px; + border-radius: 50%; + border-width: 1px; + border-style: solid; + border-color: rgb(204, 204, 204); + border-image: initial; +} + + +.minmode .layertreedialog_ul li .description_btn { + right: 2px; +} + +.minmode .layertreedialog_ul li .setting_btn { + right: 22px; +} + +.minmode .layertreedialog_ul li .area_btn { + right: 22px; +} + + +.minmode .layertreedialog_ul li .flddescription_btn { + right: 2px; +} + +.layertreedialog_ul li a.folder .num { + position: absolute; + display: inline-block; + *display: inline; + *zoom: 1; + right: 8px; + top: 10px; +} + +.gsi-gps-button { + border: 2px solid rgba(0, 0, 0, 0.2); + background-color: #fff; + border-radius: 50%; + display: block; + padding: 8px; + cursor: pointer; +} + +.gsi-gps-button.on { + background: rgba(0, 120, 168, 0.3); +} + +.gsi-gps-button:hover { + background-color: #f3f3f3; +} + +.gsi-gps-button.on:hover { + background: rgba(0, 120, 168, 0.5); +} + +.gsi-gps-button img { + vertical-align: bottom; + width: 24px; + height: 24px; + opacity: 0.7; +} + +.gsi-gps-button.on img { + opacity: 1; +} + +.layertreedialog_ul li .info { + text-align: right; + font-size: 7pt; + position: absolute; + right: 4px; + bottom: 2px; + z-index: 100; +} + +.layertreedialog_ul li .info span { + font-size: 7pt; + display: inline-block; + *display: inline; + *zoom: 1; + padding: 0px 3px 0px 3px; + -moz-border-radius: 3px; + /*for Firefox*/ + -webkit-border-radius: 3px; + /*for Safari and chrome*/ + border-radius: 3px; + behavior: url(border-radius.htc); + /*for IE*/ + margin-right: 1px; + background: #A0CA5A; + color: #333; +} + +.layertreedialog_ul li .info span.cocotile { + background: #6A8655; + color: #fff; +} + +.layertreedialog_ul li a .num span { + text-align: right; + border: 1px solid #ccc; + background: #2B7396; + color: #fff; + padding: 0 7px 0 7px; + display: inline-block; + *display: inline; + *zoom: 1; + -moz-border-radius: 8px; + /*for Firefox*/ + -webkit-border-radius: 8px; + /*for Safari and chrome*/ + border-radius: 8px; + behavior: url(border-radius.htc); + /*for IE*/ +} + +.tab_scroll_btn { + position: absolute; + width: 16px; + height: 16px; + right: 7px; + top: 18px; + z-index: 999; + background: #333; + cursor: pointer; + -moz-border-radius: 3px; + /*for Firefox*/ + -webkit-border-radius: 3px; + /*for Safari and chrome*/ + border-radius: 3px; + behavior: url(border-radius.htc); + /*for IE*/ + opacity: 0.9; + box-shadow: 0px 0px 1px 1px rgba(255, 255, 255, 0.3); + -moz-box-shadow: 0px 0px 1px 1px rgba(255, 255, 255, 0.3); + /* Firefox */ + -webkit-box-shadow: 0px 0px 1x 1px rgba(255, 255, 255, 0.3); + /* Chrome, Safari */ +} + +.tab_scroll_left { + right: 24px; + background-position: 0px 50%; + background-repeat: no-repeat; + background-image: url(../image/system/arrow_l.png); +} + +.tab_scroll_right { + background-position: 6px 50%; + background-repeat: no-repeat; + background-image: url(../image/system/arrow_r.png); +} + +.tab_scroll_btn.deactive { + background-color: #888; + opacity: 0.3; + cursor: default; +} + +.layertreedialog_search_taglist, layertreedialog_search_taglist * { + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; +} + +.layertreedialog_search_taglist { + right: 0px; + top: 24px; + margin-right: -20%; + width: 300px; + background: #fff; + position: absolute; + z-index: 1000; + border: 1px solid #aaa; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); + behavior: url(border-radius.htc); + /*for IE*/ + box-shadow: 2px 2px 3px 3px rgba(0, 0, 0, 0.3); + -moz-box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.3); + /* Firefox */ + -webkit-box-shadow: 2px 2px 1x 1px rgba(0, 0, 0, 0.3); + /* Chrome, Safari */ + padding: 2px; + word-wrap: break-word; +} + +.layertreedialog_search_taglist a { + display: inline-block; + *display: inline; + *zoom: 1; + margin-right: 5px; + word-wrap: break-word; + font-size: 9.5pt; + line-height: 1.2em; + text-decoration: none; +} + +.layertreedialog_search_taglist a:hover { + text-decoration: underline; +} + +.gsi_layertreesearcher_resultdialog_content .gsi_layertreesearcher_resultdialog_content * { + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; +} + +.gsi_layertreesearcher_resultdialog_content { + position: relative; + height: 100%; + width: 100%; +} + +.gsi_layertreesearcher_resultdialog_content .resultframe { + overflow-y: auto; + max-height: 300px; +} + +.gsi_layertreesearcher_resultdialog_content ul { + position: relative; +} + +.layertreedialog_searchresult_frame, .layertreedialog_searchresult_frame * { + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; +} + +.layertreedialog_searchresult_frame { + position: relative; + overflow-y: auto; + width: 100%; + background: #fff; + z-index: 10; + padding: 2px; +} + +.layertreedialog_searchresult_header { + padding-left: 22px; + font-size: 9.5pt; + background-image: url(../image/system/info.png); + background-position: 1px 49%; + background-repeat: no-repeat; +} + +.layertreedialog_searchresult_frame a.closebtn { + vertical-align: bottom; + color: #333; + text-decoration: none; + position: absolute; + display: inline-block; + *display: inline; + *zoom: 1; + font-weight: bold; + top: 1px; + right: 2px; + width: 2em; + text-align: center; + z-index: 99; +} + +.layertreedialog_searchresult_frame ul { + display: block; + margin: 0; + padding: 0; + list-style-type: none; +} + +.layertreedialog_searchresult_frame li { + margin: 0; + border-bottom: 1px solid #999; +} + +.layertreedialog_searchresult_frame li.nococotile { + display: none; +} + +.layertreedialog_searchresult_frame li:last-child { + border: none; +} + +.layertreedialog_searchresult_frame li a { + display: block; + padding: 4px; + text-decoration: none; +} + +.layertreedialog_searchresult_frame li a:hover { + background: #fffacd; +} + +.layertreedialog_searchresult_frame li a .pankuzu { + color: #134A63; + font-size: 10px; +} + +.layertreedialog_searchresult_frame li a .title { + color: #000; + font-size: 10.5pt; +} + +.layertreedialog_searchresult_frame li.folder a .title { + color: #000; + font-size: 10.5pt; + background-image: url(../image/system/folder.png); + background-position: 3px 50%; + background-repeat: no-repeat; + padding-left: 24px; +} + +.layertreedialog_search_frame { + width: 100%; + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + background: #f8f8f8; +} + +.layertreedialog_search_frame input { + border: 1px solid #ccc; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); + height: 24px; + line-height: 24px; + width: 100%; + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + font-size: 9.5pt; + padding: 0 0 0 22px; + background-image: url(../image/system/search.png); + background-position: 1px 50%; + background-repeat: no-repeat; +} + +.layertreedialog_search_frame .taglistbtn { + font-family: 'ヒラギノ丸ゴ Pro W4', 'ヒラギノ丸ゴ Pro', 'Hiragino Maru Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'HG丸ゴシックM-PRO', 'HGMaruGothicMPRO'; + display: block; + position: absolute; + right: 2px; + top: 2px; + border: 1px solid #ccc; + background-color: #eee; + height: 20px; + line-height: 20px; + text-align: center; + color: #333; + font-size: 12px; + white-space: nowrap; + text-decoration: none; + padding: 0 3px 0 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + z-index: 100; +} + +.layertreedialog_search_frame .taglistbtn:hover { + color: #666; + border: 1px solid #aaa +} + +.layertreedialog_search_frame .taglistbtn:active { + color: #888; +} + +.layertreedialog_tab_frame { + white-space: nowrap; + -moz-border-radius: 3px 3px 0 0; + -webkit-border-radius: 3px 3px 0 0; + border-radius: 3px 3px 0 0; + behavior: url(border-radius.htc); + position: relative; + background: #f8f8f8; + overflow: hidden; + padding-top: 2px; + height: 22px; + width: 100%; +} + +.layertreedialog_tab_frame a { + position: relative; + cursor: pointer; + display: inline-block; + *display: inline; + *zoom: 1; + text-decoration: none; + color: #333; + margin-left: -24px; + margin-bottom: -3px; + position: relative; + /*margin-bottom: -1px;*/ + z-index: 1; +} + +.layertreedialog_tab_frame a .left_triangle { + position: absolute; + display: inline-block; + *display: inline; + *zoom: 1; + width: 16px; + height: 24px; + line-height: 24px; + font-size: 16px; + left: 0; + top: 0; + z-index: 2; + margin-right: -1px; + overflow: hidden; +} + +.layertreedialog_tab_frame a .left_triangle div { + position: absolute; + display: inline-block; + *display: inline; + *zoom: 1; + width: 16px; + height: 24px; + line-height: 24px; + font-size: 16px; + left: 0; + top: 0; + margin-left: -1px; + overflow: hidden; +} + +.layertreedialog_tab_frame a .left_triangle div:after { + content: ""; + position: absolute; + right: 0; + width: 1px; + height: 1px; + border: 24px solid transparent; + border-right: 12px solid #bbb; + border-bottom: 12px solid #bbb; +} + +.layertreedialog_tab_frame a .left_triangle:after { + content: ""; + position: absolute; + right: 0; + width: 0px; + height: 0px; + border: 24px solid transparent; + border-right: 12px solid #eee; + border-bottom: 12px solid #eee; +} + +.layertreedialog_tab_frame a .center_text { + display: inline-block; + *display: inline; + *zoom: 1; + min-width: 40px; + height: 24px; + line-height: 24px; + font-size: 12px; + background: #eee; + text-align: center; + vertical-align: middle; + padding: 0px 3px 0 3px; + margin-left: 16px; + margin-right: 16px; + z-index: 1; + border-top: 1px solid #ccc; +} + +.layertreedialog_tab_frame a .right_triangle { + position: absolute; + display: inline-block; + *display: inline; + *zoom: 1; + width: 16px; + height: 24px; + line-height: 24px; + font-size: 11px; + right: 0; + z-index: 2; + overflow: hidden; +} + +.layertreedialog_tab_frame a .right_triangle div { + position: absolute; + display: inline-block; + *display: inline; + *zoom: 1; + width: 16px; + height: 24px; + line-height: 24px; + font-size: 16px; + left: 1px; + top: 0; + overflow: hidden; +} + +.layertreedialog_tab_frame a .right_triangle div:after { + content: ""; + position: absolute; + left: 0; + width: 0; + height: 0; + border: 24px solid transparent; + border-left: 12px solid #bbb; + border-bottom: 12px solid #bbb; +} + +.layertreedialog_tab_frame a .right_triangle:after { + content: ""; + position: absolute; + left: 0; + width: 0; + height: 0; + border: 24px solid transparent; + border-left: 12px solid #eee; + border-bottom: 12px solid #eee; +} + +.layertreedialog_tab_frame a:first-child { + margin-left: -4px; +} + +/* +.layertreedialog_tab_frame a:nth-child(odd){ + z-index:2; +} + +.layertreedialog_tab_frame a:nth-child(even){ + z-index:1; +} +*/ + +.layertreedialog_tab_frame a:hover { + text-decoration: underline; +} + +.layertreedialog_tab_frame a:active { + text-decoration: none; + color: #333; +} + +.layertreedialog_tab_frame a.active { + z-index: 100; +} + +.layertreedialog_tab_frame a.active .left_triangle {} + +.layertreedialog_tab_frame a.active .left_triangle:after { + border: 24px solid transparent; + border-right: 12px solid #333; + border-bottom: 12px solid #333; +} + +.layertreedialog_tab_frame a.active .center_text { + background: #333; + color: #fff; +} + +.layertreedialog_tab_frame a.active .right_triangle {} + +.layertreedialog_tab_frame a.active .right_triangle:after { + border: 24px solid transparent; + border-left: 12px solid #333; + border-bottom: 12px solid #333; +} + +/* GSI.ViewListDialog +---------------------------------------------------------------------- */ + +.viewlistdialog_control_frame { + padding: 3px 3px 4px 3px; + z-index: 101; + position: relative; + box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1); + /* Firefox */ + -webkit-box-shadow: 0px 1px 1x 1px rgba(0, 0, 0, 0.1); + /* Chrome, Safari */ + border-bottom: 1px solid #bbb; + background: #f4f4f4; + -webkit-touch-callout: none; + -webkit-user-select: none; +} + +.viewlistdialog_control_frame label { + font-size: 9pt; + cursor: pointer; + -webkit-touch-callout: none; + -webkit-user-select: none; +} + +.viewlistdialog_control_frame .showallbutton { + margin-left: 1px; + font-size: 9pt; + padding: 0 4px 0 4px; + float: right; + border: 1px solid #bbb; + margin-top: 1px; + box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1); + /* Firefox */ + -webkit-box-shadow: 0px 0px 2x 1px rgba(0, 0, 0, 0.1); + /* Chrome, Safari */ + -webkit-touch-callout: none; + -webkit-user-select: none; +} + +.viewlistdialog_ul_frame { + overflow-y: auto; + max-height: 220px; + position: relative; + -webkit-touch-callout: none; + -webkit-user-select: none; +} + +.viewlistdialog_ul { + color: #333; + list-style: none; + padding: 0; + margin: 0; + position: relative; + overflow: hidden; + -webkit-touch-callout: none; + -webkit-user-select: none; +} + +.viewlistdialog_ul li { + border-bottom: 1px solid #999; + position: relative; + vertical-align: middle; + background: #fff; + -webkit-touch-callout: none; + -webkit-user-select: none; +} + +.viewlistdialog_ul .item_frame, .viewlistdialog_ul .item_frame_fixed { + padding: 0px; + /* + padding:10px 0px 8px 2px; + */ + -webkit-touch-callout: none; + -webkit-user-select: none; +} + +.viewlistdialog_ul .item_frame .tile, .viewlistdialog_ul .item_frame_fixed .tile { + background: url(../image/system/sortable_handle.png) no-repeat 1px 50%; + padding: 0px; + /* + padding:14px 2px 7px 6px; + */ + cursor: move; + -webkit-touch-callout: none; + -webkit-user-select: none; +} + +/* +.viewlistdialog_ul .item_frame .tumami , +.viewlistdialog_ul .item_frame_fixed .tumami +{ + + display:inline-block; + *display: inline; + *zoom: 1; + vertical-align:bottom; + width:20px; + height:100%; + background:#ff0000; + border:1px solid red; + background : url(../image/system/sortable_handle.png) no-repeat 50% 50%; +} +*/ + +.viewlistdialog_ul .item_frame .titleframe, .viewlistdialog_ul .item_frame_fixed .titleframe { + display: block; + padding-left: 24px; + padding-right: 55px; + user-select: none; + -moz-user-select: none; + -webkit-user-select: none; + -ms-user-select: none; + cursor: pointer; + color: #000; + text-decoration: none; + background-color: #fff; + -webkit-touch-callout: none; + -webkit-user-select: none; +} + +.viewlistdialog_ul .item_frame .titleframe .title, .viewlistdialog_ul .item_frame_fixed .titleframe .title { + padding-bottom: 0px; + margin-top: 0px; + -webkit-touch-callout: none; + -webkit-user-select: none; +} + +.viewlistdialog_ul .item_frame .titleframe .pankuzu, .viewlistdialog_ul .item_frame_fixed .titleframe .pankuzu { + color: #134A63; + font-size: 10px; + line-height: 10px; + height: 10px; + overflow: hidden; + -webkit-touch-callout: none; + -webkit-user-select: none; +} + +.viewlistdialog_ul li .nococotile { + background: #eee; + -webkit-touch-callout: none; + -webkit-user-select: none; +} + +.viewlistdialog_ul li.nodata { + padding: 8px; + font-size: 95%; + border-bottom: 0px solid #999; + -webkit-touch-callout: none; + -webkit-user-select: none; +} + +.viewlistdialog_ul li a.item.view { + background-color: #e0f1e7; + background-color: #eafaff; + -webkit-touch-callout: none; + -webkit-user-select: none; +} + +.viewlistdialog_ul li.outside a.item .pankuzu { + color: #ff4500; +} + +.viewlistdialog_ul li.outside a.item {} + +.viewlistdialog_ul li.outside a.item.view {} + +.viewlistdialog_ul li a.item .viewmark { + position: absolute; + display: inline-block; + *display: inline; + *zoom: 1; + padding: 0 1px 0 1px; + -moz-border-radius: 3px; + /*for Firefox*/ + -webkit-border-radius: 3px; + /*for Safari and chrome*/ + border-radius: 3px; + behavior: url(border-radius.htc); + /*for IE*/ + color: #fff; + left: 0px; + top: 7px; + font-size: 7pt; + line-height:16px; + width:16px; + height:16px; + -webkit-touch-callout: none; + -webkit-user-select: none; + + background-image:url(../image/system/view.png); + background-position: center center; + background-repeat: no-repeat; + + +} + + +.viewlistdialog_ul li a.item .viewmark.disable { + + + background-image:url(../image/system/noview.png); +} + +.viewlistdialog_ul li .grayscale { + color: #000; + position: absolute; + right: 95px; + /*105px;*/ + top: 6px; + font-size: 10px; + display: inline-block; + *display: inline; + *zoom: 1; + padding: 0px; + white-space: nowrap; + z-index: 10; + -webkit-touch-callout: none; + -webkit-user-select: none; + filter: none; + -webkit-filter: none; +} + +.viewlistdialog_ul li .grayscale_label { + color: #000; + position: absolute; + right: 88px; + top: 6px; + font-size: 10px; + display: inline-block; + *display: inline; + *zoom: 1; + padding: 0px; + white-space: nowrap; + z-index: 10; + -webkit-touch-callout: none; + -webkit-user-select: none; +} +.minmode .viewlistdialog_ul li .grayscale { + display: none !important; +} + + +.viewlistdialog_ul li .opacity { + color: #000; + position: absolute; + right: 48px; + top: 3px; + font-size: 10px; + display: inline-block; + *display: inline; + *zoom: 1; + padding: 0px; + white-space: nowrap; + z-index: 10; + -webkit-touch-callout: none; + -webkit-user-select: none; +} + +.viewlistdialog_ul li .btn { + -webkit-touch-callout: none; + -webkit-user-select: none; + cursor: pointer; +} + +.viewlistdialog_ul li .opacity_up_btn { + color: #333; + position: absolute; + right: 70px; + top: 18px; + font-size: 10px; + line-height: 20px; + height: 18px; + width: 18px; + display: inline-block; + *display: inline; + *zoom: 1; + text-align: center; + vertical-align: middle; + padding: 0px; + border: 1px solid #666; + background-color: #eee; + -moz-border-radius: 5px; + /*for Firefox*/ + -webkit-border-radius: 5px; + /*for Safari and chrome*/ + border-radius: 5px; + behavior: url(border-radius.htc); + /*for IE*/ + -moz-transition: all 0.3s ease-in 0s; + -webkit-transition: all 0.3s ease-in 0s; + -o-transition: all 0.3s ease-in 0s; + transition: all 0.3s ease-in 0s; + background-image: -moz-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); + background-image: -webkit-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); + background-image: -o-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); + background-image: linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); + z-index: 10; + -webkit-touch-callout: none; + -webkit-user-select: none; +} + +.viewlistdialog_ul li .opacity_dn_btn { + color: #333; + position: absolute; + right: 48px; + top: 20px; + font-size: 10px; + line-height: 20px; + height: 18px; + width: 18px; + display: inline-block; + *display: inline; + *zoom: 1; + text-align: center; + vertical-align: middle; + padding: 0px; + border: 1px solid #666; + background-color: #eee; + -moz-border-radius: 5px; + /*for Firefox*/ + -webkit-border-radius: 5px; + /*for Safari and chrome*/ + border-radius: 5px; + behavior: url(border-radius.htc); + /*for IE*/ + -moz-transition: all 0.3s ease-in 0s; + -webkit-transition: all 0.3s ease-in 0s; + -o-transition: all 0.3s ease-in 0s; + transition: all 0.3s ease-in 0s; + background-image: -moz-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); + background-image: -webkit-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); + background-image: -o-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); + background-image: linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); + z-index: 10; + -webkit-touch-callout: none; + -webkit-user-select: none; +} + +.viewlistdialog_ul li .opacity_btn { + font-family: 'ヒラギノ丸ゴ Pro W4', 'ヒラギノ丸ゴ Pro', 'Hiragino Maru Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'HG丸ゴシックM-PRO', 'HGMaruGothicMPRO'; + position: absolute; + display: inline-block; + *display: inline; + *zoom: 1; + padding: 0 2px 0 2px; + right: 58px; + /*58px;*/ + top: 6px; + font-size: 10px; + z-index: 10; + line-height: 20px; + color: #000; + text-decoration: none; + cursor: pointer; + border: 1px solid #888; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + background: #aaa; + text-decoration: none; + color: #333; + vertical-align: middle; + box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); + -webkit-box-shadow: 1px 1px 2x 1px rgba(0, 0, 0, 0.1); + background: #f5f5f5; + background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f0f0f0), color-stop(0.00, #f5f5f5)); + background: -webkit-linear-gradient(#f5f5f5, #f0f0f0); + background: -moz-linear-gradient(#f5f5f5, #f0f0f0); + background: -o-linear-gradient(#f5f5f5, #f0f0f0); + background: -ms-linear-gradient(#f5f5f5, #f0f0f0); + background: linear-gradient(#f5f5f5, #f0f0f0); +} + + + +.minmode .viewlistdialog_ul li .opacity_btn { + display: none; +} + +.viewlistdialog_opacity_window { + position: absolute; + z-index: 11000; + background: #f5f5f5; + background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f0f0f0), color-stop(0.00, #f5f5f5)); + background: -webkit-linear-gradient(#f5f5f5, #f0f0f0); + background: -moz-linear-gradient(#f5f5f5, #f0f0f0); + background: -o-linear-gradient(#f5f5f5, #f0f0f0); + background: -ms-linear-gradient(#f5f5f5, #f0f0f0); + background: linear-gradient(#f5f5f5, #f0f0f0); + padding: 6px; + border: 1px solid #eee; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; + opacity: .95; + filter: alpha(opacity=95); + -ms-filter: "alpha(opacity=95)"; + -khtml-opacity: .95; + -moz-opacity: .95; + box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2); + -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2); + /* Firefox */ + -webkit-box-shadow: 1px 1px 2x 1px rgba(0, 0, 0, 0.2); + /* Chrome, Safari */ +} + +.viewlistdialog_opacity_window .value { + float: left; + width: 100px; + font-size: 12px; + line-height: 1.2em; +} + +.viewlistdialog_opacity_window .slider { + float: left; + width: 180px; +} + +.viewlistdialog_ul li .area_btn { + font-family: 'ヒラギノ丸ゴ Pro W4', 'ヒラギノ丸ゴ Pro', 'Hiragino Maru Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'HG丸ゴシックM-PRO', 'HGMaruGothicMPRO'; + position: absolute; + display: inline-block; + *display: inline; + *zoom: 1; + right: 26px; + top: 0px; + /*20px;*/ + z-index: 10; + text-align: center; + font-size: 11px; + /*10px;*/ + line-height: 18px; + /*16px;*/ + cursor: pointer; + border-radius: 6px; + border: 1px solid #ccc; + background-color: rgb(206, 0, 0); + height: 17px; + /*16px;*/ + width: 30px; + /*16px;*/ + color: #eee; + text-decoration: none; +} + +.viewlistdialog_ul li .description_btn { + font-family: 'ヒラギノ丸ゴ Pro W4', 'ヒラギノ丸ゴ Pro', 'Hiragino Maru Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'HG丸ゴシックM-PRO', 'HGMaruGothicMPRO'; + position: absolute; + display: inline-block; + *display: inline; + *zoom: 1; + right: 35px; + /*36px;*/ + top: 6px; + z-index: 10; + text-align: center; + font-size: 12px; + /*10px;*/ + line-height: 20px; + /*16px;*/ + cursor: pointer; + border-radius: 50%; + border: 1px solid #ccc; + background-color: #1D417A; + height: 20px; + /*16px;*/ + width: 20px; + /*16px;*/ + color: #eee; + -webkit-touch-callout: none; + -webkit-user-select: none; +} + +.viewlistdialog_ul li .setting_btn { + font-family: 'ヒラギノ丸ゴ Pro W4', 'ヒラギノ丸ゴ Pro', 'Hiragino Maru Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'HG丸ゴシックM-PRO', 'HGMaruGothicMPRO'; + position: absolute; + display: inline-block; + *display: inline; + *zoom: 1; + right: 59px; + top: 6px; + z-index: 10; + text-align: center; + font-size: 11px; + /*10px;*/ + line-height: 20px; + /*16px;*/ + cursor: pointer; + border-radius: 10px; + border: 1px solid #ccc; + height: 20px; + /*16px;*/ + width: 20px; + /*16px;*/ + color: #eee; + background-image: url(../image/setting.png); + background-repeat: no-repeat; + background-position: center; + background-size: 16px 16px; + -webkit-touch-callout: none; + -webkit-user-select: none; +} + +.viewlistdialog_ul li .outside_edit_btn { + font-family: 'ヒラギノ丸ゴ Pro W4', 'ヒラギノ丸ゴ Pro', 'Hiragino Maru Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'HG丸ゴシックM-PRO', 'HGMaruGothicMPRO'; + position: absolute; + display: inline-block; + padding: 0 2px 0 2px; + right: 31px; + /*36px;*/ + top: 6px; + font-size: 10px; + z-index: 10; + line-height: 20px; + color: #000; + text-decoration: none; + cursor: pointer; + border: 1px solid #888; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + background: #aaa; + text-decoration: none; + color: #333; + vertical-align: middle; + box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); + -webkit-box-shadow: 1px 1px 2x 1px rgba(0, 0, 0, 0.1); + background: #f5f5f5; + background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f0f0f0), color-stop(0.00, #f5f5f5)); + background: -webkit-linear-gradient(#f5f5f5, #f0f0f0); + background: -moz-linear-gradient(#f5f5f5, #f0f0f0); + background: -o-linear-gradient(#f5f5f5, #f0f0f0); + background: -ms-linear-gradient(#f5f5f5, #f0f0f0); + background: linear-gradient(#f5f5f5, #f0f0f0); +} + + +.viewlistdialog_ul li .closebtna { + position: absolute; + display: inline-block; + *display: inline; + *zoom: 1; + padding: 0px 3px 0px 3px; + -moz-border-radius: 3px; + /*for Firefox*/ + -webkit-border-radius: 3px; + /*for Safari and chrome*/ + border-radius: 3px; + behavior: url(border-radius.htc); + /*for IE*/ + border: none; + right: 4px; + top: 22px; + font-size: 10px; + z-index: 10; + -webkit-touch-callout: none; + -webkit-user-select: none; + cursor: pointer; +} +.viewlistdialog_ul li .closebtn { + position: absolute; + display: inline-block; + *display: inline; + *zoom: 1; + z-index: 10; + right: 16px; + top: 7px; + width:20px; + line-height: 20px; + height:20px; + background-repeat: no-repeat; + background-position: center center; + background-image: url(../image/system/close.png); + background-size:20px 20px; + cursor:pointer; + opacity: 0.8; + +} + +.viewlistdialog_ul li.free_relief_id .multiplytile { + right: 119px; +} +.viewlistdialog_ul li.free_relief_id .opacity_btn { + right: 82px; +} +.minmode .viewlistdialog_ul li .description_btn { + right:24px; +} +.minmode .viewlistdialog_ul li .setting_btn { + display: none; +} +.minmode .viewlistdialog_ul li .closebtn { + right:2px; +} + + +.viewlistdialog_ul li .menubtn { + + display: none; + position: absolute; + z-index: 10; + right: 57px; + top: 7px; + width:20px; + line-height: 20px; + height:20px; + background-repeat: no-repeat; + background-position: center center; + background-size:20px 20px; + cursor:pointer; + opacity: 0.8; + background-image: url(../image/system/menu2.png); + +} + +.gsi-showingmaplist-layerpopup { + + position: absolute; + z-index:9999; + background-color:#fff; + top:7px; + + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; + behavior: url(border-radius.htc); + + position: absolute; + list-style:none; + padding:0; + margin:0; + box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.3); + -moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.3); /* Firefox */ + -webkit-box-shadow: 0px 0px 2x 1px rgba(0, 0, 0, 0.3); /* Chrome, Safari */ + + border: 1px solid #222; + background-color:#333; + background-color:rgba(51, 51, 51, 0.99); + text-align:left; + color:#fff; + + z-index:15000; + + box-sizing: border-box; + -webkit-box-sizing:border-box; + -moz-box-sizing: border-box; + + +} + +.gsi-showingmaplist-layerpopup ul{ + + list-style:none; + position: relative; + padding:0; + margin:0; + +} + +.gsi-showingmaplist-layerpopup ul li{ + + position: relative; + display: block; + padding: 4px 4px 4px 6px; + font-size:10pt; + border-bottom: 1px dotted rgb(65, 65, 65); +} + +.gsi-showingmaplist-layerpopup ul li::after { + clear: both; +} + +.gsi-showingmaplist-layerpopup ul li > label { + padding-right:5px; + font-size:10pt; +} + +.gsi-showingmaplist-layerpopup ul li a{ + line-height: 24px; + color:#fff; + font-size:10pt; + position: relative; + display: block; + text-decoration: none; + white-space: nowrap; +} + +.minmode .viewlistdialog_ul li .menubtn { + right:48px; + display: inline-block; + *display: inline; + *zoom: 1; +} +/* +.viewlistdialog_ul li .closebtn { + position: absolute; + display: inline-block; + *display: inline; + *zoom: 1; + right: 17px; + top: 13px; + z-index: 10; + font-size: 10px; + width: 0.9em; + height: 1.0em; + border-left: 0.1em solid #474747; + border-right: 0.1em solid #474747; + border-bottom: 0.1em solid #474747; + border-radius: 0 0 0.1em 0.1em; + background: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%) 0.2em 0.2em, linear-gradient(to bottom, #ffffff 0%, #ffffff 100%) 0.4em 0.2em, linear-gradient(to bottom, #ffffff 0%, #ffffff 100%) 0.6em 0.2em; + background-color: #808080; + background-size: 0.1em 0.7em; + background-repeat: no-repeat; + -webkit-touch-callout: none; + -webkit-user-select: none; + cursor: pointer; +} + +.viewlistdialog_ul li .closebtn::before { + content: ""; + position: absolute; + top: -0.18em; + left: -0.2em; + width: 1.3em; + height: 0.1em; + background-color: #474747; +} + +.viewlistdialog_ul li .closebtn::after { + content: ""; + position: absolute; + top: -0.38em; + left: 0.3em; + width: 0.1em; + height: 0.2em; + border-top: 0.1em solid #474747; + border-left: 0.1em solid #474747; + border-right: 0.1em solid #474747; + border-radius: 0.1em 0.1em 0 0; + background-color: #474747; +} +*/ + +.viewlistdialog_ul li .updown_frame { + position: absolute; + display: inline-block; + *display: inline; + *zoom: 1; + right: 0px; + top: 50%; + margin-top: -16px; + height: 32px; + z-index: 10; +} + +.minmode .viewlistdialog_ul li .updown_frame { + display: none; +} + +.viewlistdialog_ul li .updown_frame a { + position: absolute; + display: inline-block; + *display: inline; + *zoom: 1; + right: 0px; + background-position: 50% 50%; + background-repeat: no-repeat; + width: 16px; + height: 16px; + cursor: pointer; +} + +.viewlistdialog_ul li .updown_frame a.disabled { + opacity: .20; + filter: alpha(opacity=20); + -ms-filter: "alpha(opacity=20)"; + -khtml-opacity: .20; + -moz-opacity: .20; + cursor: default; +} + +.viewlistdialog_ul li .updown_frame a.up { + top: 0px; + background-image: url(../image/system/order_up.png); +} + +.viewlistdialog_ul li .updown_frame a.down { + bottom: 0px; + background-image: url(../image/system/order_down.png); +} + +.viewlistdialog_ul li a.item { + color: #000; + text-decoration: none; + display: block; + padding: 8px 2px 8px 0px; + font-size: 95%; + position: relative; + -webkit-touch-callout: none; + -webkit-user-select: none; + word-break: break-all; +} + +.viewlistdialog_ul li a.item .title { + padding-left: 20px; + padding-right: 90px; + font-size: 14px; + line-height: 16px; + -webkit-touch-callout: none; + -webkit-user-select: none; + word-break: break-all; +} + +.viewlistdialog_ul li a.item .title_base { + padding-left: 20px; + padding-right: 160px; + font-size: 14px; + line-height: 16px; + -webkit-touch-callout: none; + -webkit-user-select: none; + word-break: break-all; +} + +.viewlistdialog_ul li a.item .title_mt { + padding-left: 20px; + padding-right: 126px; + font-size: 14px; + line-height: 16px; + -webkit-touch-callout: none; + -webkit-user-select: none; + word-break: break-all; +} + + +.minmode .viewlistdialog_ul li a.item .title_base { + padding-right:64px; +} +.minmode .viewlistdialog_ul li a.item .title_mt { + padding-right:64px; +} +.minmode .viewlistdialog_ul li a.item .title { + padding-right:64px; +} + +.viewlistdialog_ul.mini li a.item .title { + padding-left: 8px; +} + +.viewlistdialog_ul.mini li a.item .title_base { + padding-left: 8px; +} + +.viewlistdialog_ul.mini li a.item .title_mt { + padding-left: 8px; +} + +.viewlistdialog_ul li a.item .pankuzu { + padding-left: 32px; + padding-right: 55px; + color: #134A63; + font-size: 11px; + line-height: 11px; + height: 11px; + width: 197px; + overflow: hidden; + -webkit-touch-callout: none; + -webkit-user-select: none; +} + +.viewlistdialog_ul li a .info { + text-align: right; + font-size: 7pt; + position: absolute; + right: 4px; + bottom: 2px; + -webkit-touch-callout: none; + -webkit-user-select: none; +} + +.viewlistdialog_ul li a .info span { + display: inline-block; + *display: inline; + *zoom: 1; + padding: 1px 3px 1px 3px; + -moz-border-radius: 3px; + /*for Firefox*/ + -webkit-border-radius: 3px; + /*for Safari and chrome*/ + border-radius: 3px; + behavior: url(border-radius.htc); + /*for IE*/ + margin-right: 1px; + background: #2B7396; + color: #fff; + -webkit-touch-callout: none; + -webkit-user-select: none; +} + +.viewlistdialog_ul li a .info span.cocotile { + background: #6A8655; + color: #fff; + -webkit-touch-callout: none; + -webkit-user-select: none; +} + +.viewlistdialog_ul li .layerinfo { + margin: -5px 8px 12px 8px; + padding: 6px; + font-size: 90%; + background: #fff; + border: 1px solid #ccc; + -moz-border-radius: 2px; + /*for Firefox*/ + -webkit-border-radius: 2px; + /*for Safari and chrome*/ + border-radius: 2px; + behavior: url(border-radius.htc); + /*for IE*/ + box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1); + /* Firefox */ + -webkit-box-shadow: 0px 0px 2x 2px rgba(0, 0, 0, 0.1); + /* Chrome, Safari */ + display: none; + -webkit-touch-callout: none; + -webkit-user-select: none; +} + +.viewlistdialog_ul li .layerinfo .slider_frame { + width: 100%; + -webkit-touch-callout: none; + -webkit-user-select: none; +} + +.viewlistdialog_ul li .layerinfo .slider { + display: block; + margin: 4px 4px 4px 8px; + -webkit-touch-callout: none; + -webkit-user-select: none; +} + +.viewlistdialog_ul li .layerinfo a.legend { + display: inline-block; + *display: inline; + *zoom: 1; + text-decoration: none; + padding: 0px 4px 0px 4px; + font-size: 10pt; + border: 1px solid #ccc; + -moz-border-radius: 2px; + /*for Firefox*/ + -webkit-border-radius: 2px; + /*for Safari and chrome*/ + border-radius: 2px; + behavior: url(border-radius.htc); + /*for IE*/ + color: #000; + background: #fff; + -webkit-touch-callout: none; + -webkit-user-select: none; +} + +.viewlistdialog_ul li .layerinfo .description { + font-size: 10pt; + padding: 6px 4px 2px 4px; + -webkit-touch-callout: none; + -webkit-user-select: none; +} + +.viewlistdialog_ul li .layerinfo .description * { + font-size: 9pt; + -webkit-touch-callout: none; + -webkit-user-select: none; +} + +.viewlistdialog_ul li .multiplytile { + color: #900; + position: absolute; + right: 95px; + /*105px;*/ + top: 6px; + ; + font-size: 10px; + display: inline-block; + *display: inline; + *zoom: 1; + padding: 0px; + white-space: nowrap; + z-index: 10; + -webkit-touch-callout: none; + -webkit-user-select: none; +} + +.minmode .viewlistdialog_ul li .multiplytile { + display: none; +} +.viewlistdialog_ul li .multiplytile_label { + color: #000; + position: absolute; + right: 105px; + top: 3px; + font-size: 10px; + display: inline-block; + *display: inline; + *zoom: 1; + padding: 0px; + white-space: nowrap; + z-index: 10; + -webkit-touch-callout: none; + -webkit-user-select: none; +} + +.gsi_layerinfo_title { + font-size: 10pt; + font-weight: bold; + -webkit-touch-callout: none; + -webkit-user-select: none; +} + +.gsi_layerinfo_kaisetu { + font-size: 9pt; + -webkit-touch-callout: none; + -webkit-user-select: none; +} + +.gsi_layerinfo_copy { + margin-top: 4px; + font-size: 9pt; + text-align: right; + -webkit-touch-callout: none; + -webkit-user-select: none; +} + +/* GSI.SearchResultDialog +---------------------------------------------------------------------- */ + +.searchresultdialog_subtitle { + font-size: 7pt; + font-weight: normal; + padding: 0px; + margin: 0px 0px 0px 4px; + line-height: 10px; + display: inline-block; + *display: inline; + *zoom: 1; +} + +.searchresultdialog_ul_frame { + overflow-y: auto; + max-height: 220px; +} + +.searchresultdialog_ul { + color: #333; + list-style: none; + padding: 0; + margin: 0; +} + +.searchresultdialog_ul li { + border-bottom: 1px solid #999; + position: relative; +} + +.searchresultdialog_ul li.nodata { + padding: 8px; + font-size: 95%; + border-bottom: 0px solid #999; +} + +.searchresultdialog_ul li a { + color: #000; + text-decoration: none; + display: block; + padding: 13px 2px 13px 0px; + font-size: 95%; + position: relative; +} + +.searchresultdialog_ul li a .title { + padding-left: 8px; + color: #134A63; +} + +.searchresultdialog_ul li a .muni { + padding-left: 18px; + font-size: 80%; +} + +.searchresultdialog_select_frame { + text-align: center; + margin-top: 3px; + margin-bottom: 2px; +} + +/* +.searchresultdialog_select_frame select{ + -webkit-appearance: button; + -moz-appearance: button; + appearance: button; + width: 48%; + height: 30px; + line-height: 30px; + font-size: 13px; + text-indent: 1em; + color: #FFFFFF; + border: 1px solid #555; + cursor: pointer; + + + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); + + background:#333 url(../image/arrow-down.png) no-repeat; + background-size:20px 20px; + background-position: right center; +} +*/ + +/* GSI.MeasureDialog +---------------------------------------------------------------------- */ + +.gsi_measuredialog_radiofrane { + margin: 4px 0px 4px 0px; + font-size: 90%; +} + +.gsi_measuredialog_result { + margin: 4px 4px 4px 12px; + font-size: 90%; +} + +.gsi_measuredialog_lastlatlng { + margin: 4px 4px 4px 12px; + font-size: 90%; +} + +.gsi_measuredialog_savebtn { + margin: 4px 4px 4px 12px; + display: inline-block; + *display: inline; + *zoom: 1; + padding: 1px 6px 1px 6px; + white-space: nowrap; + border: 1px solid #888; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + behavior: url(border-radius.htc); + /*for IE*/ + text-decoration: none; + font-size: 9.5pt; + color: #333; + vertical-align: middle; + box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); + /* Firefox */ + -webkit-box-shadow: 1px 1px 2x 1px rgba(0, 0, 0, 0.1); + /* Chrome, Safari */ + font-weight: bold; + text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #FFF, 0 1px 1px #FFF; + background: #f5f5f5; + background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f0f0f0), color-stop(0.00, #f5f5f5)); + background: -webkit-linear-gradient(#f5f5f5, #f0f0f0); + background: -moz-linear-gradient(#f5f5f5, #f0f0f0); + background: -o-linear-gradient(#f5f5f5, #f0f0f0); + background: -ms-linear-gradient(#f5f5f5, #f0f0f0); + background: linear-gradient(#f5f5f5, #f0f0f0); +} + +.gsi_measuredialog_savebtn.disabled { + color: #ccc; + background: #fff; + border: 1px solid #ccc; + box-shadow: none; + -moz-box-shadow: none; + /* Firefox */ + -webkit-box-shadow: none; + /* Chrome, Safari */ +} + +.gsi_measuredialog_save_frame { + display: block; + position: absolute; + z-index: 11000; + background: #fff; + border: 1px solid #aaa; + background: #fff; + -moz-border-radius: 2px; + /*for Firefox*/ + -webkit-border-radius: 2px; + /*for Safari and chrome*/ + border-radius: 2px; + behavior: url(border-radius.htc); + /*for IE*/ + box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1); + /* Firefox */ + -webkit-box-shadow: 2px 2px 1x 1px rgba(0, 0, 0, 0.1); + /* Chrome, Safari */ + padding: 1px; +} + +.gsi_measuredialog_save_frame a { + position: relative; + display: block; + color: #000; + padding: 4px; + text-decoration: none; + font-size: 9.5pt; + border-bottom: 1px dotted #ccc; +} + +.gsi_measuredialog_save_frame a:hover { + background: #fffacd; +} + +.gsi_measuredialog_save_frame a:last-child { + border-bottom: none; +} + +.gsi_measuredialog_infobtn { + margin: 4px 4px 4px 8px; + display: inline-block; + *display: inline; + *zoom: 1; + padding: 1px 6px 1px 6px; + white-space: nowrap; + border: 1px solid #888; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + behavior: url(border-radius.htc); + /*for IE*/ + text-decoration: none; + font-size: 9.5pt; + color: #333; + vertical-align: middle; + box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); + /* Firefox */ + -webkit-box-shadow: 1px 1px 2x 1px rgba(0, 0, 0, 0.1); + /* Chrome, Safari */ + font-weight: bold; + text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #FFF, 0 1px 1px #FFF; + background: #f5f5f5; + background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f0f0f0), color-stop(0.00, #f5f5f5)); + background: -webkit-linear-gradient(#f5f5f5, #f0f0f0); + background: -moz-linear-gradient(#f5f5f5, #f0f0f0); + background: -o-linear-gradient(#f5f5f5, #f0f0f0); + background: -ms-linear-gradient(#f5f5f5, #f0f0f0); + background: linear-gradient(#f5f5f5, #f0f0f0); +} + +/* GSI.SakuzuDialog +---------------------------------------------------------------------- */ + +.gsi_sakuzu_dialog_frame { + margin: 0px 0px 0px 0px; + position: relative; +} + +.gsi_sakuzu_dialog_frame select { + height: 26px; + line-height: 26px; + border: 1px solid #999; + padding: 0px 0px 0px 2px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); + vertical-align: middle; + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; +} + +.gsi_sakuzu_dialog_frame .editframe { + margin: 4px 2px 2px 2px; + padding: 2px; +} + +.gsi_sakuzu_dialog_modeselect { + vertical-align: middle; + position: relative; + padding: 2px 0 3px 1px; + box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1); + /* Firefox */ + -webkit-box-shadow: 0px 1px 1x 1px rgba(0, 0, 0, 0.1); + /* Chrome, Safari */ + background: #fff; + background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f4f4f4), color-stop(0.00, #fff)); + background: -webkit-linear-gradient(#fff, #f4f4f4); + background: -moz-linear-gradient(#fff, #f4f4f4); + background: -o-linear-gradient(#fff, #f4f4f4); + background: -ms-linear-gradient(#fff, #f4f4f4); + background: linear-gradient(#fff, #f4f4f4); +} + +.gsi_sakuzu_dialog_edit_polyinner { + position: absolute; + left: 0; + top: 0; + bottom: 0; + right: 0; + z-index: 10; + background: #fff; + background-color: rgba(255, 255, 255, 0.7); +} + +.gsi_sakuzu_dialog_edit_polyinner_inner { + position: absolute; + left: 16px; + right: 16px; + margin-top: -64px; + top: 50%; + padding: 8px; + background: #fff; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); + border: 1px solid #ccc; +} + +.gsi_sakuzu_dialog_edit_polyinner_btnframe { + margin-top: 8px; + text-align: center; +} + +.gsi_sakuzu_dialog_edit_polyinner_btnframe a { + width: 80%; +} + +.gsi_sakuzu_dialog_modeselect a img { + vertical-align: bottom; +} + +.gsi_sakuzu_dialog_modeselect .sep { + display: inline-block; + *display: inline; + *zoom: 1; + vertical-align: middle; +} + +.gsi_sakuzu_dialog_modeselect a { + font-size: 9pt; + text-decoration: none; + display: inline-block; + *display: inline; + *zoom: 1; + -moz-border-radius: 3px; + /*for Firefox*/ + -webkit-border-radius: 3px; + /*for Safari and chrome*/ + border-radius: 3px; + behavior: url(border-radius.htc); + /*for IE*/ + margin-right: 1px; + color: #000; + text-align: center; + border: 1px solid #eee; + padding: 2px; + vertical-align: middle; +} + + +.gsi_sakuzu_dialog_modeselect a.disabled { + opacity:0.2; + cursor: default; +} + +.gsi_sakuzu_dialog_modeselect a.active { + background: rgb(52, 142, 187); +} + +.gsi_sakuzu_dialog_modeselect a:active { + background: #f0f0f0; + background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f5f5f5), color-stop(0.00, #f0f0f0)); + background: -webkit-linear-gradient(#f0f0f0, #f5f5f5); + background: -moz-linear-gradient(#f0f0f0, #f5f5f5); + background: -o-linear-gradient(#f0f0f0, #f5f5f5); + background: -ms-linear-gradient(#f0f0f0, #f5f5f5); + background: linear-gradient(#f0f0f0, #f5f5f5); + color: #666; + box-shadow: -1px -1px 2px 1px rgba(0, 0, 0, 0.1); + -moz-box-shadow: -1px -1px 2px 1px rgba(0, 0, 0, 0.1); + /* Firefox */ + -webkit-box-shadow: -1px -1px 2x 1px rgba(0, 0, 0, 0.1); + /* Chrome, Safari */ +} + +.gsi_sakuzu_dialog_modeselect a:hover { + border: 1px solid #bbb; + box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); + /* Firefox */ + -webkit-box-shadow: 1px 1px 2x 1px rgba(0, 0, 0, 0.1); + /* Chrome, Safari */ + background: #f5f5f5; + background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f0f0f0), color-stop(0.00, #f5f5f5)); + background: -webkit-linear-gradient(#f5f5f5, #f0f0f0); + background: -moz-linear-gradient(#f5f5f5, #f0f0f0); + background: -o-linear-gradient(#f5f5f5, #f0f0f0); + background: -ms-linear-gradient(#f5f5f5, #f0f0f0); + background: linear-gradient(#f5f5f5, #f0f0f0); +} + +.gsi_sakuzu_dialog_modeselect a.active:active { + background: #2B7396; +} + +.gsi_sakuzu_dialog_modeselect a.active:hover { + background: #2B7396; +} + + + +.gsi_sakuzu_dialog_frame .sakuzubutton { + padding: 1px 4px 1px 4px; +} +/* +.gsi_sakuzu_dialog_lineedit {} +*/ +.gsi_sakuzu_dialog_lineedit td { + font-size: 90%; +} + +.gsi_sakuzu_dialog_lineedit input.line-opacity { + width: 3em; + height: 26px; + line-height: 26px; + border: 1px solid #999; + padding: 0px 0px 0px 2px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); + vertical-align: middle; + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + text-align: center; +} + +.gsi_sakuzu_dialog_lineedit .color_select { + width: 40px; + -moz-border-radius: 3px; + /*for Firefox*/ + -webkit-border-radius: 3px; + /*for Safari and chrome*/ + border-radius: 3px; + behavior: url(border-radius.htc); + /*for IE*/ + cursor: pointer; +} + +.gsi_sakuzu_dialog_kmlload { + margin: 4px; + font-size: 90%; +} + +.circle_input { + height: 26px; + line-height: 26px; + border: 1px solid #999; + padding: 0px 0px 0px 2px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); + vertical-align: middle; + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + width: 100%; +} + +.gsi_sakuzu_dialog_kmlload .message { + margin: 2px 0 8px 0px; + font-size: 10pt; + line-height: 20px; + padding-left: 22px; + background-image: url(../image/system/info.png); + background-position: 1px 1px; + background-repeat: no-repeat; +} + +.gsi_sakuzu_dialog_filledit {} + +.gsi_sakuzu_dialog_filledit input.fill-opacity { + width: 3em; + height: 26px; + line-height: 26px; + border: 1px solid #999; + padding: 0px 0px 0px 2px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); + vertical-align: middle; + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + text-align: center; +} + +.gsi_sakuzu_dialog_filledit td { + font-size: 90%; +} + +.gsi_sakuzu_dialog_filledit .color_select { + width: 40px; + -moz-border-radius: 3px; + /*for Firefox*/ + -webkit-border-radius: 3px; + /*for Safari and chrome*/ + border-radius: 3px; + behavior: url(border-radius.htc); + /*for IE*/ + cursor: pointer; +} + +.gsi_sakuzu_dialog_infoedit { + margin-top: 3px; + margin-bottom: 3px; + padding: 4px; + -moz-border-radius: 3px; + /*for Firefox*/ + -webkit-border-radius: 3px; + /*for Safari and chrome*/ + border-radius: 3px; + behavior: url(border-radius.htc); + /*for IE*/ + border: 1px solid #ccc; + overflow-y: auto; +} + +.gsi_sakuzu_dialog_infoedit table { + border-collapse: collapse; +} + +.gsi_sakuzu_dialog_infoedit .toggleinfobtn { + font-size: 80%; + display: inline-block; + *display: inline; + *zoom: 1; + padding: 2px 3px 2px 3px; + /* + text-decoration:none; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); + margin-left:2px; + margin-right:2px; + color:#fff; + margin-top:2px; + border: 1px solid #888; + + background: #333; + */ + color: #000; +} + +.gsi_sakuzu_dialog_infoedit .inputtext { + height: 26px; + line-height: 26px; + border: 1px solid #999; + padding: 0px 0px 0px 2px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); + vertical-align: middle; + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; +} + +.gsi_sakuzu_dialog_infoedit .inputtextarea { + height: 26px; + border: 1px solid #999; + padding: 0px 0px 0px 2px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; +} + +.gsi_sakuzu_dialog_infoedit td { + font-size: 90%; +} + +.gsi_sakuzu_dialog_infoedit a.btn:active { + background: #d9E6E2; +} + +.gsi_sakuzu_dialog_infoedit .btn { + border: 1px solid #ccc; + display: inline-block; + padding: 1px; + *display: inline; + *zoom: 1; + -moz-border-radius: 3px; + /*for Firefox*/ + -webkit-border-radius: 3px; + /*for Safari and chrome*/ + border-radius: 3px; + behavior: url(border-radius.htc); + /*for IE*/ + line-height: 24px; + height: 24px; + width: 24px; +} + +.gsi_sakuzu_dialog_infoedit .btn img { + width: 22px; + height: 22px; +} + +.gsi_sakuzu_dialog_edit_removeframe { + margin-top: -2px; + margin-bottom: -6px; +} + +.gsi_sakuzu_dialog_edit_removeframe:after { + display: block; + clear: both; + height: 0px; + visibility: hidden; + content: "."; +} + +.gsi_sakuzu_dialog_edit_removeframe a { + float: right; + font-size: 9pt; + color: #222; +} + +.gsi_sakuzu_dialog_edit_removeframe a.plyinnerbtn { + float: left; + font-size: 10pt; + font-weight: bold; + color: #222; + padding-left: 25px; + display: inline-block; + *display: inline; + *zoom: 1; + line-height: 24px; + background-image: url(../image/sakuzu/scissors.png); + background-size: 22px 22px; + background-repeat: no-repeat; + background-position: 0px center; +} + +.gsi_sakuzu_dialog_okcancel { + text-align: center; + padding: 2px; +} + +.gsi_sakuzu_dialog_okcancel a { + margin-left: 4px; + margin-right: 4px; + width: 110px; + position: relative; + line-height: 24px; + height: 24px; + vertical-align: middle; + padding: 0; + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; +} + +.gsi_sakuzu_dialog_okcancel a.removebtn { + width: auto; + margin-bottom: 4px; +} + +.gsi_sakuzu_dialog_okcancel a span.num { + position: absolute; + display: block; + -moz-border-radius: 8px; + /*for Firefox*/ + -webkit-border-radius: 8px; + /*for Safari and chrome*/ + border-radius: 8px; + behavior: url(border-radius.htc); + /*for IE*/ + font-weight: normal; + line-height: 18px; + height: 18px; + padding: 0 8px 0 8px; + text-align: center; + font-size: 9pt; + color: #fff; + right: 3px; + top: 2px; + birder: 1px solid #ccc; + background: #2B7396; + text-shadow: none; + -webkit-text-shadow: none; + -moz-box-text-shadow: none; + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; +} + +.gsi_sakuzu_dialog_remove { + text-align: left; + padding: 2px; + margin-top: 4px; +} + +.gsi_sakuzu_dialog_remove a {} + +.gsi_sakuzu_dialog_selecttarget_panel { + margin: 8px 8px 0 8px; +} + +.gsi_sakuzu_dialog_selecttarget_panel .title { + font-weight: bold; +} + +.gsi_sakuzu_dialog_selecttarget_panel .message { + margin-top: 8px; + margin-bottom: 8px; + font-size: 10pt; + line-height: 18px; + padding-left: 22px; + background-image: url(../image/system/info.png); + background-position: 1px 1px; + background-repeat: no-repeat; +} +/* +.gsi_sakuzu_dialog_fileloadpanel { + width: 100%; + overflow-y: auto; +} + +.gsi_sakuzu_dialog_fileload { + margin: 8px 8px 0 8px; +} + +.gsi_sakuzu_dialog_fileload .message { + margin: 0px 0px 2px 0px; + font-size: 10pt; + line-height: 18px; + padding-left: 22px; + background-image: url(../image/system/info.png); + background-position: 1px 1px; + background-repeat: no-repeat; +} + +.gsi_sakuzu_dialog_fileload textarea { + border: 1px solid #999; + padding: 0px 0px 0px 2px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); + font-size: 9.5pt; + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + width: 100%; + height: 220px; +} + +.gsi_sakuzu_dialog_fileload input { + font-size: 9.5pt; + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + margin: 6px 6px 12px 6px; +} +.gsi_sakuzu_dialog_filesavepanel { + width: 100%; + position:absolute; + left:0; + top:0; + right:0; + bottom:0; +} + +.gsi_sakuzu_dialog_filesave { + margin: 8px 8px 0 8px; +} + +.gsi_sakuzu_dialog_filesave .selectframe { + margin: 3px 0px 2px 12px; +} + +.gsi_sakuzu_dialog_filesave .message { + margin: 0px 0px 2px 0px; + font-size: 10pt; + line-height: 18px; + padding-left: 22px; + background-image: url(../image/system/info.png); + background-position: 1px 1px; + background-repeat: no-repeat; +} + +.gsi_sakuzu_dialog_filesave .message2 { + margin: 8px 0px 2px 0px; + font-size: 8pt; + padding-left: 8px; +} + +.gsi_sakuzu_dialog_filesave textarea { + border: 1px solid #999; + padding: 0px 0px 0px 2px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); + font-size: 9.5pt; + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + width: 100%; + height: 220px; +} + +.gsi_sakuzu_dialog_edit { + margin: 6px 6px 8px 6px; + overflow-y: auto; +} + +.gsi_sakuzu_dialog_pointedit { + font-size: 90%; + padding: 4px 0px 4px 0px; +} + +.gsi_sakuzu_dialog_pointedit .gsi_sakuzu_dialog_pointedit_message { + font-size: 10.5pt; + line-height: 20px; + padding-left: 22px; + background-image: url(../image/system/info.png); + background-position: 1px 1px; + background-repeat: no-repeat; + margin: 3px 0 8px 0; +} + +.gsi_sakuzu_dialog_pointedit td { + font-size: 90%; +} + +.gsi_sakuzu_dialog_pointedit_textmessage_frame { + margin-bottom: 4px; +} + +.gsi_sakuzu_dialog_pointedit_textmessage_frame:after { + content: ""; + clear: both; + display: block; +} + +.gsi_sakuzu_dialog_pointedit_textmessage { + font-size: 90%; + float: left; +} + +.gsi_sakuzu_dialog_pointedit_textmode_btn { + font-size: 90%; + float: right; +} + +.gsi_sakuzu_dialog_pointedit_textarea { + border: 1px solid #999; + padding: 0px 0px 0px 2px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); + font-size: 9.5pt; + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + width: 100%; + height: 64px; +} + +.gsi_sakuzu_dialog_pointedit_textarea.textmode { + height: 24px; +} + +.gsi_sakuzu_dialog_pointedit_text_style_frame { + position: relative; + height: 32px; + width: 100%; +} + +.gsi_sakuzu_dialog_pointedit_text_style_frame .font_size_select { + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + position: absolute; + height: 32px; + width: 85px; + left: 0px; + font-size: 12px; + border: 1px solid #999; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; +} + +.gsi_sakuzu_dialog_pointedit_text_style_frame a { + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + display: inline-block; + *display: inline; + *zoom: 1; + top: 0; + position: absolute; + height: 32px; + width: 32px; + right: 0; + line-height: 32px; + text-align: center; + border: 1px solid #999; + background-position: 3px 3px; + background-repeat: no-repeat; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); + opacity: .80; + filter: alpha(opacity=80); + -ms-filter: "alpha(opacity=80)"; + -khtml-opacity: .80; + -moz-opacity: .80; +} + +.gsi_sakuzu_dialog_pointedit_text_style_frame a.enabled { + border: 2px solid #f00; + opacity: 1; + filter: alpha(opacity=100); + -ms-filter: "alpha(opacity=100)"; + -khtml-opacity: 1; + -moz-opacity: 1; +} + +.gsi_sakuzu_dialog_pointedit_text_style_frame a.font_bold_btn { + background-image: url(../image/sakuzu/bold.png); + left: 87px; +} + +.gsi_sakuzu_dialog_pointedit_text_style_frame a.font_italic_btn { + left: 120px; + background-image: url(../image/sakuzu/italic.png); +} + +.gsi_sakuzu_dialog_pointedit_text_style_frame a.font_underline_btn { + left: 153px; + background-image: url(../image/sakuzu/underline.png); +} + +.gsi_sakuzu_dialog_pointedit_text_style_frame a.font_bordering_btn { + background-image: url(../image/sakuzu/bordering.png); + left: 156px; +} + +.gsi_sakuzu_dialog_pointedit_text_style_frame a.font_bordering_btn div { + position: absolute; + height: 8px; + left: 1px; + right: 1px; + bottom: 1px; + border: 1px solid #ccc; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; + behavior: url(border-radius.htc); +} + +.gsi_sakuzu_dialog_pointedit_text_style_frame a.color_btn { + background-image: url(../image/sakuzu/color.png); + left: 186px; +} + +.gsi_sakuzu_dialog_pointedit_text_style_frame a.color_btn div { + position: absolute; + height: 8px; + left: 1px; + right: 1px; + bottom: 1px; + border: 1px solid #ccc; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; + behavior: url(border-radius.htc); +} + +.gsi_sakuzu_dialog_pointedit_text_style_frame a.background_color_btn { + background-image: url(../image/sakuzu/fill.png); + left: 219px; +} + +.gsi_sakuzu_dialog_pointedit_text_style_frame a.background_color_btn div { + position: absolute; + height: 8px; + left: 1px; + right: 1px; + bottom: 1px; + border: 1px solid #ccc; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; + behavior: url(border-radius.htc); +} + +.gsi_sakuzu_dialog_editmode { + padding: 8px 8px 0px 4px; +} + +.gsi_sakuzu_dialog_editmode .title { + margin: 0px 0 0 8px; + font-size: 10.5pt; +} + +.gsi_sakuzu_dialog_editmode .message { + margin: 4px 0 0 8px; + font-size: 10.5pt; + line-height: 20px; + padding-left: 22px; + background-image: url(../image/system/info.png); + background-position: 1px 1px; + background-repeat: no-repeat; +} + +.gsi_sakuzu_dialog_editmode .buttonframe { + margin: 8px 0px 0px 8px; +} +*/ + +/* GSI.SharedDialog +---------------------------------------------------------------------- */ + +.gsi_sharedialog_frame { + padding: 4px; +} + +.gsi_sharedialog_frame .messageframe * { + font-size: 9.5pt; + margin-top: 2px; + line-height: 20px; + margin: 2px; +} + +.gsi_sharedialog_frame .messageframe img { + float: left; + margin-right: 6px; +} + +.gsi_sharedialog_frame .textareacontent { + margin: 6px 0 4px 0; +} + +.gsi_sharedialog_frame .textareacontent .buttonframe { + margin: 6px 0 4px 0; +} + +.gsi_sharedialog_frame .textareacontent textarea { + display: block; + font-size: 9pt; + width: 100%; + border: 1px solid #999; + padding: 2px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); + vertical-align: middle; + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + resize: none; +} + +.gsi_sharedialog_frame .settingframe { + clear: both; + margin: 8px 0 4px 0; + border: 1px solid #bbb; + -moz-border-radius: 2px; + /*for Firefox*/ + -webkit-border-radius: 2px; + /*for Safari and chrome*/ + border-radius: 2px; + padding: 4px; +} + +.gsi_sharedialog_frame .settingcontent { + overflow-y: auto; + height: 140px; +} + +.gsi_sharedialog_frame .settingcontent ul { + list-style: none; + margin: 0 0 0 8px; + padding: 0; +} + +.gsi_sharedialog_frame .settingcontent ul li { + margin: 0; +} + +.gsi_sharedialog_frame .settingcontent h3 { + font-size: 9.5pt; + margin: 0 0 2px 0; + padding: 0px 0 0px 2px; + border-bottom: 1px solid #ccc; +} + +.gsi_sharedialog_frame .settingcontent table { + border-collapse: collapse; + margin-bottom: 6px; +} + +/* GSI.QRCodeDialog +---------------------------------------------------------------------- */ + +.gsi_qrcodedialog_frame { + padding: 4px; +} + +.gsi_qrcodedialog_frame * { + font-size: 10pt; +} + +.gsi_qrcodedialog_frame table { + width: 100%; +} + +.gsi_qrcodedialog_frame table th { + font-weight: normal; + text-align: left; + width: 1px; + white-space: nowrap; + padding-right: 8px; +} + +.gsi_qrcodedialog_frame table td { + position: relative; +} + +.gsi_qrcodedialog_frame table td select { + width: 100%; + border: 1px solid #ccc; +} + +.gsi_qrcodedialog_frame .imageframe { + position: relative; + margin-top: 8px; + height: 200px; +} + +.gsi_qrcodedialog_frame .imageframe canvas { + position: relative; + left: 50%; + top: 50%; +} + +.gsi_qrcodedialog_frame .saveframe { + margin-top: 8px; + margin-bottom: 8px; + padding-left: 8px; +} + +.gsi_qrcodedialog_frame .saveframe select { + border: 1px solid #ccc; +} + +.gsi_qrcodedialog_frame .color_select { + width: 40px; + -moz-border-radius: 3px; + /*for Firefox*/ + -webkit-border-radius: 3px; + /*for Safari and chrome*/ + border-radius: 3px; + behavior: url(border-radius.htc); + /*for IE*/ + cursor: pointer; + border: 1px dotted #333; +} + +/* GSI.IconSelector +---------------------------------------------------------------------- */ + +.gsi_iconselector { + z-index: 15000; + position: absolute; + left: 0px; + top: 0px; + background: #fff; + color: #333; + padding: 4px; + border: 1px solid #999; + -moz-border-radius: 8px; + /*for Firefox*/ + -webkit-border-radius: 8px; + /*for Safari and chrome*/ + border-radius: 8px; + behavior: url(border-radius.htc); + /*for IE*/ + overflow-y: auto; +} + +.gsi_iconselector a { + display: inline-block; + *display: inline; + *zoom: 1; + border: 1px solid #fff; + vertical-align: bottom; +} + +.gsi_iconselector a:hover { + border: 1px solid #333; +} + +/* GSI.Draw +---------------------------------------------------------------------- */ + +.gsi_draw_icon { + opacity: .80; + filter: alpha(opacity=80); + -ms-filter: "alpha(opacity=80)"; + -khtml-opacity: .80; + -moz-opacity: .80; +} + +/* GSI.Modal +---------------------------------------------------------------------- */ + +.gsi_modal_base { + position: absolute; + font-size: 90%; + background: #fff; + padding: 8px; + border: 1px solid #444; + -moz-border-radius: 8px; + /*for Firefox*/ + -webkit-border-radius: 8px; + /*for Safari and chrome*/ + border-radius: 8px; + behavior: url(border-radius.htc); + /*for IE*/ + overflow-y: auto; + box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1); + /* Firefox */ + -webkit-box-shadow: 2px 2px 1x 1px rgba(0, 0, 0, 0.1); + /* Chrome, Safari */ +} + +.gsi_modal_base .gsi_modal_base_content { + font-size: 90%; +} + +.gsi_modal_base_closebtn { + color: #333; + position: absolute; + right: 0px; + top: 0px; + font-weight: bold; + font-size: 22px; + line-height: 28px; + height: 28px; + width: 28px; + display: inline-block; + *display: inline; + *zoom: 1; + text-align: center; + vertical-align: middle; + padding: 0px; + text-decoration: none; + -moz-border-radius: 8px; + /*for Firefox*/ + -webkit-border-radius: 8px; + /*for Safari and chrome*/ + border-radius: 8px; + behavior: url(border-radius.htc); + /*for IE*/ + -moz-transition: all 0.3s ease-in 0s; + -webkit-transition: all 0.3s ease-in 0s; + -o-transition: all 0.3s ease-in 0s; + transition: all 0.3s ease-in 0s; + background-image: -moz-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); + background-image: -webkit-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); + background-image: -o-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); + background-image: linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); +} + +.gsi_modal_topmessage { + position: absolute; + font-size: 90%; + background: #fff; + padding: 8px; + border: 1px solid #444; + -moz-border-radius: 8px; + /*for Firefox*/ + -webkit-border-radius: 8px; + /*for Safari and chrome*/ + border-radius: 8px; + behavior: url(border-radius.htc); + /*for IE*/ + overflow-y: auto; + box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1); + /* Firefox */ + -webkit-box-shadow: 2px 2px 1x 1px rgba(0, 0, 0, 0.1); + /* Chrome, Safari */ +} + +.gsi_modal_topmessage .gsi_modal_base_content { + font-size: 90%; + overflow-y: auto; +} + +.gsi_modal_topmessage h3 { + font-size: 130%; + border-bottom: 1px solid #333; + margin: 4px 0 4px 0; +} + +.gsi_modal_topmessage dl { + margin: 8px; +} + +.gsi_modal_topmessage dt { + font-size: 110%; + padding: 0; + margin: 0; +} + +.gsi_modal_topmessage dd { + border: 1px solid #ccc; + -moz-border-radius: 8px; + /*for Firefox*/ + -webkit-border-radius: 8px; + /*for Safari and chrome*/ + border-radius: 8px; + behavior: url(border-radius.htc); + /*for IE*/ + padding: 8px; + margin: 0 0 1em 1em; +} + +.gsi_modal_topmessage ol { + padding: 0; + margin: 0 0 0 2em; +} + +.gsi_modal_loadingmessage_frame { + background: #333; + padding: 2px 2px 2px 2px; + -moz-border-radius: 8px; + /*for Firefox*/ + -webkit-border-radius: 8px; + /*for Safari and chrome*/ + border-radius: 8px; + behavior: url(border-radius.htc); + /*for IE*/ + opacity: .80; + filter: alpha(opacity=80); + -ms-filter: "alpha(opacity=80)"; + -khtml-opacity: .80; + -moz-opacity: .80; +} + +.gsi_modal_loadingmessage { + font-size: 10pt; + background: #333; + color: #fff; + height: 28px; + line-height: 28px; + padding: 0px 8px 0px 42px; + background: url(../image/system/loading001.gif) no-repeat 8px 50%; +} + +.gsi_modal_dialog { + border: 2px solid #333; + background: #fff; + -moz-border-radius: 4px; + /*for Firefox*/ + -webkit-border-radius: 4px; + /*for Safari and chrome*/ + border-radius: 4px; + behavior: url(border-radius.htc); + /*for IE*/ + padding: 0px; + box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2); + -moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2); + /* Firefox */ + -webkit-box-shadow: 0px 0px 2x 2px rgba(0, 0, 0, 0.2); + /* Chrome, Safari */ +} + +.gsi_modal_dialog_header { + color: #fff; + background: #333; + -moz-border-radius: 3px; + /*for Firefox*/ + -webkit-border-radius: 3px; + /*for Safari and chrome*/ + border-radius: 3px; + behavior: url(border-radius.htc); + /*for IE*/ + font-size: 150%; + text-align: center; + padding: 1px 20px 1px 4px; + /*border: 2px solid #555;*/ + cursor: move; +} + +.gsi_modal_dialog_content { + font-size: 90%; + /* + border: 1px solid #333; + background:#fff; + -moz-border-radius: 4px;; + -webkit-border-radius: 4px;; + border-radius: 4px; + behavior: url(border-radius.htc); + */ + padding: 0; + margin: 1px; +} + +.gsi_modal_dialog_btn_frame { + margin: 2px 12px 8px 12px; + text-align: center; +} + +.gsi_modal_dialog_btn_frame a { + font-size: 90%; + text-decoration: none; + display: inline-block; + *display: inline; + *zoom: 1; + width: 80px; + text-align: center; + height: 24px; + line-height: 24px; + background: #333; + color: #fff; + cursor: pointer; + border: 1px solid #666; + -moz-border-radius: 3px; + /*for Firefox*/ + -webkit-border-radius: 3px; + /*for Safari and chrome*/ + border-radius: 3px; + behavior: url(border-radius.htc); + /*for IE*/ + margin-left: 4px; + margin-right: 4px; +} + +.gsi_modal_dialog_btn_frame a:active { + color: #fff; + background: #134A63; +} + +.gsi_modal_fileselect_dlg_inputframe strong { + font-weight: bold; +} + +.gsi_modal_fileselect_dlg_inputframe { + clear: both; + width: 330px; + margin-top: 2px; + border: 0px solid #333; + background: #fff; + margin: 12px 10px 12px 10px; + -moz-border-radius: 3px; + /*for Firefox*/ + -webkit-border-radius: 3px; + /*for Safari and chrome*/ + border-radius: 3px; + behavior: url(border-radius.htc); + /*for IE*/ +} + +.gsi_modal_fileselect_dlg_inputframe .message { + margin-bottom: 8px; + font-size: 90%; +} + +.gsi_modal_fileselect_dlg_inputframe input { + width: 100%; + margin: 1.5em 0 1.5em 0; +} + +.gsi_modal_fileselect_dlg_inputframe textarea { + border: 1px solid #999; + padding: 0px 0px 0px 2px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + height: 80px; + width: 100%; +} + +.gsi_modal_fileselect_dlg_title { + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; + behavior: url(border-radius.htc); + background: #333; + margin: 0px; + padding: 4px; + height: 24px; + line-height: 24px; + text-align: left; +} + +.gsi_modal_fileselect_dlg_title span.title { + clear: both; + font-size: 95%; + padding-left: 2px; + float: left; + display: inline-block; + *display: inline; + *zoom: 1; + color: #fff; + line-height: 24px; + text-align: left; + white-space: nowrap; + overflow: hidden; +} + +.gsi_modal_fileselect_dlg_tabframe2 input { + display: none; +} + +.gsi_modal_fileselect_dlg_tabframe2 label { + display: block; + float: left; + cursor: pointer; + width: 80px; + margin: 0; + padding: 4px 8px 4px 4px; + background: #eee; + color: #bbb; + text-align: center; + line-height: 18px; + transition: .2s; + border: 1px solid #999; + font-size: 90%; +} + +.gsi_modal_fileselect_dlg_tabframe2 label:first-of-type { + border-radius: 3px 0 0 3px; + -moz-border-radius: 3px 0 0 3px; + /*for Firefox*/ + -webkit-border-radius: 3px 0 0 3px; + /*for Safari and chrome*/ + border-radius: 3px 0 0 3px; + behavior: url(border-radius.htc); + /*for IE*/ +} + +.gsi_modal_fileselect_dlg_tabframe2 label:last-of-type { + -moz-border-radius: 0 3px 3px 0; + /*for Firefox*/ + -webkit-border-radius: 0 3px 3px 0; + /*for Safari and chrome*/ + border-radius: 0 3px 3px 0; + behavior: url(border-radius.htc); + /*for IE*/ + border-left: 0; +} + +.gsi_modal_fileselect_dlg_tabframe2 input:checked+.switch-file { + background-color: #333; + color: #fff; +} + +.gsi_modal_fileselect_dlg_tabframe2 input:checked+.switch-source { + background-color: #333; + color: #fff; +} + +/* GSI.OfOffSwitch +---------------------------------------------------------------------- */ + +.gsi_onoffswitch_file_text { + position: relative; + width: 75px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + display: inline-block; + *display: inline; + *zoom: 1; + vertical-align: bottom; +} + +.gsi_onoffswitch_file_text .checkbox { + display: none; +} + +.gsi_onoffswitch_file_text .label { + display: block; + overflow: hidden; + cursor: pointer; + border: 1px solid #333; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); +} + +.gsi_onoffswitch_file_text .inner { + display: block; + width: 200%; + margin-left: -100%; + -moz-transition: margin 0.3s ease-in 0s; + -webkit-transition: margin 0.3s ease-in 0s; + -o-transition: margin 0.3s ease-in 0s; + transition: margin 0.3s ease-in 0s; +} + +.gsi_onoffswitch_file_text .inner:before, .gsi_onoffswitch_file_text .inner:after { + display: block; + float: left; + width: 50%; + height: 22px; + padding: 0; + line-height: 22px; + font-size: 9px; + color: white; + font-weight: normal; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +.gsi_onoffswitch_file_text .inner:before { + content: "ファイル選択"; + padding-left: 4px; + background-color: #134A63; + color: #fff; + text-align: left; +} + +.gsi_onoffswitch_file_text .inner:after { + content: "テキスト入力"; + padding-right: 4px; + background-color: #134A63; + color: #fff; + text-align: right; +} + +.gsi_onoffswitch_file_text .switch { + display: block; + width: 5px; + margin: 0px; + background: #333; + border: 1px solid #555; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; + behavior: url(border-radius.htc); + position: absolute; + top: 0; + bottom: 0; + right: 70px; + -moz-transition: all 0.3s ease-in 0s; + -webkit-transition: all 0.3s ease-in 0s; + -o-transition: all 0.3s ease-in 0s; + transition: all 0.3s ease-in 0s; + background-image: -moz-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); + background-image: -webkit-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); + background-image: -o-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); + background-image: linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); +} + +.gsi_onoffswitch_file_text .checkbox:checked+.label .inner { + margin-left: 0; +} + +.gsi_onoffswitch_file_text .checkbox:checked+.label .switch { + right: 0; +} + +.gsi_onoffswitch_file_text .on_label_inner { + margin-left: 0; +} + +.gsi_onoffswitch_file_text .on_label_switch { + right: 0; +} + +/* onoff */ + +.gsi_onoffswitch { + position: relative; + width: 46px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + display: inline-block; + *display: inline; + *zoom: 1; + vertical-align: bottom; + margin: 0; +} + +.gsi_onoffswitch .checkbox { + display: none; +} + +.gsi_onoffswitch .label { + display: block; + overflow: hidden; + cursor: pointer; + border: 1px solid rgba(0, 0, 0, 0.3); + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + border-radius: 10px; + behavior: url(border-radius.htc); +} + +.gsi_onoffswitch .inner { + line-height: 20px; + ; + display: block; + width: 200%; + margin-left: -100%; + -moz-transition: margin 0.3s ease-in 0s; + -webkit-transition: margin 0.3s ease-in 0s; + -o-transition: margin 0.3s ease-in 0s; + transition: margin 0.3s ease-in 0s; +} + +.gsi_onoffswitch .inner:before, .gsi_onoffswitch .inner:after { + line-height: 20px; + ; + display: block; + float: left; + width: 50%; + height: 20px; + padding: 0; + line-height: 18px; + font-size: 10px; + color: white; + font-weight: normal; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +.gsi_onoffswitch .inner:before { + line-height: 20px; + ; + content: "ON"; + padding-left: 6px; + background-color: #2B7396; + color: #FFFFFF; + text-align: left; +} + +.gsi_onoffswitch .inner:after { + line-height: 20px; + ; + content: "OFF"; + padding-right: 4px; + background-color: #eee; + color: #777; + text-align: right; +} + +.gsi_onoffswitch .switch { + display: block; + width: 22px; + margin: 0px; + background: #FFFFFF; + border: 1px solid #999; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + border-radius: 10px; + behavior: url(border-radius.htc); + position: absolute; + top: 0px; + bottom: 0px; + right: 24px; + -moz-transition: all 0.3s ease-in 0s; + -webkit-transition: all 0.3s ease-in 0s; + -o-transition: all 0.3s ease-in 0s; + transition: all 0.3s ease-in 0s; +} + +.gsi_onoffswitch .checkbox:checked+.label .inner { + margin-left: 0; +} + +.gsi_onoffswitch .checkbox:checked+.label .switch { + right: 0; +} + +.gsi_onoffswitch .on_label_inner { + margin-left: 0; +} + +.gsi_onoffswitch .on_label_switch { + right: 0; +} + +/* 表示非表示 */ + +.gsi_onoffswitch_visible { + position: relative; + width: 60px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + display: inline-block; + *display: inline; + *zoom: 1; + vertical-align: bottom; + margin: 0; +} + +.gsi_onoffswitch_visible .checkbox { + display: none; +} + +.gsi_onoffswitch_visible .label { + display: block; + overflow: hidden; + cursor: pointer; + border: 1px solid #777; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); +} + +.gsi_onoffswitch_visible .inner { + display: block; + width: 200%; + margin-left: -100%; + -moz-transition: margin 0.3s ease-in 0s; + -webkit-transition: margin 0.3s ease-in 0s; + -o-transition: margin 0.3s ease-in 0s; + transition: margin 0.3s ease-in 0s; +} + +.gsi_onoffswitch_visible .inner:before, .gsi_onoffswitch_visible .inner:after { + display: block; + float: left; + width: 50%; + height: 20px; + padding: 0; + line-height: 20px; + font-size: 10px; + color: white; + font-weight: normal; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +.gsi_onoffswitch_visible .inner:before { + content: "表示"; + padding-left: 8px; + background-color: #2B7396; + color: #FFFFFF; + text-align: left; +} + +.gsi_onoffswitch_visible .inner:after { + content: "非表示"; + padding-right: 5px; + background-color: #eee; + color: #777; + text-align: right; +} + +.gsi_onoffswitch_visible .switch { + display: block; + width: 20px; + margin: 0px; + background: #FFFFFF; + border: 1px solid #666; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); + position: absolute; + top: 0; + bottom: 0; + right: 40px; + -moz-transition: all 0.3s ease-in 0s; + -webkit-transition: all 0.3s ease-in 0s; + -o-transition: all 0.3s ease-in 0s; + transition: all 0.3s ease-in 0s; + background-image: -moz-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); + background-image: -webkit-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); + background-image: -o-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); + background-image: linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); +} + +.gsi_onoffswitch_visible .checkbox:checked+.label .inner { + margin-left: 0; +} + +.gsi_onoffswitch_visible .checkbox:checked+.label .switch { + right: 0; +} + +.gsi_onoffswitch_visible .on_label_inner { + margin-left: 0; +} + +.gsi_onoffswitch_visible .on_label_switch { + right: 0; +} + +/* 全表示全非表示 */ + +.gsi_onoffswitch_visible_all { + position: relative; + width: 80px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + display: inline-block; + *display: inline; + *zoom: 1; + vertical-align: bottom; + margin: 0; +} + +.gsi_onoffswitch_visible_all .checkbox { + display: none; +} + +.gsi_onoffswitch_visible_all .label { + display: block; + overflow: hidden; + cursor: pointer; + border: 1px solid #777; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); +} + +.gsi_onoffswitch_visible_all .inner { + display: block; + width: 200%; + margin-left: -100%; + -moz-transition: margin 0.3s ease-in 0s; + -webkit-transition: margin 0.3s ease-in 0s; + -o-transition: margin 0.3s ease-in 0s; + transition: margin 0.3s ease-in 0s; +} + +.gsi_onoffswitch_visible_all .inner:before, .gsi_onoffswitch_visible_all .inner:after { + display: block; + float: left; + width: 50%; + height: 20px; + padding: 0; + line-height: 20px; + font-size: 10px; + color: white; + font-weight: normal; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +.gsi_onoffswitch_visible_all .inner:before { + content: "全て表示"; + padding-left: 8px; + background-color: #2B7396; + color: #FFFFFF; + text-align: left; +} + +.gsi_onoffswitch_visible_all .inner:after { + content: "全て非表示"; + padding-right: 5px; + background-color: #333; + color: #ffffff; + text-align: right; +} + +.gsi_onoffswitch_visible_all .switch { + display: block; + width: 20px; + margin: 0px; + background: #FFFFFF; + border: 1px solid #666; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); + position: absolute; + top: 0; + bottom: 0; + right: 60px; + -moz-transition: all 0.3s ease-in 0s; + -webkit-transition: all 0.3s ease-in 0s; + -o-transition: all 0.3s ease-in 0s; + transition: all 0.3s ease-in 0s; + background-image: -moz-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); + background-image: -webkit-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); + background-image: -o-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); + background-image: linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); +} + +.gsi_onoffswitch_visible_all .checkbox:checked+.label .inner { + margin-left: 0; +} + +.gsi_onoffswitch_visible_all .checkbox:checked+.label .switch { + right: 0; +} + +.gsi_onoffswitch_visible_all .on_label_inner { + margin-left: 0; +} + +.gsi_onoffswitch_visible_all .on_label_switch { + right: 0; +} + +/* usecocotile */ + +.gsi_onoffswitch_usecocotile { + position: relative; + width: 150px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + display: inline-block; + *display: inline; + *zoom: 1; + vertical-align: bottom; + margin: 0; +} + +.gsi_onoffswitch_usecocotile .checkbox { + display: none; +} + +.gsi_onoffswitch_usecocotile .label { + display: block; + overflow: hidden; + cursor: pointer; + border: 1px solid #777; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); +} + +.gsi_onoffswitch_usecocotile .inner { + display: block; + width: 200%; + margin-left: -100%; + -moz-transition: margin 0.3s ease-in 0s; + -webkit-transition: margin 0.3s ease-in 0s; + -o-transition: margin 0.3s ease-in 0s; + transition: margin 0.3s ease-in 0s; +} + +.gsi_onoffswitch_usecocotile .inner:before, .gsi_onoffswitch_usecocotile .inner:after { + display: block; + float: left; + width: 50%; + height: 21px; + padding: 0; + line-height: 21px; + font-size: 11px; + color: white; + font-weight: normal; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +.gsi_onoffswitch_usecocotile .inner:before { + content: "表示範囲に絞込み"; + padding-left: 4px; + background-color: #ffffff; + color: #000; + text-align: left; +} + +.gsi_onoffswitch_usecocotile .inner:after { + content: "絞込みしない"; + padding-right: 12px; + background-color: #eee; + color: #777; + text-align: right; +} + +.gsi_onoffswitch_usecocotile .switch { + display: block; + width: 50px; + margin: 0px; + background: #FFFFFF; + border: 1px solid #666; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); + position: absolute; + top: 0; + bottom: 0; + right: 100px; + -moz-transition: all 0.3s ease-in 0s; + -webkit-transition: all 0.3s ease-in 0s; + -o-transition: all 0.3s ease-in 0s; + transition: all 0.3s ease-in 0s; + background-image: -moz-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); + background-image: -webkit-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); + background-image: -o-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); + background-image: linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); +} + +.gsi_onoffswitch_usecocotile .checkbox:checked+.label .inner { + margin-left: 0; +} + +.gsi_onoffswitch_usecocotile .checkbox:checked+.label .switch { + right: 0; +} + +.gsi_onoffswitch_visible .on_label_inner { + margin-left: 0; +} + +.gsi_onoffswitch_visible .on_label_switch { + right: 0; +} + +#title_logo_upper { + font-family: 'ヒラギノ丸ゴ Pro W4', 'ヒラギノ丸ゴ Pro', 'Hiragino Maru Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'HG丸ゴシックM-PRO', 'HGMaruGothicMPRO'; + margin-top: 3px; + text-align: center; + font-size: 18px; + color: #fff; + line-height: 18px; +} + +#title_logo_lower { + font-family: 'ヒラギノ丸ゴ Pro W4', 'ヒラギノ丸ゴ Pro', 'Hiragino Maru Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'HG丸ゴシックM-PRO', 'HGMaruGothicMPRO'; + text-align: center; + font-size: 11px; + color: #fff; + line-height: 11px; +} + +/* +#title_bookmark { + top:0; + right:40px; + position:absolute; + display:block; + background-image: url(../image/system/bookmark.png); + background-position:50% 50% ; + background-repeat:no-repeat; + height: 32px; + width:32px; + margin-top:2px; + text-decoration:none; +} +*/ + +#title_bookmark { + top: 5px; + right: 40px; + position: absolute; + display: block; + font-weight: bold; + font-family: 'ヒラギノ丸ゴ Pro W4', 'ヒラギノ丸ゴ Pro', 'Hiragino Maru Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'HG丸ゴシックM-PRO', 'HGMaruGothicMPRO'; + text-align: center; + font-size: 26px; + color: #fff; + line-height: 27px; + cursor: pointer; + /* + border-radius: 50%; + + border:1px solid #fff; + background-color:#1D417A; + */ + /*border: 2px solid #666;*/ + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + behavior: url(border-radius.htc); + /*for IE*/ + height: 27px; + width: 27px; + background-color: #666; + background-image: url(../image/system/favorite.png); + background-position: 50% 50%; + background-repeat: no-repeat; + /* + background-image: url(../image/help/help.png); + background-position:50% 50% ; + background-repeat:no-repeat; + */ + text-decoration: none; +} + +#title_twitter { + top: 5px; + right: 96px; + position: absolute; + display: block; + font-weight: bold; + font-family: 'ヒラギノ丸ゴ Pro W4', 'ヒラギノ丸ゴ Pro', 'Hiragino Maru Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'HG丸ゴシックM-PRO', 'HGMaruGothicMPRO'; + text-align: center; + font-size: 24px; + color: #fff; + line-height: 26px; + cursor: pointer; + /* + border-radius: 50%; + + border:1px solid #fff; + background-color:#1D417A; + */ + /*border: 2px solid #666; + -moz-border-radius: 32px; + -webkit-border-radius: 32px; + border-radius: 32px; + behavior: url(border-radius.htc);*/ + height: 26px; + width: 26px; + /*background-color:#4086cd;*/ + background-image: url(../image/system/x.png); + background-position: 50% 50%; + background-repeat: no-repeat; + /* + background-image: url(../image/help/help.png); + background-position:50% 50% ; + background-repeat:no-repeat; + */ + text-decoration: none; + padding-left: 20px; + padding-right: 20px; +} + +#title_facebook { + top: 5px; + right: 69px; + position: absolute; + display: block; + font-weight: bold; + font-family: 'ヒラギノ丸ゴ Pro W4', 'ヒラギノ丸ゴ Pro', 'Hiragino Maru Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'HG丸ゴシックM-PRO', 'HGMaruGothicMPRO'; + text-align: center; + font-size: 26px; + color: #fff; + line-height: 26px; + cursor: pointer; + /*border: 2px solid #; + -moz-border-radius: 32px; + -webkit-border-radius: 32px; + border-radius: 32px; + behavior: url(border-radius.htc); + */ + height: 26px; + width: 26px; + /*background-color:#3a589b;*/ + background-image: url(../image/system/facebook.png); + background-position: 50% 50%; + background-repeat: no-repeat; + /* + background-image: url(../image/help/help.png); + background-position:50% 50% ; + background-repeat:no-repeat; + */ + text-decoration: none; +} + +#bookmark_title_twitter { + padding-right: 5px; +} + +#help2 { + line-height: 1.2; +} + +#title_help_dialog { + font-family: 'ヒラギノ丸ゴ Pro W4', 'ヒラギノ丸ゴ Pro', 'Hiragino Maru Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'HG丸ゴシックM-PRO', 'HGMaruGothicMPRO'; + text-align: center; + font-size: 16px; + color: #fff; + line-height: 20px; + cursor: pointer; + border-radius: 50%; + border: 1px solid #fff; + background-color: #1D417A; + height: 20px; + width: 20px; +} + +.view_list_dialog_button { + margin-top: 0px; + display: inline-block; + *display: inline; + *zoom: 1; + padding: 0 6px 0 6px; + white-space: nowrap; + line-height: 20px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); + /*for IE*/ + text-decoration: none; + font-size: 9.5pt; + color: #333; + vertical-align: middle; + border: 1px solid #ccc; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + font-weight: bold; + background: #f5f5f5; +} + +.view_list_dialog_button:active { + background: #f0f0f0; + background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f5f5f5), color-stop(0.00, #f0f0f0)); + background: -webkit-linear-gradient(#f0f0f0, #f5f5f5); + background: -moz-linear-gradient(#f0f0f0, #f5f5f5); + background: -o-linear-gradient(#f0f0f0, #f5f5f5); + background: -ms-linear-gradient(#f0f0f0, #f5f5f5); + background: linear-gradient(#f0f0f0, #f5f5f5); + color: #666; + box-shadow: -1px -1px 2px 1px rgba(0, 0, 0, 0.1); + -moz-box-shadow: -1px -1px 2px 1px rgba(0, 0, 0, 0.1); + /* Firefox */ + -webkit-box-shadow: -1px -1px 2x 1px rgba(0, 0, 0, 0.1); + /* Chrome, Safari */ +} + +.view_list_dialog_button.active { + background: #f0f0f0; + background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f5f5f5), color-stop(0.00, #f0f0f0)); + background: -webkit-linear-gradient(#f0f0f0, #f5f5f5); + background: -moz-linear-gradient(#f0f0f0, #f5f5f5); + background: -o-linear-gradient(#f0f0f0, #f5f5f5); + background: -ms-linear-gradient(#f0f0f0, #f5f5f5); + background: linear-gradient(#f0f0f0, #f5f5f5); + color: #666; + box-shadow: -1px -1px 2px 1px rgba(0, 0, 0, 0.1); + -moz-box-shadow: -1px -1px 2px 1px rgba(0, 0, 0, 0.1); + /* Firefox */ + -webkit-box-shadow: -1px -1px 2x 1px rgba(0, 0, 0, 0.1); + /* Chrome, Safari */ +} + +.leaflet-control-flatpanel { + padding-bottom: 5px; +} + +.leaflet-control-crpanel { + z-index: 99999; + text-decoration: none; + background-color: #fefefe; + opacity: 0.75; + padding: 0px 4px 0px 4px; +} + +.gsi_onoffswitch_toggle { + position: relative; + width: 30px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + display: inline-block; + *display: inline; + *zoom: 1; + vertical-align: bottom; +} + +.gsi_onoffswitch_toggle .checkbox { + display: none; +} + +.gsi_onoffswitch_toggle .label { + display: block; + overflow: hidden; + cursor: pointer; + border: 1px solid rgb(136,136,136); + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); +} + +.gsi_onoffswitch_toggle .inner { + display: block; + width: 200%; + margin-left: -100%; + -moz-transition: margin 0.3s ease-in 0s; + -webkit-transition: margin 0.3s ease-in 0s; + -o-transition: margin 0.3s ease-in 0s; + transition: margin 0.3s ease-in 0s; +} + +.gsi_onoffswitch_toggle .inner:before, .gsi_onoffswitch_toggle .inner:after { + display: block; + float: left; + width: 50%; + height: 20px; + padding: 0; + line-height: 20px; + font-size: 9px; + color: white; + font-weight: normal; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +.gsi_onoffswitch_toggle .inner:before { + content: "解除"; + background-color: #2B7396; + color: #EEE; + text-align: center; +} + +.gsi_onoffswitch_toggle .inner:after { + content: "合成"; + background-color: #EEEEEE; + color: #666; + text-align: center; +} + +.gsi_onoffswitch_toggle.grayscale { + width: 60px; +} + +.gsi_onoffswitch_toggle.grayscale .inner:before { + content: "解除"; + background-color: #2B7396; + color: #EEE; + text-align: center; +} + +.gsi_onoffswitch_toggle.grayscale .inner:after { + content: "グレースケール"; + font-size: 9pt; + background-color: #EEEEEE; + color: #666; + text-align: center; +} + +.gsi_onoffswitch_toggle .switch { + display: none; + width: 5px; + margin: 0px; + background: #333; + border: 1px solid #555; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; + behavior: url(border-radius.htc); + position: absolute; + top: 0; + bottom: 0; + right: 70px; + -moz-transition: all 0.3s ease-in 0s; + -webkit-transition: all 0.3s ease-in 0s; + -o-transition: all 0.3s ease-in 0s; + transition: all 0.3s ease-in 0s; + background-image: -moz-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); + background-image: -webkit-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); + background-image: -o-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); + background-image: linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); +} + +.gsi_onoffswitch_toggle .checkbox:checked+.label .inner { + margin-left: 0; +} + +.gsi_onoffswitch_toggle .checkbox:checked+.label .switch { + right: 0; +} + +.gsi_onoffswitch_toggle .on_label_inner { + margin-left: 0; +} + +.gsi_onoffswitch_toggle .on_label_switch { + right: 0; +} + +.evac_dialog { + background: #ffffff; + display: block; + padding: 2px 2px 2px 2px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); + position: relative; + margin-right: 10px; + float: right; +} + +.evac_dialog_content { + padding: 2px 2px 2px 2px; + color: #111100; + font-size: 85%; +} + +.evac_dialog_content a { + font-size: 90%; +} + +/* Old IE */ + +.leaflet-oldie .leaflet-control-crpanel { + border: 1px solid #999; +} + +.window_blind { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + background: #000; + z-index: 999998; + display: none; + opacity: .50; + filter: alpha(opacity=50); + -ms-filter: "alpha(opacity=50)"; + -khtml-opacity: .50; + -moz-opacity: .50; +} + +.window_blind_message { + position: absolute; + z-index: 999999; + display: none; + color: #fff; + font-size: 10pt; + padding-left: 32px; + background: url(../image/system/loading001.gif) no-repeat 0px 50%; + line-height: 32px; + height: 32px; + margin-top: -16px; + margin-left: -120px; + top: 50%; + left: 50%; +} + +.help_window_blind { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + background: #000; + z-index: 999998; + display: none; + opacity: .50; + filter: alpha(opacity=50); + -ms-filter: "alpha(opacity=50)"; + -khtml-opacity: .50; + -moz-opacity: .50; +} + +.help_window_frame { + position: absolute; + border: 3px solid #333; + left: 28%; + right: 28%; + top: 10%; + bottom: 10%; + background: #fff; + z-index: 999999; + display: none; + -moz-border-radius: 6px; + /*for Firefox*/ + -webkit-border-radius: 6px; + /*for Safari and chrome*/ + border-radius: 6px; + behavior: url(border-radius.htc); + /*for IE*/ + box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1); + /* Firefox */ + -webkit-box-shadow: 2px 2px 1x 1px rgba(0, 0, 0, 0.1); + /* Chrome, Safari */ +} + +@media screen and ( max-width:479px) { + .help_window_frame { + left: 20px; + right: 20px; + top: 32px; + bottom: 32px; + } +} + +.help_window_content_title { + display: block; + position: relative; + font-weight: normal; + margin: 1px; + padding: 0 0 0 32px; + color: #fff; + background: #333; + -moz-border-radius: 3px; + /*for Firefox*/ + -webkit-border-radius: 3px; + /*for Safari and chrome*/ + border-radius: 3px; + background-image: url(../image/help/help_icon2.png); + background-position: 2px 50%; + background-repeat: no-repeat; + behavior: url(border-radius.htc); + /*for IE*/ + font-size: 16px; + height: 32px; + line-height: 32px; + text-align: left; +} + +.help_window_content_frame { + position: absolute; + left: 1px; + right: 1px; + top: 38px; + bottom: 4px; + padding: 0 24px 0 24px; + overflow-y: auto; +} + +.help_window_closebtn { + cursor: pointer; + font-weight: bold; + text-decoration: none; + display: inline-block; + *display: inline; + *zoom: 1; + position: absolute; + right: 3px; + top: 4px; + color: #fff; + line-height: 24px; + padding-left: 6px; + padding-right: 6px; + vertical-align: middle; + text-align: center; +} + +.help_window_frame_button { + display: inline-block; + *display: inline; + *zoom: 1; + position: absolute; + z-index: 100; + top: 50%; + margin-top: -35px; + width: 18px; + height: 80px; + line-height: 80px; + vertical-align: middle; + text-decoration: none; + text-align: center; + color: #333; + font-size: 10px; + -moz-border-radius: 5px; + /*for Firefox*/ + -webkit-border-radius: 5px; + /*for Safari and chrome*/ + border-radius: 5px; + behavior: url(border-radius.htc); + /*for IE*/ +} + +/* +.help_window_frame_button:active +{ + background-color: #F9F6F2; + color:#333; +} +*/ + +.help_window_frame_next_button { + right: 1px; + background-image: url(../image/system/help_next.png); + background-position: 50% 50%; + background-repeat: no-repeat; +} + +.help_window_frame_prev_button { + left: 1px; + background-image: url(../image/system/help_prev.png); + background-position: 50% 50%; + background-repeat: no-repeat; +} + +#help { + display: none; +} + +.gsi-iconlabel-class { + position: absolute; + white-space: nowrap; + font-size: 11pt; + background: #fff; + color: #333; + font-weight: bold; + border: 1px solid #333; + vertical-align: middle; + line-height: 20px; + height: 20px; + padding: 0 5px 0 5px; + -moz-border-radius: 3px; + /*for Firefox*/ + -webkit-border-radius: 3px; + /*for Safari and chrome*/ + border-radius: 3px; + opacity: .90; + filter: alpha(opacity=90); + -ms-filter: "alpha(opacity=90)"; + -khtml-opacity: .90; + -moz-opacity: .90; + behavior: url(border-radius.htc); + /*for IE*/ + box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1); + /* Firefox */ + -webkit-box-shadow: 2px 2px 1x 1px rgba(0, 0, 0, 0.1); + /* Chrome, Safari */ +} + +.gsi-iconlabel-class.large { + font-size: 18pt; + line-height: 26px; + height: 26px; +} + +.gsi-iconlabel-class.small { + font-size: 8pt; + line-height: 16px; + height: 16px; +} + +.gsi_location_watch_dialog { + z-index: 999999; + position: absolute; + display: block; + background-color: #333; + color: #ffffff; + border: solid 1px #222; + font-size: 110%; + text-decoration: none; + padding: 12px; + left: 50%; + top: 50%; + width: 230px; + margin-top: -80px; + margin-left: -115px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; + behavior: url(border-radius.htc); + box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.3); + -moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.3); + /* Firefox */ + -webkit-box-shadow: 0px 0px 2x 1px rgba(0, 0, 0, 0.3); + /* Chrome, Safari */ +} + +.gsi_location_watch_dialog.save { + width: 320px; + margin-top: -180px; + margin-left: -160px; +} + +.gsi_location_watch_dialog h1 { + margin: 0 0 4px 0; + padding: 0; + font-weight: normal; + font-size: 10pt; +} + +.gsi_location_watch_dialog h1 span { + font-weight: normal; + font-size: 9pt; +} + +.gsi_location_watch_dialog table { + width: 100%; +} + +.gsi_location_watch_dialog table th { + width: 30%; + text-align: left; + font-weight: normal; + white-space: nowrap; +} + +.gsi_location_watch_dialog table select { + width: 100%; + border: 1px solid #ddd; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); +} + +.gsi_location_watch_dialog_datatype_frame { + font-size: 9pt; +} + +.gsi_location_watch_dialog_text_frame { + width: 100%; +} + +.gsi_location_watch_dialog_text_frame textarea { + width: 100%; + height: 150px; + border: 1px solid #999; + padding: 0px 0px 0px 2px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); + font-size: 9.5pt; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +.gsi_location_watch_dialog a { + font-family: 'ヒラギノ丸ゴ Pro W4', 'ヒラギノ丸ゴ Pro', 'Hiragino Maru Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'HG丸ゴシックM-PRO', 'HGMaruGothicMPRO'; + display: block; + margin-top: 2px; + text-align: center; + font-size: 9pt; + white-space: nowrap; + border: 1px solid #888; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + behavior: url(border-radius.htc); + text-decoration: none; + line-height: 26px; + color: #333; + vertical-align: middle; + box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); + -webkit-box-shadow: 1px 1px 2x 1px rgba(0, 0, 0, 0.1); + font-weight: bold; + text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #FFF, 0 1px 1px #FFF; + background: #f5f5f5; + background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f0f0f0), color-stop(0.00, #f5f5f5)); + background: -webkit-linear-gradient(#f5f5f5, #f0f0f0); + background: -moz-linear-gradient(#f5f5f5, #f0f0f0); + background: -o-linear-gradient(#f5f5f5, #f0f0f0); + background: -ms-linear-gradient(#f5f5f5, #f0f0f0); + background: linear-gradient(#f5f5f5, #f0f0f0); +} + +.gsi_location_watch_dialog a:active { + background: #f0f0f0; + background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f5f5f5), color-stop(0.00, #f0f0f0)); + background: -webkit-linear-gradient(#f0f0f0, #f5f5f5); + background: -moz-linear-gradient(#f0f0f0, #f5f5f5); + background: -o-linear-gradient(#f0f0f0, #f5f5f5); + background: -ms-linear-gradient(#f0f0f0, #f5f5f5); + background: linear-gradient(#f0f0f0, #f5f5f5); + color: #666; + box-shadow: -1px -1px 2px 1px rgba(0, 0, 0, 0.1); + -moz-box-shadow: -1px -1px 2px 1px rgba(0, 0, 0, 0.1); + /* Firefox */ + -webkit-box-shadow: -1px -1px 2x 1px rgba(0, 0, 0, 0.1); + /* Chrome, Safari */ +} + +.threedareadialog_button { + margin: 0 2px 4px 2px; + text-align: center; + width: 160px; +} + +.gsi_maptoimage_areaselector { + position: absolute; + border: 2px solid #ff0000; + opacity: .90; + filter: alpha(opacity=90); + -ms-filter: "alpha(opacity=90)"; + -khtml-opacity: .90; + -moz-opacity: .90; + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + z-index: 1; +} + +.gsi_maptoimage_window { + z-index: 999999; + position: absolute; + display: block; + background-color: #333; + color: #ffffff; + border: solid 1px #222; + font-size: 110%; + text-decoration: none; + padding: 12px; + left: 50%; + top: 50%; + width: 280px; + margin-top: -100px; + margin-left: -140px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; + behavior: url(border-radius.htc); + box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.3); + -moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.3); + /* Firefox */ + -webkit-box-shadow: 0px 0px 2x 1px rgba(0, 0, 0, 0.3); + /* Chrome, Safari */ +} + +.gsi_maptoimage_window a.close_btn { + cursor: pointer; + font-weight: bold; + text-decoration: none; + display: inline-block; + *display: inline; + *zoom: 1; + position: absolute; + right: 3px; + top: 4px; + color: #fff; + line-height: 24px; + padding-left: 6px; + padding-right: 6px; + vertical-align: middle; + text-align: center; +} + +.gsi_maptoimage_window_text {} + +.gsi_maptoimage_window_text2 { + margin-top: 8px; +} + +.gsi_maptoimage_window_text2 a { + color: #fff; +} + +.gsi_maptoimage_window_button_frame { + margin-top: 8px; +} + +.gsi_maptoimage_window_button_frame a { + font-family: 'ヒラギノ丸ゴ Pro W4', 'ヒラギノ丸ゴ Pro', 'Hiragino Maru Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'HG丸ゴシックM-PRO', 'HGMaruGothicMPRO'; + display: block; + margin-top: 2px; + text-align: center; + font-size: 9pt; + white-space: nowrap; + border: 1px solid #888; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + behavior: url(border-radius.htc); + text-decoration: none; + line-height: 26px; + color: #333; + vertical-align: middle; + box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); + -webkit-box-shadow: 1px 1px 2x 1px rgba(0, 0, 0, 0.1); + font-weight: bold; + text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #FFF, 0 1px 1px #FFF; + background: #f5f5f5; + background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f0f0f0), color-stop(0.00, #f5f5f5)); + background: -webkit-linear-gradient(#f5f5f5, #f0f0f0); + background: -moz-linear-gradient(#f5f5f5, #f0f0f0); + background: -o-linear-gradient(#f5f5f5, #f0f0f0); + background: -ms-linear-gradient(#f5f5f5, #f0f0f0); + background: linear-gradient(#f5f5f5, #f0f0f0); +} + +.gsi_maptoimage_window_button_frame a:active { + background: #f0f0f0; + background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f5f5f5), color-stop(0.00, #f0f0f0)); + background: -webkit-linear-gradient(#f0f0f0, #f5f5f5); + background: -moz-linear-gradient(#f0f0f0, #f5f5f5); + background: -o-linear-gradient(#f0f0f0, #f5f5f5); + background: -ms-linear-gradient(#f0f0f0, #f5f5f5); + background: linear-gradient(#f0f0f0, #f5f5f5); + color: #666; + box-shadow: -1px -1px 2px 1px rgba(0, 0, 0, 0.1); + -moz-box-shadow: -1px -1px 2px 1px rgba(0, 0, 0, 0.1); + /* Firefox */ + -webkit-box-shadow: -1px -1px 2x 1px rgba(0, 0, 0, 0.1); + /* Chrome, Safari */ +} + +.gsi_maptoimageareaselectdialog_content, .gsi_maptoimageareaselectdialog_content * { + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; +} + +.gsi_maptoimageareaselectdialog_content input { + width: 100%; + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + border: 1px solid #999; + background: #fff; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); +} + +.gsi_maptoimageareaselectdialog_content .disable { + color: #999; +} + +.gsi_maptoimageareaselectdialog_content input.disable { + border: 1px solid #eee; +} + +.gsi_maptoimageareaselectdialog_content input.error { + background: #ffe4e1; +} + +.gsi_maptoimageareaselectdialog_content .button_frame { + width: 100%; + height: 48px; + line-height: 48px; + padding: 0 4px 0 4px; +} + +.gsi_maptoimageareaselectdialog_content .button_frame .normalbutton { + margin-top: 4px; + line-height: 28px; + width: 100%; + text-align: center; +} + +.gsi_maptoimageareaselectdialog_content .button_frame .errormessage { + text-align: left; + color: red; + font-size: 9.5pt; + line-height: 22px; +} + +.gsi-areaselect-resize-icon { + box-sizing: border-box; + width: 12px; + height: 12px; + background: #fff; + border: 1px solid #cd5e3c; +} + +.gsi-areaselect-resize-icon.lt { + cursor: nw-resize; +} + +.gsi-areaselect-resize-icon.rt { + cursor: ne-resize; +} + +.gsi-areaselect-resize-icon.lb { + cursor: sw-resize; +} + +.gsi-areaselect-resize-icon.rb { + cursor: se-resize; +} + +.gsi-areaselect-move-icon { + box-sizing: border-box; + width: 24px; + height: 24px; + background-image: url(../image/system/move.png); + background-position: 50% 50%; + background-repeat: no-repeat; + cursor: move; +} + +.gsi_threeddialog_content input { + width: 100%; + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + border: 1px solid #999; + background: #fff; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); +} + +.gsi_threeddialog_content input.error { + background: #ffe4e1; +} + +.gsi_threeddialog_content .button_frame { + height: 48px; + line-height: 48px; + padding: 0 4px 0 4px; +} + +.gsi_threeddialog_content .button_frame .normalbutton { + margin-top: 4px; + line-height: 28px; +} + +.gsi_threeddialog_content .button_frame .errormessage { + text-align: left; + color: red; + font-size: 9.5pt; + line-height: 22px; +} + +.gsi_toukyodialog_content * { + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; +} + +.gsi_toukyodialog_content table { + width: 100%; +} + +.gsi_toukyodialog_content table td { + white-space: nowrap; +} + +.gsi_toukyodialog_content table input, .gsi_toukyodialog_content table select { + border: 1px solid #999; + height: 26px; + line-height: 26px; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); +} + +.gsi_toukyodialog_content table input { + width: 100%; +} + +.gsi_toukyodialog_content .color_select { + display: inline-block; + width: 40px; + -moz-border-radius: 3px; + /*for Firefox*/ + -webkit-border-radius: 3px; + /*for Safari and chrome*/ + border-radius: 3px; + behavior: url(border-radius.htc); + /*for IE*/ + cursor: pointer; +} + +.gsi_toukyodialog_content .msg_frame { + font-size: 9pt; +} + +.gsi_toukyoken_label { + font-size: 15pt; + font-weight: normal; + text-shadow: 3px 3px 2px #bbbbbb; +} + +.gsi_houilinedialog_content .msg_frame { + font-size: 9pt; +} + +.gsi_houilinedialog_content .color_select { + display: inline-block; + width: 40px; + -moz-border-radius: 3px; + /*for Firefox*/ + -webkit-border-radius: 3px; + /*for Safari and chrome*/ + border-radius: 3px; + behavior: url(border-radius.htc); + /*for IE*/ + cursor: pointer; +} + +.gsi_houilinedialog_content input, .gsi_houilinedialog_content select { + font-size: 9pt; + border: 1px solid #999; + height: 26px; + line-height: 26px; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); +} + +.gsi_houilinedialog_content .deginput { + width: 4em; + margin-right: 2px; + padding-left: 2px; +} + +.gsi_loadoutsidetiledialog_content { + width: 100%; + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; +} + +.gsi_loadoutsidetiledialog_content * { + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; +} + +.gsi_loadoutsidetiledialog_content div.caption { + font-size: 9pt; +} + +.gsi_loadoutsidetiledialog_content input { + font-size: 9pt; + border: 1px solid #999; + height: 26px; + line-height: 26px; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); + width: 100%; +} + +.gsi_loadoutsidetiledialog_content select { + font-size: 9pt; + border: 1px solid #999; + height: 26px; + line-height: 26px; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); +} + +.gsi_loadoutsidetiledialog_content textarea { + height: 3em; + font-size: 9pt; + border: 1px solid #999; + height: 60px; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); + width: 100%; +} + +.gsi_loadoutsidetiledialog_content dl { + margin: 0; + padding: 0; +} + +.gsi_loadoutsidetiledialog_content dt { + margin: 0; + padding: 0; +} + +.gsi_loadoutsidetiledialog_content dd { + margin: 0; + padding: 0; + margin-left: 16px; +} + +.gsi_loadoutsidetiledialog_content .msg_frame { + font-size: 9pt; + margin: 12px 4px 0 4px; +} + +.gsi_loadoutsidetiledialog_content .button_frame { + margin: 8px 8px 8px 8px; +} + +.gsi_loadoutsidetiledialog_content .normalbutton { + width: 100%; + text-align: center; +} + +.gsi_loadoutsidetiledialog_content div span { + font-size: 9pt; + display: inline-block; + *display: inline; + *zoom: 1; + margin-right: 4px; +} + +.gsi_loadoutsidetiledialog_content div.options { + margin-top: 2px; + margin-bottom: 6px; + border: 1px solid #aaa; + padding: 5px; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); +} + +.gsi_loadoutsidetiledialog_content a.option_btn { + font-size: 9pt; + display: inline-block; + *display: inline; + *zoom: 1; + color: #000; + text-decoration: none; + padding-right: 16px; + line-height: 16px; + height: 16px; + background-image: url(../image/system/arrow-right.png); + background-position: 100% 50%; + background-repeat: no-repeat; +} + +.gsi_loadoutsidetiledialog_content a.option_btn.expand { + background-image: url(../image/system/order_down.png); +} + +.gsi_editoutsidetiledialog_content { + width: 100%; + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; +} + +.gsi_editoutsidetiledialog_content * { + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; +} + +.gsi_editoutsidetiledialog_content div span { + font-size: 9pt; + display: inline-block; + *display: inline; + *zoom: 1; + margin-right: 4px; +} + +.gsi_editoutsidetiledialog_content div.caption { + font-size: 9pt; +} + +.gsi_editoutsidetiledialog_content input { + font-size: 9pt; + border: 1px solid #999; + height: 26px; + line-height: 26px; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); + width: 100%; +} + +.gsi_editoutsidetiledialog_content select { + font-size: 9pt; + border: 1px solid #999; + height: 26px; + line-height: 26px; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); +} + +.gsi_editoutsidetiledialog_content textarea { + height: 3em; + font-size: 9pt; + border: 1px solid #999; + height: 60px; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); + width: 100%; +} + +.gsi_editoutsidetiledialog_content .button_frame { + margin: 16px 8px 8px 8px; +} + +.gsi_editoutsidetiledialog_content .normalbutton { + width: 100%; + text-align: center; +} + +.gsi_editreliefdialog_content { + position: relative; +} + +.gsi_editreliefdialog_content, .gsi_editreliefdialog_content * { + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; +} + +.gsi_editreliefdialog_control_frame { + vertical-align: middle; + position: relative; + padding: 2px 0 3px 1px; + box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1); + /* Firefox */ + -webkit-box-shadow: 0px 1px 1x 1px rgba(0, 0, 0, 0.1); + /* Chrome, Safari */ + background: #fff; + background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f4f4f4), color-stop(0.00, #fff)); + background: -webkit-linear-gradient(#fff, #f4f4f4); + background: -moz-linear-gradient(#fff, #f4f4f4); + background: -o-linear-gradient(#fff, #f4f4f4); + background: -ms-linear-gradient(#fff, #f4f4f4); + background: linear-gradient(#fff, #f4f4f4); +} + +.gsi_editreliefdialog_content .loadingpanel { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + background: #fff; + opacity: 0.9; +} + +.gsi_editreliefdialog_content .loadingmessage { + padding-left: 24px; + position: absolute; + left: 0; + right: 0; + top: 50%; + color: #000; + text-align: center; + margin-top: -20px; + margin-left: -20px; + background-repeat: no-repeat; + background-position: 0 50%; + line-height: 16px; + ; +} + +.gsi_editreliefdialog_content .loadingmessage img { + margin-right: 2px; +} + +.gsi_editreliefdialog_control_frame a img { + vertical-align: bottom; +} + +.gsi_editreliefdialog_control_frame a { + font-size: 9.5pt; + text-decoration: none; + display: inline-block; + *display: inline; + *zoom: 1; + -moz-border-radius: 3px; + /*for Firefox*/ + -webkit-border-radius: 3px; + /*for Safari and chrome*/ + border-radius: 3px; + behavior: url(border-radius.htc); + /*for IE*/ + margin-right: 1px; + color: #333; + text-align: center; + border: 1px solid #eee; + padding: 2px; + vertical-align: middle; + line-height: 24px; + font-weight: bold; + text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #FFF, 0 1px 1px #FFF; +} + +.gsi_editreliefdialog_control_frame a:active { + background: #f0f0f0; + background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f5f5f5), color-stop(0.00, #f0f0f0)); + background: -webkit-linear-gradient(#f0f0f0, #f5f5f5); + background: -moz-linear-gradient(#f0f0f0, #f5f5f5); + background: -o-linear-gradient(#f0f0f0, #f5f5f5); + background: -ms-linear-gradient(#f0f0f0, #f5f5f5); + background: linear-gradient(#f0f0f0, #f5f5f5); + color: #666; + box-shadow: -1px -1px 2px 1px rgba(0, 0, 0, 0.1); + -moz-box-shadow: -1px -1px 2px 1px rgba(0, 0, 0, 0.1); + /* Firefox */ + -webkit-box-shadow: -1px -1px 2x 1px rgba(0, 0, 0, 0.1); + /* Chrome, Safari */ +} + +.gsi_editreliefdialog_control_frame a:hover { + border: 1px solid #bbb; + box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); + /* Firefox */ + -webkit-box-shadow: 1px 1px 2x 1px rgba(0, 0, 0, 0.1); + /* Chrome, Safari */ + background: #f5f5f5; + background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f0f0f0), color-stop(0.00, #f5f5f5)); + background: -webkit-linear-gradient(#f5f5f5, #f0f0f0); + background: -moz-linear-gradient(#f5f5f5, #f0f0f0); + background: -o-linear-gradient(#f5f5f5, #f0f0f0); + background: -ms-linear-gradient(#f5f5f5, #f0f0f0); + background: linear-gradient(#f5f5f5, #f0f0f0); +} + +.gsi_editreliefdialog_content .scroll_frame { + width: 100%; + max-height: 250px; + min-height: 125px; + height: 200px; + overflow-y: scroll; +} + +.gsi_editreliefdialog_content table.colors { + margin: auto; +} + +.gsi_editreliefdialog_content table.colors td { + font-size: 9.5pt; + height: 24px; + overflow-y: visible; +} + +.gsi_editreliefdialog_content input.elevation { + font-size: 9.5pt; + border: 1px solid #999; + height: 22px; + line-height: 22px; + padding: 0 4px 0 4px; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); + width: 5em; +} + +.gsi_editreliefdialog_content table.colors td a.color { + display: block; + font-size: 9.5pt; + line-height: 22px; + height: 22px; + width: 38px; + border: 1px solid #999; + padding: 0 4px 0 4px; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); +} + +.gsi_editreliefdialog_content table.colors td .btn { + border: 1px solid #ccc; + display: block; + padding: 1px; + -moz-border-radius: 3px; + /*for Firefox*/ + -webkit-border-radius: 3px; + /*for Safari and chrome*/ + border-radius: 3px; + behavior: url(border-radius.htc); + /*for IE*/ + line-height: 24px; + height: 24px; + width: 24px; + margin: 0; + opacity: .90; + filter: alpha(opacity=90); + -ms-filter: "alpha(opacity=90)"; + -khtml-opacity: .90; + -moz-opacity: .90; +} + +.gsi_editreliefdialog_content table.colors td a.remove_btn { + width: 24px; + height: 24px; + background: url(../image/sakuzu/icon_remove.png) no-repeat 50% 50%; +} + +.gsi_editreliefdialog_content table.colors td a.append_next_btn { + margin-bottom: -18px; + width: 24px; + height: 24px; + line-height: 24px; + text-align: center; + color: #333; + text-decoration: none; +} + +.gsi_editreliefdialog_content table.colors td a.append_prev_btn { + margin-top: -18px; + width: 24px; + height: 24px; + line-height: 24px; + text-align: center; + color: #333; + text-decoration: none; +} + +.gsi_editreliefdialog_content .loaddataview { + position: absolute; + background: #fff; + left: 0; + top: 0; + right: 0; + bottom: 0; + padding: 0px 8px 8px 8px; +} + +.gsi_editreliefdialog_content .loaddataview * { + font-size: 9.5pt; +} + +.gsi_editreliefdialog_content .newdataview { + position: absolute; + background: #fff; + left: 0; + top: 0; + right: 0; + bottom: 0; + padding: 0px 8px 8px 8px; +} + +.gsi_editreliefdialog_content dl { + margin: 0; + padding: 0; +} + +.gsi_editreliefdialog_content dl * { + font-size: 9.5pt; +} + +.gsi_editreliefdialog_content dl dt { + margin: 8px 0 0 0; + padding: 0; +} + +.gsi_editreliefdialog_content dl dd { + margin: 0; + padding: 0 0 0 12px; +} + +.gsi_editreliefdialog_content dl dd table input { + width: 5em; + font-size: 9.5pt; + font-size: 9.5pt; + border: 1px solid #999; + height: 22px; + line-height: 22px; + padding: 0 4px 0 4px; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); + width: 5em; +} + +.gsi_editreliefdialog_content dl dd td a.color { + display: block; + font-size: 9.5pt; + line-height: 22px; + height: 22px; + width: 38px; + border: 1px solid #999; + padding: 0 4px 0 4px; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); +} + +.gsi_editreliefdialog_content .file_frame, .gsi_editreliefdialog_content .file_frame * { + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; +} + +.gsi_editreliefdialog_content .file_frame { + padding: 12px; + width: 100%; +} + +.gsi_editreliefdialog_content .file_frame input { + width: 100%; +} + +.gsi_editreliefdialog_content .option_frame { + margin: 8px 8px 8px 12px; +} + +.gsi_editreliefdialog_content .button_frame { + text-align: center; +} + +.gsi_editreliefdialog_content .button_frame .normalbutton { + margin: 4px; +} + +.gsi_editreliefdialog_content .message_frame { + margin: 6px; +} + +.gsi_editreliefdialog_content .message_frame img { + float: left; + margin-right: 6px; +} + +.gsi_editreliefdialog_content .message_frame div { + line-height: 20px; +} + +.gsi_editreliefdialog_patternselect { + display: block; + float: right; + font-size: 9pt; + line-height: 22px; + border-radius: 3px; + background: #fff; + border: 1px solid #ccc; + padding: 0 20px 0 2px; + color: #000; + text-decoration: none; + background-repeat: no-repeat; +} + +.gsi_editreliefdialog_patternselectpanel { + position: absolute; + z-index: 10000000; + background: #fff; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.3); + -moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.3); + /* Firefox */ + -webkit-box-shadow: 0px 0px 2x 1px rgba(0, 0, 0, 0.3); + /* Chrome, Safari */ +} + +.gsi_editreliefdialog_patternselectpanel ul { + list-style: none; + padding: 0px; + margin: 0px; +} + +.gsi_editreliefdialog_patternselectpanel ul li { + display: block; + padding: 0px; + margin: 0px; + border-bottom: 1px dotted #aaa; +} + +.gsi_editreliefdialog_patternselectpanel ul li a { + display: block; + padding: 0px; + margin: 0px; + padding: 2px; +} + +.gsi_editreliefdialog_patternselectpanel ul li a:hover { + background: #eff6f2; +} + +.gsi_editreliefdialog_patternselectpanel ul li a canvas { + border: 1px solid #333; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; +} + +.gsi_crosssectionview_mousepointmarker { + background: #f4a460; + width: 3px; + height: 3px; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; +} + +.gsi_crosssectionview_lineselector_selectbtn { + width: 40px; + height: 24px; + line-height: 24px; + text-align: center; + cursor: pointer; + white-space: nowrap; + border: 1px solid #888; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + behavior: url(border-radius.htc); + /*for IE*/ + text-decoration: none; + font-size: 9.5pt; + color: #333; + vertical-align: middle; + box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); + /* Firefox */ + -webkit-box-shadow: 1px 1px 2x 1px rgba(0, 0, 0, 0.1); + /* Chrome, Safari */ + font-weight: bold; + text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #FFF, 0 1px 1px #FFF; + background: #f5f5f5; + background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f0f0f0), color-stop(0.00, #f5f5f5)); + background: -webkit-linear-gradient(#f5f5f5, #f0f0f0); + background: -moz-linear-gradient(#f5f5f5, #f0f0f0); + background: -o-linear-gradient(#f5f5f5, #f0f0f0); + background: -ms-linear-gradient(#f5f5f5, #f0f0f0); + background: linear-gradient(#f5f5f5, #f0f0f0); +} + +.gsi_crosssectionview_displaygraph_dialog_header { + color: #000; + background: #fff; + -moz-border-radius: 3px; + /*for Firefox*/ + -webkit-border-radius: 3px; + /*for Safari and chrome*/ + border-radius: 3px; + behavior: url(border-radius.htc); + /*for IE*/ + font-size: 90%; + padding: 1px 20px 1px 4px; + /*border: 2px solid #555;*/ + cursor: move; +} + +.gsi_crosssectionview_displaygraph_dialog_header .closebtn { + vertical-align: bottom; + color: #333; + text-decoration: none; + position: absolute; + display: inline-block; + *display: inline; + *zoom: 1; + font-weight: bold; + text-align: center; + -moz-border-radius: 2px; + /*for Firefox*/ + -webkit-border-radius: 2px; + /*for Safari and chrome*/ + border-radius: 2px; + behavior: url(border-radius.htc); + /*for IE*/ + z-index: 99; +} + +.gsi_crosssectionview_displaygraph_dialog_header .minimizebtn { + vertical-align: bottom; + color: #333; + text-decoration: none; + position: absolute; + display: inline-block; + *display: inline; + *zoom: 1; + font-weight: bold; + text-align: center; + -moz-border-radius: 2px; + /*for Firefox*/ + -webkit-border-radius: 2px; + /*for Safari and chrome*/ + border-radius: 2px; + behavior: url(border-radius.htc); + /*for IE*/ + z-index: 99; +} + +.gsi_crosssectionview_graph_minmode { + float: right; +} + +.gsi_crosssectionview_graph_minmode input[type=radio].normalcheck+label { + padding-left: 20px; +} + +.gsi_crosssectionview_graph_ratio { + float: left; + margin-left: 4px; +} + +.gsi_crosssectionview_graph_ratio input { + width: 4em; + border: 1px solid #999; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); + text-align: center; + margin-left: 2px; +} + +.gsi_crosssectionview_graph_ratio a.normalbutton { + margin-left: 3px; + padding: 2px 4px 2px 4px; +} + +.gsi_crosssectionviewdialog_content, .gsi_crosssectionviewdialog_content * { + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + font-size: 9.5pt; +} + +.gsi_crosssectionviewdialog_content { + width: 100%; +} + +.gsi_crosssectionviewdialog_content .titleframe { + width: 100%; +} + +.gsi_crosssectionviewdialog_content .titleframe .message { + font-weight: bold; +} + + +.gsi_crosssectionviewdialog_content .pointframe { + width: 100%; + margin-bottom: 0.5em; +} + +.gsi_crosssectionviewdialog_content .pointframe img { + float: left; + margin-right: 6px; +} + +.gsi_crosssectionviewdialog_content .pointframe .message { + line-height: 16px; + padding-left: 10px; +} + +.gsi_crosssectionviewdialog_content .pointframe .btnframe { + width: 100%; + margin-top: 2px; + padding-left: 1em; +} + +.gsi_crosssectionviewdialog_content .fileframe { + width: 100%; + margin-bottom: 6px; +} + +.gsi_crosssectionviewdialog_content .fileframe img { + float: left; + margin-right: 6px; + margin-top: 2px; +} + +.gsi_crosssectionviewdialog_content .fileframe .message { + line-height: 16px; + padding-left: 10px; +} + +.gsi_crosssectionviewdialog_content .fileframe input { + font-size: 9pt; + width: 100%; +} + +.gsi_crosssectionviewdialog_content .fileframe .btnframe { + width: 100%; + margin-top: 4px; + padding-left: 1em; +} + +.gsi_crosssectionviewdialog_content .lineselect { + padding: 8px; +} + +.gsi_crosssectionviewdialog_content .lineselect img { + float: left; + margin-right: 6px; +} + +.gsi_crosssectionviewdialog_content .lineselect .message { + line-height: 20px; + font-size: 9.5pt; +} + +.gsi_crosssectionviewdialog_content .lineselect .btnframe { + width: 100%; + margin-top: 12px; + text-align: center; +} + +.gsi_crosssectionviewdialog_content .option-toggle-button { + position: relative; + margin-left: 10px; + margin-top: 3px; + display: inline-block; + *display: inline; + *zoom: 1; + color: #000; + padding-left: 18px; +} + +.gsi_crosssectionviewdialog_content .option-toggle-button::before { + content: " "; + position: absolute; + left: 0; + top: 0; + width: 16px; + height: 16px; + background-repeat: no-repeat; + background-position: 0px 50%; + background-image: url(../image/system/order_down.png); + line-height: 18px; + transform: rotate( -90deg); + transition-property: transform; + transition-duration: 0.3s; +} + +.gsi_crosssectionviewdialog_content .option-toggle-button.open::before { + transform: rotate( 0deg); + transition-property: transform; + transition-duration: 0.3s; +} + +.gsi_crosssectionviewdialog_content .option-container { + margin-left: 10px; + margin-right: 10px; + margin-bottom: 5px; + padding: 4px; + border: 1px solid #ddd; + border-radius: 3px; +} + +.gsi_crosssectionviewdialog_content .option-container .link { + float:right; +} + +.gsi_crosssectionviewdialog_content .option-container .message2 { + + font-size:9pt; + margin:4px; +} + +.gsi_crosssectionview_displaygraph_content, .gsi_crosssectionview_displaygraph_content * { + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + font-size: 9.5pt; +} + +.gsi_crosssectionview_displaygraph_content .graphframe { + overflow: auto; + width: 100%; + max-height: 400px; + text-align: center; +} + +.gsi_crosssectionview_displaygraph_content input.scaleinput { + width: 3em; + border: 1px solid #999; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); + text-align: center; + margin-left: 2px; + height: 22px; + line-height: 22px; +} + +.gsi_crosssectionview_displaygraph_content .savetypeselect { + background: #fff; + border: 1px solid #aaa; + background: #fff; + -moz-border-radius: 2px; + /*for Firefox*/ + -webkit-border-radius: 2px; + /*for Safari and chrome*/ + border-radius: 2px; + behavior: url(border-radius.htc); + /*for IE*/ + box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1); + /* Firefox */ + -webkit-box-shadow: 2px 2px 1x 1px rgba(0, 0, 0, 0.1); + /* Chrome, Safari */ + padding: 1px; +} + +.gsi_crosssectionview_displaygraph_content .savetypeselect a { + display: block; + color: #000; + padding: 4px; + text-decoration: none; + font-size: 9.5pt; + border-bottom: 1px dotted #ccc; +} + +.gsi_crosssectionview_displaygraph_content .savetypeselect a:hover { + background: #fffacd; +} + +.gsi_crosssectionview_displaygraph_content .savetypeselect a:last-child { + border-bottom: none; +} + +.gsi_spilitcontrol_container, .gsi_spilitcontrol_container * { + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; +} + +.gsi_spilitcontrol_container { + opacity: .90; + filter: alpha(opacity=90); + -ms-filter: "alpha(opacity=90)"; + -khtml-opacity: .90; + -moz-opacity: .90; + display: block; + background-color: #333; + color: #ffffff; + border: solid 1px #222; + font-size: 110%; + text-decoration: none; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; + behavior: url(border-radius.htc); + box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.3); + -moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.3); + /* Firefox */ + -webkit-box-shadow: 0px 0px 2x 1px rgba(0, 0, 0, 0.3); + /* Chrome, Safari */ + padding: 2px 3px 2px 3px; +} + +.gsi_spilitcontrol_container .normalbutton { + height: 28px; + line-height: 28px; + color: #333; + padding: 0 4px 0 4px; + vertical-align: middle; +} + + +.gsi_spilitcontrol_container.mobile .normalbutton { + display: block; + text-align:center; + margin-bottom:4px; +} + +.gsi_spilitcontrol_container .stopsplitbtn { + text-decoration: none; + display: inline-block; + *display: inline; + *zoom: 1; + height: 28px; + line-height: 28px; + color: #fff; + cursor: pointer; + background-color: #2B7396; + color: #FFFFFF; + border: 1px solid #777; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); + padding: 0 4px 0 4px; + vertical-align: middle; +} + +.gsi_spilitcontrol_container .switchframe { + display: inline-block; + *display: inline; + *zoom: 1; +} + +.gsi_spilitcontrol_container .switchframe label.switchlabel { + cursor: pointer; + margin: 0 2px 0 6px; +} + +/* onoff */ + +.gsi_spilitcontrol_container .switchframe .gsi_onoffswitch { + position: relative; + width: 50px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + display: inline-block; + *display: inline; + *zoom: 1; + vertical-align: middle; +} + +.gsi_spilitcontrol_container .switchframe .gsi_onoffswitch .checkbox { + display: none; +} + +.gsi_spilitcontrol_container .switchframe .gsi_onoffswitch .label { + display: block; + overflow: hidden; + cursor: pointer; + border: 1px solid #777; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); +} + +.gsi_spilitcontrol_container .switchframe .gsi_onoffswitch .inner { + display: block; + width: 200%; + margin-left: -100%; + -moz-transition: margin 0.3s ease-in 0s; + -webkit-transition: margin 0.3s ease-in 0s; + -o-transition: margin 0.3s ease-in 0s; + transition: margin 0.3s ease-in 0s; +} + +.gsi_spilitcontrol_container .switchframe .gsi_onoffswitch .inner:before, .gsi_spilitcontrol_container .switchframe .gsi_onoffswitch .inner:after { + display: block; + float: left; + width: 50%; + height: 28px; + padding: 0; + line-height: 28px; + font-size: 10px; + color: white; + font-weight: normal; + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +.gsi_spilitcontrol_container .switchframe .gsi_onoffswitch .inner:before { + content: "ON"; + padding-left: 6px; + background-color: #2B7396; + color: #FFFFFF; + text-align: left; +} + +.gsi_spilitcontrol_container .switchframe .gsi_onoffswitch .inner:after { + content: "OFF"; + padding-right: 6px; + background-color: #eee; + color: #777; + text-align: right; +} + +.gsi_spilitcontrol_container .switchframe .gsi_onoffswitch .switch { + display: block; + width: 20px; + margin: 0px; + background: #FFFFFF; + border: 1px solid #666; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); + position: absolute; + top: 0; + bottom: 0; + right: 30px; + -moz-transition: all 0.3s ease-in 0s; + -webkit-transition: all 0.3s ease-in 0s; + -o-transition: all 0.3s ease-in 0s; + transition: all 0.3s ease-in 0s; + background-image: -moz-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); + background-image: -webkit-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); + background-image: -o-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); + background-image: linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); +} + +.gsi_spilitcontrol_container .switchframe .gsi_onoffswitch .checkbox:checked+.label .inner { + margin-left: 0; +} + +.gsi_spilitcontrol_container .switchframe .gsi_onoffswitch .checkbox:checked+.label .switch { + right: 0; +} + +.gsi_spilitcontrol_container .switchframe .gsi_onoffswitch .on_label_inner { + margin-left: 0; +} + +.gsi_spilitcontrol_container .switchframe .gsi_onoffswitch .on_label_switch { + right: 0; +} + +.gsi_pathframerectangle_editbtn { + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + width: 30px; + height: 30px; + line-height: 30px; + text-align: center; + cursor: pointer; + white-space: nowrap; + border: 1px solid #888; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + behavior: url(border-radius.htc); + /*for IE*/ + text-decoration: none; + font-size: 9.5pt; + color: #333; + vertical-align: middle; + box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); + /* Firefox */ + -webkit-box-shadow: 1px 1px 2x 1px rgba(0, 0, 0, 0.1); + /* Chrome, Safari */ + font-weight: bold; + text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #FFF, 0 1px 1px #FFF; + background-color: #f5f5f5; + opacity: .90; + filter: alpha(opacity=90); + -ms-filter: "alpha(opacity=90)"; + -khtml-opacity: .90; + -moz-opacity: .90; + background-image: url(../image/sakuzu/icon_edit.png); + background-position: 50% 50%; + background-repeat: no-repeat; +} + +.gsi_pathframerectangle_removebtn { + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + width: 30px; + height: 30px; + line-height: 30px; + text-align: center; + cursor: pointer; + white-space: nowrap; + border: 1px solid #888; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + behavior: url(border-radius.htc); + /*for IE*/ + text-decoration: none; + font-size: 9.5pt; + color: #333; + vertical-align: middle; + box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); + /* Firefox */ + -webkit-box-shadow: 1px 1px 2x 1px rgba(0, 0, 0, 0.1); + /* Chrome, Safari */ + font-weight: bold; + text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #FFF, 0 1px 1px #FFF; + background-color: #f5f5f5; + opacity: .90; + filter: alpha(opacity=90); + -ms-filter: "alpha(opacity=90)"; + -khtml-opacity: .90; + -moz-opacity: .90; + background-image: url(../image/sakuzu/icon_remove.png); + background-position: 50% 50%; + background-repeat: no-repeat; +} + +.gsi_pathframerectangle_addinnerbtn { + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + width: 30px; + height: 30px; + line-height: 30px; + text-align: center; + cursor: pointer; + white-space: nowrap; + border: 1px solid #888; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + behavior: url(border-radius.htc); + /*for IE*/ + text-decoration: none; + font-size: 9.5pt; + color: #333; + vertical-align: middle; + box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); + /* Firefox */ + -webkit-box-shadow: 1px 1px 2x 1px rgba(0, 0, 0, 0.1); + /* Chrome, Safari */ + font-weight: bold; + text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #FFF, 0 1px 1px #FFF; + background-color: #f5f5f5; + opacity: .90; + filter: alpha(opacity=90); + -ms-filter: "alpha(opacity=90)"; + -khtml-opacity: .90; + -moz-opacity: .90; + background-image: url(../image/sakuzu/icon_polygoninner.png); + background-position: 50% 50%; + background-repeat: no-repeat; +} + +.gsi_pathframerectangle_removeinnerbtn { + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + width: 30px; + height: 30px; + line-height: 30px; + text-align: center; + cursor: pointer; + white-space: nowrap; + border: 1px solid #888; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + behavior: url(border-radius.htc); + /*for IE*/ + text-decoration: none; + font-size: 9.5pt; + color: #333; + vertical-align: middle; + box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); + /* Firefox */ + -webkit-box-shadow: 1px 1px 2x 1px rgba(0, 0, 0, 0.1); + /* Chrome, Safari */ + font-weight: bold; + text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #FFF, 0 1px 1px #FFF; + background-color: #f5f5f5; + opacity: .90; + filter: alpha(opacity=90); + -ms-filter: "alpha(opacity=90)"; + -khtml-opacity: .90; + -moz-opacity: .90; + background-image: url(../image/sakuzu/icon_remove.png); + background-position: 50% 50%; + background-repeat: no-repeat; +} + +.gsi_csvdialog_content { + position: relative; + padding: 8px; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.gsi_csvdialog_content * { + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.gsi_csvdialog_content .icon_frame { + width: 100%; +} + +.gsi_csvdialog_content .icon_frame * { + font-size: 9pt; +} + +.gsi_csvdialog_content .table_frame { + width: 100%; + overflow-x: auto; +} + +.gsi_csvdialog_content .message_frame { + font-size: 10pt; + color: #000; + padding-top: 8px; + padding-bottom: 8px; +} + +.gsi_csvdialog_content .tablemessage_frame { + font-size: 9pt; + padding-top: 4px; +} + +.gsi_csvdialog_content .table_frame table { + border-collapse: separate; + border-spacing: 0px; + border-top: 1px solid #666666; + border-left: 1px solid #666666; + border-radius: 3px; +} + +.gsi_csvdialog_content .table_frame table th { + background-color: rgba(170, 170, 170, 0.3); + border-top: 1px solid #fff; + border-bottom: 1px solid #666666; + border-right: 1px solid #666666; + font-size: 9pt; + text-align: left; +} + +.gsi_csvdialog_content .table_frame table th select { + font-size: 9pt; + width: 100%; +} + +.gsi_csvdialog_content .table_frame table td { + font-size: 9pt; + min-width: 120px; + background-color: #ffffff; + border-right: 1px solid #666666; + border-bottom: 1px solid #666666; +} + +.gsi_csvdialog_content .button_frame { + padding: 8px 0 0 0; +} + +.gsi_csvdialog_content .button_frame a.normalbutton { + width: 100%; + text-align: center; +} + +.gsi_csvdialog_content .progress_frame { + position: absolute; + left: 0; + top: 0; + right: 0; + bottom: 0; + background-color: rgba( 255, 255, 255, 0.5); +} + +.gsi_csvdialog_content .progress_bg { + position: absolute; + left: 20%; + right: 20%; + top: 50%; + margin-top: -3px; + height: 6px; + background: rgba(255, 255, 255, 0.9); + border-radius: 3px; + border: 1px solid #555; +} + +.gsi_csvdialog_content .progress { + position: absolute; + left: 0; + top: 0; + bottom: 0; + background: rgba(38, 130, 173, 0.9); +} + +.gsi_mapcompare_separater { + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 1px; + background: rgba(32, 32, 32, 0.4); + cursor: col-resize; + top: 0px; + bottom: 0px; + margin-left: -1px; + /* + box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.8); + -moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.8); + -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.8); + border-left:1px solid #333; + border-right:1px solid #333; + */ +} + +.gsi_mapcompare_separater:hover { + /* + background : rgba(32,32,32,0.9); + */ +} + +.gsi_mapcompare_slider_frame, .gsi_mapcompare_slider_frame * { + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.gsi_mapcompare_slider_frame { + position: absolute; + background: #333; + height: 30px; + top: 40px; + left: 0; + right: 0; +} + +.gsi_mapcompare_slider { + position: absolute; + top: 8px; + bottom: 10px; + left: 50px; + right: 50px; +} + +.gsi_mapcompare_slider_clearbtn { + -moz-box-sizing: border-box; + box-sizing: border-box; + position: absolute; + height: 24px; + line-height: 24px; + right: 5px; + width: 80px; + top: 50%; + margin-top: -12px; + color: #333; + background: #fff; + display: block; + text-align: center; + padding: 0; +} + +.gsi_kokudokihonzukakudialog_content { + margin: 0 4px 4px 4px; +} + +.gsi_kokudokihonzukakudialog_content .alert { + margin-top: 8px; + font-size: 9pt; + color: red; + word-break: break-all; +} + +.gsi_kokudokihonzukakudialog_content .gsi_kihonzukaku_gridinfo { + margin-top: 8px; +} + +.gsi_kokudokihonzukakudialog_content .gsi_kihonzukaku_gridinfo h3 { + margin: 0; + padding: 0; +} + +.gsi_kokudokihonzukakudialog_content .gsi_kihonzukaku_gridinfo table { + border: 1px solid #999; + border-collapse: collapse; + border-spacing: 0; +} + +.gsi_kokudokihonzukakudialog_content .gsi_kihonzukaku_gridinfo table th { + border-bottom: 1px solid #999; + background-color: #aaa; + padding: 2px; + font-size: 9pt; +} + +.gsi_kokudokihonzukakudialog_content .gsi_kihonzukaku_gridinfo table th:last-child { + border-left: 1px solid #999; +} + +.gsi_kokudokihonzukakudialog_content .gsi_kihonzukaku_gridinfo table td { + border-bottom: 1px solid #999; + padding: 0px 4px 0 4px; + font-size: 9pt; +} + +.gsi_kihonzukaku_gridinfo table td:last-child { + border-left: 1px solid #999; +} + +.gsi_kokudokihonzukakudialog_content .gsi_kihonzukaku_gridinfo table tr.active td { + color: red; +} + +.gsi_dsloreinfodialog_div { + margin: 0.2em; +} + +.gsi_dsloreinfodialog_div_table_th { + background-color: rgba(32, 32, 32, 0.8); + color: #fff; + font-size: 14px; + padding: 0.4em 0.4em 0.4em 0.4em; +} + +.gsi_dsloreinfodialog_inner_div { + margin: 0.2em; +} + +.gsi_dsloreinfodialog_inner_div table { + border-collapse: collapse; +} + +.gsi_dsloreinfodialog_inner_div table th { + background-color: rgba(32, 32, 32, 0.8); + background-color: #f4f4f4; + color: #222; + padding: 0.2em 0.4em 0.2em 0.4em; + border: 1px solid #442; +} + +.gsi_dsloreinfodialog_inner_div table td { + padding: 0.2em 0.6em 0.2em 0.6em; + border: 1px solid #442; +} + +.gsi_dsloreinfodialog_inner_div img { + border: 1px solid #442; + margin: 0px; +} + +.gsi_layertreedialog_itemtooltip .pankz-frame { + border-bottom: 1px solid #ccc; + padding-bottom: 4px; + margin-bottom: 4px; +} + +.gsi_layertreedialog_itemtooltip .pankz-frame * { + font-size: 10pt; +} + +.gsi-jpeginfo-popup {} + +.gsi-jpeginfo-popup th, .gsi-jpeginfo-popup td { + vertical-align: top; +} + +.leaflet-container .leaflet-control-zoomslider { + margin-top: 10px; + margin-left: 8px; +} + +.leaflet-touch .leaflet-control-zoomslider { + box-shadow: none; + border: 2px solid rgba(0, 0, 0, 0.2); + background-clip: padding-box; + border-radius: 5px; +} + +.leaflet-touch .leaflet-bar a:first-child { + border-top-left-radius: 5px; + border-top-right-radius: 5px; +} + +.leaflet-touch .leaflet-bar a:last-child { + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; +} + +.leaflet-control-zoomslider-body { + background: #666; +} + +.leaflet-control-zoomslider a { + color: #666; +} + +.gsi-gps-marker { + background: transparent; + border: none; + width: 12px; + height: 12px; +} + + + +.gsi-topmostwindow-container { + position:absolute; + z-index:999999; + left:0; + top:0; + bottom:0; + right:0; + background-color:rgba(0,0,0,0.5); + -moz-box-sizing: border-box; + box-sizing: border-box; +} + + +.gsi-topmostwindow-container * { + -moz-box-sizing: border-box; + box-sizing: border-box; +} + + +.gsi-topmostwindow-container .frame{ + position:absolute; + background:#fff; + padding:16px 12px 16px 12px; + left:50%; + top:50%; + width:320px; + margin-left:-160px; + margin-top:-100px; + border-radius:3px; + background-color: rgba(255,255,255,0.9); + border: 2px solid rgb(51, 51, 51); + + box-shadow: 2px 2px 3px 3px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 2px 2px 3px 3px rgba(0, 0, 0, 0.1); + -webkit-box-shadow: 2px 2px 3x 3px rgba(0, 0, 0, 0.1); +} + +.gsi-topmostwindow-container .frame .message { + margin-bottom:12px; + line-height:20px; + background-image: url(../image/system/info.png); + background-repeat: no-repeat; + background-position: 0px 1px; + padding-left:20px; + font-size:9.5pt; + word-break: break-all; +} + +.gsi-topmostwindow-container .frame .message .strong { + font-weight: bold; + font-size:110%; + display: inline-block; + color:rgb(206, 0, 0); + margin-left:2px; + margin-right:2px; + +} + + +.gsi-topmostwindow-container .frame .message .strong{ + font-weight:bold; + font-size:110% +} + +.gsi-topmostwindow-container .frame .filename-frame{ + width:100%; + +} + + + +.gsi-topmostwindow-container .frame .filename-frame input{ + width:100%; + border: 1px solid #999; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); +} + +.gsi-topmostwindow-container .frame .button-frame{ + margin-top: 12px; + text-align: center; +} + + +.gsi-topmostwindow-container .frame .button-frame .normalbutton{ + width:100px; + margin-left:1px; + margin-right:1px; + cursor: pointer; +} + +.gsi-confirm-prevstate { + position:absolute; + z-index:10; + right: 2px; + top:2px; + white-space: nowrap; + padding:4px ; + border: 1px solid #999; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + background-color: rgba(255, 255, 255, 0.9); + border-radius: 3px; + behavior: url(border-radius.htc); +} + + + +.gsi-share-panel { + + position:absolute; + background:#fff; + right:8px; + top:40px; + z-index:899998; + padding:4px; + min-width:200px; + + background:rgba(255,255,255,0.95); + + + box-sizing: border-box; + -webkit-box-sizing:border-box; + -moz-box-sizing: border-box; + + -moz-border-radius: 6px;/*for Firefox*/ + -webkit-border-radius: 6px;/*for Safari and chrome*/ + border-radius: 6px; + behavior: url(border-radius.htc);/*for IE*/ + + padding:8px; + border:1px solid #bbb; + box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1); /* Firefox */ + -webkit-box-shadow: 2px 2px 1x 1px rgba(0, 0, 0, 0.1); /* Chrome, Safari */ +} + +.gsi-share-panel.mobile { + top:79px; + right:1px; + +} + +.gsi-share-panel *{ + + box-sizing: border-box; + -webkit-box-sizing:border-box; + -moz-box-sizing: border-box; +} + + + + + +.gsi-share-panel .gsi-share-panel-icons { + margin-bottom:4px; +} + + +.gsi-share-panel .gsi-share-panel-icons a{ + + display:inline-block; + *display: inline; + *zoom: 1; + width:32px; + height:32px; + margin-right:2px; + vertical-align: bottom; + background-repeat: no-repeat; + background-position: center center; + background-size: contain; +} + +.gsi-share-panel .gsi-share-panel-icons a.facebook { + background-color: transparent; + background-image: url(../image/system/facebook.png); + +} +.gsi-share-panel .gsi-share-panel-icons a.twitter { + background-color: transparent; + background-image: url(//maps.gsi.go.jp/image/system/x.png); + +} + +.gsi-share-panel .gsi-share-panel-icons a.qr-code { + background-color: transparent; + background-image: url(../image/system/qr-code.png); +} +.gsi-share-panel .gsi-share-panel-icons a.mail { + background-color: transparent; + background-image: url(../image/system/share-mail.png); + +} +.gsi-share-panel .gsi-share-panel-icons a.save-image { + background-color: transparent; + background-image: url(../image/system/share-picture.png); + +} + +.gsi-share-panel .gsi-share-panel-icons a.save-temp { + background-color: transparent; + background-image: url(../image/system/share-temp.png); + +} +.gsi-share-panel .gsi-share-panel-icons a.umekomi { + background-color: transparent; + background-image: url(../image/system/share-embed.png); + +} +.gsi-share-panel .gsi-share-panel-icons a:last-child{ + margin-right:0; +} +.gsi-share-panel .gsi-share-panel-icons a.code { + background-color: transparent; + background-image: url(../image/system/share-center.png); +} + + + +.gsi-share-panel-url { + margin-bottom:4px; +} + +.gsi-share-panel-url textarea { + width:100%; + display:block; + font-size:9pt; + height:8em; + border: 1px solid #999; + padding: 2px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); + vertical-align:middle; + resize: none; +} + + + +.gsi-share-panel-code { + +} + +.gsi-share-panel-code a{ + display:inline-block; + *display: inline; + *zoom: 1; + font-size:10pt; +} + + + + + + + +.gsi_bookmark_panel +{ + position:absolute; + background:#fff; + right:24px; + top:40px; + z-index:899998; + width:300px; + padding:4px; + + + box-sizing: border-box; + -webkit-box-sizing:border-box; + -moz-box-sizing: border-box; + + + + border:1px solid #bbb; + + opacity: .95; + filter: alpha(opacity=95); + -ms-filter: "alpha(opacity=95)"; + -khtml-opacity: .95; + -moz-opacity: .95; + + + -moz-border-radius: 6px;/*for Firefox*/ + -webkit-border-radius: 6px;/*for Safari and chrome*/ + border-radius: 6px; + behavior: url(border-radius.htc);/*for IE*/ + + box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.1); /* Firefox */ + -webkit-box-shadow: 2px 2px 1x 1px rgba(0, 0, 0, 0.1); /* Chrome, Safari */ + + +} + + +.gsi_bookmark_panel h3 +{ + margin:0; + padding:0; +} + +.gsi_bookmark_panel textarea +{ + width:100%; + + box-sizing: border-box; + -webkit-box-sizing:border-box; + -moz-box-sizing: border-box; + height:9em; +} + +.gsi_bookmark_panel .message +{ + font-size:9pt; + margin-top:4px; + margin-bottom:4px; + +} + + +.gsi-sakuzudialog-list-container { + margin-top: 0px; + margin-bottom: 0px; + padding: 0; + overflow-y: auto; + position: relative; +} + +.gsi-sakuzudialog-list-container .labelsizeframe { + padding-right: 8px; + margin-bottom: 2px; +} + +.gsi-sakuzudialog-list-container .labelsizeframe a { + display: inline-block; + *display: inline; + *zoom: 1; + margin-right: 4px; + color: #666; + padding: 0 4px 0 4px; + border: 1px solid #ccc; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); + vertical-align: middle; + text-decoration: none; + font-size: 8pt; +} + +.gsi-sakuzudialog-list-container ul { + + display:block; + position: relative; + list-style: none; + padding:0; + margin: 0 0 0 0; +} + +.gsi-sakuzudialog-list-container ul li { + padding: 5px; + display:block; + position: relative; + border-radius: 3px; +} +.gsi-sakuzudialog-list-container ul li .folder .title { + font-size:10.5pt; +} +.gsi-sakuzudialog-list-container ul li .folder span.title { + display: none; + line-height: 26px; + padding: 0 0 0 26px; + background-repeat: no-repeat; + background-position: 0px 2px; + background-image: url(../image/sakuzu/icon_edit.png); +} + + +.gsi-sakuzudialog-list-container ul li.editing .folder { +} +.gsi-sakuzudialog-list-container ul li.editing .folder .title { + font-weight: bold; +} + +.gsi-sakuzudialog-list-container ul li.editing { + background:rgb(52, 142, 187,0.15); +} +.gsi-sakuzudialog-list-container ul li.editing .folder span.title { + display: block; +} +.gsi-sakuzudialog-list-container ul li.editing .folder label.title { + display: none; +} +.gsi-sakuzudialog-list-container ul li.editing a.editbutton { + background:rgb(52, 142, 187); + +} +.gsi-sakuzudialog-list-container ul li.creating { + /*background:rgb(187, 142, 52,0.3);*/ +} + +.gsi-sakuzudialog-list-container ul li.creating .folder { + font-weight: bold; +} + +.gsi-sakuzudialog-list-container .labelsizeframe a.active { + color: #fff; + background: #2B7396; +} + +.gsi-sakuzudialog-list-container table { + border-collapse: collapse; +} + +.gsi-sakuzudialog-list-container table td { + padding: 1px; + vertical-align: middle; +} + +.gsi-sakuzudialog-list-container td .num { + margin-right: 4px; + background: rgb(206, 0, 0); + color: #fff; + padding: 0 8px 0 8px; + display: inline-block; + *display: inline; + *zoom: 1; + border: 1px solid #ccc; + -moz-border-radius: 8px; + /*for Firefox*/ + -webkit-border-radius: 8px; + /*for Safari and chrome*/ + border-radius: 8px; + behavior: url(border-radius.htc); + /*for IE*/ + vertical-align: middle; +} + + + + +.gsi-sakuzuinfoedit-dialog-content-contentframe { + padding:0; +} + +.gsi-sakuzuinfoedit-dialog-title{ + padding:0; +} + +.gsi-sakuzuinfoedit-dialog-header { + color: #000; + background:transparent; + font-size:10pt; + border-radius: 0; + cursor: move; + padding: 0; +} + +.gsi-sakuzuinfoedit-dialog-header .closebtn { + vertical-align: bottom; + color: #333; + text-decoration: none; + position: absolute; + display: inline-block; + *display: inline; + *zoom: 1; + font-weight: bold; + text-align: center; + -moz-border-radius: 2px; + /*for Firefox*/ + -webkit-border-radius: 2px; + /*for Safari and chrome*/ + border-radius: 2px; + behavior: url(border-radius.htc); + /*for IE*/ + z-index: 99; +} + +.gsi-sakuzuinfoedit-dialog-header .minimizebtn { + vertical-align: bottom; + color: #333; + text-decoration: none; + position: absolute; + display: inline-block; + *display: inline; + *zoom: 1; + font-weight: bold; + text-align: center; + -moz-border-radius: 2px; + /*for Firefox*/ + -webkit-border-radius: 2px; + /*for Safari and chrome*/ + border-radius: 2px; + behavior: url(border-radius.htc); + /*for IE*/ + z-index: 99; +} + + + +.gsi-reserveinfo-panel { + position:absolute; + z-index:100; + background-color: #fff; + background-color: rgba(255,255,255,0.9); + top:0px; + left:0px; + right:0px; + box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1); + /* Firefox */ + -webkit-box-shadow: 0px 1px 1x 1px rgba(0, 0, 0, 0.1); + padding:4px; + + +} + +.gsi-reserveinfo-panel .button-panel{ + margin-top:4px; + margin-bottom:4px; + text-align: center; +} + +.gsi-reserveinfo-panel .button-panel .normalbutton { + + line-height:18px; + width:80px; + text-align: center; + margin-left:1px; + margin-right:1px; + +} + +.gsi-reserveinfo-panel .message { + padding-left:22px; + background-position: 2px 2px; + background-repeat: no-repeat; + background-image: url(../image/system/info.png); + line-height:20px; + +} +.gsi-reserveinfo-panel .message .strong { + font-weight: bold; + font-size:110%; + display: inline-block; + color:rgb(206, 0, 0); + margin-left:2px; + margin-right:2px; + +} + +.gsi-sakuzuinfoedit-dialog-title { + position: relative; + padding:4px 4px 4px 26px; + line-height:24px; + font-size:20px; + background:#eee; +} +.gsi-sakuzuinfoedit-dialog-title .strong { + + font-weight: bold; + font-size:110%; + display: inline-block; + margin-right:2px; +} + +.gsi-sakuzuinfoedit-dialog-title::before{ + content: " "; + background-position: 50% 50%; + background-repeat: no-repeat; + display: block; + position:absolute; + width:24px; + height:24px; + line-height:24px; + background-image: url(../image/system/info.png); + left:2px; + top:3px; + border-radius: 50%; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.gsi-sakuzuinfoedit-dialog-content { + + -moz-box-sizing: border-box; + box-sizing: border-box; + padding:0 4px 4px 4px; + position: relative; + +} + + +.gsi-sakuzuinfoedit-dialog-content * { + + -moz-box-sizing: border-box; + box-sizing: border-box; +} + + +.gsi-sakuzuinfoeditdialog-content input, + .gsi-sakuzuinfoedit-dialog-content select, + .gsi-sakuzuinfoedit-dialog-content textarea { + + border: 1px solid #999; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); +} + +.lineedit-panel table { +} + +.gsi-sakuzuinfoedit-dialog-content .line-opacity { + width:3em; + text-align: center; +} +.gsi-sakuzuinfoedit-dialog-content .fill-opacity { + width:3em; + text-align: center; +} + + +.gsi-sakuzuinfoedit-dialog-content a.plyinnerbtn { + font-size: 10pt; + font-weight: bold; + color: #222; + padding-left: 25px; + display: inline-block; + *display: inline; + *zoom: 1; + line-height: 24px; + background-image: url(../image/sakuzu/scissors.png); + background-size: 22px 22px; + background-repeat: no-repeat; + background-position: 0px center; +} + + + +.gsi-sakuzuinfoedit-dialog-content .color_select { +width: 40px; +height:24px; +-moz-border-radius: 3px; +/*for Firefox*/ +-webkit-border-radius: 3px; +/*for Safari and chrome*/ +border-radius: 3px; +behavior: url(border-radius.htc); +/*for IE*/ +cursor: pointer; +} + + +.gsi-sakuzuinfoedit-dialog-content .infoedit-panel { + margin-top: 3px; + margin-bottom: 3px; + padding: 3px; + -moz-border-radius: 3px; + /*for Firefox*/ + -webkit-border-radius: 3px; + /*for Safari and chrome*/ + border-radius: 3px; + behavior: url(border-radius.htc); + /*for IE*/ + border: 1px solid #ccc; +} + +.gsi-sakuzuinfoedit-dialog-content .infoedit-panel .tableframe { +max-height: 250px; +overflow-y: auto; +} +.gsi-sakuzuinfoedit-dialog-content .infoedit-panel table { + border-collapse: collapse; +} + +.gsi-sakuzuinfoedit-dialog-content .infoedit-panel .toggleinfobtn { + font-size: 80%; + display: inline-block; + *display: inline; + *zoom: 1; + padding: 2px 3px 2px 3px; + + color: #000; +} + +.gsi-sakuzuinfoedit-dialog-content .infoedit-panel .inputtext { + height: 26px; + line-height: 26px; + border: 1px solid #999; + padding: 1px 0px 0px 2px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); + vertical-align: middle; + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + font-size:10pt; +} + +.gsi-sakuzuinfoedit-dialog-content .infoedit-panel .inputtextarea { + height: 26px; + border: 1px solid #999; + padding: 0px 0px 0px 2px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + font-size:10pt; +} + +.gsi-sakuzuinfoedit-dialog-content .infoedit-panel td { + font-size: 90%; +} + +.gsi-sakuzuinfoedit-dialog-content .infoedit-panel a.btn:active { + background: #d9E6E2; +} + +.gsi-sakuzuinfoedit-dialog-content .infoedit-panel .btn { + border: 1px solid #999; + display: inline-block; + *display: inline; + *zoom: 1; + -moz-border-radius: 3px; + /*for Firefox*/ + -webkit-border-radius: 3px; + /*for Safari and chrome*/ + border-radius: 3px; + behavior: url(border-radius.htc); + /*for IE*/ + line-height: 26px; + height: 26px; + width: 26px; +} + +.gsi-sakuzuinfoedit-dialog-content .infoedit-panel .btn img { + width: 22px; + height: 22px; +} + + + +.gsi-sakuzuinfoedit-dialog-content .button-panel { + + text-align: center; + padding-top:2px; + padding-bottom:3px; + +} + + +.gsi-sakuzuinfoedit-dialog-content .button-panel .normalbutton{ + + line-height:22px; + width:100px; + text-align: center; + margin-left:1px; + margin-right:1px; + +} + +.gsi-sakuzuconfirm-container .frame { + + width:360px; + margin-left:-180px; + margin-top:-100px; +} + + +/* +.gsi-sakuzuconfirm { + position:absolute; + z-index:999999; + left:0; + top:0; + bottom:0; + right:0; + background-color:rgba(0,0,0,0.5); +} + + +.gsi-sakuzuconfirm .frame { + position:absolute; + background:#fff; + padding:16px 12px 16px 12px; + left:50%; + top:50%; + width:360px; + margin-left:-180px; + margin-top:-100px; + border-radius:3px; + background-color: rgba(255,255,255,0.9); + border: 2px solid rgb(51, 51, 51); + + box-shadow: 2px 2px 3px 3px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 2px 2px 3px 3px rgba(0, 0, 0, 0.1); + -webkit-box-shadow: 2px 2px 3x 3px rgba(0, 0, 0, 0.1); +} + + +.gsi-sakuzuconfirm .frame .message{ + padding-left:22px; + background-position: 2px 2px; + background-repeat: no-repeat; + background-image: url(../image/system/info.png); + line-height:20px; +} + +.gsi-sakuzuconfirm .frame .message .strong { + font-weight: bold; + font-size:110%; + display: inline-block; + color:rgb(206, 0, 0); + margin-left:2px; + margin-right:2px; + +} +.gsi-sakuzuconfirm .frame .button-container { + margin-top:12px; + text-align: center; +} + + +.gsi-sakuzuconfirm .frame .button-container a.normalbutton{ + + margin-left:1px; + margin-right: 1px; + min-width:80px; +} + + +*/ + +.gsi-sakuzu-load-window .frame { + width:400px; + padding:12px; + margin-top:-150px; +} + +.gsi-sakuzu-save-window .frame { + width:400px; + padding:12px; + margin-top:-250px; + + +} + +.gsi-sakuzu-save-window .frame .message { + margin-bottom:0px; +} +.gsi-sakuzu-save-window .frame .message .small { + font-size:8pt; + margin-left:-20px; +} + +.gsi-sakuzu-save-window .frame .textarea-frame { + width:100%; +} + +.gsi-sakuzu-save-window .frame .textarea-frame textarea{ + height: 220px; + width:100%; + font-size: 9.5pt; + border: 1px solid #999; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); +} + +.gsi-sakuzu-save-window .frame .button-frame { + margin-top:2px; +} +.gsi-sakuzu-save-window .frame .button-frame .normalbutton{ + width:160px; +} + + + + +.gsi_sakuzu_dialog_pointedit_text_style_frame { + position: relative; + height: 32px; + width: 100%; +} + +.gsi_sakuzu_dialog_pointedit_text_style_frame .font_size_select { + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + position: absolute; + height: 32px; + width: 85px; + left: 0px; + font-size: 12px; + border: 1px solid #999; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; +} + +.gsi_sakuzu_dialog_pointedit_text_style_frame a { + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + display: inline-block; + *display: inline; + *zoom: 1; + top: 0; + position: absolute; + height: 32px; + width: 32px; + right: 0; + line-height: 32px; + text-align: center; + border: 1px solid #999; + background-position: 3px 3px; + background-repeat: no-repeat; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); + opacity: .80; + filter: alpha(opacity=80); + -ms-filter: "alpha(opacity=80)"; + -khtml-opacity: .80; + -moz-opacity: .80; +} + +.gsi_sakuzu_dialog_pointedit_text_style_frame a.enabled { + border: 2px solid #f00; + opacity: 1; + filter: alpha(opacity=100); + -ms-filter: "alpha(opacity=100)"; + -khtml-opacity: 1; + -moz-opacity: 1; +} + +.gsi_sakuzu_dialog_pointedit_text_style_frame a.font_bold_btn { + background-image: url(../image/sakuzu/bold.png); + left: 87px; +} + +.gsi_sakuzu_dialog_pointedit_text_style_frame a.font_italic_btn { + left: 120px; + background-image: url(../image/sakuzu/italic.png); +} + +.gsi_sakuzu_dialog_pointedit_text_style_frame a.font_underline_btn { + left: 153px; + background-image: url(../image/sakuzu/underline.png); +} + +.gsi_sakuzu_dialog_pointedit_text_style_frame a.font_bordering_btn { + background-image: url(../image/sakuzu/bordering.png); + left: 156px; +} + +.gsi_sakuzu_dialog_pointedit_text_style_frame a.font_bordering_btn div { + position: absolute; + height: 8px; + left: 1px; + right: 1px; + bottom: 1px; + border: 1px solid #ccc; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; + behavior: url(border-radius.htc); +} + +.gsi_sakuzu_dialog_pointedit_text_style_frame a.color_btn { + background-image: url(../image/sakuzu/color.png); + left: 186px; +} + +.gsi_sakuzu_dialog_pointedit_text_style_frame a.color_btn div { + position: absolute; + height: 8px; + left: 1px; + right: 1px; + bottom: 1px; + border: 1px solid #ccc; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; + behavior: url(border-radius.htc); +} + +.gsi_sakuzu_dialog_pointedit_text_style_frame a.background_color_btn { + background-image: url(../image/sakuzu/fill.png); + left: 219px; +} + +.gsi_sakuzu_dialog_pointedit_text_style_frame a.background_color_btn div { + position: absolute; + height: 8px; + left: 1px; + right: 1px; + bottom: 1px; + border: 1px solid #ccc; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; + behavior: url(border-radius.htc); +} + +.gsi_sakuzu_dialog_pointedit_textarea { + border: 1px solid #999; + padding: 0px 0px 0px 2px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); + font-size: 9.5pt; + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + width: 100%; + height: 64px; +} + +.gsi_sakuzu_dialog_pointedit_textarea.textmode { + height: 24px; +} + + + + +.gsi-footer-container { + position:absolute; + left :0; + right : 0; + bottom:0; + + background:rgba(51, 51, 51, 0.9); + + box-sizing: border-box; + -webkit-box-sizing:border-box; + -moz-box-sizing: border-box; + z-index:1000; + + padding-left:34px; +} + +.gsi-footer-container.close { + height:0px; +} + + + +.gsi-footer-container .description-button { + position: absolute; + bottom: 6px; + right: 4px; + padding: 1px 5px 1px 5px; + font-size: 9pt; + + margin-top:0px; + display:inline-block; + *display: inline; + *zoom: 1; + padding:3px 8px 3px 8px; + white-space:nowrap; + border:1px solid #888; + + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; + behavior: url(border-radius.htc);/*for IE*/ + text-decoration:none; + font-size:9.5pt; + color:#333; + vertical-align:middle; + box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); /* Firefox */ + -webkit-box-shadow: 1px 1px 2x 1px rgba(0, 0, 0, 0.1); /* Chrome, Safari */ + + font-weight: bold; + text-shadow: 0 -1px 1px #FFF, + -1px 0 1px #FFF, + 1px 0 1px #FFF, + 0 1px 1px #FFF; + background:#f5f5f5; + background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f0f0f0), color-stop(0.00, #f5f5f5)); + background: -webkit-linear-gradient(#f5f5f5, #f0f0f0); + background: -moz-linear-gradient(#f5f5f5, #f0f0f0); + background: -o-linear-gradient(#f5f5f5, #f0f0f0); + background: -ms-linear-gradient(#f5f5f5, #f0f0f0); + background: linear-gradient(#f5f5f5, #f0f0f0); + +} + +.gsi-footer-container .description-button.mobile { + height: 28px; + width: 28px; + line-height: 28px; + bottom:2px; + font-size:11pt; + text-align: center; + padding:0; + border-radius: 50%; +} +.gsi-footer-container .description-button:active +{ + + background:#f0f0f0; + background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f5f5f5), color-stop(0.00, #f0f0f0)); + background: -webkit-linear-gradient(#f0f0f0, #f5f5f5); + background: -moz-linear-gradient(#f0f0f0, #f5f5f5); + background: -o-linear-gradient(#f0f0f0, #f5f5f5); + background: -ms-linear-gradient(#f0f0f0, #f5f5f5); + background: linear-gradient(#f0f0f0, #f5f5f5); + color:#666; + box-shadow: -1px -1px 2px 1px rgba(0, 0, 0, 0.1); + -moz-box-shadow: -1px -1px 2px 1px rgba(0, 0, 0, 0.1); /* Firefox */ + -webkit-box-shadow: -1px -1px 2x 1px rgba(0, 0, 0, 0.1); /* Chrome, Safari */ + + +} + + +.gsi-footer-container.close .description-button { + display:none; +} + +.gsi-footer-container a.gsi-footer-button{ + + position:absolute; + width:30px; + height:30px; + top:2px; + left:1px; + background-image : url("../image/system/footer_up2.png"); + + background-repeat: no-repeat; + background-size: 26px 26px; + background-position: center center; + border-top-right-radius: 3px; + border-radius: 3px; +} + +/* +.gsi-footer-container a.gsi-footer-button.strong{ + animation: flash 1s linear infinite; +} + +@keyframes flash { + 0%,100% { + background-color:rgba(255,255,0,0.2); + } + + 50% { + background-color:rgba(255, 255, 0, 0); + } +} +*/ +.gsi-footer-container.large a.gsi-footer-button{ + background-image : url("../image/system/footer_down2.png"); +} +.gsi-footer-container.close a.gsi-footer-button{ + margin-top:-34px; + background-color:rgba(51, 51, 51, 0.9); + width:34px; + height:34px; + top:0px; + left:0px; + border-radius: 0px; + border-top-right-radius: 3px; + +} +/* +.gsi-footer-container.close a.gsi-footer-button.strong{ + animation: flash2 1s linear infinite; +} + +@keyframes flash2 { + 0%,100% { + background-color:rgba(92, 92, 0, 0.9); + } + + 50% { + background-color:rgba(51, 51, 51, 0.9); + } +} +*/ + +.gsi-footer-container *{ + + box-sizing: border-box; + -webkit-box-sizing:border-box; + -moz-box-sizing: border-box; +} + +.gsi-footer-container .item-frame { + color:#fff; + margin: 0 0 0 0; + padding: 0; + font-size:10pt; +} + + + +.gsi-footer-container .item-frame .inline{ + display: inline-block; +} + +.gsi-footer-container .item-frame .marginleft{ + margin-left:12px; +} + +.gsi-footer-container .item-frame .marginright{ + margin-right:12px; +} + +.gsi-footer-container .item-frame .heading{ + display:inline-block; + *display: inline; + *zoom: 1; + + color: #ccc; + + margin-right:6px; +} + +.gsi-footer-container .item-frame .heading.zoom{ + margin-left:8px; +} + +.gsi-footer-container .item-frame .mini-comment{ + display: inline-block; + font-size:7.5pt; + color: #ccc; +} + +/* .gsi-footer-container .item-frame .addr-ToDeactive{ + display:inline-block; + border-radius: 3px; + padding-left:0.5em; + padding-right:0.5em; + color:rgb(102,102,102); + cursor:pointer; + font-weight: normal; + background-color: darkgray; +} */ + +.gsi-footer-container .item-frame .addr-ToActive{ + display:inline-block; + border-radius: 3px; + padding-left:0.5em; + padding-right:0.5em; + cursor:pointer; + color:#eee; + font-weight: bold; + background-color: #2b7396; + border: 1px solid #555; +} + +.gsi-footer-container .item-frame .addr-ToActive:hover{ + background: rgb(51,204,204); + color:#111; +} + +/* .gsi-footer-container .item-frame .addr-change{ + display:inline-block; + font-size:8pt; +} */ + + +.gsi-footer-container .item-frame .mini-comment.block{ + display:block; +} + + +/******************** +Menu +*********************/ + +.gsi-header-tools { + position:absolute; + right:0px; + top:0px; + height:40px; + padding-top:4px; + + box-sizing: border-box; + -webkit-box-sizing:border-box; + -moz-box-sizing: border-box; +} + +.gsi-header-tools * { + + box-sizing: border-box; + -webkit-box-sizing:border-box; + -moz-box-sizing: border-box; +} + + +.gsi-header-tool-icon { + position: relative; + display: inline-block; + *display: inline; + *zoom: 1; + width:32px; + height:32px; + line-height: 32px; + margin-right:4px; + background-position:50% 50% ; + background-size:26px 26px ; + background-repeat:no-repeat; + + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + behavior: url(border-radius.htc); + + box-shadow: 0px 0px 2px 1px rgb(128, 128, 128, 0.1); + -moz-box-shadow: 0px 0px 2px 1px rgb(128, 128, 128, 0.1); + -webkit-box-shadow: 0px 0px 2x 1px rgb(128, 128, 128, 0.1); + /* + -moz-border-radius: 32px; + -webkit-border-radius: 32px; + border-radius: 32px; + behavior: url(border-radius.htc); + box-shadow: 0px 0px 2px 1px rgb(239, 246, 242, 0.2); + -moz-box-shadow: 0px 0px 2px 1px rgb(239, 246, 242, 0.2); + -webkit-box-shadow: 0px 0px 2x 1px rgb(239, 246, 242, 0.2); + */ +} + +.gsi-header-tool-icon.withtitle { + width: 55px; + background-position: 0px 50%; + background-size: 24px 24px; +} + + +.gsi-header-tool-icon .title{ + display: inline-block; + position: absolute; + color: #fff; + font-size: 11px; + white-space: nowrap; + vertical-align: bottom; + line-height: 8px; + width: 32px; + height: auto; + text-align: left; + /* bottom: 1px; */ + left: 25px; + top: 0px; + line-height: 34px; +} + +.gsi-menu-popupmenu .gsi-header-tool-icon.withtitle { + width:32px; + height:32px; + background-position:50% 0px ; + background-size:23px 23px ; +} + + +.gsi-menu-popupmenu .gsi-header-tool-icon .title{ + display: inline-block; + position: absolute; + color:#fff; + font-size:8px; + white-space: nowrap; + vertical-align: bottom; + line-height: 8px; + width:32px; + height:auto; + left:auto; + top:auto; + text-align: center; + bottom:1px; +} + + +.gsi-header-tool-icon:hover { + background-color:#555; +} + +.gsi-menu-rightpanel { + position: absolute; + right:0; + top:40px; + bottom:0; + width:80px; + /*background-color:#333;*/ + background-color:rgba(51, 51, 51, 0.9); + z-index:100000; + overflow-y: auto; + /* + box-shadow: -1px 2px 2px 1px rgba(0, 0, 0, 0.3); + -moz-box-shadow: -1px 2px 2px 1px rgba(0, 0, 0, 0.3); + -webkit-box-shadow: -1px 2px 2x 1px rgba(0, 0, 0, 0.3); + */ +} + + +.gsi-menu-rightpanel ul { + list-style:none; + margin:0; + padding:0; + + +} + +.gsi-menu-rightpanel ul li { + display:block; + margin: 0 0 2px 6px; +} + +.gsi-menu-rightpanel ul li.on a{ + background-color: beige; +} + + +.gsi-menu-rightpanel ul li a{ + position: relative; + display:block; + width:64px; + height:64px; + border-radius: 50%; + background-color: #fff; + background-repeat: no-repeat; + background-position: center center; + + box-sizing: border-box; + -webkit-box-sizing:border-box; + -moz-box-sizing: border-box; +} + +.gsi-menu-rightpanel ul li a.image-only{ + background-color: transparent; + border-radius:4px; + width:64px; + height:64px; + background-size: 60px 60px; +} + + +.gsi-menu-rightpanel ul li a.image-only .title{ + font-size:11px; + position: absolute; + bottom:2px; + left:0; + right:0; + text-align: center; + color:#fff; + line-height:13px; + top:auto; + margin:auto; + width:auto; + font-weight: normal; +} + +.gsi-menu-rightpanel ul li a.image-only:hover{ + background-color:#555; +} + +.gsi-menu-rightpanel ul li div.title{ + font-size:10pt; + position: absolute; + width:64px; + line-height:32px; + top:32px; + left:32px; + margin-top:-16px; + margin-left:-32px; + text-align: center; + color:#000; + font-size:9pt; + font-weight: bold;white-space: nowrap; + +} + +/* +.gsi-menu-rightpanel.mobile { + width:60px; +} +.gsi-menu-rightpanel.mobile ul li { +} + +.gsi-menu-rightpanel.mobile ul li a{ + width:40px; + height:40px; +} + +.gsi-menu-rightpanel.mobile ul li div.title{ + width:60px; + line-height:30px; + top:20px; + left:20px; + margin-top:-15px; + margin-left:-30px; + text-align: center; + font-size:9px; + font-weight: normal; +} +*/ + +.gsi-header-tool-vectorlogo-icon { + position:relative; + display:inline-block; + *display: inline; + *zoom: 1; + margin-right:2px; + font-weight: bold; + font-family: 'ヒラギノ丸ゴ Pro W4','ヒラギノ丸ゴ Pro','Hiragino Maru Gothic Pro','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','HG丸ゴシックM-PRO','HGMaruGothicMPRO'; + text-align: center; + font-size: 24px; + color: #fff; + cursor:pointer; + height: 32px; + width:58px; + background-image: url(../image/system/vectorlogo.png); + background-position:50% 50% ; + background-size: 100% 100%; + background-repeat:no-repeat; + text-decoration:none; +} + +.gsi-header-tool-help-icon { + vertical-align: top; + position:relative; + display:inline-block; + *display: inline; + *zoom: 1; + margin-right:2px; + font-weight: bold; + font-family: 'ヒラギノ丸ゴ Pro W4','ヒラギノ丸ゴ Pro','Hiragino Maru Gothic Pro','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','HG丸ゴシックM-PRO','HGMaruGothicMPRO'; + text-align: left; + font-size: 22px; + line-height:32px; + cursor:pointer; + + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + behavior: url(border-radius.htc);/*for IE*/ + + height: 32px; + width:55px; + text-decoration: none; + padding-left:4px; + + box-shadow: 0px 0px 2px 1px rgba(128, 128, 128, 0.1); + -moz-box-shadow: 0px 0px 2px 1px rgba(128, 128, 128, 0.1); + -webkit-box-shadow: 0px 0px 2x 1px rgba(128, 128, 128, 0.1); + color: #fff; + +} +.gsi-header-tool-help-icon .title{ + display: inline-block; + position: absolute; + color: #fff; + font-size: 10px; + white-space: nowrap; + vertical-align: bottom; + line-height: 8px; + width: 32px; + height: auto; + text-align: left; + font-weight: normal; + /* bottom: 1px; */ + left: 22px; + top: 0px; + line-height: 34px; + +} + + + + +.mobile .gsi-header-tool-help-icon { + vertical-align: top; + position:relative; + display:inline-block; + *display: inline; + *zoom: 1; + margin-right:2px; + font-weight: bold; + font-family: 'ヒラギノ丸ゴ Pro W4','ヒラギノ丸ゴ Pro','Hiragino Maru Gothic Pro','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','HG丸ゴシックM-PRO','HGMaruGothicMPRO'; + text-align: center; + font-size: 22px; + line-height:24px; + cursor:pointer; + + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + behavior: url(border-radius.htc);/*for IE*/ + + height: 32px; + width:32px; + text-decoration: none; + padding-left:0; + + box-shadow: 0px 0px 2px 1px rgba(128, 128, 128, 0.1); + -moz-box-shadow: 0px 0px 2px 1px rgba(128, 128, 128, 0.1); + -webkit-box-shadow: 0px 0px 2x 1px rgba(128, 128, 128, 0.1); + color: #fff; + +} +.mobile .gsi-header-tool-help-icon .title{ + display: inline-block; + position: absolute; + color: #fff; + font-size: 8px; + white-space: nowrap; + vertical-align: bottom; + line-height: 8px; + width: 32px; + height: auto; + text-align: center; + font-weight: normal; + bottom: 1px; + left:auto; + top:auto; + left:0; + +} + + + +.gsi-header-tool-help-icon:hover { + background-color:#555; +} + + +/* +.gsi-menu-popuplist { + position:absolute; + z-index:100001; + background-color: #333; +} + +.gsi-menu-popuplist *{ + + box-sizing: border-box; + -webkit-box-sizing:border-box; + -moz-box-sizing: border-box; +} +.gsi-menu-popuplist ul{ + + display: block; + list-style:none; + margin:0; + padding:2px; +} + + +.gsi-menu-popuplist ul li{ + display: block; + + margin:0; + padding:0 10px 0 5px; +} +*/ +.gsi-menu-popuppanel { + position:absolute; + background-color:#333; + z-index:100001; + padding:8px; + box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.3); + -moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.3); + -webkit-box-shadow: 0px 0px 2x 1px rgba(0, 0, 0, 0.3); + border-radius: 3px; + max-width:200px; + text-align: center; + font-size:0; +} + +.gsi-menu-popuppanel a{ + position: relative; + display:inline-block; + *display: inline; + *zoom: 1; + width:64px; + height:64px; + border-radius:4px; + background-color: transparent; + background-repeat: no-repeat; + background-position: center center; + + box-sizing: border-box; + -webkit-box-sizing:border-box; + -moz-box-sizing: border-box; + margin-left:1px; + margin-right:1px; + text-decoration: none; +} +.gsi-menu-popuppanel a.image-only{ + background-color: transparent; + border-radius:4px; + background-size: 60px 60px; +} + + +.gsi-menu-popuppanel a.image-only .title{ + font-size:11px; + position: absolute; + bottom:2px; + left:0; + right:0; + text-align: center; + color:#fff; + line-height:13px; + top:auto; + margin:auto; + width:auto; + font-weight: normal; + height:auto; +} + +.gsi-menu-popuppanel a:hover{ + background-color:#555; +} + + +.gsi-menu-popuppanel a.on{ + background-color: #555; +} + +.gsi-menu-popuppanel div.title{ + font-size:10pt; + display: table-cell; + width:64px; + height:64px; + text-align: center; + vertical-align: middle; + color:#fff; + font-size:9pt; + white-space: nowrap; + +} + + +.gsi-menu-popuppanel.mobile { + max-width:200px; + padding:4px; + +} + + +/* メニュー- ポップアップメニュー +---------------------------------------------------------------------- */ +.gsi-menu-popupmenu { + position: absolute; + background: #333; + z-index:100001; + padding:4px 0 4px 4px; + box-sizing: border-box; + -webkit-box-sizing:border-box; + -moz-box-sizing: border-box; + border-radius: 3px; + font-size:0; +} + + +/* メニュー- ポップアップリストメニュー +---------------------------------------------------------------------- */ +.gsi-menu-popuplist { + + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; + behavior: url(border-radius.htc); + + position: absolute; + list-style:none; + padding:0; + margin:0; + box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.3); + -moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.3); /* Firefox */ + -webkit-box-shadow: 0px 0px 2x 1px rgba(0, 0, 0, 0.3); /* Chrome, Safari */ + + border: 1px solid #222; + background-color:#333; + background-color:rgb(51, 51, 51, 0.99); + text-align:left; + color:#fff; + + z-index:15000; + + box-sizing: border-box; + -webkit-box-sizing:border-box; + -moz-box-sizing: border-box; + +} + +.gsi-menu-popuplist * { + + box-sizing: border-box; + -webkit-box-sizing:border-box; + -moz-box-sizing: border-box; + +} + +.gsi-menu-popuplist ul{ + + list-style:none; + position: relative; + padding:0; + margin:0; + +} +.gsi-menu-popuplist ul li{ + + position: relative; + display: block; + padding: 4px 0 4px 6px; + font-size:10pt; + border-bottom: 1px dotted rgb(65, 65, 65); +} +.gsi-menu-popuplist ul li::after { + clear: both; +} + +.gsi-menu-popuplist ul li .title{ + line-height: 24px; + cursor: pointer; + display:block; + margin-right:70px; + word-break: break-all; + font-size:10pt; +} + +.gsi-menu-popuplist ul li .check{ + display:inline-block; + position: absolute; + right:6px; + top:6px; +} + +.gsi-menu-popuplist ul li a{ + line-height: 24px; + color:#fff; + font-size:10pt; + position: relative; + display: block; + text-decoration: none; + +} + + + +.gsi-menu-popuplist ul li a.arrow { + padding-left:18px; + background:url(../image/system/arrow_l.png) no-repeat left 50%; +} + + + +/******************** +MapMenu +*********************/ + + +.gsi-mapmenu-btn { + width: 40px; + height: 40px; + + opacity: .95; + filter: alpha(opacity=95); + -ms-filter: "alpha(opacity=95)"; + -khtml-opacity: .95; + -moz-opacity: .95; + + display:block; + + padding: 2px; + cursor: pointer; + border: 2px solid rgba(0,0,0,0.2); + background-color:rgba(51,51,51,0.8); + background-clip: padding-box; + font-size:110%; + text-decoration:none; + + -moz-border-radius: 6px; + -webkit-border-radius: 6px; + border-radius: 6px; + behavior: url(border-radius.htc); + + box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.3); + -moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.3); /* Firefox */ + -webkit-box-shadow: 0px 0px 2x 1px rgba(0, 0, 0, 0.3); /* Chrome, Safari */ + + +} + + +.gsi-mapmenu-btn.margintop { + margin-top:90px; +} + +.gsi-mapmenu-btn div { + position: absolute; + left: 2px; + right: 2px; + bottom: 2px; + padding-top:2px; + font-size: 11px; + line-height: 11px; + border-radius: 1px; + text-align: center; + color: #fff; + background-color: rgba(0,0,0,0.5); +} + +.gsi-mapmenu-btn img { + width:40px; + height:40px; + vertical-align:bottom; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; + behavior: url(border-radius.htc); +} + +.gsi-mapmenu-container { + position: absolute; + background-color: #333; + /* + opacity: .95; + filter: alpha(opacity=95); + -ms-filter: "alpha(opacity=95)"; + -khtml-opacity: .95; + -moz-opacity: .95; + */ + top: 0px; + bottom:0px; + left:0px; + width:300px; + z-index:10001; + /* + box-shadow: 1px 0px 2px 1px rgba(0, 0, 0, 0.3); + -moz-box-shadow: 1px 0px 2px 1px rgba(0, 0, 0, 0.3); + -webkit-box-shadow: 1px 0px 2x 1px rgba(0, 0, 0, 0.3); + */ + box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.3); + -moz-box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.3); + -webkit-box-shadow: 1px 2px 2x 1px rgba(0, 0, 0, 0.3); +} + +.gsi-mapmenu-container.right { + left:auto; + right:0px; +} + +.gsi-mapmenu-container.overlap { + opacity:0.95; +} +.gsi-mapmenu-container .close-btn { + position: absolute; + display: block; + text-align: center; + line-height: 32px; + top: 1px; + right: 0px; + margin-right: -28px; + background-color: #333; + width:28px; + height:32px; + color:#fff; + background-image: url(../image/system/arrow-left-close.png); + background-position: center center; + background-repeat: no-repeat; + -moz-border-radius: 0 3px 3px 0; + -webkit-border-radius: 0 3px 3px 0; + border-radius: 0 3px 3px 0; + behavior: url(border-radius.htc); + box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.3); + -moz-box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.3); + -webkit-box-shadow: 1px 2px 2x 1px rgba(0, 0, 0, 0.3); + +} + +.gsi-mapmenu-container .close-btn.margintop { + top: 91px; +} + +.gsi-mapmenu-container.right .close-btn { + + right: auto; + left: 0px; + margin-left: -28px; + transform: rotate( -180deg ); + +} + +.gsi-maplistpanelsplitter-container { + + position: absolute; + /*background-color:;*/ + top: 0px; + right:60px; + left:0px; + height:24px; + z-index: 101; + cursor: n-resize; +} + +.gsi-maplistpanel-container { + position: absolute; + + top: 0px; + right:0px; + left:0px; + height:500px; + z-index: 100; +} + + +.gsi-showingmaplistpanel-container { + position: absolute; + + top: 300px; + right:2px; + left:2px; + bottom:2px; + z-index: 100; + padding-top:2px; + background-color: #fff; +} + + +.gsi-showingmaplist-headerframe { + + position: relative; + box-sizing: border-box; + -webkit-box-sizing:border-box; + -moz-box-sizing: border-box; + color:#fff; + padding:0; + background:rgb(51,51,51); + border-bottom:1px solid #bbb; + line-height:26px; + height:26px; +} + + +.gsi-showingmaplist-headerframe .title{ + + display:inline-block; + color:#fff; + line-height:26px; + padding-left:2px; + font-size:10.5pt; +} + +.gsi-showingmaplist-headerframe .reset-button{ + display:inline-block; + position: absolute; + right:1px; + top:50%; + line-height:18px; + height:18px; + padding: 0 4px 0 4px; + + margin-top:-11px; + font-size:10px; +} + + +.gsi-showingmaplist-contentframe { + position:absolute; + top:0px; + left:0px; + right:0px; + bottom:0px; +} + +.gsi-showingmaplist-controlframe { + padding: 3px 3px 4px 3px; + z-index: 101; + position: relative; + /* + box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1); + -webkit-box-shadow: 0px 1px 1x 1px rgba(0, 0, 0, 0.1); + */ + border-bottom: 1px solid #999; + background: #f4f4f4; + -webkit-touch-callout: none; + -webkit-user-select: none; + + box-sizing: border-box; + -webkit-box-sizing:border-box; + -moz-box-sizing: border-box; +} + + +.gsi-showingmaplist-scrollframe { + position:absolute; + overflow-y: auto; + top:33px; + bottom:0px; + left:0px; + right:0px; + -webkit-touch-callout: none; + -webkit-user-select: none; + + box-sizing: border-box; + -webkit-box-sizing:border-box; + -moz-box-sizing: border-box; +} + + + +.gsi-basemappanel-container { + + + position: absolute; + + top: 1px; + right:1px; + left:1px; + border-radius: 2px; + background:#fff; + padding-left:2px; + padding-bottom:2px; +} + + +.gsi-basemappanel-container ul { + list-style:none; + padding:0; + margin:0; + position:relative; + + + +} + + + +.gsi-basemappanel-container ul * { + box-sizing: border-box; + -webkit-box-sizing:border-box; + -moz-box-sizing: border-box; +} + +.gsi-basemappanel-container ul li { + + display:inline-block; + *display: inline; + *zoom: 1; + padding:0; + margin:0; + margin-top:2px; + margin-left:0px; + position:relative; + vertical-align: bottom; +} + + +.gsi-basemappanel-container ul li a { + + display:block; + padding:2px; + position:relative; + width:66px; + height:66px; + border-radius: 6px; + border: 2px solid rgba(0,0,0,0.1); + background-color:rgba(51, 51, 51, 0.5); + background-clip: padding-box; +} + +.gsi-basemappanel-container ul li a img{ + width:100%; + height:100%; + border-radius: 4px; +} + +.gsi-basemappanel-container ul li a.active { + border: 2px solid rgba(43, 115, 150,0.8); + + background-color:rgba(43, 115, 150,0.3); +} + +.gsi-basemappanel-container ul li a.active img { + opacity: 1; +} + + +.gsi-basemappanel-container ul li a.active div.title{ + background-color:rgba(43, 115, 150, 0.8); +} + +.gsi-basemappanel-container ul li a div.title{ + position: absolute; + left:3px; + right:3px; + bottom:3px; + font-size:8pt; + line-height:15px; + border-radius: 3px; + text-align: center; + color:#fff; + background-color:rgba(0,0,0,0.5); + +} + + +.gsi-basemappanel-container ul li a.mini div.title { + font-size:7px; + white-space: nowrap; + line-height:12px; +} + +.gsi-maplist-contentcontainer { + + box-sizing: border-box; + -webkit-box-sizing:border-box; + -moz-box-sizing: border-box; + background-color:#fff; +} + +.gsi-maplist-pankzframe { + clear:both; + position: relative; + border-bottom:1px solid #999; + background-color:#f4f4f4; + padding: 2px 0 2px 2px; + + box-sizing: border-box; + -webkit-box-sizing:border-box; + -moz-box-sizing: border-box; +} +.gsi-maplist-pankzframe *{ + font-size:11px; +} + +.gsi-maplist-contentframe { + position: absolute; + top:74px; + bottom:2px; + left:2px; + right:2px; + border-radius: 2px; +} + + +.gsi-maplist-contentframe .scroll-frame +{ + position:relative; + overflow-y : scroll; + + box-sizing: border-box; + -webkit-box-sizing:border-box; + -moz-box-sizing: border-box; +} + + +.gsi-maplist-headerframe { + + position: relative; + + box-sizing: border-box; + -webkit-box-sizing:border-box; + -moz-box-sizing: border-box; + color:#fff; + padding:0; + border-bottom:1px solid #bbb; + line-height:26px; + height:26px; +} + + +.gsi-maplist-headerframe .title{ + + color:#fff; + line-height:26px; + padding-left:2px; + font-size:10.5pt; +} + + +.gsi-maplist-searchframe +{ + + position: relative; + + box-sizing: border-box; + -webkit-box-sizing:border-box; + -moz-box-sizing: border-box; + background:#f8f8f8; + padding: 2px 1px 1px 1px; + display:none; +} + + +.gsi-maplist-searchframe input +{ + border:1px solid #ccc; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; + behavior: url(border-radius.htc); + height:24px; + line-height:24px; + width:100%; + box-sizing: border-box; + -webkit-box-sizing:border-box; + -moz-box-sizing: border-box; + font-size:9.5pt; + padding:0 0 0 22px; + + background-image: url(../image/system/search.png); + background-position:1px 50%; + background-repeat:no-repeat; + +} +.gsi-maplist-searchframe .taglistbtn +{ + font-family: 'ヒラギノ丸ゴ Pro W4','ヒラギノ丸ゴ Pro','Hiragino Maru Gothic Pro','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','HG丸ゴシックM-PRO','HGMaruGothicMPRO'; + display:block; + position:absolute; + right:2px; + top:2px; + border: 1px solid #ccc; + background-color: #eee; + height:20px; + line-height:20px; + text-align: center; + color:#333; + font-size:12px; + white-space:nowrap; + text-decoration:none; + padding:0 3px 0 3px; + + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; + behavior: url(border-radius.htc); + box-sizing: border-box; + -webkit-box-sizing:border-box; + -moz-box-sizing: border-box; + z-index:100; +} +.gsi-maplist-searchframe .taglistbtn:hover +{ + color:#666; + border:1px solid #aaa +} +.gsi-maplist-searchframe .taglistbtn:active +{ + color:#888; +} + + + + +.gsi-maplist-controlframe { + + position: relative; + padding: 1px 1px 1px 3px; + /* + padding: 3px 3px 4px 3px; + z-index:101; + position:relative; + */ + /* + box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1); + -webkit-box-shadow: 0px 1px 1x 1px rgba(0, 0, 0, 0.1); + + border-bottom:1px solid #bbb; + */ + background:#f4f4f4; + +} + +.gsi-maplist-controlframe label { + font-size:9pt; + cursor: pointer; +} + +.gsi-maplist-controlframe .showallbutton { + margin-left:1px; + font-size:9pt; + padding:0 4px 0 4px; + float:right; + + border:1px solid #bbb; + margin-top:1px; + + box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1); /* Firefox */ + -webkit-box-shadow: 0px 0px 2x 1px rgba(0, 0, 0, 0.1); /* Chrome, Safari */ + +} + + +.gsi-div-alt-icon { + background: none; + white-space: nowrap; + border:none; + line-height: 0; +} + + +.gsi_comparephoto_container { + position: absolute; + left:0px; + right:0; + top:0; + background: rgba(51, 51, 51, 0.9); + z-index: 1000; +} + +.gsi_comparephoto_container table{ + width:100%; +} +.gsi_comparephoto_container table td:first-child{ + width:100%; +} + +.gsi_comparephoto_container table td a{ + white-space: nowrap; + cursor: pointer; + font-size: 9pt; +} + + +.gsi_comparephoto_container table td a.small{ + position: absolute; + right:0; + top:0; + padding: 0; + border-radius: 50%; + width: 20px; + height: 20px; + text-align: center; + line-height: 20px; +} + +.gsi_comparephoto_slider_container { + + -ms-user-select: none; + -moz-user-select: -moz-none; + -khtml-user-select: none; + -webkit-user-select: none; + user-select: none; + + padding-left:15px; + padding-right:15px; + padding-top:8px; + padding-bottom:35px; + + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + cursor: pointer; +} + + +.gsi_comparephoto_slider_container.small { + padding-top: 35px; +} + +.gsi_comparephoto_slider_container.dragging, +.gsi_comparephoto_slider_container.dragging * { + cursor:ew-resize; +} + +.gsi_comparephoto_slider_container * { + + -ms-user-select: none; + -moz-user-select: -moz-none; + -khtml-user-select: none; + -webkit-user-select: none; + user-select: none; + + box-sizing: border-box; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + +} + +.gsi_comparephoto_slider_container_bar { + position: relative; + background-color: #fff; + + width:100%; + height:8px; + border-radius: 1px; + cursor: pointer; + +} + +.gsi_comparephoto_slider_container_bar_line { + position: absolute; + background-color: #ccc; + z-index: 0; + width:1px; + top:0; + bottom:0; + cursor: pointer; +} + + + +.gsi_comparephoto_slider_container_handle { + z-index: 1; + position: absolute; + + background-color: #fff; + border: 1px solid #666; + width:20px; + height: 20px; + + margin-top:-10px; + margin-left:-10px; + + left :0; + top:4px; + border-radius: 4px; + + cursor:ew-resize; + +} + + +.gsi_comparephoto_slider_container_bar_label { + position: absolute; + z-index: 0; + top:15px; + cursor: pointer; + + font-size:8px; + color:#fff; + opacity: 0.3; +} + +.gsi_comparephoto_slider_container_bar_label.haslayer { + opacity: 1; +} + +.gsi_comparephoto_slider_container.small +.gsi_comparephoto_slider_container_bar_label { + transform: scale(0.9); + +} + + + +.gsi_comparephoto_slider_container_bar_label.top { + + top:auto; + bottom: 100%; + margin-bottom:5px +} + + +#incompatible{ + display: none; +} + +.ie-note{ + max-width: 750px; + margin-top: 80px; + margin-left: auto; + margin-right: auto; + text-align: center; + padding-top: 40px; + padding-bottom: 40px; + border: solid 1px #999999; +} + +.ie-note__msg{ + font-size: 18px; + font-weight: bold; + line-height: 1; + margin-bottom: 20px; +} + +.ie-note__msg span{ + display: inline-block; + font-size: 18px; + color: #fff; + padding: 10px 15px; + background-color: #333333; + margin-top: 8px; + margin-bottom: 12px; +} + +.ie-note__att{ + font-size: 12px; +} + +.gsi_modal_dialog_display { + display: none; } \ No newline at end of file