#mapWrap,
#mapOverWrap {
    /*width: 746px;*/
    width: 100%;
    height: 550px;
    position: relative;
}

#mapWrap {
    overflow: hidden;
}

#mapOverWrap {
    /*margin-top: -550px;*/
}

/*#checkPointWrap,
#map {
    position: absolute;
}*/

#checkPointWrap {
    /*width: 766px;*/
    width: 100%;
    /*height: 570px;*/
    /*top: -10px; left: -10px;*/
    z-index: 3;
}

#map {
    /*width: 766px;*/
    width: 100%;
    /*height: 570px;*/
    /*top: -10px; left: -10px;*/
    z-index: 1;
}

#map img {
    width: 100%;
}

.checkPoint {
    width: 0;
    height: 0;
    padding: 8px;
    border: 2px solid #fff;
    background: #ff9ea9;
    position: absolute;
    z-index: 4;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 14px 0 14px 0;
    -moz-border-radius: 14px 0;
    -ms-border-radius: 14px 0;
    -o-border-radius: 14px 0;
    border-radius: 14px 0;
    behavior: url("/css/PIE.htc");
}

#outer {
    display: none;
    /*width: 766px;*/
    width: 100%;
    height: 550px;
    position: absolute;
    top: 0; left: 0;
    z-index: 3;
}

/*ÌÀ¼£Â¼Æþ¸ý*/
#cp01 {
    /*top: 326px; left: 56px;*/
    top: 57.2%; left: 7.3%;
    background: #ff9ea9;
}

/*ºâÊõÀÐÈê*/
#cp02 {
    /*top: 348px; left: 30px;*/
    top: 61.1%; left: 3.9%;
    background: #ff9ea9;
}

/*¥ì¥¹¥È¥é¥ó*/
#cp03 {
    /*top: 344px; left: 122px;*/
    top: 60.4%; left: 15.9%;
    background: #ffc63f;
}

/*Àоö*/
#cp04 {
    /*top: 384px; left: 247px;*/
    top: 67.4%; left: 32.2%;
    background: #ff9ea9;
}

/*ÃÓ*/
#cp05 {
    /*top: 377px; left: 162px;*/
    top: 66.1%; left: 21.1%;
    background: #ff9ea9;
}

/*·Æ¤¤¤Î¾ì*/
#cp06 {
    /*top: 402px; left: 172px;*/
    top: 70.5%; left: 22.5%;
    background: #ff9ea9;
}

/*Äí*/
#cp07 {
    /*top: 453px; left: 246px;*/
    top: 79.5%; left: 32.1%;
    background: #ff9ea9;
}

/*µÊ±ì½ê*/
#cp08 {
    /*top: 509px; left: 261px;*/
    top: 89.3%; left: 34.1%;
    background: #ff9ea9;
}

/*ÌÀ¼£Â¼¤Î¼é¤ê¿À*/
#cp09 {
    /*top: 465px; left: 279px;*/
    top: 81.6%; left: 36.4%;
    background: #ff9ea9;
}

/*²¹ÀôÆþ¸ý*/
#cp10 {
    /*top: 438px; left: 291px;*/
    top: 76.8%; left: 38.0%;
    background: #ff9ea9;
}

/*Ϫŷ¡¦¤æ¤ºÉ÷Ϥ*/
#cp11 {
    /*top: 473px; left: 358px;*/
    top: 83.0%; left: 46.7%;
    background: #ffc63f;
}

/*¥Õ¥í¥ó¥È*/
#cp12 {
/*    top: 423px; left: 318px;*/
    top: 74.2%; left: 41.5%;
    background: #ff9ea9;
}

/*½ÉÇñÅï*/
#cp13 {
    /*top: 311px; left: 228px;*/
    top: 54.6%; left: 29.8%;
    background: #ffc63f;
}

/*ÃæÄí*/
#cp14 {
    /*top: 322px; left: 353px;*/
    top: 56.5%; left: 46.1%;
    background: #ff9ea9;
}

/*¸Þ±¦±ÒÌçÉ÷Ϥ*/
#cp15 {
    /*top: 278px; left: 317px;*/
    top: 48.8%; left: 41.4%;
    background: #ffc63f;
}

/*°Ïϧ΢(µÊ±ì½ê)*/
#cp16 {
    /*top: 301px; left: 287px;*/
    top: 52.8%; left: 37.5%;
    background: #ff9ea9;
}

/*²½¾Ñ¿åÉ÷Ϥ¡¦²È²É÷Ϥ*/
#cp17 {
    /*top: 258px; left: 259px;*/
    top: 45.3%; left: 33.8%;
    background: #ffc63f;
}

/*Í·ÊâÆ»*/
#cp18 {
    /*top: 236px; left: 403px;*/
    top: 41.4%; left: 52.6%;
    background: #ff9ea9;
}

/*Âè°ìŸ˾½ê*/
#cp19 {
    /*top: 125px; left: 669px;*/
    top: 21.9%; left: 87.3%;
    background: #ff9ea9;
}

/*ÂèÆóŸ˾½ê*/
#cp20 {
    /*top: 31px;  left: 701px;*/
    top: 5.4%;  left: 91.5%;
    background: #ffc63f;
}

/*½ÉÇñÅïÊÌ´Û*/
#cp21 {
    /*top: 412px; left: 517px;*/
    top: 72.3%; left: 67.5%;
    background: #ffc63f;
}

/*ÇäŹ*/
#cp22 {
    /*top: 286px; left: 154px;*/
    top: 50.2%; left: 20.1%;
    background: #ffc63f;
}

/*#cp23 {top: px; left: px; background: #;} */

/*#cp24 {top: px; left: px; background: #;} */

/*#cp25 {top: px; left: px; background: #;} */

/*#cp26 {top: px; left: px; background: #;} */

/*#cp27 {top: px; left: px; background: #;} */

/*#cp28 {top: px; left: px; background: #;} */

/*#cp29 {top: px; left: px; background: #;} */

/*#cp30 {top: px; left: px; background: #;} */

.checkPoint h3,
.checkPoint .photoSlider,
.checkPoint .detailAnchor {display: none;}


.checkPoint h3 {
	padding-left: 12px;
	position: relative;
}

.checkPoint h3:before {
    content: "";
    height: 8px;
    width: 8px;
    background: #7ba18d;
    color: #7ba18d;
    position: absolute;
    top: 5px; left: 0;
    -webkit-border-radius: 0 6px 0 6px;
    -moz-border-radius: 0 6px;
    -ms-border-radius: 0 6px;
    -o-border-radius: 0 6px;
    border-radius: 0 6px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    behavior: url("/css/PIE.htc");
}

.photoSlider {
    width: 160px;
    height: 120px;
    position: relative;
}

.photoSlider img {
    border: 1px solid #c6d7ce;
    position: absolute;
}

.detailAnchor {
    width: 36px;
    height: 36px;
    position: absolute;
    top: 108px;
    left: 136px;
    z-index: 100;
}

.detailAnchor a {
    display: block;
    width: 0;
    height: 0;
    padding: 0;
    text-align: center;
    font-weight: bold;
    font-size: 0;
    line-height: 0;
    background: #ffc63f;
    color: #866621;
    outline: none;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
    behavior: url("/css/PIE.htc");
}

.detailAnchor a:hover {
    text-decoration: none;
    background: linear-gradient(#ffc63f, #ffe29d);
    color: #866621;
}

.detailAnchor a:visited {
    color: #866621;
}

.detailAnchor a:active {
    text-decoration: none;
    background: #d9a836;
    color: #866621;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    behavior: url("/css/PIE.htc");
}

#xy {
    display: inline;
    position: absolute;
    right: 0;
    z-index: 999999;
}