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

#tmr_container {
    width: 100%;
    max-width: 650px;
}
#tmr_cover {
  width: 100%; 
}
#tmr_cover img {
  width: 100%;
  height: auto;
  padding-bottom: 20px; 
}
#tmr_contents {
    display: none;
}
#tmr_contents .bootstrap-select.btn-group {
  margin-bottom: 15px; 
}

#tmr_contents .dropdown-toggle {
  line-height: 13px; 
}


#tmr_background {
  width: 100%;
  position: relative;
}

#tmr_background img {
  width: 100%;
  height: auto;
  z-index: 1;
}

#tmr_background .tmr_marker {
  z-index: 2;
  position: absolute;
  /*border-radius: 50%;*/
  /*width: 4%;*/
  font-size: 13px;
  text-align: center;
  /*background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") repeat;
  background: #ffcc00;*/
  cursor: pointer;
  display: none;
    background: rgba(255, 204, 0, 0.0);
	 border: 2px solid #ffcc00;
}

#tmr_background .tmr_marker:hover, #tmr_background .tmr_marker.active {
background: rgba(255, 204, 0, 0.2);
}

#tmr_background .tmr_marker.tmr_marker_page1 {
  display: block;
}

#tmr_background .tmr_marker:before {
  content: '';
  display: block;
  padding-top: 100%;
}

#tmr_background .tmr_marker .tmr_inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

#tmr_background .tmr_marker .tmr_inner:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

#tmr_background .tmr_marker .tmr_inner span {
  display: inline-block;
  vertical-align: middle;
  color: #444444;
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 12px;
 }

#tmr_background .tmr_marker.tmr_marker_double .tmr_inner span {
  margin-left: -0.60em; 
}

#tmr_background .tmr_text {
  position: absolute;
  width: 200px;
  padding: 10px 10px 0 10px;
  background: #ffcc00;
  /* border: 1px solid #ffcc00; */
  display: none;
  z-index: 5;
 }



#tmr_background .tmr_text p {
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 10px; 
}

#tmr_background .tmr_text ul {
  margin-bottom: 10px;
  list-style-type: disc;
  padding-left: 12px; 
}

#tmr_background .tmr_text ul li {
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 8px; 
}

#tmr_contents select {
	font-family: Arial, sans-serif;
   font-size: 15px;
  width: 50%;
  margin-bottom: 15px;
}
  

#tmr_marker_h01 {
    left: 67.3%;
    top: 23.3%;
    width: 22%;
    height: 11%;
}
#tmr_marker_h02 {
    left: 53.3%;
    top: 43%;
    width: 38%;
    height: 8%;
}

#tmr_marker_h03 {
	left: 11.2%;
    top: 43.1%;
    height: 2.2%;
    width: 38.5%;
}
#tmr_marker_h03_1 {
    left: 11.2%;
    top: 46.3%;
    height: 6.8%;
    width: 20%;
}
#tmr_marker_h04 {
    left: 11.2%;
    top: 61.3%;
    height: 1.4%;
    width: 79.4%;
}
#tmr_marker_h05 {
    top: 63.2%;
    height: 1.4%;
    width: 79.4%;
    left: 11.2%;
}
#tmr_marker_h06 {
    height: 1.4%;
    width: 79.4%;
    left: 11.2%;
    top: 65%;
}

#tmr_marker_h07 {
    left: 11.2%;
    top: 67%;
    height: 3%;
    width: 62%;
}
#tmr_marker_h08 {
    left: 11.2%;
    top: 71%;
    width: 79%;
    height: 15.6%;
}

#tmr_marker_h09 {
    left: 11%;
    top: 13%;
    width: 79.8%;
    height: 24.8%;
}
#tmr_marker_h10 {
    left: 11.2%;
    top: 15.3%;
    width: 79.6%;
    height: 5%;
}
#tmr_marker_h11 {
    left: 11.2%;
    top: 21.2%;
    width: 79.6%;
    height: 2.2%;
}
#tmr_marker_h12 {
    left: 11.2%;
    top: 24.5%;
    width: 37%;
    height: 1.3%;
}

#tmr_marker_h13 {
    left: 11.2%;
    top: 26.2%;
    width: 14%;
    height: 5.8%;
}
#tmr_marker_h14 {
    left: 42.8%;
    top: 26.2%;
    width: 17.5%;
    height: 5.8%;
}
#tmr_marker_h15 {
    left: 11.2%;
    top: 36%;
    width: 79.6%;
    height: 6.5%;
}
#tmr_marker_h16 {
    left: 11.2%;
    top: 52.4%;
    width: 79.6%;
    height: 19.2%;
}
#tmr_marker_h17 {
    left: 11.2%;
    top: 72.7%;
    width: 79.6%;
    height: 3.6%;
}
#tmr_marker_h18 {
    left: 11.2%;
    top: 76.8%;
    width: 79.6%;
    height: 13.5%;
}

#tmr_marker_e01 {
    left: 49.3%;
    top: 16.5%;
    height: 6%;
    width: 32%;
}
#tmr_marker_e02 {
    left: 49.3%;
    top: 25.5%;
    height: 6%;
    width: 32%;
}
#tmr_marker_e03 {
    left: 8.3%;
    top: 41.6%;
    width: 34%;
    height: 2.6%;
}
#tmr_marker_e04 {
    left: 38%;
    top: 49.6%;
    height: 1.3%;
    width: 28%;
}
#tmr_marker_e05 {
    left: 8.3%;
    top: 62.5%;
    width: 83.8%;
    height: 4.5%;
}
#tmr_marker_e06 {
    left: 8.3%;
    top: 67.4%;
    width: 83.8%;
    height: 4.3%;
}
#tmr_marker_e07 {
    left: 8.3%;
    top: 72.5%;
    width: 83.8%;
    height: 1.3%;
}
#tmr_marker_e07_1 {
    left: 8.3%;
    top: 74.1%;
    width: 83.8%;
    height: 1.3%;
}
#tmr_marker_e08 {
    left: 8.3%;
    top: 78.4%;
    width: 83.8%;
    height: 4%;
}
#tmr_marker_e09 {
    left: 8.2%;
    top: 7.5%;
    width: 85.3%;
    height: 7.4%;
}
#tmr_marker_e10 {
    left: 8.2%;
    top: 20.4%;
    width: 85.3%;
    height: 4.4%;
}
#tmr_marker_e11 {
    left: 8.2%;
    top: 25.6%;
    width: 85.3%;
    height: 4.4%;
}
#tmr_marker_e12 {
    left: 8.2%;
    top: 31%;
    width: 85.3%;
    height: 5.2%;
}
#tmr_marker_e13 {
    left: 8.2%;
    top: 42.5%;
    width: 85.3%;
    height: 8.1%;
}
#tmr_marker_e14 {
    left: 8.2%;
    top: 51.7%;
    width: 85.3%;
    height: 6.5%;
}