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

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%; margin: 0; color: #fff;}


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

/* 画像 */
#recommend .picture { float:right; width:170px; margin: 20px 0 0 0; }/* 画像 */

/* プラン名 */
#recommend h4 { margin: 5px 0; padding: 5px 0 5px 10px; font-weight:bold; font-size:110%; color: #fff; background: url(../img/list_bg2.gif) no-repeat;}

/* プラン一覧のコメント */
#recommend p { padding: 3px 0 3px 20px; margin:0; font-size:97%;}

/* 部屋リスト */
#recommend ul { padding: 3px; margin: 0 0 0 30px; font-size: 100%;}
#recommend li { display:block; padding:2px 0 2px 2px; margin-bottom:5px; }
#recommend li a{  display:block; padding:2px 0 2px 15px; color:#4781AF; background: url(../../top/img/yoyaku_list.gif) no-repeat right center; text-decoration: underline;}
#recommend li a:hover {color:#AEBECB; text-decoration: underline;}


*html #recommend li a{  display:block; padding:2px 0 2px 15px; color:#4781AF; background: url(../../top/img/yoyaku_list.gif) no-repeat right center; text-decoration: underline; width: 460px;}


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



/*----------------------------------------------------------------
140910_　おすすめプラン自動書き出し設定
-----------------------------------------------------------------*/

#recommend_col{ }
#recommend_col * { padding:0; margin:0; border:0; }
#recommend_col li{ list-style:none; }

#recommend_col .PlanView,
#recommend_col .planview { clear: both; display:inline-block; font-size: 100%; margin: 0; color: #fff;}
#recommend_col .PlanView:after,
#recommend_col .planview:after { content:" "; clear:both; display:block; height:0; }
#recommend_col .plan { background: url(../img/list_bg2.gif) ; margin: 5px 0; color: #fff; font-size:110%; font-weight:bold; padding: 5px 10px; }

/* 文章の大枠 */
#recommend_col .explan {float:left; margin:15px 5px 5px 5px; width:500px;}

/* 画像 */
#recommend_col .picture { float:right; margin: 20px 0 0 0; width:170px; }/* 画像 */
#recommend_col .picture img { width:170px; }



/* プラン一覧のコメント */
#recommend_col p { padding: 3px 0 3px 20px; margin:0; font-size:97%;}

/* 部屋リスト */
#recommend_col .roomlist ul { font-size: 100%; padding: 3px; margin: 0 0 0 30px;}
#recommend_col .roomlist li { background: url(../../top/img/yoyaku_list.gif) no-repeat right center; display:block; padding:3px 110px 3px 15px; margin-bottom:5px; }
#recommend_col .roomlist li a { color:#4781AF; display:block; text-decoration: underline;}
#recommend_col .roomlist li a:hover { color:#AEBECB; }


*html #recommend_col li a{ background: url(../../top/img/yoyaku_list.gif) no-repeat right center; display:block; padding:2px 0 2px 15px; color:#4781AF; text-decoration: underline; width: 460px;}


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


/* 部屋リストなし　linktype/2　の場合 */
#recommend_col .pblist ul { display:inline-block; float:right; width:110px; }
#recommend_col .pblist li a { background: url(../../top/img/yoyaku_list.gif) no-repeat right center; display:block; height:26px; text-indent:-99999px; width:110px;}