/* 宿帳くんFrontierお客様画面 カスタムCSS */
/* 宿帳くんFrontierお客様画面 カスタムCSS */
@import url(/HpCss/www.homepe.net/ydfcommon.css);
*{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 135%;
	line-break: normal;
}
html{
}
body{
	background-image: url(https://yoshifumi.yuyado.net/images/bg.gif);
	margin: 0;
	padding: 0;
	text-align: center;
	position: relative;
	background-attachment: fixed;
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
hr{
	color: #cecece;
}

/* 入力必須項目 */
.Required{}
#Failed{}
#InfoWindow{}
#InfoDetail{}
.box{}
.attention{}
.MsgIcon{}
.BlackIcon{}
.ToTop{
	display: block;
	position: fixed;
	bottom: 70px;
	right: 50px;
	width: 100px;
	height: 100px;
	background-image: url(https://yoshifumi.yuyado.net/images/page_top.png);
	background-size: contain;
	font-size:0;
}

div.ExclamationMsg{}
div.YdfDiscountMsg{}
span.planpay{}
/******* UI Dialog用 *******/
.ui-widget-header { font-family: "Arial Black","メイリオ", "ＭＳ Ｐゴシック", sans-serif; }
.ui-dialog .ui-dialog-title {} 
.ui-dialog .ui-dialog-content {}
.ui-dialog .ui-dialog-buttonpane {}
.ui-datepicker *{ font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;	}
.ui-datepicker-calendar th{}

/* jBtn */
.ui-state-default{
    color: #000;
    background: #f8f8f8;
}
/* jBtnオーバー */
.ui-state-hover, .ui-state-focus{
    border: 1px solid #F86F3A;
    background-color: #F86F3A;
    font-weight: bold;
    color: #fff;
}
/******* カレンダー用 *******/
div.Calendar{}
/* カレンダー */
table.Calendar{}
table.Calendar th{}
table.Calendar td{}
table.Calendar .Weeklist{}	
table.Calendar .Otherday{}
table.Calendar .Weekday{}
table.Calendar .Saturday{}
table.Calendar .Holiday{}
table.Calendar .Today{}
table.Calendar td a{}
table.Calendar td a:hover{}
table.Calendar td div{}
table.Calendar td div b{}
div.Rsvaccepting{}
div.Rsvvacancy{}
div.Rsvinvalidity{}
div.Remain{}

#CalenNavi{}
input.Active{}
input.Deactive{}

/* プラン詳細ページの部屋タイプ一覧 */
table.CalenLeftList{}
table.CalenLeftList caption{}
table.CalenLeftList img.shadow{}

/* 日付検索テーブル */
table#Reserve{}
table#Reserve th{}
table#Reserve td{}
table#Reserve td div{}

/* プランコンテンツ */
div.YdfBodys{
    width: 1114px !important;
    padding: 0px !important;
    margin-top: 0px !important;
    margin-right: auto !important;
    margin-bottom: 25px !important;
    margin-left: auto !important;
}
div.YdfList{
    border: 1px solid #fffce9;
    background-color: #fffce9;
    border-radius: 20px;
        background-image: url(https://yoshifumi.yuyado.net/images/t8.jpg?smiadminip=1);
        background-size: 20%;
        background-position-x: 10px;
        background-position-y: 100px;
        background-repeat: no-repeat;
	padding: 10px;
}
table.YdfList{
}
table.YdfList caption{}
table.YdfList caption img{}
table.YdfList th,
.ths{}
table.YdfList td{
    background-color: #fff;
}
table.YdfInfo{
    /*background: #F86F3A;*/
    /*border-radius: 20px;*/
background: unset;

}
table.YdfInfo td{
    /*border: solid 1px #F86F3A;*/
    /*border-radius: 20px;*/
    border: unset;
    background: unset;
}
table.YdfList td hr{}
div.YdfImage{}
table.YdfImages{}
table.YdfImages td{}

table#PlanConditions.YdfList{
    width: 99%;
}
table#ResrvationNotice.YdfList{
    width: 99%;
}

div.YdfName{
        margin: 10px;
        background: url(https://yoshifumi.yuyado.net/images/plan_bg.png) no-repeat right 0;
	padding-left: 20px;
	height: 52px;
	line-height: 32px;
}
div.YdfName a{
    color: #e6516e;
    text-decoration-line: underline;
    text-decoration-style: dotted;
    text-decoration-thickness: 5px;
    text-underline-offset: 10px;
}
div.YdfSubname{
    margin: 10px 5px 50px 300px;
}
div.YdfMemo{
    border: 1px solid #fffce9;
    background-color: #fffce9;
    border-radius: 20px;
    background-repeat: no-repeat;
    padding: 1em;
    line-height: 1.5em;
    font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif !important;
}
div.YdfMemo a{}
#BasicCondition *{}
#MeisaiTable{}
#SearchCondition{
    background-color: #fff;
    border: 1px solid #F86F3A;
}
#Address{
        background-image: url(https://yoshifumi.yuyado.net/images/footer_logo.png?smiadminip=1);
        background-repeat: no-repeat;
	position: absolute;
	/*top: -9999px;*/
	/*display: none ! important;*/
        margin-top: 250px;
        margin-left: 50px;
        color: #fff;
        font-weight: bold;
        font-size: medium;
        padding-top: 70px;
	z-index: 10;
}
address{
	text-align:center;
	float:none;
}
address div{
	background: url(https://yoshifumi.yuyado.net/images/logo02.png) no-repeat left top;
	float: none;
	margin: 20px auto;
	width: 250px;
	height:auto;
	padding-top: 50px;
	text-align:center;
}

/* 大外枠 */
div.Main{
}
/* ページヘッダー */
header{
    background-image: url(https://yoshifumi.yuyado.net/images/menu_bg.png?smiadminip=1);
    padding: 0px;
    height: 91px;
    width: 100%;
    background-repeat: repeat;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 25px;
    margin-left: 0px;
}
div.Bodyheader{
	width: 1114px;
	margin: 0 auto;
	padding-top: 5px;
	height: 70px;
	text-align: left;
        background-image: url(https://yoshifumi.yuyado.net/images/footer_logo.png?smiadminip=1);
        background-repeat: no-repeat;
        background-position: left 5px;
}
div.Bodyheader a{
	display: block;
	background: url(https://yoshifumi.yuyado.net/images/logo01.png) no-repeat left top;
	background-size: 200px 50px;
	height: 50px;
}
div.Bodyheader h1{
        color: #fff;
        display: none;
}
.tel-link{
	width: 250px;
	height: 89px;
	float:right;
	margin-top: -69px;
	/*border: 1px solid #f00;*/
}
/****** SubMenu(dropmenu) ******/
nav{
	width: 100%;
}
div.Menus ul.g_menu {
	width: 1000px;
	margin: 15px auto;
	padding: 0;
	height: 30px;
}
div.Menus ul.g_menu li {
	float: left;
	list-style-type: none;
}

ul.g_menu li a {
	display: block;
	height: 30px;
	text-indent: -9999px;
	background-image: url(https://yoshifumi.yuyado.net/images/menu.png);
	background-repeat: no-repeat;
}

ul.g_menu li.m1 a { width: 125px; background-position: 0 0; }
ul.g_menu li.m2 a { width: 132px; background-position: -125px 0; }
ul.g_menu li.m3 a { width: 133px; background-position: -257px 0; }
ul.g_menu li.m4 a { width: 139px; background-position: -390px 0; }
ul.g_menu li.m5 a { width: 155px; background-position: -529px 0; }
ul.g_menu li.m6 a { width: 188px; background-position: -684px 0; }
ul.g_menu li.m7 a { width: 128px; background-position: -872px 0; }

ul.g_menu li.m1 a:hover { width: 125px; background-position: 0 -30px; }
ul.g_menu li.m2 a:hover { width: 132px; background-position: -125px -30px; }
ul.g_menu li.m3 a:hover { width: 133px; background-position: -257px -30px; }
ul.g_menu li.m4 a:hover { width: 139px; background-position: -390px -30px; }
ul.g_menu li.m5 a:hover { width: 155px; background-position: -529px -30px; }
ul.g_menu li.m6 a:hover { width: 188px; background-position: -684px -30px; }
ul.g_menu li.m7 a:hover { width: 128px; background-position: -872px -30px; }

ul.g_menu2 {
	width: 1000px;
	margin: 6px auto;
	padding: 0;
	height: 30px;
}

ul.g_menu2 li {
	float: left;
	list-style-type: none;
}

ul.g_menu2 li a {
	display: block;
	height: 30px;
	text-indent: -9999px;
	background-image: url(../images/common/menu.png);
	background-repeat: no-repeat;
}

ul.g_menu2 li.m1 a { width: 125px; background-position: 0 0; }
ul.g_menu2 li.m2 a { width: 132px; background-position: -125px 0; }
ul.g_menu2 li.m3 a { width: 133px; background-position: -257px 0; }
ul.g_menu2 li.m4 a { width: 139px; background-position: -390px 0; }
ul.g_menu2 li.m5 a { width: 155px; background-position: -529px 0; }
ul.g_menu2 li.m6 a { width: 188px; background-position: -684px 0; }
ul.g_menu2 li.m7 a { width: 128px; background-position: -872px 0; }

ul.g_menu2 li.m1 a:hover { width: 125px; background-position: 0 -30px; }
ul.g_menu2 li.m2 a:hover { width: 132px; background-position: -125px -30px; }
ul.g_menu2 li.m3 a:hover { width: 133px; background-position: -257px -30px; }
ul.g_menu2 li.m4 a:hover { width: 139px; background-position: -390px -30px; }
ul.g_menu2 li.m5 a:hover { width: 155px; background-position: -529px -30px; }
ul.g_menu2 li.m6 a:hover { width: 188px; background-position: -684px -30px; }
ul.g_menu2 li.m7 a:hover { width: 128px; background-position: -872px -30px; }

.submenu_bg {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	height: auto;
	background: url(https://yoshifumi.yuyado.net/images/menu_s_bg.jpg) repeat;
}

.submenu_bg ul {
}

.submenu_bg ul li {
	float: left;
	list-style-type: none;
	margin-left: 10px;
}

.submenu_bg {
	display: none;
}

.submenu_bg ul li a {
	display: block;
	text-indent: -9999px;
	background-repeat: no-repeat;
}

.submenu1 ul {
	margin-left: 700px;
	padding: 13px 0 10px;
	min-height: 88px;
}

.submenu1 ul li a {
	width: 233px;
	height: 88px;
	background-image: url(https://yoshifumi.yuyado.net/images/menu_s_01.png);
}

.submenu1 ul li.m1 a { background-position: 0 0; }
.submenu1 ul li.m2 a { background-position: -233px 0; }
.submenu1 ul li.m1 a:hover { background-position: 0 -88px; }
.submenu1 ul li.m2 a:hover { background-position: -233px -88px; }

.submenu2 ul {
	margin-left: 700px;
	padding: 13px 0 10px;
	min-height: 88px;
}

.submenu2 ul li a {
	width: 233px;
	height: 88px;
	background-image: url(https://yoshifumi.yuyado.net/images/menu_s_02.png);
}

.submenu2 ul li.m1 a { background-position: 0 0; }
.submenu2 ul li.m2 a { background-position: -233px 0; }
.submenu2 ul li.m1 a:hover { background-position: 0 -88px; }
.submenu2 ul li.m2 a:hover { background-position: -233px -88px; }

/****** SubMenu(dropmenu)ここまで ******/

div.Bodys{
	clear: both;
	float: none;
	background: url(https://yoshifumi.yuyado.net/images/img20.png) no-repeat right bottom;
	margin: 10px auto 0px auto;
}
div.Contents{
	width: 1000px;
}

.Explanation {
    background-color: #fff;
}
/******************/
footer{
	width: 100%;
  position: relative;
	background-image: url(https://yoshifumi.yuyado.net/images/footer_bg.png);
	background-repeat:repeat-x;
	background-position: left top;
  margin-top: 40px;
  padding-bottom: 30px;
}
footer::after{
  content: "";
  position: absolute;
  top: 209px;
  left: 0;
  right: 0;
  bottom: 0;

  background: url(https://yoshifumi.yuyado.net/images/footer_bg02.png) repeat left top;
  pointer-events: none;
}
div.Bodyfooter{
	width: auto;
	margin: 0 auto;
	height: 400px;
	padding: 20px 0px 0px 0px;
}
div.Bodyfooter ul{
	margin-top: 0px;
}
div.Bodyfooter li{
	float: left;
	list-style: none;
}
.Bodyfooter li a {
	color: #954d29;
	text-decoration: none;
	padding: 0 5px;
	font-weight:normal;
}
.Bodyfooter li a:hover {
	text-decoration: underline;
}
/******************/
div.Powered{
	background: none transparent ! important;
	position: relative;
	z-index: 10;
}
div.Powered a:hover{
	color: #fff;
}