@import url('https://fonts.googleapis.com/css?family=Merriweather');
@import url(/HpCss/font-awesome.min.css);
*{
	font-family: "ＭＳ Ｐ明朝", serif;
	line-break: normal;
	margin: 0px auto;
}
img{
	border: 0px none #ffffff;
}
.English{
	font-family: 'Merriweather', serif;
	font-weight: normal ! important;
	text-shadow: 1px 1px 1px #333;
	font-size: small;
	margin-left: 10px;
	display: inline;
}
ul.Images{ 
 display:table; 
 width: 100%;
} 
ul.Images li{ 
 display:table-cell;
 padding: 3px;
}
ul.Images li img.shadow{
	width: 100%;
}



html{
	background-color: #000;
}
body{
	color: #c7bdaa;
}

/* 画面全体のフェード用 */
.fade-layer,
body:before{
    content: '';
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:99999;
}
body.fade-layer-off:before{
    content: none;
}
/****************************/
a{
	color: #cab8a1;
	text-decoration:none;
}
input,textarea,select{
	/* IE8+XPで表示不具合があるため削除 */
	/*font-family: "MS UI Gothic";*/
}
input[type=image],
input[type=image]:focus{
	cursor: pointer;
}
input[type=button],
input[type=submit],
input[type=reset],
input[type="file"]
{
	min-height: 30px;
}
input.Textbox{
	width: 98%;
	background-color: #ffffff;
	background-image: none;
}
textarea{
	height: 20em;
	width: 98%;
}
/* 上へ */
.ToTop{
	float: right;
	display: inline-block;
	width: auto;
	height: 16px;
	line-height: 16px;
	padding: 10px;
	margin: 0px 0px -15px auto;
	font-size: small;
	text-align: center;
	
background: #1c0f00; /* Old browsers */
background: -moz-linear-gradient(top,  #1c0f00 0%, #603713 30%, #603713 70%, #1c0f00 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #1c0f00 0%,#603713 30%,#603713 70%,#1c0f00 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #1c0f00 0%,#603713 30%,#603713 70%,#1c0f00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c0f00', endColorstr='#1c0f00',GradientType=0 ); /* IE6-9 */

	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	z-index: 5;
	position: relative;
}
.ToTop a{
	text-decoration: none;
	color: #fff;
}
#trip_ai_container{
	top: 20px ! important;
	bottom: static;
}
#google_translate_element{
	text-align: right;
}
.BasicBtn,
.StdBtn,
#PageMenu a,
.Buttons a{
	white-space:nowrap;
	min-width: 40%;
	height: auto;
	border: 0px solid #fff;
	display: inline-block;
	text-align: center;
	
	color: #fff;
	font-size: 12pt;
	padding: 5px;

	font-weight: bold;
	text-shadow: 2px 2px 2px #000;
	text-decoration: none;

	
background: -moz-linear-gradient(top,  #1c0f00 0%, #463523 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1c0f00), color-stop(100%,#463523)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1c0f00 0%,#463523 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1c0f00 0%,#463523 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1c0f00 0%,#463523 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1c0f00 0%,#463523 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#1c0f00, endColorstr=#463523,GradientType=0 ); /* IE6-9 */


	-webkit-box-shadow: 0px 1px 1px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 1px 1px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 1px 1px rgba(50, 50, 50, 0.75);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 5px;
}
.BasicBtn:hover{
	color: #0000ff;
	
background: #1c0f00; /* Old browsers */
background: -moz-linear-gradient(top,  #1c0f00 0%, #603713 30%, #603713 70%, #1c0f00 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #1c0f00 0%,#603713 30%,#603713 70%,#1c0f00 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #1c0f00 0%,#603713 30%,#603713 70%,#1c0f00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c0f00', endColorstr='#1c0f00',GradientType=0 ); /* IE6-9 */

	text-shadow: 2px 2px 2px #fff;
}
.SmallBtn{
	height: 10px;
	border: 1px outset #fafad2;
  cursor: pointer;
	color: #fff;
	font-size: 9pt ! important;
	margin: 1px 2px;
	padding: 1px 2px;
	text-decoration: none;
}

/****************************/
/******* カレンダー用 *******/
div.Calendar{
	width: 180px;
	text-align: center;
}
/* カレンダー */
table.Calendar{	
	font-size: 11pt;	
	padding: 2px;
	border-collapse: collapse;
	border: 1px solid #646450;	
	width: 100%;
}
table.Calendar th{
	background-color: #e8e5db; 
	font-weight: bold;	
	text-align: center;	
	border: 1px ridge #646450;
	padding: 10px;
	color: #000000;
}
table.Calendar td{
	text-align: center;	
	border: 1px ridge #646450;	
	padding: 1px;	
	width: 14%;
}
table.Calendar td.Weeklist{	
	font-weight: bold;	
	height:20px;
	font-size:small;
}
table.Calendar td.Otherday{	
	background-color: #eeeeee;
	font-size: small;
	color: #666666;
}
table.Calendar td.Weekday{
}
table.Calendar td.Saturday{	
	background-color: #eeffff	! important;
}
table.Calendar td.Holiday{	
	background-color: #ffeeff	! important;
}
table.Calendar td.Today{	
	background-color: #ffffff	! important;
}
table.Calendar a{
	color: #282e0a;
	text-decoration: none;	
	display: block;
	height: 100%;
	min-height: 100px;
}
table.Calendar a:hover{	
	border: 1px double #cabc97;
	background: url(/SSL/www.yado-mikawaya.com/images/plan_bg.gif) no-repeat center -5px;
	text-decoration: underline;
}
div.Rsvaccepting{
	min-height: 100px;
	_height: 100px;
}
div.Rsvtotal{	
	font-weight: bold;
	white-space: pre;
	border-top: dotted 1px #646450;
	margin-top: 5px;
	padding-top: 5px;	
}
div.Rsvprice{
	font-size: small;	
}
div.Rsvvacancy{
	border-top: dotted 1px #646450;
}
div.Rsvinvalidity{
	height:107px;
	background-color: #cccccc;
	font-size:small;	
}

/* 複数予約用 */
table.Rsvvacancy{
	width: 100%;
	border-collapse: collapse;
	text-align:left;
	font-size: small;
	cursor: pointer;
}
table.Rsvvacancy th{
	background-image: none;
	background-color: #fff9e9;
	padding: 0px ! important;
	margin: 0;
	border-width:0px;
}
table.Rsvvacancy td.Rooms{
	width: 75%;
	border-width:0px;
	min-height: 30px;
	text-align:left;
}
table.Rsvvacancy td.Remain{
	width: 25%;
	border-width:0px;
	min-height: 30px;
}

/* 見積り概算テーブル */
#BillDetailTable{	font-size:small;	border-collapse: collapse;	margin:0;	width: 100%;background-color: #ffffff;}
#BillDetailTable th.Caption{	text-align:center;background-color:#dae0bd;	}
#BillDetailTable th.Total{	background-color:#b6b177;	}
#BillDetailTable td.Total{	color:#ff0000;	}
#BillDetailTable th.AllTotal{	background-color:#fff9d4;	}
#BillDetailTable td.AllTotal{	background-color:#fff9d4;	color:#ff0000;	}
#BillDetailTable th{	text-align:left;background-color:#e8e5db;color:#000;	}
#BillDetailTable td{	text-align:right;	}
table.ReserveConfirm{	width:80%;border-collapse:collapse;	padding: 5px;background-color: #ffffff;	}
table.ReserveConfirm	th{	font-size: small;background-color: #e8e5db;	border: 1px ridge #646450;	text-align: center;	}
table.ReserveConfirm	td{	padding: 3px;border: 1px ridge #646450; }
table.Persons{ border-collapse:collapse; margin: 0px;}
table.Persons td{border-width:1px;}

div.YdfName,
div.YdfName a{
	color: #fff;
}
div.YdfList{
	border-color:#260501;
}
table.YdfList th{
	border-color:#cab8a1;
	background-color:#260501;
	color: #cab8a1;
	padding: 8px;
}
table.YdfList td{
	background-color:#260501;
	border-color:#cab8a1;
	color: #fff;
	padding: 8px;
}
table.YdfInfo{
	background: none transparent;
	border-color: #cab8a1;
}
table.YdfInfo td{
	background: none transparent;
	border-color: #000;
}
.CaptionIcon{
	background-color: #260501 ! important;
	color: #fff;
}
.SecurityMessage{
	margin: 20px 5px;
}
#SearchCondition{
	color: #000000;
}
/**************************/
/* 大外枠 */
div.Main{
	/* Window幅 750 の 96% = 720(内寸) */
	width: 100%;
	min-width: 1200px;	/* 内寸750 + border-left + border-right = 756 (NN用)*/
	border-left: 0px solid #2F6075;
	border-right: 0px solid #2F6075;
	background-color: #000;
}
/****************************/
/* ページヘッダー */
div.Bodyheader {
	position: relative;
	width: 1200px;
	margin: 0 auto;
	min-height: 5px;
	height: auto;
	padding: 0;
}
div.Bodyheader a img{
	float: left;
}
div.Bodyheader h1 {
	text-align: left;
	text-decoration: none;
	padding: 0px 25px 15px 25px;
	font-size: medium;
	cursor: default;
	float: left;
	width: 400px;
	top: 100px;
}
div.BodyHeader:after{
	content:"";
	display:block;
	clear:both;
}
#Topnav{
	position: absolute;
	right : 5px;
	top: 30px;
	font-size: 14pt;
	color: #cab8a1;
	text-shadow: 1px 1px 1px rgba( 0,0,0,1.0), -1px -1px 1px rgba(255, 255, 255, 1.0);
	text-align: right;
	line-height: 22pt;
}
#Mailto{
	color: #cab8a1;
	text-decoration: none;
	font-family: "HG行書体","HG祥南行書体","ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}
#Teleno{
	text-decoration: none;
	font-size: 22pt;
}
div.Home div.Bodyheader{
	height: 0;
	min-height: 0px;
}

figure{
	background-color: #000;
}
div.Flash{
	margin: 0px auto 0px auto;
	border: 0px solid #f00;
	width: 100%;
	max-width: 1200px;
	height: 350px;
	overflow: hidden;
	position: relative;
}
div.Flash img{
	width: 100%;
}
div.Home #FlashMsg {
	font-family: "HG行書体","HG祥南行書体","ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	position: absolute;
	top: 0px;
	/*text-align: center;*/
	width: auto;
	height: 600px;
	color: #fff;
	/*text-shadow: 5px 5px 7px rgba(0,0,0,1), -1px -1px 1px rgba(255,255,255,1);*/
	text-shadow: 4px 4px 10px rgba(0, 0, 0, 1), -3px -3px 3px rgba(0,0,0,1);
	right: 0%;
	margin: 0 auto;
	line-height: 1em;
	font-size: 22pt;
	font-weight: bold;
	color: #fff;
	padding: 10px;
	height: auto;
	writing-mode: tb-rl; /* IE独自仕様 */
	writing-mode: vertical-rl;
	-moz-writing-mode: vertical-rl;
	-o-writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
	z-index: 999;
	border: 0px solid #fff;
}
div.Flash div{
	padding-left: 0;
	font-size: 16pt;
}
#FlashMsg{
	font-family: "HG行書体","HG祥南行書体","ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	position: absolute;
	display: block;
	top: 45%;
	width: auto;
	height: 100%;
	color: #fff;
	text-shadow: 4px 4px 10px rgba(0, 0, 0, 1), -3px -3px 3px rgba(0,0,0,1);
	right: 0%;
	margin: 0 auto;
	line-height: 1em;
	font-size: 22pt;
	font-weight: bold;
	padding: 10px;
}
#FlashMsg *{
	font-family: "HG行書体","HG祥南行書体","ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}
div.Home div.Flash{
	height: 750px;
	overflow:hidden;
	background-color: #000;
}
/****** SubMenu(dropmenu) ******/
nav{
	height: 65px;
}
div.Menus{
	width:  100%;
	
background: -moz-linear-gradient(top,  #1c0f00 0%, #463523 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1c0f00), color-stop(100%,#463523)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1c0f00 0%,#463523 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1c0f00 0%,#463523 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1c0f00 0%,#463523 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1c0f00 0%,#463523 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#1c0f00, endColorstr=#463523,GradientType=0 ); /* IE6-9 */

	height: 100%;
}
div.Menus .dropdown{
	width: 1200px;
	margin: 0px auto;
	text-align: center;
}
div.Menus a{
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	padding-top: 15px;
	color: #c7bcb6;
	width: 130px;
	height: 50px;
	display: block;
	overflow: hidden;
	text-decoration: none;
	font-size: 13pt;
	border-left: 1px solid #281602;
	border-right: 1px solid #333;
}
div.Menus div.English{
	padding-top: 3px;
	font-weight: bold;
	font-size: 9pt;
	height: 25px;
	margin-top :5px;
	margin-left: 0px;
	display: block;
	color: #945347;
}
div.Menus a:hover{
	color: #fff;
	
background: -moz-linear-gradient(top,  #463523 0%, #846542 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#463523), color-stop(100%,#846542)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #463523 0%,#846542 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #463523 0%,#846542 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #463523 0%,#846542 100%); /* IE10+ */
background: linear-gradient(to bottom,  #463523 0%,#846542 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#463523, endColorstr=#846542,GradientType=0 ); /* IE6-9 */
 
}
div.Menus a:hover div.English{
	color: #fff;
	color: #af6456;
}
.slicknav_btn {
	float:left ! important;
	width: 200px ! important;
	z-index:300;
}
.slicknav_menu{
	position: fixed;
	float:left;
	width: 230px ! important;
	z-index:350;
}

/****** SubMenu(dropmenu) ******/
div.Menus .dropdown{
	list-style:none;
}
div.Menus ul{
	margin: 0;
}
div.Menus li{
	position:relative;
	float:left;
	display: block;
	margin-right: 1px;
}
div.Menus .dropdown ul{
	width:236px;
	position: absolute;
	top: 66px;
	left: 0px;
	display:none;
	list-style:none;
	z-index: 9;
	border: 2px solid #2569e3;
}
div.Menus .dropdown ul li{
	display: inline;
	text-align: left;
}
div.Menus .dropdown ul li a, 
div.Menus .dropdown ul li a:active,
div.Menus .dropdown ul li a:visited {
	font-weight: bold;
	padding: 5px;
	color: #000;
	display:block;
	text-decoration:none;
	width:230px;
	font-size: 10pt;
}
div.Menus .dropdown ul li a:hover{
	background: #000080;
	color: #0000ff;
}
/****** SubMenu(dropmenu)ここまで ******/

/****** コンテンツ表示 ******/
div.Bodys{
	width: 1200px;
	height: 100%;
	margin: 0px auto;
	padding: 15px 0px 15px 0px;
	overflow: auto;
	/overflow: visible;
	z-index: 1;
	background-color: #000;
}
.Contents{
	width: 70%;
	vertical-align: top;
	text-align: center;
	line-height: 1.2em;
	float: left;
	margin: 0px 0px 0px 0px;
}
td.Pickup{
	width:220px;
	vertical-align: top;
}
div.SideMenu{
	width: 28%;
	float: right;
}
div.SideMenu img{
	margin: 5px auto;
}
div#PageMenu{
	/* borderがないと背景画像がずれる */
	border: 0px solid #0f0;
	background: transparent;
	padding: 0;
	margin: 10px 0 0 0;
	padding-bottom: 30px;
}
div.SideMenu h2,
div#PageMenu h2{
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	
background: -moz-linear-gradient(top,  #1c0f00 0%, #463523 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1c0f00), color-stop(100%,#463523)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1c0f00 0%,#463523 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1c0f00 0%,#463523 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1c0f00 0%,#463523 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1c0f00 0%,#463523 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#1c0f00, endColorstr=#463523,GradientType=0 ); /* IE6-9 */

	width: auto;
	padding: 17px 0px 0px 25px;
	height: 36px;
	color: #fff;
	text-align: center;
}
div#PageMenu h2{
	border-bottom: 1px solid #999;
}
div#PageMenu a{
	display: block;
	padding: 8px;
	width: auto;
	height: auto;
	color: #fff;
	border: none;
	text-shadow: 2px 2px 2px #cecece;
}
div#PageMenu a:hover{
	color: #fff;
	border: none;
	text-shadow: 2px 2px 2px #cecece;
	
background: -moz-linear-gradient(top, #000000  0%, #2a0b00  100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#2a0b00 )); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #000000 0%,#2a0b00  100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #000000 0%,#2a0b00  100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #000000 0%,#2a0b00  100%); /* IE10+ */
background: linear-gradient(to bottom, #000000 0%,#2a0b00  100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#000000, endColorstr=#2a0b00 ,GradientType=0 ); /* IE6-9 */

}
#PageMenu a.Active{
	background: #fefcea; /* Old browsers */
	background: -moz-linear-gradient(top,  #fefcea 0%, #f1da36 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefcea), color-stop(100%,#f1da36)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fefcea 0%,#f1da36 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fefcea 0%,#f1da36 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fefcea 0%,#f1da36 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fefcea 0%,#f1da36 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 ); /* IE6-9 */
	color: #000;
	text-shadow: 2px 2px 2px #fff;
}
div.SubMain{
	text-align: center;
}
/********* コメント表示 *********/
div.PageComment{
	min-height: 80px;
	margin-bottom: 10px;
	
background: -moz-linear-gradient(top, #000000  0%, #2a0b00  100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#2a0b00 )); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #000000 0%,#2a0b00  100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #000000 0%,#2a0b00  100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #000000 0%,#2a0b00  100%); /* IE10+ */
background: linear-gradient(to bottom, #000000 0%,#2a0b00  100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#000000, endColorstr=#2a0b00 ,GradientType=0 ); /* IE6-9 */

	border-radius: 10px;
	-moz-border-image: border-radius: 10px;
	-webkit-border-image: border-radius: 10px;
}
#PageTitle{
	font-family: "HG行書体","HG祥南行書体","ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	text-align: left;
	font-size: 20pt;
}
#Comments{
	font-family: "HG行書体","HG祥南行書体","ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	text-align: left;
	padding: 15px 0px 10px 10px;
	line-height: 1.2em;
	word-break: break-all;
}
/****** テーブル用クラス ******/
hr{
	width:98%;
	color: #D6A899;
}

table.Basictable{
	width: 100%;
	border-collapse: collapse;
	margin: 10px auto;
}
table.Basictable tr.Empty,
table.Basictable th.Empty,
table.Basictable td.Empty{
	vertical-align: top;
	background-image: none ! important;
	background-color: transparent ! important;
	border: 0px none #000000 ! important;
}
table.Basictable th{
	background-image: none;
	text-align: center;
	padding: 10px 5px;
	background-color: #260501;
	color: #cab8a1;
	border:5px solid #3a2a19;
}
table.Basictable td{
	background-color: #cab8a1;
	text-align: left;
	padding: 5px 0px;
	color: #000;
	border: 5px solid #3a2a19;
	line-height: 1.5em;
	padding: 20px;
}
.Caption{

}
.Title{
	color: #fff ! important;
	border: 0px solid #ffffff ! important;
	font-size: 14pt;
	font-weight: bold;
	text-align: center;
	height: 60px;
	line-height: 60px;
	
background: #1c0f00; /* Old browsers */
background: -moz-linear-gradient(top,  #1c0f00 0%, #603713 30%, #603713 70%, #1c0f00 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #1c0f00 0%,#603713 30%,#603713 70%,#1c0f00 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #1c0f00 0%,#603713 30%,#603713 70%,#1c0f00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c0f00', endColorstr='#1c0f00',GradientType=0 ); /* IE6-9 */

	border-radius: 10px;
	-moz-border-image: border-radius: 10px;
	-webkit-border-image: border-radius: 10px;
}
/******************/
footer{
	overflow: hidden;
	padding-top: 30px;
	background: #322617;
	clear: both;
}
div.Bodyfooter{
	font-family: "ＭＳ Ｐゴシック";
	width: 1200px;
	margin: 0px auto;
	clear: both;
	text-align: center;
	font-size: 11pt;
	border: 0px solid #000000;
	word-break: keep-all;
	padding: 0px 20px;
	margin-bottom: 50px;
}
div.Bodyfooter a:not(.jBtn){
	font-size: 12pt;
	color: #fff;
	text-decoration: none;
	white-space:nowrap;
}
div.Bodyfooter a:hover{
	color:#ff0;
}
#TripAI{
	float: right;
	margin-top: 30px;
}

#FooterNav{
	width: 100%;
	margin: 0px auto 0px 50px;
}
#FooterNav ul{
	width: 120px;
	float: left;
	margin: 20px 30px 0px 0px;
	text-align: left;
	border: 0px solid #f00;
}
#FooterNav ul li{
	color: #fdf5e8;
	margin: 8px auto;
	list-style-type : square;
}
#FooterNav a{
	color: #fdf5e8;
	font-weight: bold;
	font-size: 10pt;
	text-decoration: none;
	white-space:nowrap;
	text-shadow: 1px 1px 1px #000;
}
#FooterNav a:hover{
	color: #fff;
}
address{
	color: #fff;
	font-style: normal;
	float: right;
	bottom: 0;
	margin: 0 0 0 auto;
	font-size: 12pt;
	text-align: center;
	letter-spacing: 2px;
	line-height: 1.5em;
	padding: 35px 5px 55px 5px;
	width: 40%;
	height: 80px;
	border: 0px solid #f00;
	text-shadow: 1px 1px 1px #000;
	background: url(/images/footer_logo.png) no-repeat center bottom;
}
#Sitename{
	text-shadow: 2px 2px 2px #000;
	font-weight: bold;
	font-size: 16pt;
	padding: 2px 0px;
}
div.Admin{
	/*width:100%;*/
	padding: 3px 100px 5px 0px;
	height: 12px;
	text-align: right;
	font-size: x-small;
	clear: both;
}
div.Admin a{
	font-size: x-small;
	text-decoration: none;
	color: #80584e;
	z-index: 100;
}
div.Admin a:hover{
	color: #fff;
}
/******************/
div.Powered{
	background: url(/HpImages/copybak.gif) #fff repeat;
	width: 100%;
	font-size: 8pt;
	text-align: center;
	border: 0px solid #000000;
	height: auto;
}
div.Powered *{
	color: #999999;
	text-decoration: none;
}

/***************/
/* /index.html */
/***************/
#TopSearch{
	position: fixed;
	top: 0;
	right: -240px;
	width: 300px;
	border-left: 1px solid #999;
	z-index: 999;
	background: url(/images/kensaku.png) no-repeat left top;
	color: #fff;
	height: 100%;
	line-height: 1.5em;
}
#SearchBar{
	position: absolute;
	top: 0px;
	left: 10px;
	height: 100%;
	width: 30px;
	writing-mode: tb-rl; /* IE独自仕様 */
	writing-mode: vertical-rl;
	-moz-writing-mode: vertical-rl;
	-o-writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
	padding: 40px 0px 0px 0px;
	letter-spacing: 0.25em;
}
#SearchContents{
	padding: 50px 10px 50px 0px;
	margin-left: 60px;
}
#staday{
	font-size: 18pt;
}
#Charm{
	margin: 10px auto 30px auto;
	padding: 10px;
	/*background: #392c1c;*/
	
background: -moz-linear-gradient(top, #000000  0%, #2a0b00  100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#2a0b00 )); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #000000 0%,#2a0b00  100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #000000 0%,#2a0b00  100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #000000 0%,#2a0b00  100%); /* IE10+ */
background: linear-gradient(to bottom, #000000 0%,#2a0b00  100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#000000, endColorstr=#2a0b00 ,GradientType=0 ); /* IE6-9 */

}
#Charm:after{
  content:"";
  display:block;
  clear:both;
}
#CharmMidashi{
	font-family: "HG行書体","HG祥南行書体","ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	width: 1em;
	float: right;
	right: 0;
	font-size: 22pt;
	font-weight: bold;
	color: #fff;
	text-shadow: 1px 1px 1px #666;
	padding:0px;
	height: auto;
	writing-mode: tb-rl; /* IE独自仕様 */
	writing-mode: vertical-rl;
	-moz-writing-mode: vertical-rl;
	-o-writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
}
.CharmMidashi{
	font-family: "HG行書体","HG祥南行書体","ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	width: 100%;
	font-size: 42pt;
	font-weight: bold;
	color: #fff;
	text-shadow: 1px 1px 1px #666;
	padding:0px;
	padding-top: 120px;
	height: 3em;
	clear: both;
}

#Charm ul{
	list-style:none;
}
#Charm li{
	width: 22.2%;
	float: left;
	margin-right: 2px;
	border: 8px solid #000;
	position: relative;
	display: block;
	padding: 0px;
	background-color: #000;
	text-align: center;
	overflow:hidden;
}
div.CharmTitle{
	font-family: "HG行書体","HG祥南行書体","ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	width: auto;
	background: #864a40;
	font-size: 42pt;
	-moz-opacity:.60;
	filter:alpha(opacity=60);
	opacity: 0.60;
	color: #fff;
	position: absolute;
	text-align: left;
	line-height: 1.5em;
	/*bottom: 125px;*/
	top: 0;
	right: 5px;
	padding: 10px;
	border-top: 1px solid #999;
}
div.CharmText{
	font-size: 12pt;
	color: #cab8a1;
	bottom: 0;
	margin-top: -130px;
	line-height: 1.3em;
	text-align: left;
}
#Charm a{
}
#Charm img{
	height: 375px;
	width: 100%;
	margin: 0 auto;
  /*opacity: 0.6;*/
}
#Charm a:hover{
	/*background: #fff;*/
}
#Charm a:hover div.CharmTitle{
	color: #590d03;
	-moz-opacity:.100;
	filter:alpha(opacity=100);
	opacity: 1.0;
	background: #fff;
}
#Charm a:hover div.CharmText{
	color: #fff;
}
#Info{
	width: 100%;
	padding: 0px 0px 0px 0px;
	text-align: left;
}
#Info ul{
	margin-top: 15px;
	margin-left:0px;
	list-style: none;
}
#Info li{
	background: url(/HpImages/arrow_left2b.gif) no-repeat left center;
	padding-left:15px;
	margin: 8px;
	border-bottom: 1px dotted #ccc;
}
#Info li a{
	color: #fff;
}
div.InfoBody{
	font-size: small;
	color: #fff;
	padding: 15px 0px;
}
#Plan{
}

#Plan h2{
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	
background: -moz-linear-gradient(top,  #1c0f00 0%, #463523 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1c0f00), color-stop(100%,#463523)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1c0f00 0%,#463523 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1c0f00 0%,#463523 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1c0f00 0%,#463523 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1c0f00 0%,#463523 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#1c0f00, endColorstr=#463523,GradientType=0 ); /* IE6-9 */

	width: auto;
	padding: 17px 0px 0px 25px;
	text-align: left;
	height: 36px;
	color: #fff;
}
div.YdfName{
	background: #4e3c25 ! important;
	color: #cab8a1;
}
div.YdfMemo{
	background: #392c1c ! important;
	color: #cab8a1;
}

#Plan div.PlanData{
	background: #392c1c ! important;
	margin: 5px 0 5px 0px;
	width: auto;
	overflow: hidden;
	padding: 15px;
	text-align: left;
	
box-shadow:         0px 1px 1px rgba(50,50,50,0.5);
-webkit-box-shadow: 0px 1px 1px rgba(50,50,50,0.5);
-moz-box-shadow:    0px 1px 1px rgba(50,50,50,0.5);

	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
#Plan div.YdfName{
	font-weight: bold;
	font-size: 14pt;
	padding: 5px 0px;
}
#Plan div.YdfMemo{
	font-size: small;
	overflow: visible;
}
#Photo{
	clear: both;
	position: relative;
	width: 100%;
	border: 0px solid #f00;
	height: 300px;
	overflow: hidden;
}
#Photo h2{
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	
background: -moz-linear-gradient(top,  #1c0f00 0%, #463523 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1c0f00), color-stop(100%,#463523)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1c0f00 0%,#463523 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1c0f00 0%,#463523 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1c0f00 0%,#463523 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1c0f00 0%,#463523 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#1c0f00, endColorstr=#463523,GradientType=0 ); /* IE6-9 */

	padding: 17px 0px 0px 25px;
	text-align: left;
	height: 36px;
	color: #fff;
}

#Photo > img{
	position: absolute;
	top: 0px;
	left: 0px;
}
#Photo .bx-wrapper .bx-viewport{
	left: 0px;
	border: 10px solid #130500;
	background-color: #3a2a19;
}
#Photos,
#Photos li{
	margin: 0;
	padding: 0;
}
#Photos img{
	height: 240px;
	width: 360px;
}
div.Campaign{
	margin: 0px 0px 0px 10px;
	width: 488px;
	height: 230px;
	position:relative;
	cursor: pointer;
	float: left;
	border: 1px solid #cecece;
	
box-shadow:         0px 1px 1px rgba(50,50,50,0.5);
-webkit-box-shadow: 0px 1px 1px rgba(50,50,50,0.5);
-moz-box-shadow:    0px 1px 1px rgba(50,50,50,0.5);

	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d6f0fd+0,fcfcfc+30,fcfcfc+50,fcfcfc+70,fcfcfc+70,d6f0fd+100 */
background: rgb(214,240,253); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(214,240,253,1) 0%, rgba(252,252,252,1) 30%, rgba(252,252,252,1) 50%, rgba(252,252,252,1) 70%, rgba(252,252,252,1) 70%, rgba(214,240,253,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(214,240,253,1) 0%,rgba(252,252,252,1) 30%,rgba(252,252,252,1) 50%,rgba(252,252,252,1) 70%,rgba(252,252,252,1) 70%,rgba(214,240,253,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(214,240,253,1) 0%,rgba(252,252,252,1) 30%,rgba(252,252,252,1) 50%,rgba(252,252,252,1) 70%,rgba(252,252,252,1) 70%,rgba(214,240,253,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6f0fd', endColorstr='#d6f0fd',GradientType=0 ); /* IE6-9 */

}

/******************/
/* /meal/index.html */
/******************/
ul.thumb {
	list-style: none;
	margin-left:-5px;
	padding: 10px;
	width: 100%;
}
ul.thumb li{
	margin: 0;
	padding: 3px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 110px;
	height: 90px;
	display: block;
}
ul.thumb li span,
ul.thumb li img{
	width: 100px;
	height: 80px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: 1px solid #ddd;
	padding: 5px;
	background: #f0f0f0;
	position: absolute;
	left: 0;
	top: 0;
	color: #000;
	font-size: small;
	line-height: 1em;
}
ul.thumb li img.hover {
	background:url(/images/thumb_bg.png) no-repeat center center;
	border: none;
	z-index: 10px;
}
div.MealImage{
	padding: 9px 0;
	margin: 5px auto;
	width: 700px;
	height:auto;
}
div.MealImage img{
	width:100%;
	height:100%;
	visibility: visible;
}
div.MealBody{
	margin: 9px auto 0px auto;
	width: auto;
	font-weight: normal;
	padding: 10px;
	border: 1px solid #936747;
	min-height: 140px;
	height: auto;
	overflow: auto;
	color:#000;
	clear: both;
}
div.MealBody b{
	font-size: 12pt;
	color: #d1a705;
}
/******************/
/* /around/index.html */
/******************/
div.Article{ clear: both; padding-top: 10px; }
div.Detail,
div.Discount{ 
	clear: both; 
	padding-top: 10px;
	border: 3px ridge #c7bdaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 25px auto 5px auto;
}
div.SubTitle{ 
	padding-left: 20px;
	text-align: left; 
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif ! important;
	color:#3066e0;
	background:url(/HpImages/arrow_left2b.gif) no-repeat left center; 
	
}
div.AroundBody{
 float: right;
 width: 63%;
}

/****** テーブル用クラス ******/
/* 汎用テーブル */
table.Layout{
	width: 100%;
	border-collapse: collapse;
	margin: 5px auto;
}
table.Layout a img{
	float:left;
	margin: 0px 15px 15px 0px;
}
table.Layout td{
	text-align: left;
	border:0px solid #000000;
	padding: 5px 0px;
}
table.Layout td a{
	text-decoration:none;
	display: inline;
}
table.Layout td a:hover{
	text-decoration:underline;
}

p{
	padding: 10px 15px;
	text-align: left;
	line-height: 1.5em;
}
div.Update{
}
table.Layout th,
.Caption{
	font-size: 14pt;
	font-weight: bold;
	text-align: left ! important;
	padding: 0.5em;
	width: auto;
	font-size: 14pt;
	color: #fff ! important;
	margin: 5px 3px 15px 3px;
	
	background: none no-repeat 0 0 #630a01 ! important;
	
	/* box-shadow */
	box-shadow:0px 0px 6px 3px #b02000 inset;
	-moz-box-shadow:0px 0px 6px 3px #b02000 inset;
	-webkit-box-shadow:0px 0px 6px 3px #b02000 inset;

	/* border-radius */
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;

	/* border */
	border: 5px solid #630a01 ! important;
}

dl.Basictable{
	display:table;
	width: 70%;
	margin: 0 auto;
}
dl.Basictable dt{
	/*display:table-cell;*/
	display:block;
	clear: left;
	float: left;
}
dl.Basictable dd{
	/*display:table-cell;*/
	margin-left: 108px;
}
dl.Basictable dt{
	background-image: none;
	text-align: center;
	padding: 8px;
	border-bottom: 1px dotted #999;
}
dl.Basictable dd{
	text-align: right;
	padding: 8px;
	border-bottom:1px dotted #999;
}
div.img_cap{
	font-size: x-small;
	text-align: center;
}
/******************/
/* /room/index.html */
/******************/
div.RoomDetail{
	clear: both;
	text-align: center;
}
img.Madori{
	width: 40%;
	float: left;
	margin-right: 15px;
}
div.Name{
	float: left;
	width: 95%;
	text-align: center;
	padding: 20px;
	background-color: #4e3c25;
	font-weight: bold;
	color: #fff;
	font-size: 20pt;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	/* border */
	border: 5px solid #c7bdaa;
}
div.RoomDetail p,
div.RoomDetail pre{
	float: left;
	padding: 20px;
	line-height: 1.2em;
	text-align: left;
	width: 50%;
}
div.Image{
	clear: both;
	margin-bottom: 30px;
}
div.Image img{
	border: 5px solid #c7bdaa;
}
/******************/
/* /faq/index.html */
/******************/
dl.Faq{	width: 95%; margin-bottom:15px;}
dl.Faq dd{
	display:none;
	margin-left:40px;
	padding: 5px;
	border: 1px dotted #999999;
	color: #000072;
}
dl.Faq dd img{
	width: 100%;
	text-align: center ! important;
}
dl.Faq dt a{
	height: auto;
	margin-top: 7px;
	margin-left: 10px;
	padding-top: 3px;
	padding-left: 10px;
	background: url('/HpImages/arrow_left2o.gif') no-repeat left center;
	text-decoration: none;
	display:block;
	text-align: left;
}
dl.Faq dt a:hover{
	background-image: url('/images/arrow_sub.gif');
	color: #f00;
	font-weight: bold;
	
background: #1c0f00; /* Old browsers */
background: -moz-linear-gradient(top,  #1c0f00 0%, #603713 30%, #603713 70%, #1c0f00 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #1c0f00 0%,#603713 30%,#603713 70%,#1c0f00 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #1c0f00 0%,#603713 30%,#603713 70%,#1c0f00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c0f00', endColorstr='#1c0f00',GradientType=0 ); /* IE6-9 */

}