@charset "UTF-8";

/* 地図パネル　------------------------------------*/
/* 
	width height top left など
	位置決めに関することは
	地図サイズより計算するためPHPに記述。
    （config.incに定義された値よりmap.incにて計算）
*/

.map {
    margin-left: 10px;
    margin-top: 10px;
}


div.jayrospace {
	position: relative;
	z-index: 1;
	cursor: pointer;
    background-color: #CCCC99;
    padding: 0px;
}

div.jayrospace #nw {
	margin: 0px;
	position: absolute;
	border-top: 1px solid #999966;
	border-left: 1px solid #999966;
	border-right: 0px none #999966;
	border-bottom: 0px none #999966;
	z-index: 2;
    padding: 0px;
    background-color: #CCCC99;
}
div.jayrospace #nn {
	margin: 0px;
	position: absolute;
	border-top: 1px solid #999966;
	border-left: 1px solid #999966;
	border-right: 0px none #999966;
	border-bottom: 0px none #999966;
	z-index: 2;
    padding: 0px;
    background-color: #CCCC99;
}
div.jayrospace #ne {
	margin: 0px;
	position: absolute;
	border-top: 1px solid #999966;
	border-left: 1px solid #999966;
	border-right: 1px solid #999966;
	border-bottom: 0px none #999966;
	z-index: 2;
    padding: 0px;
    background-color: #CCCC99;
}
div.jayrospace #ww {
	margin: 0px;
	position: absolute;
	border-top: 1px solid #999966;
	border-left: 1px solid #999966;
	border-right: 0px none #999966;
	border-bottom: 0px none #999966;
	z-index: 2;
    padding: 0px;
    background-color: #CCCC99;
}
div.jayrospace #cc {
	margin: 0px;
	position: absolute;
	border-top: 1px solid #999966;
	border-left: 1px solid #999966;
	border-right: 0px none #999966;
	border-bottom: 0px none #999966;
	z-index: 2;
    padding: 0px;
    background-color: #CCCC99;
}
div.jayrospace #ee {
	margin: 0px;
	position: absolute;
	border-top: 1px solid #999966;
	border-left: 1px solid #999966;
	border-right: 1px solid #999966;
	border-bottom: 0px none #999966;
	z-index: 2;
    padding: 0px;
    background-color: #CCCC99;
}
div.jayrospace #sw {
	margin: 0px;
	position: absolute;
	border-top: 1px solid #999966;
	border-left: 1px solid #999966;
	border-right: 0px none #999966;
	border-bottom: 1px solid #999966;
	z-index: 2;
    padding: 0px;
    background-color: #CCCC99;
}
div.jayrospace #ss {
	margin: 0px;
	position: absolute;
	border-top: 1px solid #999966;
	border-left: 1px solid #999966;
	border-right: 0px none #999966;
	border-bottom: 1px solid #999966;
	z-index: 2;
    padding: 0px;
    background-color: #CCCC99;
}
div.jayrospace #se {
	margin: 0px;
	position: absolute;
	border-top: 1px solid #999966;
	border-left: 1px solid #999966;
	border-right: 1px solid #999966;
	border-bottom: 1px solid #999966;
	z-index: 2;
    padding: 0px;
    background-color: #CCCC99;
}

div.jayrospace #jayro_nw {
	position: absolute;
}
div.jayrospace #jayro_nn {
	position: absolute;
}
div.jayrospace #jayro_ne {
	position: absolute;
}
div.jayrospace #jayro_ww {
	position: absolute;
}
div.jayrospace #jayro_cc {
	position: absolute;
}
div.jayrospace #jayro_ee {
	position: absolute;
}
div.jayrospace #jayro_sw {
	position: absolute;
}
div.jayrospace #jayro_ss {
	position: absolute;
}
div.jayrospace #jayro_se {
	position: absolute;
}

div.jayrospace #mapimagearea {
    position: absolute;
    border: 1px solid #999966;
    z-index: 2;
    background-color: #FFFFFF;
}

div.jayrospace #mask {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 8;
    visibility: hidden;
    cursor: default;
    background-image:url(../../common/img/overlay_gray.png);
    filter: Alpha(opacity=30);
}

div.jayrospace #mapimagearea #loadingdata {
    position: absolute;
    top: 200px;
    left: 240px;
    z-index: 9;
    cursor: default;
}

div.jayrospace #mapimagearea #zoompallete {
    background-color: #FFFFFF;
    border: 1px solid #999966;
    padding-bottom: 5px;
    clear: both;
    position:absolute;
    top:10px;
    left:10px;
    z-index: 999;
    cursor: default;
}

div.jayrospace #mapimagearea #zoompallete #zoompalletehandler {
    border: 1px none #999966;
    background-color: #999966;
    top:0px;
    left:0px;
    width:0px;
    height:5px;
}

div.jayrospace #mapimagearea #zoompallete #zoomin {
    float: left;
    margin: 5px;
    cursor: pointer;
}
div.jayrospace #mapimagearea #zoompallete #zoomout {
    float: left;
    margin: 5px;
    cursor: pointer;
}
div.jayrospace #mapimagearea #zoompallete #showlegend {
    float: left;
    margin: 5px;
    cursor: pointer;
}

div.jayrospace #mapimagearea #zoompallete #printstart {
    float: left;
    margin: 5px;
    cursor: pointer;
}



div.jayrospace #mapimagearea #scalebar {
    position: absolute;
    top: 405px;
    left: 10px;
    border: 1px solid #C0C0C0;
    cursor: default;
    z-index: 999;
}
div.jayrospace #mapimagearea #scalebar #scalebarimage {

}

div.jayrospace #mapimagearea #scaleinfo {
    position: absolute;
    top: 375px;
    left: 530px;
    /*padding: 5px;*/
    border: 1px solid #999966;
    z-index: 999;
    background-color: #FFFFFF;
    overflow: visible;
    text-align: center;
    cursor: default;
}

div.jayrospace #mapimagearea #scaleinfo #scaleinfohandler {
    border: 1px none #999966;
    background-color: #999966;
    top:0px;
    left:0px;
    width:0px;
    height:5px;
}

div.jayrospace #mapimagearea #scaleinfo .text {
    font-size: 0.8em;
    margin: 5px;
}
div.jayrospace #mapimagearea #scaleinfo #scalechange option.now {
    /* background-color: #C0C0C0; */
}
div.jayrospace #mapimagearea #scaleinfo #scalechange {
    margin: 5px;
    display: inline;
}

#legend {
    background-color: #FFFFFF;
    position: absolute;
    visibility: hidden;
    z-index: 15;
    border: 1px solid #C0C0C0;
}

#legendtitle {
    background-color: #999966;
    color: #FFFFFF;
    padding-top: 3px;
    padding-left: 5px;
    padding-bottom: 3px;
    padding-right: 0px;
    cursor: move;
    text-align: left;
}
#legendinner {
    overflow: auto;
    overflow-y: scroll;
}
#legendimage {
    margin-bottom: 30px;
    margin-left:0px;
    display:none;
}


#closelegend {
    z-index: 8;
    top: 5px;
    cursor: pointer;
    float: right;
    position: absolute;
}


#showlegend {
     z-index: 112;
}



div#map form {
    display: inline;
}





form.hiddenform {
    visibility: hidden;
}
form.dummyform {
    display: inline;
}

#markerimage {
    z-index: 99;
    cursor: default;
}

#addressstring {
    border: 1px solid #C0C0C0;
    background-color: #CCFF66;
    z-index: 99;
    position: absolute;
    visibility: hidden;
    text-align: left;
    padding: 5px;
    cursor: default;
    overflow: visible;
}


#mapurlstring {
    border: 1px solid #C0C0C0;
    font-size: 0.8em;
    z-index: 99;
    visibility: hidden;
    text-align: left;
    width: 702px;
    margin-left: 10px;
    margin-top: 10px;
    /*overflow: hidden;*/
    display: none;
}



#selMap {
    font-size: 1.2em;

}


/* ------------------　float指定の解除用BR　------------------*/
br.clear {
    clear: both;
    height: 0px;
}


/* ------------------　属性情報表示欄　------------------*/



#attributeinfo {
    text-align: left;
    margin-left: 10px;
    margin-right: 8px;
    margin-bottom: 5px;
    padding-left: 5px;
    padding-bottom: 25px;
    padding-top: 5px;
    padding-right: 5px;
    overflow: visible;
    width: 704px;
}

#attributeinfo .name {
    border-bottom: 1px solid #CC0000;
    border-left: 20px solid #CC0000;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-top: 5px;
}

#attributeinfo .name a.showsai {
    text-decoration: none;
}

#attributeinfo .name a:hover.showsai {
    text-decoration: underline;
}

#attributeinfo .kana {
    padding-left: 5px;
    font-size: 0.8em;
    color: #AD5500;
    text-align: left;
    margin-top: 1px;
    margin-bottom: 2px;
    font-weight: normal;
}

#attributeinfo table {
    margin-top: 10px;
    margin-left: 0px;
    margin-right: 0px;
    border-top: 1px none #CC9999;
    width: 470px;
    empty-cells: show;
    word-break:break-all;
}

#attributeinfo table td.field {
    background-color: #FFCC99;
    border-bottom: 1px solid #CC9999;
    width: 100px;
    font-size:0.9em;
}


#attributeinfo table td.value {
    background-color: #FFFFFF;
    border-bottom: 1px dashed #CC9999;
    width: 370px;
}

#attributeinfo .photo {
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 10px;
    text-align: center;
    float: left;
}

#attributeinfo .photo img {
    border: 1px solid #666666;
}

#attributeinfo .photo img#showsaiPhoto {
/*
    width: 200px;
    height: 150px;
    background-image: url('../../common/img/noimage.gif');
*/    border: 0px none #C0C0C0;
}









/* ------------------　属性情報表示欄　------------------*/


#itemlist {
    text-align: left;
    padding-left: 20px;
    padding-bottom: 20px;
    padding-top: 5px;
    padding-right: 20px;
    overflow: visible;
}

#itemlist .name {
    border-bottom: 1px solid #999999;
    border-left: 20px solid #999999;
    font-size: 0.9em;
    font-weight: bold;
    padding: 5px;
    margin-bottom: 1px;
    overflow: visible;
}




#featurelistcount {
    margin-left: 20px;
}


#featurelisthtml {
    margin-top: 5px;
    margin-bottom: 5px;
    display: block;
}

#featurelisthtml a.featurelistitem {
    float: left;
    width: 220px;
    margin-left: 2px;
    margin-bottom: 2px;
    margin-top: 2px;
    height: 2.5em;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-decoration: none;
    color: #333333;
}
#featurelisthtml a:hover.featurelistitem {
    background-color: #CCCC99;
}

#featureicon {
    position: static;
    display: none;
}

.featureiconimage {
    z-index: 80;
}

#dummy {
    
    position: absolute;
    width: 0px;
    height: 0px;
}




/* ------------------　属性情報表示欄　------------------*/



#otherattributeinfo {
    text-align: left;
    padding-left: 20px;
    padding-bottom: 20px;
    padding-top: 5px;
    padding-right: 20px;
    overflow: visible;
}

/*
#otherattributeinfo .title {
    
}
*/

#otherattributeinfo #otherattributeinfotitle {
    border-bottom: 1px solid #999999;
    border-left: 20px solid #999999;
    font-size: 0.9em;
    font-weight: bold;
    padding-left: 5px;
    margin-bottom: 1px;
}

#otherattributeinfo #otherfeaturelisthtml .attribute {
    margin-top: 20px;
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 10px;

}
#otherattributeinfo #otherfeaturelisthtml .attribute .layername {
    font-size: 1.0em;
    font-weight: bold;
}
#otherattributeinfo #otherfeaturelisthtml .attribute table {
    border-top: 1px solid #666666;
    border-left: 1px solid #666666;
}
#otherattributeinfo #otherfeaturelisthtml .attribute th {
    border-right: 1px solid #666666;
    border-bottom: 1px solid #666666;
    background-color: #C0C0C0;
}
#otherattributeinfo #otherfeaturelisthtml .attribute td {
    border-right: 1px solid #666666;
    border-bottom: 1px solid #666666;
}

#mapcenterimage {
    position: absolute;
    left:323px;
    top:218px;
    display:block;
    visibility: visible;
}

#maphelp {
    text-align: right;
    font-size: 0.8em;
    width:704px;
}
#maphelp a {
    text-decoration: none;
}#maphelp a:hover {
    background-color: #CCCC99;
}