/*=====================================
民営国民宿舎Webガイド『お宿』スタイルシート
=====================================*/

@import "../common/css/style.css";

#HEADER{height:72px;background:url('img/yado_bg.jpg') left bottom repeat-x;}


/*=== #SIDE
===========================*/
#CONTENTS #SIDE p{margin:1em 0.5em 1em 1em;}
#CONTENTS #SIDE dl{margin:1em;}
#CONTENTS #SIDE h2{margin:25px 0 15px 0;}
#CONTENTS #SIDE p,#CONTENTS #SIDE li,#CONTENTS #SIDE dd{line-height:130%;}
#CONTENTS #SIDE dt{font-weight:bold;margin-top:1em;}


/*-- お宿一覧 --*/
#AREA #CONTENTS #SIDE h2{margin:0 0 15px 0;}

/*-- お宿写真 --*/
#SIDE #YPHOTO{width:200px;background:url('img/yphoto_bg.jpg') left top repeat-y;border-top:1px solid #EBE9D7;border-bottom:1px solid #EBE9D7;}
#SIDE #YPHOTO p{margin:0.5em 8px;font-size:90%;}
#YNAME{font-weight:bold;}
#YIMG img{border:1px solid #fff;}
#CONTENTS #SIDE #YSITE{margin:0;text-align:right;}

/*-- information --*/
#SCONT{background:url('img/scont_bg.gif') right top repeat-y;padding:0 0 30px 0;}
#SCONT .list-3{margin:1em;}
#SCONT .list-3 li{}

/*-- menu --*/
#SMENU{width:195px;height:140px;margin:0;background:url('img/smenu_bg.jpg') left top no-repeat;padding:18px 0 0 0;margin-top:25px;}
#SMENU ul{list-style:none;margin:0;}
#SMENU li{margin:0;}
#SMENU a{display:block;text-indent:-9000px;width:195px;height:26px;background:url('img/smenu.jpg') left top no-repeat;}
#SMENU a:hover{background:url('img/smenu_on.jpg') left top no-repeat;}
#SMENU #DM-5 a{background-position:0 0;}
#SMENU #DM-6 a{background-position:0 -26px;}
#SMENU #DM-7 a{background-position:0 -52px;}
#SMENU #DM-8 a{background-position:0 -78px;}

#YADO-5 #SMENU #DM-5 a,#YADO-6 #SMENU #DM-6 a,#YADO-7 #SMENU #DM-7 a,#YADO-8 #SMENU #DM-8 a{background:url('img/smenu_on.jpg') left top no-repeat;}
#YADO-5 #SMENU #DM-5 a{background-position:0 0;}
#YADO-6 #SMENU #DM-6 a{background-position:0 -26px;}
#YADO-7 #SMENU #DM-7 a{background-position:0 -52px;}
#YADO-8 #SMENU #DM-8 a{background-position:0 -78px;}

/*-- net予約 --*/
#NET{background:url('img/net_bg.gif') left top no-repeat;margin-top:25px;}
#CONTENTS #SIDE #NET p{margin:0;}
#CONTENTS #SIDE #NET ul{margin:1em 1.5em 1em 55px;}
#NET li{margin:0.3em 0 0 0;}

/*-- 地域一覧 --*/
#AREA .horizon .b{font-weight:bold;}
#AREA #SCONT .dl-red dd{font-size:85%;}


/*=== #FRONT
===========================*/
#CONTENTS h1{width:560px;height:40px;}
#CONTENTS #FRONT h2{margin:50px 0 15px 0;}
*html #CONTENTS #FRONT h2{margin:15px 0;}
#CONTENTS #FRONT h3{margin:1.5em 1em 1em 1em;}

#FRONT .place{margin:0;color:#BE726D;font-size:80%;padding-left:7px;}

/*-- menu --*/
#DMENU{width:560px;margin:15px 0 0 0px;background:url('img/dmenu.jpg') left top no-repeat;}
#DMENU ul{list-style:none;margin:0;}
#DMENU li{display:inline;float:left;margin:0;}
#DMENU a{display:block;text-indent:-9000px;height:20px;background:url('img/dmenu.jpg') left top no-repeat;}
#DMENU a:hover{background:url('img/dmenu.jpg') left top no-repeat;}
#DMENU #DM-1 a{width:82px;background-position:0 0;}
#DMENU #DM-1 a:hover{background-position:0 -50px;}
#DMENU #DM-2 a{width:87px;background-position:-82px 0;}
#DMENU #DM-2 a:hover{background-position:-82px -100px;}
#DMENU #DM-3 a{width:137px;background-position:-169px 0;}
#DMENU #DM-3 a:hover{background-position:-169px -150px;}
#DMENU #DM-4 a{width:122px;background-position:-306px 0;}
#DMENU #DM-4 a:hover{background-position:-306px -200px;}
#DMENU #DM-9 a{width:132px;background-position:-428px 0;}
#DMENU #DM-9 a:hover{background-position:-428px -250px;}

#YADO-1 #DMENU #DM-1 a{background-position:0 -50px;}
#YADO-2 #DMENU #DM-2 a{background-position:-82px -100px;}
#YADO-3 #DMENU #DM-3 a{background-position:-169px -150px;}
#YADO-4 #DMENU #DM-4 a{background-position:-306px -200px;}
#YADO-9 #DMENU #DM-9 a{background-position:-428px -250px;}

#DCONT{height:auto !important;min-height:600px;height:600px;}

.table-1{margin:0.5em 0 2em 25px;width:530px;border-collapse:collapse;}
.table-1 td, .table-1 th{text-align:left;padding:3px 3px 3px 5px;border:1px solid #E2D1B4;}
/*--旧 thピンク
.table-1 th{background:#F5ECE7;color:#555;}--*/
.table-1 th{background:#EEECDD;color:#6F5C3C;}
.table-1 td{vertical-align:top;}

/*-- お宿一覧 --*/
#AREA #CONTENTS h1{margin:0 0 2em 15px;width:770px;}
#AREA #CONTENTS #FRONT h1{margin:0 0 2em 0;width:560px;}
#AREA #CONTENTS #FRONT .horizon{margin-left:0;}
#AREA .col3-l{float:left;width:250px;margin:0 0 0 10px;padding-left:5px;border-left:1px dotted #E3DFC6;}
#AREA .col3-l .list-2{margin-bottom:2em;}
.area-map{margin:2em 0 0 0;}


/*-- 特色 --*/
.point{margin:0 0 0 1em;}
.point table{width:520px;border-collapse:collapse;margin-left:10px;}
.point td{vertical-align:top;font-size:85%;padding:0 10px 20px 0;}
.point div{margin:0 0 3px 0;border:1px solid #E2D1B4;text-align:center;width:242px;height:182px;}
.point .no1{width:512px;height:auto;}
.point img{border:1px solid #fff;}

/*-- 基本情報 --*/
#YADO-2 .table-1 th{width:100px;}
#YADO-2 .table-1 .w-1{width:70px;}
#YADO-2 .table-1 .w-2{width:360px;}

/*-- プラン --*/
#YADO-3 #CONTENTS #FRONT p.f-r{margin:0 1em 0.5em 1em;}
#YADO-3 .table-1{clear:right;}
#YADO-3 .table-1 th{width:90px;}
#YADO-3 #CONTENTS .link-1{margin:2em 1em 2em 25px;}

/*-- 見どころ --*/
.view-spot{}
#CONTENTS .view-spot p{background:url('../common/img/bor_b1.gif') left bottom repeat-x;padding-bottom:1.5em;margin-bottom:2em;}
/*--
#CONTENTS .view-spot .vphoto{width:402px;border:1px solid #E2D1B4;padding:0;margin-bottom:0.5em;}--*/
#CONTENTS .view-spot .vphoto{background:none;padding:0;margin-bottom:0.5em;}
#CONTENTS .view-spot .vphoto img{border-top:1px solid #E2D1B4;border-right:2px solid #E2D1B4;border-bottom:2px solid #E2D1B4;border-left:1px solid #E2D1B4;}


/*-- 空室情報 --*/
.pager{width:530px;margin:1.5em 0 0 25px;height:2em;}
#CONTENTS .pager p{margin:0;font-size:80%;}
.calendar{margin:2em 0 1em 25px;}
.calendar table{margin:0 10px 1em 0;border-collapse:collapse;width:260px;}
.calendar th{padding:5px 0;border:1px solid #E2D1B4;background:#f1f1f1;font-weight:normal;}
.calendar th.month{font-weight:bold;background:#EEECDD;color:#555;font-size:120%;border-bottom:2px solid #999;}
.calendar td{width:30px;padding:5px;border:1px solid #E2D1B4;vertical-align:top;white-space:nowrap;text-align:center;font-weight:bold;color:#555;}
.calendar .sun{background:#FFDFDF;}
.calendar th.sun{color:red;}
.calendar .sat{background:#DEEBF5;}
.calendar th.sat{color:#009DE9;}
.calendar .end{background:#f1f1f1;color:#999;}
#YADO-5 #CONTENTS .link-1{margin:2em 1em 2em 25px;}

/*-- 予約方法 --*/
#CONTENTS .dl-reserve{margin:1em 1em 1.5em 25px;}
.dl-reserve dt{padding:0;margin-top:1.5em;}
.dl-reserve dd{margin-left:2em;}
#CONTENTS .dl-reserve .list-2{margin:1em 1em 1em 0;}
#YADO-6 .table-1 th{width:7.5em;}
#YADO-6 .table-1 td.k1{width:4.5em;}
#YADO-6 .table-1 td.k2{width:2.5em;}

/*-- 地図・交通 --*/
#map{clear:right;display:block;width:530px;height:500px;background:#eee;margin:0.5em 0 1.5em 25px;}
#PRINT{float:right;font-size:80%;background:url('img/print.gif') right center no-repeat;height:auto !important;height:20px;min-height:20px;padding:2px 20px 0 0;}
.mapin{width:250px;}
.mapin dt{font-weight:bold;margin:0 0 1em 0;}
.mapin dd{margin:0;}
.mapin dd.mapin-p{float:right;margin:0 0.5em 0.5em 0.5em;width:100px;height:auto;}
.mapin dd.mapin-a{margin:0 0 0.5em 0;}
#YADO-7 .table-1 th{white-space:nowrap;}


/*-- お問い合わせ --*/
#YADO-8 .dl-gr{margin:1.5em 1em 1.5em 25px;}
#YADO-8 .dl-gr dd{margin-bottom:1.5em;}

/*-- お知らせ --*/
#YADO-9 #FRONT .dl-red{margin-bottom:1.5em;}
#YADO-9 #FRONT .dl-red dt{font-weight:bold;}
#YADO-9 #FRONT .dl-red .cl-r{background:url('../common/img/bor_b1.gif') left bottom repeat-x;}

.page-navi{clear:both;height:1em;margin:0 10px 1em 10px;padding:15px 0 5px 0;font-size:80%;}
.page-navi ul{list-style:none;margin:0;text-align:center;}
.page-navi li{display:inline;margin:0;}
.page-navi a{height:auto !important;height:1px;min-height:1px;}
.page-navi .next{float:right;}
.page-navi .next a{background:url('../common/img/navi_icon1.gif') right center no-repeat;padding:0 8px 0 0;}
.page-navi .back{float:left;}
.page-navi .back a{background:url('../common/img/navi_icon2.gif') left center no-repeat;padding:0 0 0 8px;}
.page-navi .list a{background:url('../common/img/navi_icon3.gif') left center no-repeat;padding:0 0 0 12px;}


/*-- クーポン --*/
#GET-COUPON{margin-top:1.5em;}

#COUPON,#COUPON dl,#COUPON dd{height:auto !important;height:1px;min-height:1px;margin:0;}
#COUPON p{margin:10px 12px 0 9px;}

#COUPON{clear:right;width:512px;margin-left:25px;background:url('img/coupon_bg_t.gif') top left no-repeat;text-align:center;}
#COUPON .c-name{padding-top:25px;font-size:140%;font-weight:bold;}
#COUPON .c-service{color:#8C0003;}
#COUPON .c-limit{margin-top:15px;background:#ddd;padding:3px;}
#COUPON .c-name2{width:350px;margin:0 auto;padding-top:10px;font-size:8pt;text-align:left;border-bottom:1px solid #333;}
#COUPON dl{padding:20px 15px 20px 20px;background:url('img/coupon_bg_b.gif') bottom left no-repeat;text-align:left;font-size:80%;}
#COUPON dt{font-weight:bold;}



/*-- フォーム・検索 --*/
#SEARCH #CONTENTS h1{margin:0 0 2em 15px;width:770px;}
.btn input{padding:2px 5px;}
.btn-search{}
.search{margin:1em 25px 2em 25px;;padding:0.5em 1em;background:#EEECDD;}
.search-kind{font-weight:bold;font-size:110%;color:#8C0003;}
.search-result{margin:0 15px;}
#CONTENTS .search-area{font-weight:bold;margin:2em 1em 0 25px;}
#CONTENTS .search-result .place{clear:left;margin:1em;padding:5px 0;text-align:right;font-size:85%;border-top:1px dotted #DCD7B8;color:#BE726D;}
#CONTENTS .search-result .image{float:left;width:182px;border-right:1px solid #E2D1B4;border-bottom:1px solid #E2D1B4;margin:0 1em 1em 1em;}
#CONTENTS .search-result .image img{border:1px solid #fff;}
#CONTENTS .search-result dl{margin:0 0 0 220px;}
#CONTENTS .search-result dt{font-weight:bold;font-size:110%;margin-bottom:1em;}
#CONTENTS .search-result dd{margin-left:0;}

/*--検索結果ナビゲーション--*/
.pagenavi{height:1.2em;margin:0 1em;padding:5px 0;font-size:85%;}
.pagenavi ul{margin:0;list-style:none;}
.pagenavi li{float:left;margin:0 5px 0 0;}
.pagenavi .number{}
.pagenavi .page{padding-right:5px;border-right:1px solid;}
.pagenavi .back{}
.pagenavi .next{}
.pagenavi .now{font-weight:bold;}


/*--休業中の場合--*/
#CONTENTS h1.suspend {background:url('img/h1_bg_suspend.gif') right bottom no-repeat;}


.view-spot dd,#NET{height:auto !important;min-height:1px;height:1px;}

/*===============================*/