.hp_col {
  width: 240px;
  height: 230px;
  background-repeat: no-repeat;
  float: left;
  color: #ffffff;
}
.hp_col a {
  background-color: #f0f0f0;
  color: #000000;
  text-decoration: none;
  font-weight: bold;
  padding-left: 4px;
  padding-right: 4px;
}
  .hp_col .inner {
    margin: 20px;
  }
  .hp_col h2 {
    font-size: 100%;
  }
  .hp_col p {
    font-size: 90%;  
  }
#hp_col1 {
  background-image: url('../img/layout/bg_hp_col1.png');
}
  #hp_col1 a {
    background-color: #4AA1BA;
    color: #00313F;
  }
#hp_col2 {
  background-image: url('../img/layout/bg_hp_col2.png');
}
  #hp_col2 a {
    background-color: #7AA962;
    color: #1A4F00;
  }
#hp_col3 {
  background-image: url('../img/layout/bg_hp_col3.png');
}
  #hp_col3 a {
    background-color: #CFC174;
    color: #3F3604;
  }
#hp_col4 {
  background-image: url('../img/layout/bg_hp_col4.png');
}
  #hp_col4 a {
    background-color: #CF8D00;
    color: #ffffff;
  }
#main_col1, #main_col2, #main_col3 {
  font-size: 95%;
}
#main_col2 h1, #main_col3 h1,
#main_col2 div.h1, #main_col3 div.h1,
#main_col2 div.h2, #main_col3 div.h2 {
  font-size: 120%;
}