﻿.pict-tree .tree-wrap ul li div.tree-label2body {
}
.layer-tree {
    background-color: #FFFFFF;
    height: 100%;
}
.layer-tree .switch-wrap {
}


/* 表示切替部分 --------------------------------------------------------------　ここから */
.switch-wrap {
    /*border-left: 1px solid #E6E6E6;
    border-right: 1px solid #E6E6E6;*/
    height: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1px;
    padding: 0 1px;
    width: 311px;
    overflow: hidden;
}

.switch {
    width: 100%;
    background-color: #1c63ac;
    position: relative;

}

.switch p {
        display: block;
        width: 100px;
        height: 30px;
        padding-left: 35px;
        background: url(../../../Content/images/pages/menu/btn_icon_chg.png) no-repeat 0 50% transparent;
        line-height: 30px;
        font-weight: bold;
        color: #fff;
        text-shadow: 1px 1px 2px #1b5c99;
    
}

.switch ul {
    position: absolute;
    top: 4px;
    right: 4px;
}

.switch li {
    float: left;
    display: inline;
}
    
    .layer-tree ul.switch li.chg-title {
    }

.switch li .btn-layer-on,
.switch li .btn-layer-off {
    border-radius: 1px;
    border: 1px solid #999;
    background-color: #f0f0f0;
/*    background: url(../../../Content/images/pages/btn_menu02_02.jpg) no-repeat top left transparent;*/
    height: 20px;
    line-height: 20px;
    width: auto;
    margin-left: 2px;
    padding: 0 .5em;
    font-size: 11px;
    cursor: pointer;
}
.switch li .btn-layer-on:hover,
.switch li .btn-layer-off:hover {
    border: 1px solid #333;
    color: #2b2b2b;
 /*   background: url(../../../Content/images/pages/btn_menu02_02_off.jpg) no-repeat top left transparent;*/
}
/*
.switch li .btn-layer-off {
   background: url(../../../Content/images/pages/btn_menu02_03.jpg) no-repeat top left transparent;
    height: 30px;
    width: 102px;
    cursor: pointer;
}*/
 /* 
.switch li .btn-layer-off:hover {
  background: url(../../../Content/images/pages/btn_menu02_03_off.jpg) no-repeat top left transparent;
}*/

/* 表示切替部分 --------------------------------------------------------------　ここまで */

.layer-tree .body-wrap, 
.pict-tree .body-wrap {
 overflow-y: scroll;
 position: relative;
}
.layer-tree .tree-wrap,
.pict-tree .tree-wrap {
    border: 4px solid #0D3B6A;
    margin-left: 8px;
    margin-right: 8px;
    padding-top: 5px;
}
.layer-tree .tree-wrap ul li p,
.pict-tree .tree-wrap ul li p {
    margin-top: -5px;
    overflow: hidden;
    /*height: 22px;*/
    line-height: 22px;
}
.layer-tree .tree-wrap .tree-loading,
.pict-tree .tree-wrap .tree-loading {
    background: url(../../../Content/images/pages/NowloadingTile.gif) no-repeat top left transparent;
    width: 30px;
    height: 30px;
}
.layer-tree .tree-wrap .tree-info,
.pict-tree .tree-wrap .tree-info {
    padding: 5px;
    font-weight: bold;
}

/*tree用*/
.layer-tree .tree-wrap ul li {
    /*position: relative;*/
    overflow: hidden;
}
.layer-tree .tree-wrap ul li.layercsb p.layercsb,
.layer-tree .tree-wrap ul li.ulayercsb p.ulayercsb {
    background-color: #EBE8CC;
    padding: 2px 8px;
    margin-right: 5px;
}
.layer-tree .tree-wrap ul li.layercss p.layercss,
.layer-tree .tree-wrap ul li.ulayercss p.ulayercss {
    background-color: #EBE8DD;
    padding: 2px 8px;
    margin-right: 5px;
}
.layer-tree .tree-wrap ul li.layerct p.layerct,
.layer-tree .tree-wrap ul li.ulayerct p.ulayerct {
    background-color: #EBE8E8;
    padding: 2px 8px;
    margin-right: 5px;
}
.layer-tree .tree-wrap ul li.layercsb.hidden p.layercsb.hidden,
.layer-tree .tree-wrap ul li.ulayercsb.hidden p.ulayercsb.hidden,
.layer-tree .tree-wrap ul li.layercss.hidden p.layercss.hidden,
.layer-tree .tree-wrap ul li.ulayercss.hidden p.ulayercss.hidden,
.layer-tree .tree-wrap ul li.layerct.hidden p.layerct.hidden,
.layer-tree .tree-wrap ul li.ulayerct.hidden p.ulayerct.hidden {
    display:none;
}
.layer-tree .tree-wrap ul li input {
    vertical-align: top;
    float : left;
    margin-top : 5px;
    height: 13px;
    line-height: 13px;
}
.layer-tree .tree-wrap ul li label {
    vertical-align: middle;
    /*margin-left: 4px;*/
}
.layer-tree .tree-wrap ul li label img {
    vertical-align: bottom;
    /*margin-right: 4px;*/
    margin-top: 2px;
}

.layer-tree .tree-wrap ul li label.activeLabel {
    cursor: pointer;
}

.layer-tree .tree-wrap ul li label.unactiveLabel {
    cursor: default;
    color: #ccc;
}

.layer-tree .tree-wrap ul li div.tree-icon
{
    width : 22px;
    float : left;
    margin-left: 3px;
}
.layer-tree .tree-wrap ul li div.tree-label
{
    /*width : 150px;*/
    overflow-y: auto;
    float : left;
    margin-left: 3px;
    /*max-width: 130px;*/
}

/*
.layer-tree .tree-wrap ul li.hidden .hitarea {
    background: none;
}
*/
.layer-tree .tree-wrap .hidden-hitarea
{
    display: none;
}

.layer-tree .tree-wrap ul li.layercsb, .layer-tree .tree-wrap ul li.ulayercsb,
.layer-tree .tree-wrap ul li.layercss, .layer-tree .tree-wrap ul li.ulayercss,
.layer-tree .tree-wrap ul li.layerct, .layer-tree .tree-wrap ul li.ulayerct {
    background: none;
    padding-left: 5px;
    overflow: hidden;   /* 子要素floatによる潰れ対応 */
}
.layer-tree .tree-wrap ul li.boundary {
    margin-bottom : 5px;
    border-bottom : 1px dotted #00658d
}
.layer-tree .tree-wrap ul li.layerct.bg-base1 .layerct-hitarea.collapsable-hitarea,
.layer-tree .tree-wrap ul li.ulayerct.bg-base1 .ulayerct-hitarea.collapsable-hitarea {
    background: url(../../../Content/images/pages/icon_pu_menu_minus.jpg) no-repeat top left transparent;
    height: 9px;
    width: 9px;
    margin: 5px 15px 0 0;
    /*float: right;*/
    position: absolute;
    right: 0px;
    *margin-top: 8px;
}
.layer-tree .tree-wrap ul li.layerct.bg-base1 .layerct-hitarea.expandable-hitarea,
.layer-tree .tree-wrap ul li.ulayerct.bg-base1 .ulayerct-hitarea.expandable-hitarea {
    background: url(../../../Content/images/pages/icon_pu_menu_plus.jpg) no-repeat top left transparent;
    height: 9px;
    width: 9px;
    margin: 5px 15px 0 0;
    /*float: right;*/
    position: absolute;
    right: 0px;
    *margin-top: 8px;
}
.layer-tree .tree-wrap ul li.layerct.bg-base1 p.layerct div.tree-label,
.layer-tree .tree-wrap ul li.ulayerct.bg-base1 p.ulayerct div.tree-label {
    max-width: 200px;
}
.layer-tree .tree-wrap ul li.layercsb.bg-base1 .layercsb-hitarea.collapsable-hitarea,
.layer-tree .tree-wrap ul li.ulayercsb.bg-base1 .ulayercsb-hitarea.collapsable-hitarea {
    background: url(../../../Content/images/pages/icon_pu_menu_minus.jpg) no-repeat top left transparent;
    height: 9px;
    width: 9px;
    margin: 5px 15px 0 0;
    position: absolute;
    right: 0px;
    *margin-top: 8px;
}
.layer-tree .tree-wrap ul li.layercsb.bg-base1 .layercsb-hitarea.expandable-hitarea,
.layer-tree .tree-wrap ul li.ulayercsb.bg-base1 .ulayercsb-hitarea.expandable-hitarea {
    background: url(../../../Content/images/pages/icon_pu_menu_plus.jpg) no-repeat top left transparent;
    height: 9px;
    width: 9px;
    margin: 5px 15px 0 0;
    position: absolute;
    right: 0px;
    *margin-top: 8px;
}
.layer-tree .tree-wrap ul li.layercsb.bg-base1 p.layercsb div.tree-label,
.layer-tree .tree-wrap ul li.ulayercsb.bg-base1 p.ulayercsb div.tree-label {
    max-width: 200px;
}
.layer-tree .tree-wrap ul li.layercss.bg-base1 .layercss-hitarea.collapsable-hitarea,
.layer-tree .tree-wrap ul li.ulayercss.bg-base1 .ulayercss-hitarea.collapsable-hitarea {
    background: url(../../../Content/images/pages/icon_pu_menu_minus.jpg) no-repeat top left transparent;
    height: 9px;
    width: 9px;
    margin: 5px 15px 0 0;
    position: absolute;
    right: 0px;
    *margin-top: 8px;
}
.layer-tree .tree-wrap ul li.layercss.bg-base1 .layercss-hitarea.expandable-hitarea,
.layer-tree .tree-wrap ul li.ulayercss.bg-base1 .ulayercss-hitarea.expandable-hitarea {
    background: url(../../../Content/images/pages/icon_pu_menu_plus.jpg) no-repeat top left transparent;
    height: 9px;
    width: 9px;
    margin: 5px 15px 0 0;
    position: absolute;
    right: 0px;
    *margin-top: 8px;
}
.layer-tree .tree-wrap ul li.layercss.bg-base1 p.layercss div.tree-label,
.layer-tree .tree-wrap ul li.ulayercss.bg-base1 p.ulayercss div.tree-label {
    max-width: 200px;
}

.layer-tree .tree-wrap ul li.hcode div.tree-label {
	max-width: 196px;
}

.layer-tree .tree-wrap .button-wrap {
    background-color: transparent;
    /*
    position: absolute;
    top: 0px;
    right: 0px;
    */
    float: right;
    height: 22px;
    line-height: 22px;
}
.layer-tree .tree-wrap .button-wrap .sp-search {
    background: url(../../../Content/images/pages/icon_search.png) no-repeat center center transparent;
    height: 22px;
    width: 21px;
    margin-top: -3px;
    cursor: pointer;
}
.layer-tree .tree-wrap .button-wrap .layer-setting {
    background: url(../../../Content/images/pages/layer_setting.png) no-repeat center center transparent;
    height: 22px;
    width: 21px;
    margin-top: -3px;
    cursor: pointer;
}
.layer-tree .tree-wrap .button-wrap .layer-edit {
    background: url(../../../Content/images/pages/edit.png) no-repeat center center transparent;
    height: 22px;
    width: 21px;
    margin-top: -3px;
    cursor: pointer;
}
.layer-tree .tree-wrap .button-wrap .legend-edit {
    background: url(../../../Content/images/pages/legend_edit.png) no-repeat center center transparent;
    height: 22px;
    width: 21px;
    margin-top: -3px;
    cursor: pointer;
}
.layer-tree .tree-wrap .button-wrap .layer-search {
    background: url(../../../Content/images/pages/search.png) no-repeat center center transparent;
    height: 22px;
    width: 21px;
    margin-top: -3px;
    cursor: pointer;
}
.layer-tree .tree-wrap .button-wrap .layer-download {
    background: url(../../../Content/images/pages/ulaysave.png) no-repeat center center transparent;
    height: 22px;
    width: 21px;
    margin-top: -3px;
    cursor: pointer;
}
.layer-tree .tree-wrap p.ulayer .button-wrap .layer-del {
    background: url(../../../Content/images/pages/ulaydel.png) no-repeat center center transparent;
    height: 22px;
    width: 21px;
    margin-top: -3px;
    cursor: pointer;
}
.layer-tree .tree-wrap p.layer .button-wrap .layer-del {
    background: url(../../../Content/images/pages/ulaydel.png) no-repeat center center transparent;
    height: 22px;
    width: 21px;
    margin-top: -3px;
    cursor: pointer;
}

/*flat用*/
.layer-tree .tree-wrap .tree-body.flat ul li.layerct p.layerct,
.layer-tree .tree-wrap .tree-body.flat ul li.ulayerct p.ulayerct {
    background-color: #EBE8E8;
    height: 25px;
}
.layer-tree .tree-wrap .tree-body.flat ul li.layer p.layer,
.layer-tree .tree-wrap .tree-body.flat ul li.ulayer p.ulayer {
    background-color: #FFCCCC;
    height: 23px;
}
.layer-tree .tree-wrap .tree-body.flat ul li.code p.code,
.layer-tree .tree-wrap .tree-body.flat ul li.bcode p.bcode,
.layer-tree .tree-wrap .tree-body.flat ul li.scode p.scode,
.layer-tree .tree-wrap .tree-body.flat ul li.hcode p.hcode,
.layer-tree .tree-wrap .tree-body.flat ul li.ucode p.ucode,
.layer-tree .tree-wrap .tree-body.flat ul li.ubcode p.ubcode,
.layer-tree .tree-wrap .tree-body.flat ul li.uscode p.uscode,
.layer-tree .tree-wrap .tree-body.flat ul li.uhcode p.uhcode {
    height: 23px;
    margin-left: 10px;
}
.layer-tree .tree-wrap .tree-body.flat ul li p {
    padding: 2px 2px 2px 8px;
    margin-right: 5px;
    margin-top: 0;
}

.layer-tree .tree-wrap .tree-body.flat .button-wrap {
    background-color: transparent;
    display: inline;
    float: right;
    margin: 0;
}
.layer-tree .tree-wrap .tree-body.flat .button-wrap .sp-search {
    background: url(../../../Content/images/pages/icon_search.png) no-repeat center center transparent;
    height: 15px;
    width: 21px;
    margin-right: 0;
    margin-top: 0;
    cursor: pointer;
}
.layer-tree .tree-wrap .tree-body.flat .button-wrap .layer-setting {
    background: url(../../../Content/images/pages/layer_setting.png) no-repeat center center transparent;
    height: 15px;
    width: 21px;
    margin-right: 0;
    margin-top: 0;
    cursor: pointer;
}

/*検索用*/
.layer-tree .tree-wrap .button-search-wrap {
    width: 100%;
    padding: 3px 0;
    text-align: center;
}
.layer-tree .tree-wrap .button-search-wrap input.button-search {
    width: 300px;
    height: 28px;
}

/* 注意書き記載 */
.layer-tree .inquiry-map
{
    width : 90%;
    margin : 0 auto;
    border : dashed 1px #FF0000;
    padding : 2px;
    background-color : #FFFEDF;
    display : none;
}
.layer-tree .inquiry-map span
{
}

.pict-tree {
    background-color: #FFFFFF;
    height: 100%;
}
.pict-tree .sub-attent-btn {
    padding: 5px 0px;
    background: #ffffff;
    border: 0px solid #b4bf67;
    margin: .5em 0px;
    text-align: center;
}
.pict-tree .pictList {    
    padding-left: 5px;
}
.pict-tree .switch-wrap {
}
.pict-tree ul.switch {
    border-left: 1px solid #E6E6E6;
    border-right: 1px solid #E6E6E6;
    height: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1px;
    padding: 0 1px;
    width: 311px;
    overflow: hidden;
}
.pict-tree ul.switch li {
    float: left;
    display: inline;
}
.pict-tree ul.switch li .btn-layer-on {
    background: url(../../../Content/images/pages/btn_menu02_02.jpg) no-repeat top left transparent;
    height: 30px;
    width: 88px;
    cursor: pointer;
}
.pict-tree ul.switch li .btn-layer-on:hover {
    background: url(../../../Content/images/pages/btn_menu02_02_off.jpg) no-repeat top left transparent;
}
.pict-tree ul.switch li .btn-layer-off {
    background: url(../../../Content/images/pages/btn_menu02_03.jpg) no-repeat top left transparent;
    height: 30px;
    width: 102px;
    cursor: pointer;
}
.pict-tree ul.switch li .btn-layer-off:hover {
    background: url(../../../Content/images/pages/btn_menu02_03_off.jpg) no-repeat top left transparent;
}

/*tree用*/
.pict-tree .tree-wrap ul li {
    /*position: relative;*/
    overflow: hidden;
}
.pict-tree .tree-wrap ul li.layercsb p.layercsb,
.pict-tree .tree-wrap ul li.ulayercsb p.ulayercsb {
    background-color: #EBE8CC;
    padding: 2px 8px;
    margin-right: 5px;
}
.pict-tree .tree-wrap ul li.layercss p.layercss,
.pict-tree .tree-wrap ul li.ulayercss p.ulayercss {
    background-color: #EBE8DD;
    padding: 2px 8px;
    margin-right: 5px;
}
.pict-tree .tree-wrap ul li.layerct p.layerct,
.pict-tree .tree-wrap ul li.ulayerct p.ulayerct {
    background-color: #EBE8E8;
    padding: 2px 8px;
    margin-right: 5px;
}
.pict-tree .tree-wrap ul li.layercsb.hidden p.layercsb.hidden,
.pict-tree .tree-wrap ul li.ulayercsb.hidden p.ulayercsb.hidden,
.pict-tree .tree-wrap ul li.layercss.hidden p.layercss.hidden,
.pict-tree .tree-wrap ul li.ulayercss.hidden p.ulayercss.hidden,
.pict-tree .tree-wrap ul li.layerct.hidden p.layerct.hidden,
.pict-tree .tree-wrap ul li.ulayerct.hidden p.ulayerct.hidden {
    display:none;
}
.pict-tree .tree-wrap ul li input {
    vertical-align: top;
    float : left;
    margin-top : 5px;
    height: 13px;
    line-height: 13px;
}
.pict-tree .tree-wrap ul li label {
    vertical-align: middle;
    /*margin-left: 4px;*/
}
.pict-tree .tree-wrap ul li label img {
    vertical-align: bottom;
    /*margin-right: 4px;*/
    margin-top: 2px;
}

.pict-tree .tree-wrap ul li label.activeLabel {
    cursor: pointer;
}

.pict-tree .tree-wrap ul li div.tree-icon
{
    width : 30px;
    float : left;
    margin-left: 3px;
}
.pict-tree .tree-wrap ul li div.tree-label
{
    /*width : 150px;*/
    overflow-y: auto;
    float : left;
    margin-top: 3px;
    max-width: 180px;
    /*max-width: 130px;*/
}
.pict-tree .tree-wrap ul li div.tree-icon2
{
    width : 22px;
    float : left;
    margin-left: 3px;
    margin-top: -3px;
}
.pict-tree .tree-wrap ul li div.tree-label2
{
    /*width : 150px;*/
    overflow-y: auto;
    float : left;
    margin-left: 12px;
    margin-top: 5px;
    max-width: 180px;
    /*max-width: 130px;*/
}

/*
.pict-tree .tree-wrap ul li.hidden .hitarea {
    background: none;
}
*/
.pict-tree .tree-wrap .hidden-hitarea
{
    display: none;
}

.pict-tree .tree-wrap ul li.layercsb, .pict-tree .tree-wrap ul li.ulayercsb,
.pict-tree .tree-wrap ul li.layercss, .pict-tree .tree-wrap ul li.ulayercss,
.pict-tree .tree-wrap ul li.layerct, .pict-tree .tree-wrap ul li.ulayerct {
    background: none;
    padding-left: 5px;
    overflow: hidden;   /* 子要素floatによる潰れ対応 */
}
.pict-tree .tree-wrap ul li.boundary {
    margin-bottom : 5px;
    border-bottom : 1px dotted #00658d
}
.pict-tree .tree-wrap ul li.layerct.bg-base1 .layerct-hitarea.collapsable-hitarea,
.pict-tree .tree-wrap ul li.ulayerct.bg-base1 .ulayerct-hitarea.collapsable-hitarea {
    background: url(../../../Content/images/pages/icon_pu_menu_minus.jpg) no-repeat top left transparent;
    height: 9px;
    width: 9px;
    margin: 5px 15px 0 0;
    /*float: right;*/
    position: absolute;
    right: 0px;
    *margin-top: 8px;
}
.pict-tree .tree-wrap ul li.layerct.bg-base1 .layerct-hitarea.expandable-hitarea,
.pict-tree .tree-wrap ul li.ulayerct.bg-base1 .ulayerct-hitarea.expandable-hitarea {
    background: url(../../../Content/images/pages/icon_pu_menu_plus.jpg) no-repeat top left transparent;
    height: 9px;
    width: 9px;
    margin: 5px 15px 0 0;
    /*float: right;*/
    position: absolute;
    right: 0px;
    *margin-top: 8px;
}
.pict-tree .tree-wrap ul li.layerct.bg-base1 p.layerct div.tree-label,
.pict-tree .tree-wrap ul li.ulayerct.bg-base1 p.ulayerct div.tree-label {
    max-width: 200px;
}
.pict-tree .tree-wrap ul li.layercsb.bg-base1 .layercsb-hitarea.collapsable-hitarea,
.pict-tree .tree-wrap ul li.ulayercsb.bg-base1 .ulayercsb-hitarea.collapsable-hitarea {
    background: url(../../../Content/images/pages/icon_pu_menu_minus.jpg) no-repeat top left transparent;
    height: 9px;
    width: 9px;
    margin: 5px 15px 0 0;
    position: absolute;
    right: 0px;
    *margin-top: 8px;
}
.pict-tree .tree-wrap ul li.layercsb.bg-base1 .layercsb-hitarea.expandable-hitarea,
.pict-tree .tree-wrap ul li.ulayercsb.bg-base1 .ulayercsb-hitarea.expandable-hitarea {
    background: url(../../../Content/images/pages/icon_pu_menu_plus.jpg) no-repeat top left transparent;
    height: 9px;
    width: 9px;
    margin: 5px 15px 0 0;
    position: absolute;
    right: 0px;
    *margin-top: 8px;
}
.pict-tree .tree-wrap ul li.layercsb.bg-base1 p.layercsb div.tree-label,
.pict-tree .tree-wrap ul li.ulayercsb.bg-base1 p.ulayercsb div.tree-label {
    max-width: 200px;
}
.pict-tree .tree-wrap ul li.layercss.bg-base1 .layercss-hitarea.collapsable-hitarea,
.pict-tree .tree-wrap ul li.ulayercss.bg-base1 .ulayercss-hitarea.collapsable-hitarea {
    background: url(../../../Content/images/pages/icon_pu_menu_minus.jpg) no-repeat top left transparent;
    height: 9px;
    width: 9px;
    margin: 5px 15px 0 0;
    position: absolute;
    right: 0px;
    *margin-top: 8px;
}
.pict-tree .tree-wrap ul li.layercss.bg-base1 .layercss-hitarea.expandable-hitarea,
.pict-tree .tree-wrap ul li.ulayercss.bg-base1 .ulayercss-hitarea.expandable-hitarea {
    background: url(../../../Content/images/pages/icon_pu_menu_plus.jpg) no-repeat top left transparent;
    height: 9px;
    width: 9px;
    margin: 5px 15px 0 0;
    position: absolute;
    right: 0px;
    *margin-top: 8px;
}
.pict-tree .tree-wrap ul li.layercss.bg-base1 p.layercss div.tree-label,
.pict-tree .tree-wrap ul li.ulayercss.bg-base1 p.ulayercss div.tree-label {
    max-width: 200px;
}

.pict-tree .tree-wrap ul li.hcode div.tree-label {
	max-width: 196px;
}

.pict-tree .tree-wrap .button-wrap {
    background-color: transparent;
    /*
    position: absolute;
    top: 0px;
    right: 0px;
    */
    float: right;
    height: 22px;
    line-height: 22px;
}
.pict-tree .tree-wrap .button-wrap .sp-search {
    background: url(../../../Content/images/pages/icon_search.png) no-repeat center center transparent;
    height: 22px;
    width: 21px;
    margin-top: -3px;
    cursor: pointer;
}
.pict-tree .tree-wrap .button-wrap .layer-setting {
    background: url(../../../Content/images/pages/layer_setting.png) no-repeat center center transparent;
    height: 22px;
    width: 21px;
    margin-top: -3px;
    cursor: pointer;
}
.pict-tree .tree-wrap .button-wrap .layer-edit {
    background: url(../../../Content/images/pages/edit.png) no-repeat center center transparent;
    height: 22px;
    width: 21px;
    margin-top: -3px;
    cursor: pointer;
}
.pict-tree .tree-wrap .button-wrap .legend-edit {
    background: url(../../../Content/images/pages/legend_edit.png) no-repeat center center transparent;
    height: 22px;
    width: 21px;
    margin-top: -3px;
    cursor: pointer;
}
.pict-tree .tree-wrap .button-wrap .layer-search {
    background: url(../../../Content/images/pages/search.png) no-repeat center center transparent;
    height: 22px;
    width: 21px;
    margin-top: -3px;
    cursor: pointer;
}
.pict-tree .tree-wrap .button-wrap .layer-download {
    background: url(../../../Content/images/pages/ulaysave.png) no-repeat center center transparent;
    height: 22px;
    width: 21px;
    margin-top: -3px;
    cursor: pointer;
}
.pict-tree .tree-wrap p.ulayer .button-wrap .layer-del {
    background: url(../../../Content/images/pages/ulaydel.png) no-repeat center center transparent;
    height: 22px;
    width: 21px;
    margin-top: -3px;
    cursor: pointer;
}
.pict-tree .tree-wrap p.layer .button-wrap .layer-del {
    background: url(../../../Content/images/pages/ulaydel.png) no-repeat center center transparent;
    height: 22px;
    width: 21px;
    margin-top: -3px;
    cursor: pointer;
}

/*flat用*/
.pict-tree .tree-wrap .tree-body.flat ul li.layerct p.layerct,
.pict-tree .tree-wrap .tree-body.flat ul li.ulayerct p.ulayerct {
    background-color: #EBE8E8;
    height: 25px;
}
.pict-tree .tree-wrap .tree-body.flat ul li.layer p.layer,
.pict-tree .tree-wrap .tree-body.flat ul li.ulayer p.ulayer {
    background-color: #FFCCCC;
    height: 23px;
}
.pict-tree .tree-wrap .tree-body.flat ul li.code p.code,
.pict-tree .tree-wrap .tree-body.flat ul li.bcode p.bcode,
.pict-tree .tree-wrap .tree-body.flat ul li.scode p.scode,
.pict-tree .tree-wrap .tree-body.flat ul li.hcode p.hcode,
.pict-tree .tree-wrap .tree-body.flat ul li.ucode p.ucode,
.pict-tree .tree-wrap .tree-body.flat ul li.ubcode p.ubcode,
.pict-tree .tree-wrap .tree-body.flat ul li.uscode p.uscode,
.pict-tree .tree-wrap .tree-body.flat ul li.uhcode p.uhcode {
    height: 23px;
    margin-left: 10px;
}
.pict-tree .tree-wrap .tree-body.flat ul li p {
    padding: 2px 2px 2px 8px;
    margin-right: 5px;
    margin-top: 0;
}

.pict-tree .tree-wrap .tree-body.flat .button-wrap {
    background-color: transparent;
    display: inline;
    float: right;
    margin: 0;
}
.pict-tree .tree-wrap .tree-body.flat .button-wrap .sp-search {
    background: url(../../../Content/images/pages/icon_search.png) no-repeat center center transparent;
    height: 15px;
    width: 21px;
    margin-right: 0;
    margin-top: 0;
    cursor: pointer;
}
.pict-tree .tree-wrap .tree-body.flat .button-wrap .layer-setting {
    background: url(../../../Content/images/pages/layer_setting.png) no-repeat center center transparent;
    height: 15px;
    width: 21px;
    margin-right: 0;
    margin-top: 0;
    cursor: pointer;
}

/*検索用*/
.pict-tree .tree-wrap .button-search-wrap {
    width: 100%;
    padding: 3px 0;
    text-align: center;
}
.pict-tree .tree-wrap .button-search-wrap input.button-search {
    width: 300px;
    height: 28px;
}

/* 注意書き記載 */
.pict-tree .inquiry-map
{
    width : 90%;
    margin : 0 auto;
    border : dashed 1px #FF0000;
    padding : 2px;
    background-color : #FFFEDF;
    display : none;
}
.pict-tree .inquiry-map span
{
}

.swipeon .layer-search,
.swipeon .layer-edit{
    display:none;
 }