@charset "UTF-8";
.clearfix:after{
	content:"";
	display: block;
	clear: both;
}
body {
	width: 100%;
	margin: 0px auto;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color: #FFFFFF;
}
#wrapper {
	display: grid;
}
.mincho {
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.marugo {
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}
.meiryo_ui{
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','Meiryo UI', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}
header #logoArea {
	padding: 0px 10px;
}
.for_printing {
	display: none;
}
header span {
	font-size: 15px;
	color: #555;
	letter-spacing: 1px;
	padding-top: 25px;
	float: right;
}
header #logoArea {
	padding: 0px 10px;
}
header #logoArea a {
	float: left;
}
header #logoArea ul {
	/*width: 210px;*/
	float: right;
}
header ul li {
	float: right;
	margin-right: 5px;
}
header ul li:first-child {
	margin-right: 0px;
}
header ul li .button {
	font-size: 12px;
	letter-spacing: 1px;
	padding: 1px 8px;
	border: solid 1px #AAA;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top: none;
	vertical-align: top;
	text-align: center;
	text-decoration: none;
	display: inline-block;
/*	background-image: -webkit-linear-gradient(rgba(255,204,51,0.8) 0%, rgba(255,165,0,0.6) 100%);
	background-image: linear-gradient(rgba(255,204,51,0.8) 0%, rgba(255,165,0,0.6) 100%);*/
}
#settingBtn {
	color: #FFF;
	background-color: #555;
}
#remote {
	font-size: 12px;
	letter-spacing: 1px;
	vertical-align: top;
	padding: 1px 8px;
	border-top: none;
	/*color: #FFF;*/
	/*background-color: #555;*/
}
header ul li .button:hover {
	border: solid 1px #777;
/*	background-image: -webkit-linear-gradient(rgba(255,204,51,1) 0%, rgba(255,165,0,0.8) 100%);
	background-image: linear-gradient(rgba(255,204,51,1) 0%, rgba(255,165,0,0.8) 100%);*/
}
header #logoArea #mobile_menu {
	display: none;
	}
#header_title {
	background-color: #F60;
	padding: 0px 10px;
}
#header_title span {
	font-size: 14px;
	color: #FFF;
	letter-spacing: 1px;
	padding-top: 25px;
	float: right;
}
header {
	background-color: #F7F7F7;
	border-bottom: solid 1px #AAA;
}
h1 {
	font-size: 14px;
	color: #555;
	font-weight: bold;
	letter-spacing: 1px;
	margin-top: 3px;
	/*padding: 3px;*/
	float: left;
}
#header {
	width: 100%;
}
#header p {
	color: #FFFFFF;
	display: inline-block;
}
#header nav {
	width: 96%;
	padding-left:2%;
	padding-right:2%;
}
nav ul {
	list-style: none;
/*	width: 1000px; */
	margin: 0px auto;
/*	text-align: center; */
}
nav ul li {
	display: inline;
	margin: 3px 1px 0px 1px;
	height: 24px;
}
nav ul li a{
	background-color: rgb(255,207,207);
	text-decoration: none;
	padding: 5px 8px 3px 8px;
	font-size: 15px;
	letter-spacing: 2px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background-image: -webkit-gradient(
                  linear
                , left top
                , left bottom
                , from(rgb(255,255,255))
/*                , color-stop(0.49, #5050a5)
                , color-stop(0.50, #1c1c60)*/
                , to(rgb(255,207,207)));
}
nav ul li a:hover {
/*	background-color: rgb(153,0,153);*/
	background-color: #0099FF;
}
nav ul li .active {
	background-color: #0099FF;
}
#tabMenu li {
	letter-spacing: 1px;
	width: 140px;
	float: left;
/*	padding: 3px 5px;
*/	margin: 3px 3px 0px;
	/*color: #EEE;*/
	border: solid 1px #AAA;
	border-radius: 6px 6px 0px 0px;
	border-bottom: none;
	text-align: center;
}
#tabMenu li a {
	font-size: 15px;
	color: #000;
	text-decoration: none;
	display: block;
	padding: 2px 5px;
	/*background-color: #BBFFFF;*/
	background-color: #D7EEFF;
	border-radius: 6px 6px 0px 0px;
}
#tabMenu li .active {
	background-color: #FFF;
	border-bottom: solid 1px #FFF;
	margin-bottom: -1px;
}
#tabMenu li.limited {
	letter-spacing: 1px;
	width: 140px;
	float: left;
/*	padding: 3px 5px;
*/	margin: 3px 3px 0px;
	/*color: #EEE;*/
	border: solid 1px #AAA;
	border-radius: 6px 6px 0px 0px;
	border-bottom: none;
	text-align: center;
}
#tabMenu li.limited a {
	font-size: 15px;
	color: #000;
	text-decoration: none;
	display: block;
	padding: 2px 5px;
	background-color: #EEE;
	border-radius: 6px 6px 0px 0px;
}
#tabMenu li.limited .active {
	background-color: #FFF;
	border-bottom: solid 1px #FFF;
	margin-bottom: -1px;
}


#addSchedule {
/*	width: 160px;
	margin-right: 25px;*/
	width: 100px;
	margin-right: 10px;
}
#addReservation {
	/*width: 180px;*/
	margin-left: 8px;
	width: 100px;
	margin-right: 8px;
}
.addButton {
	/*font-size: 14px;*/
	letter-spacing: 1px;
	color: #017CB6;
	background-color: #FFF;
	border: solid 1px #017CB6;
	border-radius: 3px;
	text-align: center;
	padding: 1px 0px 0px 0px;
	display: inline-block;
	text-decoration: none;
}
.addButton:hover {
	background-color: #017CB6;
	color: #FFF;
}
.entryButton {
	padding: 1px;
	border: none;
	background-color: transparent;
	cursor: pointer;
	padding: 1px 3px;
}
.entryButtonMemo,
.entryButtonVital {
	padding: 1px;
	border: 1px solid #017CB6;
	background-color: transparent;
	cursor: pointer;
	padding: 3px 5px;
}
#navi .button_a {
	width: 100px;
	letter-spacing:1px;
	color: #017CB6;
	background-color: #FFF;
	border: solid 1px #017CB6;
	border-radius: 3px;
	text-align: center;
	padding:1px 0px 0px 0px;
	display: inline-block;
	text-decoration: none;
}
#navi .button_a:hover {
/*	opacity: 0.6;*/
	background-color: #017CB6;
	color: #FFF;
}
#navi #display_staff span {
	font-size: 14px;
	letter-spacing: 2px;
	padding: 0px 10px 0px 3px;
	/*vertical-align: top;*/
}
#navi .current_date,
#naviFooter .current_date {
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 2px;
	padding: 0px 15px 0px 15px;
	vertical-align: top;
	float: left;
}


#container {
	width: 100%;
	margin: 0px auto 20px;
	padding-top: 15px;
	background-color: #FFF;
	font-size: 14px;
	/*background-color: #f7f7f7;*/
	/*text-align:center;*/
}
#container .error {
	color: #FF0033;
	font-weight: bold;
}
#container #entry_box {
	width: 320px;
	margin: 0px auto;
}
#container h2 {
	font-size: 20px;
	font-weight: bold;
	line-height: 30px;
	margin-top: 30px;
	padding: 3px 0px 3px 15px;
	letter-spacing: 3px;
	/*border-bottom: solid 2px #E5004F;*/
	border-left: 5px solid #0066CC;
	border-bottom: 1px solid #017CB6;
	/*color: #E5004F;*/
	background: none;
	text-align: left;
}

#container label {
	font-size: 14px;
}

input[type="radio"] {
	margin: 0px 5px 0px 5px;
}
input[type="text"] {
	width: 280px;
	border: rgb(169,169,169) 1px solid;
	border-radius: 2px;
	letter-spacing: 1px;
}
input[type="submit"]:hover {
	cursor: pointer;
	background-color:#99FFFF;
	color:#1111BB;
}
input[type="checkbox"] {
	margin: 10px 6px 0px 0px;
	transform: scale(1.7);
}
#container .category input[type="checkbox"] {
	display: none; 	/* チェックボックスを非表示にする */
}
#container .category input[type="radio"] {
	display: none; 	/* チェックボックスを非表示にする */
}
#container .category label {
	display: block;		/* ブロックレベル要素化する */ 
	float: left;		/* 要素の左寄せ・回り込を指定する */ 
	text-align: center;	/* テキストのセンタリングを指定する */
	padding: 6px 8px;	/* ラベル内の余白を指定する */
	cursor: pointer;
	border-radius: 3px;		/* 角丸を指定する */
	margin: 14px 18px;
	font-size: 26px;
	letter-spacing: 2px;
}
#memo textarea {
	width: 350px;
	/*font-size: 22px;*/
	padding: 0px 3px 0px 2px;
	border: rgb(169,169,169) 1px solid;
	border-radius: 5px;
	/*background-color: #FFFFCC;*/
	letter-spacing: 1px;
}
#button ul {
	display: flex;
	flex-wrap: wrap;
	justify-content:flex-end;
}
#button {
	width: 96%;
	margin:0 auto;
	text-align:right;
	margin-top: 20px;
	margin-bottom: 15px;
}
#button .button {
	/*width: 160px;*/
	width: 140px;
	/*font-size: 24px;*/
	font-size: 20px;
	letter-spacing: 2px;
	color: #000;
	border: solid 1px #AAA;
	border-radius: 3px;
	text-align: center;
	/*padding: 5px 0px;*/
	display: inline-block;
	text-decoration: none;
	background-image: -webkit-linear-gradient(rgba(255,204,51,0.8) 0%, rgba(255,165,0,0.6) 100%);
	background-image: linear-gradient(rgba(255,204,51,0.8) 0%, rgba(255,165,0,0.6) 100%);
}
#button .button_a:hover {
/*	opacity: 0.6;*/
	background-color:#99FFFF;
	color:#1111BB;
}
#button .delete {
	margin-right: 120px;
}
.buttonArea {
	width: 100%;
	margin: 20px auto 0px;
}
.buttonArea ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.buttonArea ul li {
	margin: 0px 8px 0px 8px;
}
.buttonArea span {
	font-size: 16px;
	letter-spacing: 1px;
}
.buttonArea .button {
	width: 120px;
	font-size: 18px;
	letter-spacing: 2px;
	/*color: #000;*/
	border: solid 1px #AAA;
	border-radius: 3px;
	text-align: center;
	padding: 3px 0px;
	display: inline-block;
	text-decoration: none;
	background-image: -webkit-linear-gradient(rgba(255,204,51,0.8) 0%, rgba(255,165,0,0.6) 100%);
	background-image: linear-gradient(rgba(255,204,51,0.8) 0%, rgba(255,165,0,0.6) 100%);
/*	color: #017CB6;
	background-color: #FFF;
	border: solid 1px #017CB6;*/
}
.buttonArea .button:hover {
	opacity: 0.7;
/*	background-color: #017CB6;
	color: #FFF;*/
}
.buttonArea .button_a {
	width: 100px;
	letter-spacing:1px;
	color: #017CB6;
	background-color: #FFF;
	border: solid 1px #017CB6;
	border-radius: 3px;
	text-align: center;
	padding:1px 0px 0px 0px;
	display: inline-block;
	text-decoration: none;
}
#container table {
	width: 98%;
	margin: 8px auto;
	border-collapse: collapse;
	text-align:left;
}
#container .calender.daily {
	position: relative;
}
#container .calender.daily tr th {
	width: 9.09%;
	text-align: left;
}
#container .calender.daily thead tr .myself {
	color: #000;
	background-color: #EEEEF5;
	border-radius: 5px 5px 0px 0px;
	/*border: solid 1px #017CB6;*/
}
#container .calender.daily tr th.hour {
	font-size: 14px;
	text-align: left;
}
#container .calender.daily tr td {
	width: 1.51%;
	padding: 1px;
}
#container .calender.daily tr td:hover {
	cursor: pointer;
	/*outline: solid 2px #F66 !important;*/
	outline: solid 2px #FC0 !important;
	cursor: pointer;
}
#container #calender.weekly tr td {
	width: 15%;
}
#container .calender.weekly tr td,
#container #calender.monthly tr td {
	width: 15%;
}
/*#container .calender.weekly tr td:hover,*/
/*#container #calender.monthly tr td:hover {*/
#container #calender.monthly tr td li a:hover {
	/*cursor: pointer;*/
	/*outline: solid 2px #F66 !important;*/
	/*outline: solid 2px #FC0 !important;*/
	color: #009efb;
}
#container .calender tr .sunday,
#container #calender.monthly .sunday {
	width: 10% !important;
	background-color: #fce8ef;
}
#container .calender tr .saturday,
#container #calender.monthly .saturday {
	width: 14% !important;
	background-color: #e5fafe;
}
#container .calender tr .today,
#container #calender.monthly .today {
	background-color: #E6FFE9;
}
#container #calender.verticalType .sunday {
	background-color: #fce8ef;
}
#container #calender.verticalType .saturday {
	background-color: #e5fafe;
}
#container #calender.verticalType .today {
	background-color: #E6FFE9;
}
#container .calender tr .holiday,
#container #calender.monthly .holiday {
	background-color: #fce8ef !important;
}
#container #calender.verticalType .holiday{
	background-color: #fce8ef;
}
#container .calender.todays th,
#container .calender.todays td {
	height: 25px;
}
#container .calender.todays th {
	width: 100px;
}
#container tbody tr td {
	/*height: 100px;*/
}
#container tbody tr td.editvital {
	width: 6%;
}
#container table th,
#container table td {
	border: solid 1px #CCC;
	font-size: 14px;
	/*padding:1px 3px;*/
	vertical-align: top;
}
#container .calender.daily td,
#container .calender.weekly td,
#container .monthly td {
	/*border-top: solid 2px #BBB;*/
	border-bottom: solid 2px #CCC;
}
/*#container .calender.daily td,*/
#container .calender.weekly td {
	/*text-align: center;*/
}
#container .calender.weekly td .day_number {
/*	color: #333;
	font-weight: bold;*/
}
#container .calender.weekly td ul {
	/*text-align: left;*/
}
#container table th {
	color:#000;
	letter-spacing: 1px;
/*	background-color: #1111BB;*/
	background-color: #EEE;
	text-align: center;
}
#container .plan {
	font-size: 15px;
	color: #006bac;
	line-height: 20px;
	/*color: #000;*/
	/*text-decoration: none;*/
	display: block;
	cursor: pointer;
}
#container #schedule_list thead tr th {
	font-size: 12px;
}
#container #schedule_list tbody tr td {
	height: auto;
	padding: 2px;
	font-size: 12px;
}
#container .calender.daily tbody tr td {
	height: 60px;
}
#container .verticalType .plan {
	font-size: 10px;
	line-height: 14px;
	color: #000;
	text-decoration: none;
	display: block;
	padding: 3px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	height: 100%;
}
#container .verticalType .plans {
	cursor: pointer;
	font-size: 10px;
	line-height: 14px;
	color: #000;
	text-decoration: none;
	display: block;
	padding: 3px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	/*height: 100%;*/
	display: grid;
}
#container .verticalType .plans span {
	line-height: 18px;
}
#container .verticalType .plans .set_time {
	font-size: 12px;
}
#container .verticalType .plans .temperature {
	font-size: 12px;
}
#container .verticalType .plans .symptom {
	font-size: 12px;
}
#container .verticalType .plans:hover {
	/*outline: solid 3px #FC0;*/
	border: solid 3px #FC0;
	/*border: solid 3px #F30;*/
}
#container .verticalType.facilities .plan {
	font-size: 11px;
	text-align: center;
}
#container .aDate ul li {
	line-height: 18px;
	margin-bottom: 2px;
	border: 1px solid #DDD;
}
#container .aDate .set_time {
	font-size: 14px;
}
.verticalType span.catNo1, .verticalType span.catNo2, .verticalType span.catNo3, 
.verticalType span.catNo4, .verticalType span.catNo5, .verticalType span.catNo6, 
.verticalType span.catNo7, .verticalType span.catNo8, .verticalType span.catNo9, 
.verticalType span.catNo10, .verticalType span.catNo11, .verticalType span.catNo12, 
.verticalType span.catNo13, .verticalType span.catNo14 , .verticalType span.catNo15, 
.verticalType span.catNo16, .verticalType span.catNo17, .verticalType span.catNo18, 
.verticalType span.catNo19, .verticalType span.catNo20, .verticalType span.catNo21, 
.verticalType span.catNo22, .verticalType span.catNo23, .verticalType span.catNo24 {
	font-size: 10px;
	letter-spacing: 0px;
	padding: 0px 1px;
	margin-right: 1px;
}
/*span.catNo1, span.catNo2, span.catNo3, span.catNo4, span.catNo5, span.catNo6, 
span.catNo7, span.catNo8, span.catNo9, span.catNo10, span.catNo11, span.catNo12, 
span.catNo13, span.catNo14, span.catNo15, span.catNo16, span.catNo17, span.catNo18, 
span.catNo19, span.catNo20, span.catNo21, span.catNo22, span.catNo23, span.catNo24 {
	color: #FFF;
	font-size: 14px;
	padding: 0px 3px;
	margin-right: 3px;
	border-radius: 3px;
}*/
.catNo1 .plan span, .catNo2 .plan span, .catNo3 .plan span, .catNo4 .plan span, .catNo5 .plan span, .catNo6 .plan span, 
.catNo7 .plan span, .catNo8 .plan span, .catNo9 .plan span, .catNo10 .plan span, .catNo11 .plan span, .catNo12 .plan span, 
.catNo13 .plan span, .catNo14 .plan span, .catNo15 .plan span, .catNo16 .plan span, .catNo17 .plan span, .catNo18 .plan span, 
.catNo19 .plan span, .catNo20 .plan span, .catNo21 .plan span, .catNo22 .plan span, .catNo23 .plan span, .catNo24 .plan span {
	color: #FFF;
	font-size: 14px;
	/*letter-spacing: 1px;*/
	padding: 0px 3px;
	margin-right: 3px;
	border-radius: 3px;
}
.plans .catNo1, .plans .catNo2, .plans .catNo3, .plans .catNo4, .plans .catNo5, .plans .catNo6, 
.plans .catNo7, .plans .catNo8, .plans .catNo9, .plans .catNo10, .plans .catNo11, .plans .catNo12, 
.plans .catNo13, .plans .catNo14, .plans .catNo15, .plans .catNo16, .plans .catNo17, .plans .catNo18, 
.plans .catNo19, .plans .catNo20, .plans .catNo21, .plans .catNo22, .plans .catNo23, .plans .catNo24 {
	color: #FFF;
	font-size: 14px;
	/*letter-spacing: 1px;*/
	padding: 0px 3px;
	margin-right: 3px;
	border-radius: 3px;
}

/* 緑 #3C0*/
.plans .catNo1, .plans .catNo2, .plans .catNo3,
.catNo1 .plan span, .catNo2 .plan span, .catNo3 .plan span {
	background-color: #090;
}
/* 茶 打合せ 会議 事務所会*/
.plans .catNo4, .plans .catNo18, .plans .catNo23,
.catNo4 .plan span, .catNo18 .plan span, .catNo23 .plan span {
	background-color: #800000;
}
/* 赤 所長会、理事会、常務理事会、執行理事会 */
.plans .catNo5, .plans .catNo6, .plans .catNo20, .plans .catNo21,
.catNo5 .plan span, .catNo6 .plan span, .catNo20 .plan span, .catNo21 .plan span {
	background-color: #F00;
}
/* 橙 */
.plans .catNo7, .plans .catNo8,
.catNo7 .plan span, .catNo8 .plan span {
	background-color: #FF4500;
}
/* 紫 */
.plans .catNo9,
.catNo9 .plan span {
	background-color: #63C;
}
/* 桃 */
.plans .catNo10,
.catNo10 .plan span {
	/*background-color: #F69;*/
	background-color: #F39;
}
/* 青 休み */
.plans .catNo11, .plans .catNo12, .plans .catNo13, .plans .catNo14, .plans .catNo15, .plans .catNo16, .plans .catNo22,
.catNo11 .plan span, .catNo12 .plan span, .catNo13 .plan span, .catNo14 .plan span, .catNo15 .plan span, .catNo16 .plan span, .catNo22 .plan span {
	background-color: #06C;
}
/* 黄緑 */
.plans .catNo17,
.catNo17 .plan span {
	background-color: #690;
}
/* dimgray */
.plans .catNo19,
.catNo19 .plan span {
	background-color: #696969;
}
/* 黄色追加 */
.plans .catNo24, 
.catNo24 .plan span {
	background-color: #FFD700;
	color: #000;
}


li.catNo1, li.catNo2, li.catNo3, li.catNo4, li.catNo5, li.catNo6, 
li.catNo7, li.catNo8, li.catNo9, li.catNo10, li.catNo11, li.catNo12, 
li.catNo13, li.catNo14, li.catNo15, li.catNo16, li.catNo17, li.catNo18, 
li.catNo19, li.catNo20, li.catNo21, li.catNo22, li.catNo23, li.catNo24 {
	padding: 2px 1px 1px 2px;
	border-radius: 3px;
}
li.catNo1, li.catNo2, li.catNo3 {
	background-color: #CFC;
}
li.catNo4, li.catNo18, li.catNo23 {
	background-color: #FAF0E6;
}
/* 赤 所長会、理事会、常務理事会、執行理事会 */
li.catNo5, li.catNo6, li.catNo20, li.catNo21 {
	background-color: #fff2f5;
}
li.catNo7, li.catNo8 {
	background-color: #ffffdd;
}
li.catNo9 {
	background-color: #E6E6FA;
}
li.catNo10 {
	background-color: #FFEEFF;
}
/* 青 振休、年休、休み、健康診断(職免)、夏季休暇(職免)、特別休暇、欠勤 */
li.catNo11, li.catNo12, li.catNo13, li.catNo14, li.catNo15, li.catNo16, li.catNo22 {
	background-color: #d7eeff;
}
li.catNo17 {
	background-color: #EDFFBE;
}
li.catNo19 {
	background-color: #CCCCCC;
}
li.catNo24 {
	background-color: #FFFFE0;
}

tr.schedule_line:hover td {
	cursor: pointer;
	background-color: #FCC;
}
tr.hover:hover td {
/*	background-color: #FCC;*/
	background-color: #EEE;
}
tr.hovering:hover td {
	background-color: #FCC;
}
td.day:hover {
/*	background-color: #FCC;*/
	/*background-color: #9FF;*/
}
.calender.daily td ul {
	/*display: inline-block;*/
	margin-top: 3px;
}
.calender.daily td li {
	position: absolute;
	padding: 2px 0px 2px 2px;
}
form label {
	margin-right: 10px;
	display: inline-block;
	vertical-align: top;
}
form #time_zone .time_zone {
	margin-right: 20px;
}
.inputBox {
	margin: 10px auto;
	width: 380px;
	padding: 20px;
	/*border: solid 1px #c0c0c0;*/
	border-radius: 10px;
}
.inputBox h3 {
	margin-top: 0px;
	font-size: 18px;
}
.inputBox #time_range input {
	margin: 0px 0px 0px 6px;
}
.inputBox #temperature {
	/*margin-left: 52px;*/
	margin-left: 69px;
	padding-left: 3px;
}
#scheduleAdd {
	background-image: url(../img/taionkei_hand.png);
	background-size: 140px 86px;
	background-repeat: no-repeat;
	background-position: 88% 7%;
}
.inputBox.vitalCheck {
	font-size: 22px;
	margin: 0 auto;
	padding-top: 0px;
	padding-bottom: 5px;
}
.inputBox.vitalCheck #save_location {
	visibility: hidden;
	height: 0px;
}
.inputBox.vitalCheck #temperature {
	width: 80px;
	margin-left: 0px;
}
.inputBox.vitalCheck #checkForm .q_item {
	margin: 3px 0px 7px;
	padding: 8px 0px 0px;
	border-top: 1px solid #CCC;
	/*border-bottom: 1px solid #CCC;*/
}
.inputBox.vitalCheck #checkForm input[type="radio"] {
	display: none;
}
.inputBox.vitalCheck #checkForm input[type="radio"]:checked + label {
	background: #0066CC;
	color: #FFF;
}
.inputBox.vitalCheck #checkForm label {
	padding: 3px 0px 0px;
	float: left;
	letter-spacing: 1px;
}
.inputBox.vitalCheck #checkForm label.question {
	/*width: 200px;*/
	width: 210px;
	margin-left: 0px;
}
.inputBox.vitalCheck #checkForm label.selection {
	width: 90px;
	/*font-size: 16px;*/
	margin: 0px 8px;
	color: #0066CC;
	background-color: #FFF;
	border: 1px solid #0066CC;
	display: block;
	float: left;
	text-align: center;
	cursor: pointer;
	border-radius: 3px;
	letter-spacing: 2px;
}
.inputBox.vitalCheck #set_date, 
.inputBox.vitalCheck #set_date_rsv, 
.inputBox.vitalCheck #time_range, 
.inputBox.vitalCheck #set_time_end_time, 
.inputBox.vitalCheck #set_time_end_time_rsv,
.inputBox.vitalCheck #save_location, 
.inputBox.vitalCheck #event_rsv,
.inputBox.vitalCheck #memo, 
.inputBox.vitalCheck #memo_rsv, 
.inputBox.vitalCheck #time_zone {
	margin-bottom: 10px;
}
.inputBox.vitalCheck #event {
	margin-bottom: 5px;
}
.inputBox.vitalCheck .setDate {
	width: 90px;
	vertical-align: top;
}
.inputBox.vitalCheck .setDateYear {
	width: 130px;
	vertical-align: top;
}
.inputBox.vitalCheck .setTime {
	width: 90px;
	vertical-align: top;
}
.buttonArea .button {
	/*width: 160px;*/
	/*font-size: 22px;*/
	letter-spacing: 2px;
	border: solid 1px #AAA;
	border-radius: 3px;
	text-align: center;
	padding: 5px 0px;
	display: inline-block;
	text-decoration: none;
	background-image: -webkit-linear-gradient(rgba(255,204,51,0.8) 0%, rgba(255,165,0,0.6) 100%);
	background-image: linear-gradient(rgba(255,204,51,0.8) 0%, rgba(255,165,0,0.6) 100%);
}



.inputBox #subscriber {
	width: 317px;
	/*margin-left: 52px;*/
	padding-left: 3px;
}
.inputBox #set_date, .inputBox #set_date_rsv, .inputBox #time_range,
.inputBox #set_time_end_time, .inputBox #set_time_end_time_rsv,
.inputBox #save_location, .inputBox #event, .inputBox #event_rsv,
.inputBox #memo, .inputBox #memo_rsv, .inputBox #time_zone {
	margin-bottom: 15px;
}
.inputBox textarea {
	width: 320px;
	height: 80px;
}
.inputBox .save_location {
	width: 100px;
	vertical-align: top;
	letter-spacing: 1px;
}
.inputBox .setDate {
	width: 90px;
	vertical-align: top;
}
.inputBox .setTime {
	width: 70px;
	vertical-align: top;
}
.inputBox .setEvent {
	width: 170px;
	vertical-align: top;
	letter-spacing: 1px;
	margin-bottom: 5px;
/*	-webkit-appearance: none;
	font-size: 16px;
	height: 18px;
	line-height: 18px;*/
}
.inputBox .setFacility {
	width: 150px;
	vertical-align: top;
	letter-spacing: 1px;
	margin-bottom: 15px;
}
.inputBox .setDetail {
	vertical-align: top;
	width: 300px;
}
.inputBox .setMemo {
	vertical-align: top;
	width: 80px;
}
.inputBox .errorArea {
	margin-top: 20px;
	color: red;
}
.inputBox .errorMessage {
	font-size: 18px;
	letter-spacing: 1px;
	color: red;
}
#footer {
	width: 100%;
	text-align: right;
	background-color: #F7F7F7;
	border-top: solid 1px #AAA;
}
#footer .copyright {
	color: #555;
	font-size: 14px;
	padding: 3px;
	margin-right:20px;
	text-align: right;
	letter-spacing: 1px;
}
#display_staff {
	width: 180px;
	display: inline;
}
.user_icon {
	color: #555;
}
.ui-widget-header {
	background-color: #EEE !important;
	background-image: none !important;
}
.ui-dialog .ui-dialog-title {
	letter-spacing: 2px;
}
.ui-datepicker-trigger {
	width: 25px;
	height: auto;
}
.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.ui-dialog-titlebar-close {
	display: none;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background: none;
}
.ui-dialog .ui-dialog-buttonpane button {

}
.ui-dialog .ui-dialog-buttonpane button {
	width: 120px;
	font-size: 18px;
	letter-spacing: 2px;
	/*color: #000;*/
	border: solid 1px #AAA;
	border-radius: 3px;
	text-align: center;
	padding: 3px 0px;
	display: inline-block;
	text-decoration: none;
	background-image: -webkit-linear-gradient(rgba(255,204,51,0.8) 0%, rgba(255,165,0,0.6) 100%);
	background-image: linear-gradient(rgba(255,204,51,0.8) 0%, rgba(255,165,0,0.6) 100%);
/*	color: #017CB6;
	background-color: #FFF;
	border: solid 1px #017CB6;*/
}
.ui-dialog .ui-dialog-buttonpane button:hover {
	opacity: 0.7;
/*	background-color: #017CB6;
	color: #FFF;*/
}
.ui-button-text-only .ui-button-text {
	padding: 0px;
}
	#container #table_area #navi ul li {
		margin-right: 5px;
		float: left;
	}
	.is_mb {
		display: none;
	}
.keypad-popup {
	z-index: 1051;
}

@media screen and (max-width:768px) {

header #logoArea ul {
	display: none;
}
	#container #table_area #navi,
	#footer {
		/*width: 370px;*/
		width: 360px;
		font-size: 18px;
	}
	#container #table_area #navi ul li {
		font-size: 24px;
	}

.entryButton i {
	font-size: 28px;
}
#settingBtn {
	padding: 3px 8px;
}
	#container {
		margin: 0px auto 0px;
		padding: 5px 0px;
	}
	.is_pc {
		display: none;
	}
	.is_mb {
		display: block;
	}
	#navi .current_date {
		font-size: 20px;
		letter-spacing: 1px;
		line-height: 24px;
		padding: 2px 2px 0px 3px;
		text-align: center;
		margin-right: 5px;
	}
	#navi .button_a {
		width: 40px;
		/*height: 40px;*/
		vertical-align: bottom;
		padding: 3px 0px 3px 0px;
	}
	#navi .active {
		width: 36px;
		/*height: 40px;*/
		vertical-align: bottom;
		padding: 2px 0px 1px 0px;
		font-size: 26px;
	}
	#addSchedule {
		width: 40px;
		/*height: 40px;*/
		margin-left: 0px;
		margin-right: 0px;
		padding: 4px 0px 6px 0px;
	}
	#container table {
		margin: 3px auto 3px;
	}
	#container table th {
		font-size: 12px;
		padding: 0px;
	}
	#container table td {
		font-size: 16px;
	}
	#container tbody tr td {
		height: inherit;
	}
	#container .monthly td {
		border-bottom: solid 1px #CCC;
	}
	#container .aDate .set_time,
	#container .plan {
		font-size: 12px;
		line-height: 18px;
	}
	#container .aDate ul li {
		line-height: 14px;
		margin-bottom: 1px;
	}
	#footer .copyright {
		font-size: 12px;
		margin-right: 5px;
		padding: 2px;
	}
	#container #table_area #navi,
	#footer {
		/*width: 370px;*/
		/*width: 360px;*/
		width: 100%;
		font-size: 18px;
	}
	#container #table_area #navi ul li {
		font-size: 24px;
	}
	#container #table_area #navi ul li a {
		padding: 6px 7px 3px;
	}
}




@media print and (color){
/* 印刷用スタイル */
	span.catNo1, span.catNo2, span.catNo3, span.catNo4, span.catNo5, span.catNo6, 
	span.catNo7, span.catNo8, span.catNo9, span.catNo10, span.catNo11, span.catNo12, 
	span.catNo13, span.catNo14, span.catNo15, span.catNo16, span.catNo17, span.catNo18, 
	span.catNo19, span.catNo20, span.catNo21, span.catNo22, span.catNo23, span.catNo24 {
		color: #000;
		/*background-color: none;*/
		background-color: #FFF;
		background-color: transparent;
		/*border: 1px solid #000;*/
	}
	#container table th,
	#container table td {
		/*border: solid 1px #666;*/
		border: solid 1px #000;
	}
	#container table tr:nth-child(odd) td {
		border-bottom: solid 1px #CCC;
	}
	#container table tr:nth-child(even) td {
		border-top: solid 1px #CCC;
	}
	#container #calender.verticalType .saturday {
		background-color: #CCC;
	}
	#container #calender.verticalType .sunday {
		background-color: #999;
	}
	#container #calender.verticalType .holiday{
		background-color: #999;
	}

	#container #calender.verticalType table tr:nth-child(odd) td.saturday {
		border-bottom: solid 1px #888;
	}
	#container #calender.verticalType table tr:nth-child(even) td.saturday {
		border-top: solid 1px #888;
	}
}