@charset "Shift_JIS";

/*Validator*/

.vali {
    color:#FF0066;
}

/* スケジュール共通 */
.sch-h-h {
	background: #f3cfcf;
}

.sch-h-s  {
	background: #d0dbf9;
}

.sch-h-t {
	background: #b0b0b0;
	
}

.sch-member {
	background: #efefef;
}

/* お知らせ */
.fldset 
{
     margin-bottom: 20px;
}
.fldset p 
{
     margin: 5px 10px 10px 20px;
}
.fldset legend 
{
     padding:0 0 10px 0;
}

/*modalpopup background*/
.modal-background 
{   background-color:#c0c0c0; 
    filter: alpha(opacity=70);
    -moz-opacity:0.70;
    opacity:0.70;
}

/* Sheet管理 */
td.kanri-preview-td-cat1 {
	background: #fafad2;
}

td.kanri-preview-td-cat1 a {
	font-weight: bold;
}

td.kanri-preview-td-ans1 {
	background: url(../img/bg_table_02.gif) repeat-y left #c7f9c7;
	padding-left: 20px;
}

/* UserControl ページャ */
.pagertext
{
    font-size:medium;
}
.nowpagetext
{
    font-size:large;
    font-weight:bold;
}

/* 勤怠 */
.WEEKCAL TH {
	BORDER-RIGHT: #909090 1px solid; BORDER-TOP: #909090 1px solid; BORDER-LEFT: #909090 1px solid; COLOR: #333; BORDER-BOTTOM: #909090 1px solid;
}
.WEEKCAL TD {
	BORDER-RIGHT: #909090 1px solid; BORDER-TOP: #909090 1px solid; BORDER-LEFT: #909090 1px solid; COLOR: #555; BORDER-BOTTOM: #909090 1px solid; BACKGROUND-COLOR: #f8f8f8
}
.WEEKCAL TBODY {
	/*FONT-SIZE: 90%*/
}
.WEEKCAL TBODY TH.HEAD {
	BACKGROUND-COLOR: #eeeeee; TEXT-ALIGN: left
}
.WEEKCAL TBODY TD {

	/*WIDTH: 13em*/
}
IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
#MONTHCAL {
	FONT-SIZE: 11px; FLOAT: left
}
#MONTHCAL COL {
	WIDTH: 24px
}
#MONTHCAL THEAD {
	COLOR: #444444; BACKGROUND-COLOR: white
}
#MONTHCAL THEAD TD {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; VERTICAL-ALIGN: middle; TEXT-ALIGN: center; BORDER-RIGHT-WIDTH: 0px
}
#MONTHCAL TBODY TD {
	BORDER-RIGHT: #808080 1px solid; BORDER-TOP: #808080 1px solid; VERTICAL-ALIGN: middle; BORDER-LEFT: #808080 1px solid; BORDER-BOTTOM: #808080 1px solid; TEXT-ALIGN: center
}
#MONTHCAL TH {
	BORDER-RIGHT: #808080 1px solid; BORDER-TOP: #808080 1px solid; BORDER-LEFT: #808080 1px solid; BORDER-BOTTOM: #808080 1px solid; BACKGROUND-COLOR: #cccccc
}

.Sunday {
	VERTICAL-ALIGN: middle; BACKGROUND-COLOR: #ffe0ee; TEXT-ALIGN: center
}
.Sunday A {
	VERTICAL-ALIGN: middle; COLOR: red; TEXT-ALIGN: center
}
.Saturday {
	VERTICAL-ALIGN: middle; BACKGROUND-COLOR: #B5DCFD; TEXT-ALIGN: center
}
.Saturday A {
	VERTICAL-ALIGN: middle; COLOR: red; TEXT-ALIGN: center
}
.Normalday {
	VERTICAL-ALIGN: middle; BACKGROUND-COLOR: #eeeeee; TEXT-ALIGN: center
}
.Today {
	VERTICAL-ALIGN: middle;
	BACKGROUND-COLOR: #DDDDDD /*#ccffcc*/;
	TEXT-ALIGN: center;
	color: #333333 !Important;
	font-weight:bold;
}
#WEEKCAL TH {
	BORDER-RIGHT: #909090 1px solid; BORDER-TOP: #909090 1px solid; BORDER-LEFT: #909090 1px solid; COLOR: #333; BORDER-BOTTOM: #909090 1px solid;
}
#WEEKCAL TD {
	BORDER-RIGHT: #909090 1px solid; BORDER-TOP: #909090 1px solid; BORDER-LEFT: #909090 1px solid; COLOR: #555; BORDER-BOTTOM: #909090 1px solid; BACKGROUND-COLOR: #f8f8f8
}
#WEEKCAL TBODY {
	/*FONT-SIZE: 90%*/
}
#WEEKCAL TBODY TH.HEAD {
	BACKGROUND-COLOR: #eeeeee; TEXT-ALIGN: left
}
#WEEKCAL TBODY TD {

	/*WIDTH: 13em*/
}

TD.OP {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; VERTICAL-ALIGN: middle; WIDTH: 95px; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: center; BORDER-RIGHT-WIDTH: 0px
}
A.typeA {
	COLOR: #ff0000
}
A.typeB {
	COLOR: #00a000
}
A.typeC {
	COLOR: #0000f0
}
P.report {
	MARGIN-TOP: 1em; MARGIN-BOTTOM: 1em
}

#KINTAICARD {
	FLOAT: left;
}
#KINTAICARD THEAD {
	COLOR: #444444; BACKGROUND-COLOR: white
}
#KINTAICARD THEAD tr th {

}

#KINTAICARD THEAD TD {
	BORDER-TOP-WIDTH: 0px; FONT-WEIGHT: bolder; BORDER-LEFT-WIDTH: 0px;  BORDER-BOTTOM-WIDTH: 0px; VERTICAL-ALIGN: middle; BORDER-RIGHT-WIDTH: 0px;
}
#KINTAICARD TBODY TD {
	BORDER-RIGHT: #808080 1px solid; BORDER-TOP: #808080 1px solid; VERTICAL-ALIGN: middle; BORDER-LEFT: #808080 1px solid; BORDER-BOTTOM: #808080 1px solid;
}
#KINTAICARD TH {
	BORDER-RIGHT: #808080 1px solid; BORDER-TOP: #808080 1px solid; FONT-WEIGHT: bolder; BORDER-LEFT: #808080 1px solid; BORDER-BOTTOM: #808080 1px solid; BACKGROUND-COLOR: #cccccc;
}
#KINTAICARD TD.radio {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px;PADDING-TOP: 0px; TEXT-ALIGN: right; BORDER-RIGHT-WIDTH: 0px
}




#KINTAICARDRIVE {
	FLOAT: none;
	margin: 0px 5px 0px; 
	width:300px;
}
#KINTAICARDRIVE THEAD {
	COLOR: #444444; BACKGROUND-COLOR: white
}
#KINTAICARDRIVE THEAD TD {
	BORDER-TOP-WIDTH: 0px; FONT-WEIGHT: bolder; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; VERTICAL-ALIGN: middle; BORDER-RIGHT-WIDTH: 0px
}
#KINTAICARDRIVE TBODY TD {
	BORDER-RIGHT: #808080 1px solid; BORDER-TOP: #808080 1px solid; VERTICAL-ALIGN: middle; BORDER-LEFT: #808080 1px solid; BORDER-BOTTOM: #808080 1px solid
}
#KINTAICARDRIVE TH {
	BORDER-RIGHT: #808080 1px solid; BORDER-TOP: #808080 1px solid; FONT-WEIGHT: bolder; FONT-SIZE: 12px; BORDER-LEFT: #808080 1px solid; WIDTH: 70px; BORDER-BOTTOM: #808080 1px solid; BACKGROUND-COLOR: #cccccc
}
#KINTAICARDRIVE TD.radio {
	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; WIDTH: 1.5em; PADDING-TOP: 0px; TEXT-ALIGN: right; BORDER-RIGHT-WIDTH: 0px
}

#KINTAICARDEDIT {
	FLOAT: left
}
#KINTAICARDEDIT THEAD {
	COLOR: #444444; BACKGROUND-COLOR: white
}
#KINTAICARDEDIT THEAD TD {
	BORDER-TOP-WIDTH: 0px; FONT-WEIGHT: bolder; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 18px; BORDER-BOTTOM-WIDTH: 0px; VERTICAL-ALIGN: middle; BORDER-RIGHT-WIDTH: 0px
}
#KINTAICARDEDIT TBODY TD {
	BORDER-RIGHT: #808080 1px solid; BORDER-TOP: #808080 1px solid; FONT-SIZE: 16px; VERTICAL-ALIGN: middle; BORDER-LEFT: #808080 1px solid; BORDER-BOTTOM: #808080 1px solid
}
#KINTAICARDEDIT TH {
	BORDER-RIGHT: #808080 1px solid; BORDER-TOP: #808080 1px solid; FONT-WEIGHT: bolder; FONT-SIZE: 12px; BORDER-LEFT: #808080 1px solid; BORDER-BOTTOM: #808080 1px solid; BACKGROUND-COLOR: #cccccc
}
#MONTH_LINK td{
	background-color:#FFFFFF;
	border:none !important;
	color:#333333;
}

div.alt {
	margin: 40px 30px 20px 10px;
	font-size:12px;
	clear:both;
	float:left;
}

div.alt2 {
	margin: 0px 2px 30px 15px;
	font-size:16px;
}

div.alt3 {
	margin:0 0 20px 5px;
	font-size:12px;
	border-color: black;
	width:250px;
	
}


div.alt5 {
	clear:both;
	FLOAT: left;
	margin: 0px 2px 30px 5px;
	font-size:80%;
}
div.alt6{
	width:1040px;
}

td.a1{
	width: 95px;
    /*height: 50px;*/
}
td.a2{
	width: 150px;
    /*height: 50px;*/
}
td.a3{
	width: 80px;
    /*height: 50px;*/
}
td.b{
	width: 70px;
    /*height: 50px;*/
}

/*空白用セル*/
.space{
	border-top:none !important; 
	border-bottom:none !important;
	background-color:#FFFFFF !important;
	width:2px !important;
}

td.boarderRed	{
	border:2px solid #FF0000;
}

/*NowLoding*/
p.nowloadingimage
{
    background:#ffffff;
    width:100px;
    height:100px;
    border:#cccccc solid 1px;
    text-align:center;
    color :#999999;
 }


/*店舗FS設定*/
table.shopfstable {
    border-left:none;
    border-right:none;
    border-bottom:none;
}

table.shopfstable td.shopfscheck {
    border-right: none;
    border-left: none;
    border-bottom: none;
}

table.shopfstable td.shopfsdelete {
    border-left: none;
    border-right: none;
    border-bottom: none;
}


/*店舗承認管理者設定*/
table.shopaprvltable {
    border-left: none;
    border-right: none;
    border-bottom: none;
}

table.shopaprvltable td.shopaprvlcheck {
    border-right: none;
    border-left: none;
    border-bottom: none;
}

table.shopaprvltable td.shopaprvldelete {
    border-left: none;
    border-right: none;
    border-bottom: none;
}

/*ヒアリング状態(確認画面)*/
 div.Registbt {
    margin:10px 0 10px 0;
}  

/*LC画面グルーピングボタン*/
.groupingbutton
    {
        display: block;
        cursor: pointer;
        float:right;
        margin-bottom:5px;
	    font-family: Arial, Helvetica, sans-serif;
	    font-size: 13px;
	    color: #805100;
	    padding: 4px 10px;
	    background: -moz-linear-gradient(
		    top,
		    #ffffff 0%,
		    #ffffff 50%,
		    #d6d6d6);
	    background: -webkit-gradient(
		    linear, left top, left bottom,
		    from(#ffffff),
		    color-stop(0.50, #ffffff),
		    to(#d6d6d6));
	    -moz-border-radius: 10px;
	    -webkit-border-radius: 10px;
	    border-radius: 10px;
	    border: 3px solid #C98818;
	    -moz-box-shadow:
		    0px 1px 3px rgba(000,000,000,0.5),
		    inset 0px 0px 3px rgba(255,255,255,1);
	    -webkit-box-shadow:
		    0px 1px 3px rgba(000,000,000,0.5),
		    inset 0px 0px 3px rgba(255,255,255,1);
	    box-shadow:
		    0px 1px 3px rgba(000,000,000,0.5),
		    inset 0px 0px 3px rgba(255,255,255,1);
	    text-shadow:
		    0px -1px 0px rgba(000,000,000,0.1),
		    0px 1px 0px rgba(255,255,255,1);
    }

.openclose {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	padding: 3px 7px;
    background:#8d0c0e;
	background: -moz-linear-gradient(
		top,
		#c32134 0%,
		#8d0c0e);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#c32134),
		to(#8d0c0e));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #eeeeee;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
}


#loading {
	width: 96px; /* gif画像の幅 */
	height: 96px; /* gif画像の高さ */
	margin: -68px 0 0 -68px; /* gif画像を画面中央に */
	padding: 20px; /* gif画像を大きく */
	border-radius: 15px; /* 丸角 */
	position: fixed; /* gif画像をスクロールさせない */
	left: 50%; /* gif画像を画面横中央へ */
	top: 50%; /* gif画像を画面縦中央へ */
}