/* ============================================================ */
/* .(attibute)_(name) <--- arbitrarily defined.                 */
/* ============================================================ */
a { text-decoration: none; }           /* Delete link underline */

/* ============================================================ */
/* .char_title                                                  */
/* ============================================================ */
.char_title{ font-size: 50px; font-weight: bold; }
.char_subtitle{ font-size: 40px; font-weight: bold; }
.char_normalsubtitle{ font-size: 35px; font-weight: bold; }
.char_normal{ font-size: 30px; }
.char_smallnormal{ font-size: 25px; }
.char_small{ font-size: 20px; }
.char_tinysmall{ font-size: 15px; }
.char_tiny{ font-size: 10px; }
/* ============================================================ */
/* .wrap_all                                                    */
/* ============================================================ */
.wrap_all
{
  width:              1000px;
  height:             2894px;
  margin:             0 auto;
  font-family: "Helvetica Neue", Arial;
}
/* ============================================================ */
/* .wrap_header                                                 */
/* ============================================================ */
.wrap_header
{
  width:              100%;
  height:             80px;
  margin:             0 auto;
  margin-bottom:      15px;
  background-color:   #FFEFDB;
  background-repeat:  repeat;
  background-size:    100%;
  float:              center;
}

.box_header
{
  padding:            20px;
}
/* ============================================================ */
/* .wrap_left                                                   */
/* ============================================================ */
.wrap_left
{
  width:              30%;
  height:             2670px;
  margin:             0 auto;
  background-color:   #FFFFFF;
  background-repeat:  repeat;
  background-size:    100%;
  float:              left;
}

.wrap_left_top
{
  width:              90%;
  height:             200px;
  margin-top:         15px;
  margin-left:        15px;
  margin-right:       15px;
  background-color:   #FFFFFF;                                  
  border:             2px solid #0096D6;
  float:              center; 
}

.figure_left 
{
  padding:            20px;
}

.wrap_left_bottom
{
  height:             200px;
  margin-top:         -15px;
  padding-left:       15px;
  padding-right:      15px;
}

.box_left
{
  padding-top:        10px;
}
/* ============================================================ */
/* .wrap_right                                                  */
/* ============================================================ */
.wrap_right
{
  width:              70%;
  height:             2619px;
  margin:             0 auto;
  float:              right;
}

.box_right
{
  padding-right:      10px;
  padding-left:       50px;
  p
  {
    line-height:      1.5;
  }
}
/* ============================================================ */ 
/* .wrap_footer                                                 */ 
/* ============================================================ */ 
.wrap_footer
{
  width:              100%;
  height:             80px;
  margin:             0 auto;
  margin-top:         14px;
  background-color:   #FFEFDB;
  background-repeat:  repeat;
  background-size:    100%;
}

.box_footer
{
  padding:            15px;
}
/* ============================================================ */ 
/* .cb  #release float                                          */ 
/* ============================================================ */ 
.cb{
  clear:              both;
}
/* ============================================================ */ 
/* For speech bubble
/* ============================================================ */ 
.image-container {
  position: relative;
  width: 560px;
  height: 560px;
}

.click-area {
  position: absolute;
  cursor: pointer;
}

.tooltip {
  position: absolute;
  background-color: #ffffcc;
  border: 1px solid #aaa;
  padding: 8px 12px;
  border-radius: 10px;
  display: none;
  white-space: nowrap;
  box-shadow: 2px 2px 6px rgba(0,0,0,0.3);
  z-index: 10;
  font-size: 16px;
}