@charset "UTF-8";

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; }

#recommend{ width:540px; margin:0; font-size:75%;}

/* プランの大枠 *//* 1つのプランの大枠-----　小文字class名は　css2対応時に効かせます */
#recommend .PlanView,
#recommend .planview { clear:both; display:inline-block; width:540px; padding-bottom:15px;}
#recommend .PlanView:after,
#recommend .planview :after { content:" "; clear:both; display:block; height:0px;}


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

/* 画像 */
#recommend .picture { float:left; width:100px;}/* 画像 外枠*/
#recommend .main_picture { width:100px; border:none; text-align:center; }/* 画像 枠*/
#recommend .yoyakuban_main_picture_img {width:100px; margin:0; float:center; padding:3px ;border:1px solid #999; }/* 画像 */




/* プラン名 */
#recommend .PlanView .plan,
#recommend .planview .plan{ margin-bottom:5px; padding:5px; font-weight:bold; font-size:110%; color:#FFF; background:#408ec9; }



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

/* 部屋リスト */
#recommend .explan div.roomlist{ margin:10px 0 0 0; padding:5px 0 0 5px;}
#recommend .roomlist li { display:block; padding:2px 0 2px 0 ; margin-bottom:5px;font-weight:bold;}
#recommend .roomlist li a{ background:url(../images/btn-plan-moreinfo1.gif) no-repeat right center;  color:#cb5a06; display:block; padding:2px 180px 2px 0 ; height:2em;}
#recommend .roomlist li a:hover { background:url(../images/btn-plan-moreinfo2.gif) no-repeat right center; color:#c21900; }



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