@charset "utf-8";

/* CSS Document */


div#recommend, #recommend p, #recommend td, #recommend ul, #recommend li, #recommend dl, #recommend dt, #recommend dd, #recommend table {
  margin: 0;
  padding: 0;
}

#recommend li {
  margin: 0;
  list-style: none;
}

/* プランの大枠 */

#recommend .PlanView {
  padding:15px 15px 0 0;
  width:362px;
  height:126px;
  float:left;
}
#recommend:after { content: ''; display: block; clear: both; }

/* 文章の大枠 */

#recommend .explan {
  float: right;
  width: 234px;
}

/* 画像 */

#recommend .picture {
  float: left;
  width: 120px;
  height: 126px;
}

#recommend .main_picture {
  width: 120px;
  height: 126px;
  border: none;
  text-align: center;
  overflow: hidden;
}

#recommend .yoyakuban_main_picture_img {
  width: 128px;
  float: center;
}

/* プラン名 */

#recommend .PlanView .plan {
  font-size: 107.8%;
  color: #FFF;
  background: url(../../common/images/bg_ttl.jpg);
  margin: 0 0 5px 0;
  padding: 6px 4px;
  /*margin-bottom: 5px;
  padding: 3px 0 0 2px;
  font-weight: bold;
  font-size: 100%;
  border-bottom: 1px solid #000;*/
}

/* プラン一覧のコメント */

#recommend .explan .comment {
  padding: 0px;
  margin: 0;
  font-size:87%;
  line-height:1.4em;
  height:45px;
  width:auto;
  overflow:hidden;
}

/* 部屋リスト */

#recommend .explan div.roomlist {
  margin: 5px 0 0 0;
  padding: 2px 2px 0 2px;
  background: #FFF;
  border: 1px solid #CCC;
  font-size:92.4%;
  line-height:1.35em;
}

#recommend .roomlist li {
  display: block;
  padding: 2px 0 2px 2px;
  margin-bottom: 2px;
  background: #EEE;
}

#recommend .roomlist li a {
  display: block;
  padding: 2px 0 2px 2px;
  color: #000;
}

/* 「▼このプランに該当するお部屋タイプ」 */

#recommend .explan .roomlist p.room_list_header { display: none; /* padding-bottom:5px; */ }

#recommend {
  width: 755px;
}
