@charset "utf-8";
/*----------ページ背景変更*/
body { background:#CEAAC5;}

/*-----------[プラン一覧]ページ、プラン・泊食分離で選ぶ、カレンダー月別、カレンダー　--------　リンク文字変更*/
#container,#list_search li a,#navlist a,#navlist a:link,table.calender a, .secret_title { color:#3C022E; }


/*-----------[プラン一覧・詳細]　プラン名　背景色・文字　変更*/
.PlanView .plan,.planName { background:#3C022E; color:#FFF;}


/*-----------[プラン一覧・詳細]　カテゴリ名　追加オプション　カテゴリ名　リストマーク　画像変更*/
.categoryname,.option_categoly{ margin:15px 0 8px 0; background:url(../img/list_mark1.gif) no-repeat 0 center ; color:#000; }


/*-----------[プラン一覧] カテゴリリスト　リンク　文字色　変更*/
.categoryList li a,.roomlist li a,.CatchCopy { color:#1B82A9;}


/*-----------[プラン詳細]　プラン料金表見出し、カレンダーリンク背景色　変更*/
.explan div.DetailComment dd dt,.om_head,#navlist a, #navlist a:link ,table.calender a,.secret_title { background:#F3E4EF;}
table.priceset th{ background:#EEE; }

/*-----------[プラン一覧・詳細] 部屋一覧　詳細コメント*/
/*
.roomlist { margin-top:15px; background:#EEE; border:1px solid #CCC; padding-top:5px;}
.roomlist p { padding-bottom:10px;}
.roomlist li { display:block; padding:3px 0 3px 7px ; margin-bottom:5px; background:url(../img/arrow2.gif) no-repeat right center #CBC9B1;}
.roomlist li a{  display:block; padding:3px 0 3px 7px ; color:#000;}
*/
.explan div { padding:0; margin:0; }
.explan div.DetailComment dl{ padding:0; }
.explan div.roomlist,.explan div.DetailComment dl { background:url(../img/room_list_base.gif) no-repeat left bottom; margin-bottom:15px; border:none; }
.explan div.roomlist p,.explan div.DetailComment dt { margin-bottom:15px; background:url(../img/room_list_head_bg.gif) no-repeat 0 0 ; text-align:center; padding:3px 0;}
.explan div.roomlist ul { margin-left:5px;width:290px;}
.explan div.roomlist li { display:block; line-height:30px; padding:0 0 0 15px; margin:3px 0 5px 0; /*padding-left:15px;*/ background:url(../img/room_list_bg.gif) no-repeat 0 0; border:1px solid #EEE; }
.explan div.roomlist li a { font-weight:bold; padding:0; margin:0; }

/*-----------[プラン一覧・詳細] ナビゲーション*/
#list_search li, .back_to_roomcalender a{ background:url(../img/search_bg.gif) no-repeat 0 0;}
#list_search li a:hover,#plan_list #n-plan_search,#plan_separat #n-separat_search{ background:url(../img/search_bg_on.gif) no-repeat 0 0 ;}

/*-----------[プラン一覧・詳細] メニュー*/
#list_search { height:32px;border:none; margin-bottom:10px; }

/*-----------[プラン一覧・詳細] カテゴリ一覧*/
.categoryList li a,.roomlist li a,.CatchCopy { color:#1B82A9;}
.categoryList { background:url(../img/category_base_bg.gif) no-repeat left bottom; border:none; }
.categoryList ul { padding:10px 30px 20px 30px;}
/*.categoryList li { padding-left:10px; background:url(../img/dotted.gif) repeat-x left bottom;}*/
.categoryList li a { text-decoration:none;}
.categoryList li a:hover { text-decoration:underline; }
.categoryList .categoryListHead { background:url(../img/category_head_bg.gif) no-repeat 0 0 ; padding-left:15px; font-size:115%;}

/*-----------[プラン一覧・詳細] ナビゲーション*/
.navigation { background:#fff; border-top:1px solid; color:#000; }

/*-----------[プラン詳細・宿泊プランの一覧（部屋タイプ別）] 一覧コメント*/
.CatchCopy, .roomplan_comment { background:url(../img/category_base_bg.gif) no-repeat left bottom;font-size:105%; margin:10px 0 25px 0; padding:0; border:none; }
.CatchCopy div, .roomplan_comment div{ background:url(../img/category_basetop_bg.gif) no-repeat left top; padding:30px 30px 10px 30px; border:none;}

/*-----------[宿泊プランの一覧（部屋タイプ別）] 部屋タイプコメント*/
.roomplan_comment { background:url(../img/explan_comment_base_bg.gif) no-repeat left bottom; }
.roomplan_comment div{ background:url(../img/explan_comment_basetop_bg.gif) no-repeat left top; }

/*-----------[プラン詳細] 空室状況 追加オプション*/
.area_title { margin:0; background:url(../img/ber.gif)  no-repeat 0 0; border:none; line-height:33px; }

/* 部屋タイプ別カレンダー */
table.roomcalender .roomtype, table.roomcalender .roomplan a{ background:#F3E4EF; color:#000; }

/* 宿泊条件入力 */
.order_header { background:#F3E4EF; color:#000; }

/* 見積り以降 */
.commoninfo th{ background:#F3E4EF; }
.memberbook, .normalbook, .backto{ border:2px solid #F3E4EF; }
.memberbook p.title, .normalbook p.title, .backto p.title{ background:#F3E4EF; }

/*-----------[予約条件入力以降] ナビゲーション*/
#reservemenu li { background-color:#F3E4EF; }
#order #r-order,#estimate #r-estimate,#input #r-input,#confirm #r-confirm,#complete #r-complete,
{ background-color:#3C022E; color:#FFF; }

.load {background:url(../img/loading.gif) no-repeat center;}

.message_summary{ border-bottom:2px solid #3C022E; }
.reserve_no{ border-color:#F3E4EF; }