@charset "utf-8";
div,p,td,ul,li,dl,dt,dd,table{ margin:0; padding:0; }
ul{ margin:0; padding:0; }
li{ margin:0; list-style:none; }
img { border:0;}
hr.clear{ clear:both; height:1px ;border:0; border-color:#FFF;}

.PlanView:after,
.category :after,
#list_search:after{ content:" "; clear:both; height:0px ; display:block; margin:0;padding:0;}


#container { padding:0 10px; width:610px; font-size:85%; line-height:1.6em; background:#FFF;}

.navigation { border-bottom:1px solid; padding:2px 15px; margin:3px 0 15px 0; }

#list_search { height:32px;margin-bottom:15px; font-size:14px; font-weight:bold; }
#list_search li{ display:block; float:left; width:169px; height:30px; margin-right:2px; background:url(../img/search_bg.gif) no-repeat 0 0;text-align:center;line-height:35px; }

#list_search li a{ display:block; float:left; width:169px; height:30px; margin-right:2px; }

#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 li #n-condition_search,#list_search li a#n-condition_search :hover{ background:#FFF url(../img/search_bg.gif) no-repeat 0 0; color:#3C022E;}
*/
#n-condition_search a:hover{ background:#FFF url(../img/search_bg.gif) no-repeat 0 0; color:#3C022E;}

#category_div{ clear:both; }
.categoryList { clear:both; line-height:30px; }
/*.categoryList p,.categoryList li { border-bottom:1px solid #A8A68E;}*/
.categoryList li { padding-left:10px; background:url(../img/dotted.gif) repeat-x left bottom;}
.categoryList .categoryListHead { background:#CBC9B1; padding-left:15px;}

/*
.categoryList { clear:both; line-height:2.5em; background:url(../img/category_base_bg.gif) no-repeat left bottom; }
.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%;}
*/
#search{ margin:5px 0; }
#search label{ font-weight:normal; }
#search p input,#search p a{ margin-left:200px; margin-bottom:10px; vertical-align:middle; }

#search p.button{ text-align:center; }
#search p.button input,#search p.button a{ margin:10px 0 10px 20px; vertical-align:middle; }
#search dl{ clear:both; width:570px; margin:2px 5px; padding:2px 5px; border-bottom:1px dashed #CCC; }
#search dt{ width:100px; float:left; line-height:1.2em; }
#search dd{ margin-left:110px; }
#search dd dl.personnum{ width:auto; border:none; }
#search dd dl.personnum dt{ width:auto; text-align:right; padding-right:10px; }

.catetory { padding:15px 0 ;}
.categoryname {padding-left:25px; margin:15px 0 8px 0 ; font-size:16px; font-weight:bold;}
.PlanView { clear:both; padding-bottom:15px;}
.PlanView .plan,.planName { font-size:110%;font-weight:bold; padding:6px 0 6px 15px; margin-bottom:10px;}
.roomName { padding:3px 0 3px 15px; border-top:1px solid #CCC; border-bottom:1px solid #CCC; font-weight:bold; }

.picture { float:left; width:280px; }
.picture .main_picture { width:280px; height:280px; border:none; text-align:center; }
.picture .thumbnail_picture_list { width:280px; border:none; }
.picture .thumbnail_picture { padding:2px; float:left; border:none; }
.picture .tiny { font-size:90%; }
.explan { float:right; width:310px; }
.explan div { padding:0 0 10px 0;margin:15px 0 0 10px; }
.explan div.comment { padding-bottom:10px; }

.prodImageCell img,.productThumbnail img { border:1px solid #CCC;}/*サムネール画像*/
.prodImageCell img a:hover,.productThumbnail img a:hover { border:1px solid #FB045B;}

.explan div.DetailComment dt { margin-bottom:5px;letter-spacing:1em;}
.explan div.DetailComment dd { padding-bottom:10px;}
.explan div.DetailComment dd table { width:94%; margin-left:3%;}
.explan div.DetailComment dd table td { text-align:center; border-bottom:1px dashed #CCC; padding:4px 2px; font-size:95%;}
.explan div.DetailComment dd dl { background-image:none; margin-bottom:0; padding:0 15px;}
.explan div.DetailComment dd dt { background-image:none;/*background:url(../img/arrow.gif) no-repeat 0 0.5em ;*/ padding-left:15px; margin-bottom:0;text-align:left; letter-spacing:0;}
.explan div.DetailComment dd dd { padding:0 0 0 30px; background:#F7F7F7;}
/*.explan div.DetailComment dd table.tb_detail th { width:30%; padding:2px 0 ; vertical-align:top; border-bottom:1px dashed #CCC;}
.explan div.DetailComment dd table.tb_detail td { text-align:left;}
*/
.priceset td,.priceset th{ font-size:90%; }
table.priceset{ width:100%; border-collapse:collapse; }
.priceset td, .priceset th{ padding:1px 5px; border:1px solid #CCC; }

.option,.calender { padding-top:30px;}
.area_title {  padding-left:15px; font-size:14px;line-height:33px; letter-spacing:0.1em;font-weight:bold; }

.option_categoly {padding:0 0 5px 20px; font-weight:bold;font-size:14px; margin-top:20px;}

.option table { margin:0 0 5px 20px; width:540px; border-top:1px solid #CCC;/*border-bottom:1px dashed #CCC;*/}
.option td { padding:2px 0 2px 30px; vertical-align:middle;}
.option td.om_head { padding-left:10px; font-weight:bold; text-align:left; }
.option td.om_price { padding-left:2px; width:80px; text-align:center;border-left:1px dashed #CCC; vertical-align:middle;}
.option td.om_img { padding-top:0; padding-left:2px; width:100px; vertical-align:top; }

.RoomPicture{padding-top:30px;}

.optioncaution{ color:red; font-size:0.9em; }

/*カレンダー*/
table.calender{ clear:both; margin-left:auto; margin-right:auto; max-width:600px; min-width:250px; margin-top: 0.2em; margin-bottom: 1em; width: 100%; border-collapse: separate; border-spacing: 2px; font-size: 100%; font-family:'ＭＳ ゴシック',sans-serif; }
table.calender th { color: #fff; background-color:#666666; /*border-top: solid 1px black; border-left: solid 1px black;*/ text-align: center; }
table.calender td { background-color:#EEEEEE; border:1px solid #CCC; text-align: center; vertical-align:top;}
table.calender td span.cal_date{ font-weight:bold; font-size:120%; text-decoration:none; }
table.calender td span.cal_price{ font-weight:normal; }
table.calender td span.cal_label{ font-weight:normal; font-size:80%; }
table.calender td span.cal_state{ font-weight:normal; text-decoration:none; }
table.calender a { display: block; font-weight: bold; border-top:1px solid #D3D3D3; border-right:1px solid #A9A9A9; border-bottom:2px solid #A9A9A9; }
table.calender a {/*color: blue; background-color: #ddd;*/}
table.calender a:hover {background-color: #fff;}
#sat {color:blue;}
#sun {color:red;}
#room_vacant_cal .sat {color:blue; background-color:#E0FFFF;}
#room_vacant_cal .holiday {color:red; background-color:#FFE4E1;}
.off_day {color:red;}
.caution{ color:red; }

/*カレンダータブ*/
#navcontainer { /* none needed */ clear:both; }
ul#navlist { margin: 0; padding: 0; list-style-type: none; white-space: nowrap; }
ul#navlist li { float: left; font-family: verdana, arial, sans-serif; font-size: 11px; font-weight: bold; margin:0 3px ; padding: 5px 0 4px 0; /*background-color: #eef4f1; border-top: 1px solid #e0ede9; border-bottom: 1px solid #e0ede9;*/ }
#navlist a, #navlist a:link { padding: 5px 9px 4px 9px; border-right:1px solid #666; text-decoration: none; /*margin: 0;color: #95bbae;border-right: 1px dashed #d1e3db;color:#666;*/ }
#navlist li#active a{ color: #95bbae; background-color: #deebe5;}
#navlist a:hover { color:#333; background:#CCC; /*color: #74a893; background-color: #d1e3db;*/ }

/* 部屋タイプ別カレンダー */
table.roomcalender { font-size:90%; }
table.roomcalender .month{ font-size:120%; }
table.roomcalender .roomtype, table.roomcalender .roomplan a{ background-color:#CBC9B1; font-weight:normal; }


.back_to_roomcalender{ float:right; }
.link_to_list { float:left; }
.back_to_roomcalender a,
.link_to_list a { width:10.5em; display:block; height:30px; margin-right:2px; padding:0 3px; background:#eee; border:none; text-align:center;line-height:35px; text-decoration:none; border:1px solid #CCC; font-size:0.9em; }
#roomcalender_nav .back_to_roomcalender a { width:169px; display:block; height:32px; background:url(/v4/client/default/img/search_bg_on.gif) no-repeat 0 0; border:none; text-align:center;line-height:35px; text-decoration:none; vertical-align:middle; }

/* 部屋タイプ別カレンダー 下のカレンダータブ */
#bottom_navcontainer { clear:both; }
#bottom_navcontainer #navlist li#active a, #bottom_navcontainer #navlist li a{ color:#000; background-color: #fff;}
#bottom_navcontainer #navlist a:hover { color:#333; background:#CCC; }

/* 部屋タイプ別プランの一覧 */
#planlist_by_room td { padding:3px 5px; }
#planlist_by_room table{ width:100%; }
#planlist_by_room .col2{ width:140px; }
#planlist_by_room .col3{ width:70px; }

#optionBody .om_estimate{ padding-left:2px; width:220px; text-align:center;border-left:1px dashed #CCC; vertical-align:middle; }
#reqOptionBody .om_estimate{ padding-left:2px; width:220px; text-align:center;border-left:1px dashed #CCC; vertical-align:middle; }

.option .day{ padding:5px; background:#eee; }

.submitbutton{ padding:5px; text-align:right; }
.hiddenfield{ display:none; }

#footer{ clear:both; padding:10px 0 10px 0; }
#footer .backtopagetop{ text-align:right; }
#footer .back ul{ margin:5px; }
#footer .back ul li{ display:inline; float:left; margin-right:20px; }
#footer .back ul li a{ display:block; }


#reservemenu{ clear:both; margin:0 0 8px 0; padding:5px 0 4px 0; }
#reservemenu ul { list-style:none; }
#reservemenu li { display:block; float:left; width:115px; padding-top:2px; height:2em; margin-right:2px; background-color:#EEE; font-size:13px; text-align:center; vertical-align:middle; }

#order #r-order,#estimate #r-estimate,#input #r-input,#confirm #r-confirm,#complete #r-complete,
{ background-color:gray; color:#FFF; }

.clear { clear:both; }

.contactinfo { margin:5px; padding:10px; border:4px double #CCC;  text-align:center; }
.contactinfo p.description { text-align:left; font-size:125%; font-weight:bold; }

.show_type { text-align:right; }
.show_type span { color:blue; }

.secret_title{ margin:5px 0 10px 0; padding:8px; font-weight:bold; }
.secret_title span{ font-weight:normal; }

.inn_name{ margin-top:5px; font-size:120%; font-weight:bold; }

.loginheader { margin:5px 0 0 0; padding:3px; background-color:#eee; }
.loginheader .member { float:left; padding-left:5px; }
.loginheader .logout { float:right; padding-right:5px; }

.explan div.plan_condition { margin:0 0 8px 0; }
.plan_condition img { margin-right:8px; vertical-align:middle;}


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


/*-----------[プラン一覧・詳細]　プラン名　背景色・文字　変更*/
.PlanView .plan,.planName { background:url(../img/plan_name_bg.gif) no-repeat; }


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


/*-----------[プラン一覧] カテゴリリスト　リンク　文字色　変更*/
.categoryList { border-left:1px solid #A8A68E;border-right:1px solid #A8A68E;border-top:1px solid #A8A68E; background:#EEE; }
#search{ margin:5px 0; border-bottom:1px solid #A8A68E; }


/*-----------[プラン一覧] 部屋一覧*/
.explan div { padding:10px 5px 5px 5px ;}
.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;}


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

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

/*-----------[プラン一覧・詳細] ナビゲーション*/
.navigation { background:#938E64; color:#fff; }


/*-----------[プラン詳細・宿泊プランの一覧（部屋タイプ別）] 一覧コメント*/
.CatchCopy, .roomplan_comment { margin:10px 0; padding:8px; background:#EEE; border:1px solid #CCC; }
.CatchCopy div, .roomplan_comment div{ background:#EEE; }

/*-----------[プラン詳細] 詳細　料金*/
.explan div.DetailComment dl{ margin-top:5px; padding:5px; background:#EEE; border:1px solid #EEE; }
.explan div.DetailComment dt{ background:#FFF; font-weight:bold; text-align:center; }

/*-----------[プラン詳細] 空室状況 追加オプション*/
.area_title { margin-bottom:5px; background:#ECEBDE; border-bottom:3px solid #B3B092; border-left:5px solid #CBC9B1; line-height:25px; }

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

/* 宿泊条件入力 */
.order_header { margin-top:10px; padding:3px 10px; background:#CBC9B1; color:#000; font-size:120%; font-weight:bold; }
.order_show { border:none; margin:0px auto; }
.order_show th { font-weight:normal; }
.order_show td { padding:3px; font-weight:bold; }
.order_show .plan_name { font-size:130%; width:400px; }

.order_condition { margin:2px auto; width:100%; }
.order_condition, .order_condition th, .order_condition td{ padding:5px; border:1px solid #CCCCCC; border-collapse:collapse; }
.order_condition th{ background:#EEEEEE; text-align:right; }
#guestBody .order_condition th{ text-align:center; }

.guest_label { background:#F7F7F7; }
.order_detail { margin:2px auto; width:90%; }

/* 見積り以降 */
.commoninfo th{ background:#CBC9B1; color:#000; }
.memberbook, .normalbook, .backto{ border:2px solid #CBC9B1; }
.memberbook p.title, .normalbook p.title, .backto p.title{ background:#CBC9B1; color:#000; }
.message_summary{ border-bottom:2px solid #CBC9B1; }
.reserve_no{ border-color:#CBC9B1; }

/*--------プラン一覧ページのプランイメージ　サムネールのガタガタ修正に　一役買う　　（多分）---------------*/
.picture .thumbnail_picture {/* border:1px solid; */height:50px; overflow:hidden;}

/* 泊食分離 */
#plan_separat .explan { width:300px; margin-right:10px }
#plan_separat .explan table { width:100%; border-collapse:collapse; }
#plan_separat .explan td,
#plan_separat .explan th{ padding:10px 5px; border:1px solid #333333; text-align:left; }
#plan_separat .explan th { width:5em; background-color:#999999; color:#FFF; }
.bb_about_room{ margin:5px 0 15px; padding-left:13px; background:url(../../colors/img/pipe_list_head.gif) no-repeat 0 0; font-size:14px; font-weight:bold; }
.to_detail_bb input{ margin-top:15px; padding:3px; float:right; }