/* CSS Document */
#recommend{ width:510px; margin:5px 10px; }

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

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

/* プランの大枠 *//* 1つのプランの大枠-----　小文字class名は　css2対応時に効かせます */
#recommend .PlanView,
#recommend .planview { clear:both; font-size:100%; background:#FFF;}

/* 文章の大枠 */
#recommend .explan {float:right; width:360px; margin:5px;}

/* 画像 */
#recommend .picture { float:left; width:130px;}/* 画像 外枠*/
#recommend .main_picture { overflow:hidden; width:130px; border:none; text-align:center; }/* 画像 枠*/
#recommend .yoyakuban_main_picture_img { width:140px; margin:10px 0px 10px 5px; float:center; }/* 画像 */

/* プラン名 */
#recommend .PlanView .plan,
#recommend .planview .plan{ margin:5px 0; padding:3px 0 0 18px; font-weight:bold; font-size:100%; background:url(../image/index/mark.gif) no-repeat left top;  border-top:solid 1px #9b908e;}

/* プラン一覧のコメント */
#recommend .explan .comment { padding:0 0 0 5px; margin:0;}

/* 部屋リスト */
#recommend .explan div.roomlist{ margin:5px 0 0 10px; padding:5px 5px 0 5px; background:#FFF; /*border:1px solid #CCC;*/ }
#recommend .roomlist li { display:block; padding:2px 0 2px 2px ; margin-bottom:5px; /*background:#EEE;*/}
#recommend .roomlist li a{  display:block; padding:2px 0 2px 8px ; color:#970d01; text-decoration:underline; background:url(../image/index/plan_li.gif) no-repeat left top;}
#recommend .roomlist li a:hover{ color:#003366;}

/* 「▼このプランに該当するお部屋タイプ」 */
#recommend .explan .roomlist p.room_list_header{ display:none; padding-bottom:5px; }