@charset "UTF-8";

/*-----------------------------------------------------
 タイトル
-----------------------------------------------------*/
#pagespace h2 {
  clear: both;
  text-align: left;
}

#pagespace h3 {
  clear: both;
  margin: 10px 0 10px 0;
}

#pagespace h4 {
  clear: both;
  margin: 10px 0 5px 0;
}

.si_alberobello_top {
   float: left;
   clear: both;
   width: 430px;
   text-align: left;
}

.si_alberobello_map_img {
  float: left;
  width: 170px;
}

.si_alberobello_bn {
  clear: both;
  margin-top: 8px;
}

.si_alberobello_photo01 {
  float: left;
  clear: both;
  width: 180px;
  margin-top: 5px;
}

.si_alberobello_text01 {
  clear: both;
  padding: 15px;
}

.si_alberobello_text02 {
  padding: 5px;
  vertical-align: top;
}

.si_alberobello_tour ul li {
  padding: 5px;
}

.si_alberobello_tour ul li span {
  color: red;
}

.si_alberobello_op_box {
  clear: both;
}

.si_alberobello_op_left {
  float: left;
  clear: both;
  width: 120px;
  margin-top: 10px;
}

.si_alberobello_op_right {
  float: right;
  width: 480px;
  margin-top: 10px;
}

.si_alberobello_button_left {
  clear: both;
  float: left;
  width: 300px;
  margin-top: 10px;
}

.si_alberobello_button_right {
  float: right;
  width: 300px;
  margin-top: 10px;
}

.si_alberobello_link {
  clear: both;
  padding: 20px;
  text-align: center;
}