@charset "UTF-8";
/* CSS Document */

/****************************************************
map tooltip
****************************************************/
.plotmap_plots { list-style: none; position: relative; height: 0; width: 0; }
.plotmap_plots .plot { display: block; position: absolute; width: 25px; height: 40px; /*margin-top: -20px; margin-left: -30px; background: url(../images/common/map_ui.png) no-repeat;*/ cursor: pointer; }
.plotmap_plots .plot { line-height: 27px; text-align: center; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }



/****************************************************
map tooltip
****************************************************/
#plotmap_toolTip { padding: 2%; border: 1px solid #999; background-color: #fff; max-width: 450px; overflow: hidden; }
#plotmap_toolTip { z-index: 1000; }
#plotmap_toolTip_arrow { position: absolute; z-index: 1000; width: 40px; height: 11px; margin-left: -20px; background: url(../images/common/map_ui.png) no-repeat; }
.plotmap_toolTip_arrow_down { margin-top: -31px; background-position: 0px -54px !important; }
.plotmap_toolTip_arrow_up { margin-top: 20px; background-position: -40px -49px !important; }
#plotmap_toolTip .plotmap_item { width: auto; margin: 0; position: relative; }
#plotmap_toolTip .plotmap_item .photo { display: inline; float: left; max-width: 40%; margin: 5px 5px 5px 0; overflow: hidden; }
#plotmap_toolTip .plotmap_item .disc { overflow: hidden; padding: 5px 10px 10px; }
#plotmap_toolTip h3 { margin-top: 0; }

@media screen and (max-width: 1280px) {
.plotmap_plots .plot { margin-top: -5px; }
}

@media screen and (max-width: 960px) {
.plotmap_plots .plot { margin-top: -11px; margin-left: -5px; }
}

@media screen and (max-width: 820px) {
.plotmap_plots .plot { margin-top: -16px; }
}

@media screen and (max-width: 680px) {
.plotmap_plots .plot { margin-top: -20px; margin-left: -7px; }
}

@media screen and (max-width: 640px) {
#plotmap_toolTip { width: 90% !important; left: 5% !important; }
}

@media screen and (max-width: 560px) {
.plotmap_plots .plot { margin-top: -23px; margin-left: -9px; }
}

@media screen and (max-width: 480px) {
#plotmap_toolTip .plotmap_item .photo { display: none !important; }
.plotmap_plots .plot { margin-top: -29px; }
}


/****************************************************
plotmap_item
****************************************************/
.plotmap_item .disc .plot { width: 25px; height: 40px; margin-right: -50px; margin-left: -6px; }
.plotmap_item .disc .plot { line-height: 27px; text-align: center; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
.plotmap_item .disc .plot { display: inline-block; *display: inline;
*zoom: 1;
vertical-align: middle; }
.plotmap_item .disc h4 { display: inline-block; *display: inline;
*zoom: 1;
vertical-align: middle; margin: 0; line-height: 14px; padding-left: 45px; margin-right: -10px; font-weight: bold; }