/*@import url(/HpScript/colors.css);*/
/****************************************/
/* 全体基本 */
/****************************************/
img{
	border-style: none;
}
hr{
	clear: both;
}
form{ 
	margin: 0px;
	padding: 0px;
	display: inline;
}
/****************************************/
/* 汎用クラス */
/****************************************/
.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;
}

/* 2024/04 added */
#WaitingMsg{
	margin: auto;
	width: 20%;
	font-size: 15pt;
	border-radius: 15px;
	border: 3px solid #cecece;
	background-color: #fff;
	position: absolute;
	top: 30%;
	left:40%;
	z-index:200001;
	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;
}
/* プレースホルダーの文字色 */
input::-webkit-input-placeholder {
  color:#ccc;
}
input:-moz-placeholder {
  color:#ccc;
}
input:-ms-input-placeholder{
  color:#ccc;
}
.shadow{
	/*
	background: url(/HpImages/w_shadow.png) no-repeat bottom right;
	padding: 0px 7px 7px 0px;
	margin:  7px 7px 0px 7px;
	*/
	-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);
}
textarea.memo{
	width: 98%;
	height: 5em;
}
/****************************************/
/* 印刷 */
/****************************************/
@media screen {
	.noShw{display:none;}
}
@media print {
	.noPrn{display:none;}
}
/****************************************/
/* システム共通クラス */
/****************************************/
.box{
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px;
	border-width: 1px;
	border-color: #808080;
	border-style: solid;
	background-color: #ffffff;
	color: #000000;
}
.empty{
	background-image: none ! important;
	background-color: transparent ! important;
	border: 0px none #000000 ! important;
}
.attention{
	min-height: 46px;
	_height: 46px;
	padding: 10px 10px 10px 100px;
	text-align: left;
	margin: 10px auto;
	border: 3px double #b0c4de;
	background: url(/HpImages/attention64.png) no-repeat 20px center #fff;
	color: #000;
	width: auto;
	overflow: auto;
	clear: both;
}
div.error{
	font-weight: bold;
	padding: 10px 10px 10px 80px;
	text-align: left;
	border: 3px double #ff0000;
	background: url(/HpImages/error.png) no-repeat 20px center #fff5ef;
	margin: 10px;
	width: auto;
	color: #f00;
}
span.error{
	padding: 2px;
	background-color: #f00;
	color: #fff;
	font-weight: bold;
}
.notes{
	margin-left: 1em;
	font-size: small;
	color: #000080;
}
#Failed{
	min-height: 46px;
	padding: 15px 10px 15px 100px;
	text-align: left;
	border: 3px double #f00;
	margin: 10px;
	width:  auto;
	font-size: medium;
	background: url(/HpImages/fail64.png) no-repeat 20px center #fdfafa;
}

div.UnderBlock{
	border-top: 1px dashed #ccc;
	margin-top: 3px;
	padding-top: 3px;
	font-size: 9pt;
}
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;
}
#ccTotal{
	color: #ff0000;
	font-weight: bold;
	text-align: right;
	width: 95%;
}
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{ margin: 3px;border: double 3px #999999; padding: 5px;background-color: #ffffff;width: 97%; }
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;;
}
#log{
	width: 95%;
	word-break: break-all;
}
.Changed{ 
	background-color:#ffffce ! important;
	font-weight:bold;
}
.UnUsed{ 
	background-color:#ffffce ! important;
}
.Stayout{
	background-color: #e0e0e0;
}

.MsgIcon{
	font-family: "ＭＳ Ｐゴシック";
	background:url(/HpImages/common/p_btn.gif) repeat-x center;
	width: 50px;
	color:#fff;
	font-size: 9pt;
	font-weight: normal;
	border-left: 1px solid #bbb;
	border-right: 1px solid #999;
	height: 10px;
	padding: 2px;
	text-align: center;
	text-decoration: none;
	white-space:nowrap;
}
.BlackIcon{
	background:url(/HpImages/common/l_btn.gif) repeat-x center;
}
#Notation{
	background: url(/HpImages/exclamation_16.png) no-repeat left center;
	margin: 0 0 0 auto;
	padding: 3px 3px 3px 20px;
	font-size: small;
	float: right;
}
.ToTop{
	text-align: left;
	font-size: 9pt;
	padding-left: 20px;
	margin-left: 30px;
	display: block;
	clear: both;
}
.planpay{
	background:url(/HpImages/credit_card16.png) no-repeat 0 0;
	padding-left: 20px;
	text-align: left;
	float:right;
	font-size: small;
	min-width: 350px;
	margin: 0 0 0 auto;
	border:0px solid #ff0;
}
.ExclamationMsg{
	background: url(/HpImages/ok_16.png) no-repeat left center;
	padding-left: 20px;
	text-align: left;
	float:right;
	clear: both;
	font-size: 10pt;
}
th.Required,
span.Required{
	/*
	background-image: url(/HpImages/common/require.gif) ! important;
	background-repeat: repeat-y ! important;
	background-position: left top ! important;
	border: 1px solid #6b2121;
	*/
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a90329+0,6d0019+5,ffffff+10&1+0,1+9,0+10 */
	background: -moz-linear-gradient(left,  rgba(169,3,41,1) 0%, rgba(109,0,25,1) 7px, rgba(255,255,255,0) 7px); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(169,3,41,1) 0%,rgba(109,0,25,1) 7px,rgba(255,255,255,0) 7px); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(169,3,41,1) 0%,rgba(109,0,25,1) 7px,rgba(255,255,255,0) 7px); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}
/******************/
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;
}