/*@import url(/HpScript/colors.css);*/
/* debug */
#log{
	min-height: 46px;
	padding: 10px 10px 10px 10px;
	text-align: left;
	margin: 10px auto;
	font-size: medium;
	border: 3px ridge #b0c4de;
	min-width: 860px;
	color: #000;
	word-break: break-all;
	clear: both;
}
.smi-only{
	border:2px dotted #999;
	margin-top: 10px;
	padding: 5px 0px;
	background-color: #eee;
}
/* debug ここまで*/

/****************************************/
/* 汎用クラス */
/****************************************/
.large{
	font-size: large ! important;
}
.x-large{
	font-size: x-large ! important;
}
.xx-large{
	font-size: xx-large ! important;
}
.medium{
	font-size: medium ! important;
}
.small{
	font-size: small ! important;
}
.x-small{
	font-size: x-small ! important;
}
.warning{
	color: #ff0000 ! important;
}
.warning2{
	background-color: #ff0000 ! important;
	color: #fff ! important;
}

.bold{
	font-weight: bold ! important;
}
.weightnormal{
	font-weight: normal ! important; 
}
.numeric{
	text-align: right ! important;
	/*ime-mode: disabled;*/
	ime-mode:inactive;
	padding-right: 2px;
}
.visible{
	display: block;
	visibility: visible;
}
.none{
	display: none;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix { 
	min-height: 1px;
}
.bnone{
	border-style: none ! important;
	border-width: 0px ! important;
	padding: 0px ! important;
}
.bdright{
	border-right: 2px solid  ! important;
}
.bdleft{
	border-left: 2px solid  ! important;
}
.bdtop{
	border-top: 2px solid  ! important;
}
.bdbottom{
	border-bottom: 2px solid  ! important;
}

.hide{
	position:absolute;
	top: -100px;
}
.disable,
.disabled{
	background-color: #ebebe4 ! important;
	color: #999;
}
.enable{
	background-color: #ffffff;
}
.readonly{
	border-width: 0px ! important;
	background-color: transparent ! important;
	cursor: default;
}
.fleft{
	float: left ! important;
	margin-right: 10px;
}
.fright{
	float: right ! important;
	margin-left: 10px;
}
.both{
	clear: both;
}
.group{ 
	float:left;
	white-space:nowrap;
	margin-right: 15px;
	width: 100%;
}
.left{
	text-align: left ! important;
}
.center{
	text-align: center ! important;
}
.right{
	text-align: right ! important;
}
.top{
	vertical-align: top ! important;
}
.middle{
	vertical-align: middle ! important;
}
.bottom{
	vertical-align: bottom ! important;
}
.ime-active{
  ime-mode: active;
}
.ime-inactive{
  ime-mode: inactive;
}
.ime-disable{
  /*ime-mode: disabled;*/
  ime-mode: inactive;
}
.gothic{
	font-family: "ＭＳ ゴシック";
}
.mincho{
	font-family: "ＭＳ 明朝";
}
.transparent{
	background-color: transparent ! important;
}
.closebtn{
	display: block;
	margin-top: 10px;
	clear:both;
}
.box{
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px;
	border-width: 1px;
	border-color: #808080;
	border-style: solid;
	background-color: #ffffff;
	color: #000000;
}
.attention{
	font-size: 10pt;
	margin: 10px 0px;
	padding: 5px;
	border: 1px solid #808080;
	background-color: #fffaec;
	color: #ff0000;
	width: 98%;
	text-align: center;
}

/* 2023/06 Loading*/
.loader-container{
  background-color: #e9d1db;
  position: fixed;
  z-index: 100;
  top:calc(50% - 200px/2);
  left:calc(50% - 200px/2);
  display:none;
  border: 3px solid #8b1229;
  border-radius: 8px;
  width: 200px;
  height: 200px;
}
.loader-container p{
	color: #000;
	margin-top: 2em;
}

.loader,
.loader:before,
.loader:after {
  background: #fff;
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
}
.loader {
  color: #fff;
  text-indent: -9999em;
  margin: 88px auto;
  position: relative;
  font-size: 11px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  position: absolute;
  top: 0;
  content: '';
}
.loader:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 1.5em;
}

@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}
/*********************************************/

/* 2024/04 added */
#WaitingMsg{
	margin: auto;
	width: 20%;
	font-size: 15pt;
	border-radius: 15px;
	border: 3px solid #cecece;
	background-color: #fff;
	position: absolute;
	top: 40%;
	left:40%;
	z-index:20001;
	padding:30px;
	line-height: 2em;
}
#LockScreen{
	min-width: 100%;
	min-height: 100%;
	display: none;
	z-index:200000;
}
/*  */

.empty{
	background-image: none ! important;
	background-color: transparent ! important;
	border: 0px none #000000 ! important;
}
.p0{
	padding: 0px ! important;
}
form{
	margin: 0px;
}
.nowrap{
	white-space:nowrap;
}

/* blink */
.blink {
	animation: blinking 1s ease-in-out infinite alternate;
}
@keyframes blinking {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

/* loading(for SMS) */
.loader,
.loader:before,
.loader:after {
  background: #ffffff;
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: 10em;
  height: 4em;
}
.loader {
  color: #ffffff;
  text-indent: -9999em;
  /*
  margin: 88px auto;
  position: relative;
  */
  position: fixed;
  top: 30%;
  right: 40%;
  display:none;

  font-size: 11px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  position: absolute;
  top: 0;
  content: '';
}
.loader:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 1.5em;
}
@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}

/* プレースホルダーの文字色 */
input::-webkit-input-placeholder {
  color:#ccc;
}
input:-moz-placeholder {
  color:#ccc;
}
input:-ms-input-placeholder{
  color:#ccc;
}

@media screen {
	.noShw{display:none;}
}
@media print {
	.noPrn{display:none;}
}
div.UnderBlock{
	border-top: 1px dashed #ccc;
	margin-top: 3px;
	padding-top: 3px;
	font-size: 9pt;
}

/* ページ移動用 */
table.PageBtn{
	clear: both;
	border: 0 ! important;
	background-color: transparent ! important;
}
table.PageBtn th{
	border-style: none ! important;
}
table.PageBtn td{
	border-style: none ! important;
}
table.Persons,table.Cost{
	border-collapse: collapse;
	margin: 0px auto ! important;
	width: 100%;
}
table.Persons td{
	border-style: none ! important;
	border-bottom-width: 1px ! important;
	border-bottom-style: dotted;
	padding: 2px 0px ! important;
}
table.Cost th{
	border: 1px solid #000000;
	padding: 1px ! important;
	font-size: 10pt;
}
table.Cost td{
	border: 1px solid #000000;
	padding: 1px;
	font-size: 10pt;
}
table.CostDetail{
	border-width: 1px;
	margin: 0 0 0 5em;
	width: 70% ! important;
	display: none;
}
table.CostDetail td{
	border-width: 0px;
}
div.Option{
	width: 95% ! important;
	min-width:580px ! important;
}
hr.border{
	height: 1px;
	width: 100%;
	border-width: 0px;
}
.shadow{
	/*
	background: url(/HpImages/w_shadow.png) no-repeat bottom right;
	padding: 0px 7px 7px 0px;
	*/
	-webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    3px 3px 5px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         3px 3px 5px 0px rgba(50, 50, 50, 0.5);
	/*margin:  7px 7px 0px 7px;*/
}
.fakeinput{
	padding-left: 2px;
}

a.ylink{
	top:0;
	left: 0;
	text-decoration: none;
}
a.ylink:hover{
	cursor: default;
}
p.confmsg{
	font-size:small;
	text-align: center;
}
p.failmsg{
	text-align: center;
	color: #ff0000;
	font-weight: bold;
}
input.search{
	background-image: url("/HpImages/musimegane.gif");
	background-position: 0;
	background-repeat: no-repeat;
	background-color: #ffffff;
	width: 18px;
	height: 17px;
	padding-left: 16px;
	margin: 0px;
	border: 1px solid #999999;;
}
.forcalc{
	position:absolute;
	left:	-5000px;
}
.m{ background-color: #E1EEFF ! important;color:#000000; }
.f{ background-color: #FFEEFA ! important;color:#000000; }
.c{ background-color: #EEFFEE ! important;color:#000000; }
#ccTotal{ 
	color: #ff0000;
	font-weight: bold;
	text-align: right;
	margin: 3px;
	border: double 3px #999999; 
	padding: 5px;
	background-color: #ffffff;
	width: 97%; 
}
/******************/
div.Powered{
	width: 100%;
	height: 17px;
	background: url(/HpImages/copybak.gif) #e6e6e6;
	color: #666666;
	font-size: 9pt;
	text-align: center;
	margin: 0 auto;
	padding: 3px 0px;
	border: 0px solid #000000;
}
div.Powered a{
	text-decoration: none;
}
div.Powered strong{
	font-size: x-small;
	font-weight: normal;
}
div.hint_bubble_round{
	z-index: 10;
}

/* 満室表示 */
.Rsvfull{
	height: 100px;
}
.Full{
	color: #ff0000;
}
div.Full{
	border-top: dotted 1px #646450;
}
table.Rsvvacancy td{
	height: 1em ! important;
	border-width: 0px ! important;
}
input.BtnEx{
	background: url(/HpImages/StdBtn.gif) left top no-repeat;
	color: #000000;
	text-align: left;
	padding-left: 25px;
	font-size: 11pt;
	font-weight: bold;
	width: 200px ! important;
	height: 38px ! important;
	border: none;
}
address,
#Address{
	text-align: left;
	font-size: small;
	float: right;
	clear: both;
}