* {
    font-family: "HGP創英角ゴシックUB", "Osaka", sans-serif;
    font-size:12px;
    line-height:14px;
    cursor : default;
}

BODY {
    text-align: center;
    vertical-align: middle;
    color : black;
    background-color : navajowhite;
    margin: 15 10 10 10;
    padding : 0;
    font-family: "HGP創英角ゴシックUB", "Osaka", sans-serif;
    font-size:10px;
}

TABLE {
    text-align: center;
    width : 90%;
    border-color: black;
    border-style : solid;
    /**border-width : 1pt;**/
    border-collapse : collapse;
    background-color : white;
    padding : 0;
    border-width: 1px;
}

TR {
    text-align: center;
    border-color: black;
    border-style : solid;
    /**border-width : 1pt;**/
    border-collapse : collapse;
    background-color : white;
    margin : 0;
    padding : 0;
    border-width: 1px;
}

TH {
    border-color: gray;
    border-style : solid;
    /**border-width : 1pt 1pt;**/
    background-color : darkorange;
    color     : black;
    padding : 1 2;
    margin : 0 2;
    white-space : nowrap;
    text-align: center;
    border-width: 1px;
}

TD {
    text-align: center;
    border-color: gray;
    border-style: solid;
    /**border-width : 1pt 1pt;**/
	padding : 1 2 1 2;
    margin : 0 0;
    white-space : nowrap;
    border-width: 1px;
}

#subject {
    font-family : "MS Pゴシック",sans-serif;
    width : 90%;
    height : 30;
    background-color : black;
    color : #FF6600;
    font-size : large;
    font-weight : bold;
    text-align : center;
    vertical-align : baseline;
    padding : 20 30;
    border-color: silver;
    border-style : ridge;
    border-width : 3pt;
    margin : auto;
}

#subject A:link { text-decoration : none; color : #FF6600; }
#subject A:visited {text-decoration : none; color : #FF6600; }
#subject A:hover { text-decoration : none; color: yellow; background-color: black;}
#subject A:active {text-decoration : none; color : yellow; }

#rescell {
    text-align: center;
    border-color: gray;
    border-style: solid;
    border-width : 1pt 1pt;
    padding : 0 2;
    margin : 0 2;
}


#topic {
    text-align: left;
    white-space : nowrap;
    background-color: mistyrose;
    padding: 2 5 2 5;
}
#input {
    text-align: left;
    background-color: white;
    padding: 5 5 5 5;
	white-space : normal;
	font-size:14px;
}
#submit {
    text-align: center;
    background-color : white;
}

#rental {
    text-align :left;
    background-color: mistyrose;
}

#location {
    text-align :left;
    background-color: white;
}

#company {
    text-align: left;
    background-color: mistyrose;
    padding: 0 5;
}
#clerk {
    text-align: left;
    background-color: white;
    padding: 0 5;
}
#employee {
    text-align :left;
    background-color: mistyrose;
}
#member {
    text-align :left;
    background-color: white;
	padding : 1 1 1 1;
}
#parttime {
    text-align :left;
    background-color: white;
}
#precall {
    background-color: mistyrose;
}
#sunday {
	background-color: white;
	font-weight: normal;
    color: red;
}
#saturday {
	background-color: white;
	font-weight: normal;
    color: blue;
}
#weekday {
	background-color: white;
	font-weight: normal;
    color: black;
}
#holiday {
	background-color: white;
	font-weight: normal;
    color: red;
}


#reserved {
	text-align:center;
	background-color: red;
	font-size:11px;
}
#reservedtoday {
	text-align:center;
	background-color: deeppink;
	font-size:11px;
}
#keep {
	text-align : center;
	background-color: blue;
	font-size:11px;
}
#keeptoday {
	text-align : center;
	background-color: #009BD9;
	font-size:11px;
}
#reservedwork {
	text-align : center;
	background-color: #1AB25F;
	font-size:11px;
}
#reservedlocahun {
	text-align : center;
	background-color:#A77EBA;
	font-size:11px;
}

#worktime {
	text-align : center;
	background-color: white;
}
#outofworktime {
	text-align : center;
	background-color: silver;
}

#shiftdata {
    text-align: left;
    padding: 0 5;
}

#shiftemployee {
word-break:break-all;
    text-align :center;
    background-color:white;
	font-size:11px;
/*	overflow:auto;*/
}
#shiftparttime {
word-break:break-all;
    text-align :center;
    background-color: white;
	font-size:11px;
/*	overflow:auto;*/
}

div#top {
	padding:2;
	width:950;
	text-decoration: none;
	color: #000000;
	background: #000000;
}

div#top h2 {
	margin :0;
	text-align: center;
	padding: 5 0 0 0 ;
	font-size: 16px;
	color: #ffffff;
	background: darkorange;
}

div#top ul {
	margin : 0 0 0 0;
	padding: 1;
	color: #000000;
	background: #ffffff;
	border-top:1px solid #000000;
}

div#top li {
	list-style: none;
    margin:0;
	border-bottom:1px dashed #000000;
	font-size: 16px;
	font-weight:normal;
	line-height:36px;
	text-align:left;
}

#today_message {
	color:blue;
}

#deptype_0 {
	background-color:white;
	text-align :left;
}

#deptype_3 {
	background-color:powderblue;
	text-align :left;
}
#deptype_4 {
	background-color:mistyrose;
	text-align :left;
}

.empreg {
    text-align: center;
    width : 60%;
    border-color: black;
    border-style : solid;
    border-width : 1pt;
    border-collapse : collapse;
    background-color : white;
    margin : auto;
    padding : 0;	
}

#regtype_reserved {
	background-color:red;
	width:20;
	height:20;

}

#regtype_reservedtoday {
	background-color:deeppink;
	width:20;
	height:20;

}

#regtype_keep {
	background-color:blue;
	width:20;
	height:20;
}

#regtype_keeptoday {
	background-color:#009BD9;
	width:20;
	height:20;
}

#regtype_locahun {
	background-color:#A77EBA;
	width:20;
	height:20;

}

#regtype_work {
	background-color:#1AB25F;
	width:20;
	height:20;

}

#regtype_cancle {
	background-color:darkgray;
	width:20;
	height:20;

}

#lreserved {
	text-align:center;
	color:red;
	font-size:11px;
}

#lreservedtoday {
	text-align:center;
  	color:deeppink;
	font-size:11px;
}

#lkeep {
	text-align : center;
	color:blue;
	font-size:11px;
}

#lkeeptoday {
	text-align : center;
	color:#009BD9;
	font-size:11px;
}

#lreservedwork {
	text-align : center;
	color:#1AB25F;
	font-size:11px;
}

#lreservedlocahun {
	text-align : center;
	color:black;
	font-size:11px;
}

#lcancel {
	color:#C0C0C0;
	font-size:11px;
}

#resdaylist {
    text-align: center;
    width : 650;
    border-color: black;
    border-style : solid;
    border-width : 1pt;
    border-collapse : collapse;
    background-color : white;
    margin : auto;
    padding : 0;
}

#resdaylist2 {
    text-align: center;
    border-color: black;
    border-style : solid;
    border-width : 1pt;
    border-collapse : collapse;
    background-color : white;
    margin : auto;
    padding : 0;
}

#findlist {
    text-align: left;
    padding: 5 0;
}


A { text-decoration : none; color : blue;}
A:link {}
A:visited {}
A:hover { background-color : yellow;}
A:active {}


IMG {
    border-width : 0;
}


#ml_reserved {
	background-color:red;
	width:8px;
    height: 8px;
	border:1px solid #666666;
	font-size:7px;
    position: absolute;
    transform: translate(-7px, 1.5px);
}

#ml_reservedtoday {
	background-color:deeppink;
	width:8px;
    height: 8px;
	border:1px solid #666666;
	font-size:7px;
    position: absolute;
    transform: translate(-7px, 1.5px);
}

#ml_keep {
	background-color:blue;
	width:8px;
    height: 8px;
	border:1px solid #666666;
	font-size:7px;
    position: absolute;
    transform: translate(-7px, 1.5px);
}

#ml_keeptoday {
	background-color:#009BD9;
	width:8px;
    height: 8px;
	border:1px solid #666666;
	font-size:7px;
    position: absolute;
    transform: translate(-7px, 1.5px);
}

#ml_locahun {
	background-color:black;
	width:8px;
    height: 8px;
	border:1px solid #666666;
	font-size:7px;
    position: absolute;
    transform: translate(-7px, 1.5px);
}

#ml_work {
	background-color:#1AB25F;
	width:8px;
    height: 8px;
	border:1px solid #666666;
	font-size:7px;
    position: absolute;
    transform: translate(-7px, 1.5px);
}
#ml_cancel{
	background-color:#C0C0C0;
	width:8px;
    height: 8px;
	border:1px solid #666666;
	font-size:7px;
    position: absolute;
    transform: translate(-7px, 1.5px);
}

#ruby {
    text-align: left;
    background-color: white;
    padding: 2 5 2 5;
	white-space : normal;
	font-size:10px;
}
#rubytitle {
    text-align: left;
    white-space : nowrap;
    background-color: mistyrose;
    padding: 2 5 2 5;
	white-space : normal;
	font-size:10px;
}

#daylist_td {
    font-size:14px;
    text-align: center;
    border-color: gray;
    border-style: solid;
    border-width : 1pt 1pt;
	padding : 3 2 3 2;
    margin : 0 0;
    white-space : nowrap;
}
/*
 ¤³¤³¤«¤é¥Ê¥Ó¥²¡¼¥·¥ç¥ó¥Ü¥¿¥ó
*/
TABLE.navibuttons {
    background-color: navajowhite;
    margin: 0;
    padding: 0;
    width: auto;
    text-align: left;
    border-style: none;
    border-width: 0;
    border-spacing: 0;
    border-collapse: collapse;
}

TABLE.navibuttons TR, TABLE.navibuttons TD {
    background-color: navajowhite;
    margin: 0;
    padding: 0;
    text-align: left;
    border-style: none;
    border-width: 0;
    width: auto;
    font-size: 20pt;
}

TABLE.navibuttons TD img {
    vertical-align:top;
    line-height: 0;
    font-size: 0;
    margin: 0;
    padding: 0;
}

TABLE.navibuttons TD A {
    font-size: 14px;
}
/*
 ¤³¤³¤Þ¤Ç¥Ê¥Ó¥²¡¼¥·¥ç¥ó¥Ü¥¿¥ó
*/

/*
 ¤³¤³¤«¤é·îÊÌ°ìÍ÷(Ⱦ·î¥Ü¥¿¥ó)
*/
TABLE.monthbuttons {
    background-color: navajowhite;
    margin: 0;
    padding: 0;
    border-style: none;
    border-width: 0;
    border-spacing: 0;
    border-collapse: collapse;
}
TABLE.monthbuttons TR, TABLE.monthbuttons TD {
    background-color: navajowhite;
    margin: 0;
    padding: 0;
    border-style: none;
    border-width: 0;
}

/*
 ·îÊÌ°ìÍ÷¡¢ÉôÌçÊÌ°ìÍ÷¡¢°ì³çͽÌó¤Î¥»¥ë¤Îʸ»ú¤Î¥Õ¥©¥ó¥È
*/
#monthtext {
	font-family: "HGP創英角ゴシックUB", "Osaka", sans-serif;
	text-align : left;
	font-size:10px;
}

/*
 ´ñ¿ôÈÖÌܤιԤÎÇØ·Ê
*/
tr.rowodd {
    background-color: mistyrose;
}

#number {
    text-align: left;
    background-color: white;
    padding: 5 5 5 5;
    white-space : normal;
    font-size:14px;
    letter-spacing:3px; 
}

#salestitle{
    font-family : "MS Pゴシック",sans-serif;
    font-weight : normal;
    text-align: left;
    font-size: 120%;
}
#salescell{
    font-family : "MS Pゴシック",sans-serif;
    font-weight : normal;
    text-align: right;
    font-size: 120%;
}

#login {
    margin: 50px auto 0;
    width: 300px;
}
#login div {
    display: flex;
    justify-content: space-evenly;
    margin: 10px 0 0;
}

/*
 2022 03 ~
*/
table tbody tr td input[name="search_text"]{
	  max-width: 250px;
}


/* ナビメニューのホバー */
.nav-img-box {
    position: relative;
}
.nav-img-box .active {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}
.nav-img-box:hover .active {
    cursor: pointer;
    opacity: 1;
}

select{
    border-width:1px ;
}
select#input{
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 0;
    padding-bottom: 0;
}
table#resdaylist{
    margin-left: 0;
}
table.search_res_table td#input input{
    width: 100%;
}