@charset "utf-8";
/* elba */
body {
   background-color: white;
   color: black;
}
#container1 {
   top: 0px;
   left: 0px;
   width: 930px;
   height: 444px;
   position: absolute;
}
#container2 {
   top: 0px;
   left: 0px;
   width: 930px;
   height: 444px;
   position: absolute;
}
.detailFrame {
   border: 2px solid transparent;
   background-color: #eaf2f3;
   color: black;
   width: 930px;
   height: 444px;
   top: 0px;
   left: 0px;
   position: absolute;
   z-index: 1;
}
.detailFrame-title {
   background-color: #21a09a;
   color: white;
   width: 103px;
   height: 21px;
   top: 9px;
   left: 10px;
   position: absolute;
   z-index: 2;
   font-family: Arial, Helvetica, Verdana, sans-serif;
   font-size: 13px;
}
.detailFrame-title p {
   margin-left: 10px;
   margin-top: 3px;
   font-weight: normal;
   font-size: 13px;
}
.b {
   font-weight: bold;
}
.detailFrame-l .head-1 {
   font-family: Arial, Helvetica, Verdana, sans-serif;
   font-size: 16px;
   font-weight: bold;
   line-height: 150%;
   background-color: transparent;
   color: #21a09a;
   margin-left: 20px;
   margin-top: 20px;
}
.detailFrame-l .head-2 {
   font-family: Arial, Helvetica, Verdana, sans-serif;
   font-size: 13px;
   font-weight: bold;
   line-height: 150%;
   background-color: transparent;
   color: black;
}
.detailFrame-l {
   border: 2px solid #21a09a;
   background-color: white;
   color: black;
   width: 520px;
   height: 386px;
   top: 30px;
   left: 10px;
   position: absolute;
   z-index: 2;
   font-family: Arial, Helvetica, Verdana, sans-serif;
   font-size: 10px;
   line-height: 150%;
}
.detailFrame-l ul {
   list-style-image: url(../images/li-bullet.gif);
   margin-top: 20px;
}
.detailFrame-l li {
   font-family: Arial, Helvetica, Verdana, sans-serif;
   font-size: 11px;
   line-height: 18px;
}
.detailFrame-l .list-l {
   top: 55px;
   left: 0px;
   width: 260px;
   z-index: 3;
   position: absolute;
}
.detailFrame-l .list-lt {
   top: 55px;
   left: 0px;
   width: 480px;
   z-index: 3;
   position: absolute;
}
.detailFrame-l .list-r {
   top: 55px;
   left: 260px;
   width: 260px;
   z-index: 3;
   position: absolute;
}
.detailFrame-l .f1 {
   bottom: 10px;
   left: 10px;
   width: 155px;
   height: 94px;
   z-index: 4;
   position: absolute;
   background-image: url(../images/elba_d1_f1.jpg);
}
.detailFrame-l .f2 {
   bottom: 10px;
   left: 182px;
   width: 155px;
   height: 94px;
   z-index: 4;
   position: absolute;
   background-image: url(../images/elba_d1_f2.jpg);
}
.detailFrame-l .f3 {
   bottom: 10px;
   left: 354px;
   width: 155px;
   height: 94px;
   z-index: 4;
   position: absolute;
   background-image: url(../images/elba_d1_f3.jpg);
}
.detailFrame-r .f4 {
   top: 25px;
   left: 5px;
   width: 364px;
   height: 338px;
   z-index: 4;
   position: absolute;
   background-image: url(../images/elba_d1_f4.jpg);
}
.detailFrame-r .f5 {
   top: 15px;
   left: 95px;
   width: 190px;
   height: 362px;
   z-index: 4;
   position: absolute;
   background-image: url(../images/elba_d2_f1.jpg);
}
.detailFrame-r {
   border: 2px solid #21a09a;
   background-color: white;
   color: black;
   width: 372px;
   height: 386px;
   top: 30px;
   right: 10px;
   position: absolute;
   z-index: 2;
}
.hidden {
   display: none;
}