@charset "UTF-8";

/* お食事　構造
----------------------------------------------------- */

.lower h2 {background-image: url(image/h2_page.jpg);}
.lower #left h2 {background-image: url(image/h2.jpg);}

.lower #head #info_baer {
	display:block;
	background-color: #7b7a75;
	background-image:none;
	padding :0px;
	width:844px;
	height: 34px;
	margin:0px 0px 0px 0px;
	}

#contents h2.guide { background-image: url(image/h2_01.jpg);}

#contents h2.text {
	width: 534px;
	height: 36px;
	background-image: url(image/h2_t.jpg);
	font-size:23px;
	padding :11px 0px 0px 15px;
	margin-bottom:10px;
	text-indent:0em; }

/* レフトナビの背景が伸び切らないので苦肉の策 これより短い時は消す。--- */
/*#left { height: 823px;}*/

.lower #left h2 {background-image: url(image/h2.jpg);}

/* - ページタイトル --- */
#contents h2.plan { background-image: url(image/h2_01.jpg);}


/* レフトナビ　(基本構造はbase.css内)
----------------------------------------------------- */

#left ul.navi li.standard a{ background-image: url(image/l_standard.jpg);}
#left ul.navi li.recommend a{ background-image: url(image/l_recommend.jpg);}
#left ul.navi li.skiplan a{ background-image: url(image/l_skiplan.jpg);}

/* レフトナビ プランのリスト
----------------------------------------------------- */

#left dl.inquiry  {
	display:block;
	background-image: url(image/l_plan_bg.jpg);
	background-position: 0px 100%;
	background-repeat: no-repeat;
	width: 199px;
	margin: 0px;
	padding: 0px 0px 12px 0px;
	text-indent: 0px;}

#left dl.inquiry dt{
	display:block;
	background-image: url(image/l_plan.jpg);
	background-repeat: no-repeat;
	width: 199px;
	height: 45px;
	margin: 0px;
	padding: 0px;
	text-indent: -9999em;}

#left dl.inquiry dd a {
	display:block;
	background-image: url(image/l_plan_arrow.gif);
	background-position: 10px 50%;
	background-repeat: no-repeat;
	background-color: #fff;
	border-top:solid 1px #b58b95;
	margin: 0px 11px 0px 10px;
	padding: 9px 5px 7px 30px;
	color: #49218c;}


#left dl.inquiry dd a:hover { 
	background-color: #fdf2f6;}

/* プラン表組みパターン */

table.box th,tr,td{
	border-collapse:collapse;
	margin:0px;
	border:1px solid #b49d8c;
	padding:9px;
	background-color:#fff;
	vertical-align: middle;
}


small {
  display: block;
  line-height: 1.5;
}

table.box th { background-color:#f2f0e4;}





table.top,
table.bottom {
	width: 549px;
	margin:0px;
	border-top:1px solid #b49d8c;
	border-right:1px solid #b49d8c;
	border-left:1px solid #b49d8c;
	background-color:#fff;}

table.bottom {
	margin-bottom:20px;
	border:1px solid #b49d8c;}

table.top {
	margin-top:17px;}

table.e-pack-table{ width: 579px; }/* Eパック用 */
table.top td,
table.bottom td,
table.top th,
table.bottom th {
	border-right:1px solid #b49d8c;
	padding:7px 7px;}

table.top td,
table.bottom td {
	border-top:1px solid #b49d8c;}
	
table.top td {border-right:0px none;}

table.top th { background-color:#e1dcc0; }

table.top th.sansai { background-color:#c7e9d5; color: #042725; } /* 山菜用 */
table.kinoko th {background: #E4DFEC;}/*キノコ用*/


table.bottom th { background-color:#f2f0e4;}
table.bottom th.att { background-color:#f6f2e6;}

table.box h3,
table.top h3,
table.bottom h3 {
	width: auto;
	height: auto;
	padding : 5px 5px 5px 10px;
	margin: 0px;
	text-indent:0em;
	font-size:1.3em;
	}
table.bottom th.ins { width: 20%;}
table.bottom th.rate { 	width: 218px;}

table.bottom table.non,
table.bottom table.non td,
table.bottom table.non th {
	background-color:transparent;
	padding : 0px;
	margin: 0px;
	border :0px none;
	font-weight: bold;}

table.bottom table.non th { 
width:14em;
font-weight: normal;}



/* プラン表組みパーツ */

table.top a.date  { 
	display:block;
	background-image: url(image/details.jpg);
	background-repeat: no-repeat;
	width:151px;
	height: 20px;
	margin: 20px 0px 2px 0px;
	text-indent :-9999em;
	}

table.bottom a,
table.box a,
table td.box a{
	display:block;
	background-image: url(image/reservation.jpg);
	background-repeat: no-repeat;
	width:255px;
	height: 56px;
	margin: 13px 50px 5px 10px;
	float:left;
	text-indent :-9999em;}

table.top a.date:hover,
table.bottom a:hover,
table.box a:hover { background-position: 0px 100%;}

.event_banner{
	display:block;
	background-image: url(image/reservation.jpg);
	background-repeat: no-repeat;
	background-position: 0 -2px;
	margin: 0 auto;
	width:252px;
	height: 51px;}

.event_banner:hover{
	background-position: 0px -58px;}

table.bottom .tell ,
table.box .tell,
table td.box .tell{
	display:block;
	background-image: url(image/tell.gif);
	background-repeat: no-repeat;
	width:188px;
	height: 70px;
	margin: 5px 0px 5px 0px;
	text-indent :-9999em;
	float:left;}
p.tell.kinoko-tell {background-image: url(image/tell-kinoko.png);}


table.bottom .tell a,
table.box .tell a,
table td.box .tell a{
    display:inline;
    background: none;
    width:auto;
    height: auto;
    margin: 0;
    float:none;}



/* 各プラン------------------- */

#contents h2.text {
	width: 534px;
	height: 37px;
	background-image: url(image/h2_t.jpg);
	font-size:25px;
	padding :10px 0px 0px 15px;
	margin:0px;
	margin-bottom: 4%;
	text-indent:0em;}

#contents a.main_img {
	display:block;
	background-image: url(../common/image/main_img.jpg);
	background-repeat: no-repeat;
	width:564px;
	height: 200px;
	padding :1px 0px 0px 10px;
	margin: 0px -16px 3px -8px;
	text-indent:0em; }

#contents a.main_img img{
	display:block;
	padding :0px;
	margin:0px 0px 0px 0px; }

table.box a.not {
    background-image: none;
    background-repeat: no-repeat;
    display: inline;
    float: none;
    height: auto;
    margin: 0; padding: 0;
    text-indent: 0em;
    width: auto;
}

#contents .guide.text.plan {
	padding: 5px 0px 7px 15px;
}
#contents .guide.text.plan span {
	color: red;
}




/* 下ﾊﾞﾅｰ--- */

#contents a.b_banaer {
	display:block;
	background-image: url(../common/image/b_baner.gif);
	background-repeat: no-repeat;
	width:556px;
	height: 90px;
	padding :2px 0px 0px 3px;
	margin: 0px 0px 10px -3px;
	text-indent:0em; }

/* コンテンツ内新着観光情報
----------------------------------------------------- */

#contents ul.recom {
	display:block;
	margin: 0px 0px 5px 0px;
	padding : 0px;
	list-style: none;}

#contents ul.recom li {
	padding :0px 0px 0px 0px;
	margin :0px 0px 0px 0px;}


#contents ul.recom li a.waku {
	display:inline;
	border:solid 1px #b49d8c;
	padding :0px;
	margin :0px 0px 17px 15px;
	float:left;
	text-indent:0em; }

#contents ul.recom li a.waku img { display:block; padding :0px; margin: 0px;  border:solid 1px #fff;}

#contents ul.recom h3 {
	display:block;
	width:auto; 
	height: auto;
	display:inline;}

#contents ul.recom h3 a {
	display:block;
	width: 387px;
	height: auto;
	background-image: url(image/title_bg.gif);
	background-repeat: no-repeat;
	background-position: 0px 100%;
	margin: 3px 0px 5px 0px;
	padding : 0px 0px 10px 20px;
	text-indent:0em;
	color:#1c1c1c;
	float:right;/*追加06/01*/
	color: #e50012;/*追加05/11*/
    font-size: 16px;/*追加05/11*/}


#contents ul.recom p {
	font-size: 14px;/*追加04/21*/
	width: 392px;
	margin: 0px 0px 0px 0px;
	padding : 0px 0px 25px 19px;
	float:right;/*追加06/01*/}

	.penalty {
	text-indent: -1.5em;/*追加09/05*/
    padding-left: 2em!important;/*追加09/05*/
    font-size: 11px;/*追加09/05*/
	}

	
#contents a.main_img.kinoko_main_img img {
  width: 100%;
}
