@charset "utf-8";

* {
 vertical-align: baseline;
 font-family: inherit;
 font-style: inherit;
 font-size: 100%;
 border: none;
 padding: 0;
 margin: 0;
 text-decoration:none;
}
ul, ol{
	list-style:none;
}

body {
 color: #333333;ch
 font: 100% "lr oSVbN", sans-serif;
 margin: 0;
 padding: 0;
 background:rgba(240,240,240,1);
 line-height:1.4rem;
}


/* font */

@font-face {
  font-family: 'kintai';
  src:  url('fonts/kintai.eot?jfjpe4');
  src:  url('fonts/kintai.eot?jfjpe4#iefix') format('embedded-opentype'),
    url('fonts/kintai.ttf?jfjpe4') format('truetype'),
    url('fonts/kintai.woff?jfjpe4') format('woff'),
    url('fonts/kintai.svg?jfjpe4#kintai') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'kintai' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before, [class*=" icon-"]:before{
  margin-right:0.2rem;
}

.icon-kariyasumi:before {
  content: "\ff59";
}
.icon-pencil2:before {
  content: "\ff50";
}
.icon-file-text:before {
  content: "\ff46";
}
.icon-file-text2:before {
  content: "\ff54";
}
.icon-price-tag:before {
  content: "\64";
}
.icon-karinotes:before {
  content: "\65";
}
.icon-karijitan:before {
  content: "\66";
}
.icon-bubble:before {
  content: "\67";
}
.icon-bubble2:before {
  content: "\68";
}
.icon-users:before {
  content: "\69";
}
.icon-kari:before {
  content: "\6a";
}
.icon-airplane:before {
  content: "\6b";
}
.icon-karisinsei:before {
  content: "\6c";
}
.icon-bookmark:before {
  content: "\6d";
}
.icon-notification:before {
  content: "\6e";
}
.icon-cancel-circle:before {
  content: "\6f";
}
.icon-checkmark:before {
  content: "\70";
}
.icon-checkmark2:before {
  content: "\71";
}
.icon-enter:before {
  content: "\72";
}
.icon-sayonara:before {
  content: "\73";
}
.icon-arrow-up:before {
  content: "\74";
}
.icon-arrow-right:before {
  content: "\75";
}
.icon-arrow-down:before {
  content: "\76";
}
.icon-arrow-left:before {
  content: "\ea38";
}
.icon-checkbox-checked:before {
  content: "\78";
}
.icon-checkbox-unchecked:before {
  content: "\79";
}
.icon-radio-checked:before {
  content: "\7a";
}
.icon-radio-checked2:before {
  content: "\41";
}
.icon-file-pdf:before {
  content: "\42";
}
.icon-file-word:before {
  content: "\43";
}
.icon-file-excel:before {
  content: "\44";
}

.type span{
	font-family: 'kintai';
}
	.type span.karijitan{
		color:rgba(255,102,0,1) ;
		font-size:1.4rem;
	}
	.type span.karisinsei{
		color:rgba(102,102,102,1);
		font-size:1.4rem;
	}
	.type span.kariidou{
		color:rgba(51,204,153,1);
		font-size:1.4rem;
	}
	
input.btn_karidetail{
	font-family: 'kintai';
	font-size:2rem;
	background:none;
	border:none;
}
	em.worktimeType{
		display:inline-block;
		padding:0;
	}
		em.worktimeType span{
			color:rgba(255,255,255,1);
			display:inline-block;
			padding:0.3rem 0.2rem;
			border-radius:3px;
			font-size:0.75rem;
		}
		em.worktimeType span.icon-users{
			background:rgba(32,96,160,0.8);
			
		}
		em.worktimeType span.icon-karijitan{
			background:rgba(255,102,0,1) 
		}




small{
	font-size:0.8rem;
}

span.block{
	display:block;
}


a:link {
 color: #0E3DEB;
 text-decoration: underline;

}
	div#main a:link{
		 transition:0.3s;
	}

a:visited {
 color: #0E3DEB;
 text-decoration: underline;
}

a:hover {
 color: #0E80EB;
 text-decoration: underline;
}

a:active {
 color: #320EEB;
 text-decoration: underline;
}

a:focus {
 color: #0E80EB;
 text-decoration: underline;
}


/* area */

#wrap{
 background:url(../img/head.jpg) repeat-x top;
}

div#main{
 width:1200px;
 margin: 0 auto;
}
	

.wrap{
	width:1200px;
	 margin: 0 auto;
}

#wrap-in{
 width:1200px;
 text-align:left;
 margin: 0 auto;
 padding:0 40px;
}


#head{
 height:50px;
 padding:4px 0 0;
 position:relative;
}

#head div.logo{
 background:url(../img/head-logo.gif) no-repeat;
 height:50px;
 margin:0px;
}

header{
	margin-bottom:0px;
}

header div.title{
	background:#55A8B0;
	padding:6px 0;
	border-bottom:1px solid rgba(204,204,204,1);
	min-width:1200px;
}
	header div.title h1 a{
		color:rgba(255,255,255,1);
		font-weight:normal;
		text-decoration:none;
	}
	header div.title div.wrap{
		position:relative;
	}
	
	header div.title div.head_nav{
		position:absolute;
		display:inline-block;
		right:0;
		top:-1px;
		font-size:0.8rem;
		color:rgba(255,255,255,1);
	}
	
	
	header div.title span.user{
		display:inline-block;
	}
	header div.title span.user:before{
		display:inline-block;
		content:"ログインユーザ：";
	}
		header div.title span.user em.logout{
			font-family:"kintai";
			font-size:1.2rem;
			color:rgba(255,255,255,1);
			display:inline-block;
			vertical-align:text-bottom;
			margin-left:0.4rem;
			cursor:pointer;
		}
	header div.title span.manual{
		display:inline-block;
		padding-left:0.4rem;
		margin-left:0.4rem;
		border-left:1px solid rgba(255,255,255,1);
	}
	header div.title span.manual a{
		text-decoration:none;
		padding:0.2rem 0.4rem;
		background:rgba(255,255,255,1);
		border-radius:3px;
		color:#55A8B0;
		transition:0.5s;
	}
		header div.title span.manual a:before{
			font-family:"kintai";
			content:"\63";
			margin-right:0.2rem;
		}
		header div.title span.manual a:hover{
			background:rgba(255,208,212,1);
		}

footer{
}
footer .wrap{
	min-height:3rem;
}
footer span#totop{
	position:fixed;
	right:1rem;
	bottom:0.9rem;
	display:block;
	text-align:right;
}
footer span#totop a{
	padding:1rem;
	background:#55A8B0;
	border-radius:3px 3px 0 0;
	font-family:"kintai";
	font-size:1.2rem;
	color:rgba(255,255,255,1);
	text-decoration:none;
	text-align:right;
}


#main{

}

#main-in{
 padding:20px 0 0;
}

#foot{
 margin-top:40px;
 background:url(../img/foot.jpg) repeat-x bottom;
 height:10px;
}


/* common */

.clear{
 clear:both;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

hr.dot{
	border:2px dotted rgba(102,102,102,0.3);
	margin:20px 0;
}

em{
 color:#CC0000;
 font-style:normal;
}

select{
 border:1px solid rgba(102,102,102,0.8);
}
input[type=text]{
	border:1px solid rgba(102,102,102,0.8);
	padding:2px;
}
input[type=button]{
	cursor:pointer;
}

input.btn_edit{
	width:100%;
	padding:4px 12px;
	background:#4DA9B5;
	color:rgba(255,255,255,1);
	border-radius:3px;	
	transition:0.5s;
}
	input.btn_edit:hover{
		opacity:0.8;
	}
input.btn_del{
	width:100%;
	padding:4px 12px;
	background:rgba(51,51,51,1);
	color:rgba(255,255,255,1);
	border-radius:3px;	
	transition:0.5s;
}
	input.btn_del:hover{
		opacity:0.8;
	}


input.btn_clear{
	padding:2px 6px;
	background:#4DA9B5;
	color:rgba(255,255,255,1);
	border-radius:3px;
}
input.btn_select{
	padding:2px 6px;
	border:1px solid rgba(102,102,102,1);
	border-radius:3px;
	font-size:0.8rem;
	display:inline-block;
	vertical-align:text-bottom;
}
button.btn_dl{
	padding:3px 6px;
	border-radius:3px;
	font-size:0.8rem;
	display:inline-block;
	vertical-align:top;
	background:rgba(96,160,192,1);
	margin:0 0.4rem;
	cursor:pointer;
	color:rgba(255,255,255,1);
}
	button.btn_dl:before{
		font-family:"kintai";
		content:"\4c";
	}


input[type=checkbox]{
  display: none;
}
	input[type=checkbox] + span{
	  padding-left: 20px;
	  position:relative;
	  margin-right: 20px;
	}
	input[type=checkbox] + span::before{
	  content: "";
	  display: block;
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 15px;
	  height: 15px;
	  border: 1px solid #999;
	  border-radius: 4px;
	}
		input.sentaku[type=checkbox] + span{
			padding:0;
			margin-right: 10px;
		}
		
	input[type=checkbox]:checked + span{
	  color: #55A8B0;
	}
	input[type=checkbox]:checked + span::after{
	  content: "";
	  display: block;
	  position: absolute;
	  top: -5px;
	  left: 5px;
	  width: 7px;
	  height: 14px;
	  transform: rotate(40deg);
	  border-bottom: 3px solid #55A8B0;
	  border-right: 3px solid #55A8B0;
	}

label{
	display:inline-block;
}
input[type=radio]{
	display:none;
}
	input[type=radio] + span{
	  padding-left: 20px;
	  position:relative;
	  margin-right: 20px;
	}
	input[type=radio] + span::before{
	  content: "";
	  display: block;
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 15px;
	  height: 15px;
	  border: 1px solid #999;
	  border-radius: 50%;
	}
	input[type=radio]:checked + span{
	  color: #55A8B0;
	}
	input[type=radio]:checked + span::after{
	  content: "";
	  display: block;
	  position: absolute;
	  top: 3px;
	  left: 3px;
	  width: 11px;
	  height: 11px;
	  background: #55A8B0;
	  border-radius: 50%;
	}



h1{
}

h2{
 font-size:112.5%;
 color:#FFFFFF;
 padding:6px 24px;
 background:#330099;
 border:3px solid rgba(204,204,204,0.7);
 border-radius:5px;
}
	h2.month{
	color:#60A0C0;
	background:#E0F0F0;
	border:1px solid #cccccc;
	border-bottom:none;
	border-radius:5px 5px 0 0;
	}
h3{
	color:#55A8B0;
}
h3.entry{
	position:relative;
	padding:10px;
}
	h3.entry span.entry{
		position:absolute;
		top:0;
		right:0;
	}
	h3.entry span.entry input{
		background:rgba(224,224,240,1);
		padding:4px 12px;
		border-radius:3px;
		border:2px solid rgba(32,128,192,1);
	}

div.path span[class^="icon-"]:before{
	display:inline-block;
}

div.path input{
	padding:2px 4px;
	margin:0 4px;
	background:none;
	text-decoration:underline;
	color:#4DA9B5;
	border-radius:1px;
}

p.read{
	margin-top:0.6rem;
	background: #ffffff;
    padding: 10px 15px;
	position: relative;
}
	p.read:after{
		position: absolute;
		content: '';
		right: 0;
		top: 0;
		border-width: 0 16px 16px 0;
		border-style: solid;
		border-color: rgba(240,240,240,1) rgba(240,240,240,1) #e7e7e7;
		box-shadow: -1px 1px 1px rgba(0,0,0,.15);
	}

div.info{
 position:relative;
 background:url(../img/p-info.jpg) repeat-x bottom;
 background-size:contain;
 margin-top:6px;
 padding:0 0 12px 12px;
 font-size:93.8%;
 color:#0E3DEB;
}

div.wrap.alart{
	margin:20px auto;
}

	div.bell{
		position:relative;
		background:rgba(255,204,51,0.5);
		color:rgba(255,51,0,1);
		border-radius:3px;
		padding:10px 20px 10px 60px ;
	}
		div.bell:after{
			position:absolute;
			left:0;
			top:5px;
			z-index:2;
			content:"！";
			font-size:3.5rem;
			font-weight:bold;
			color:rgba(255,51,0,0.1);
			transform:rotate(15deg);
		}
		div.bell ul li span{
			display:inline-block;
			cursor:pointer;
			text-decoration:underline;
		}
		div.bell ul li:before{
			display:inline-block;
			vertical-align:text-top;
			font-family:"kintai";
			content:"\71";
			color:rgba(255,0,0,1);
			margin-right:0.4rem;
		}
	div.bell ~ div.over{
		border-top:1px solid rgba(240,240,240,1);
	}
		
	div.over{
		position:relative;
		background:rgba(255,51,51,0.2);
		color:rgba(204,51,51,1);
		border-radius:3px;
		padding:10px 20px 10px 60px ;
	}
		div.over:after{
			position:absolute;
			left:0;
			top:5px;
			z-index:2;
			content:"△";
			font-size:3.5rem;
			font-weight:bold;
			color:rgba(204,51,51,0.1);
			transform:rotate(15deg);
		}
    
/*20191122追記*/
	div.caution34{
		position:relative;
		background:#FFF;
		color:rgba(204,51,51,1);
		border-radius:3px;
    border: 5px double #D90000 !important;
		padding:10px 20px 10px 60px ;
    margin-bottom: 5px;
	}
		div.caution34:after{
			position:absolute;
			left:5px;
			top:5px;
			z-index:2;
			content:"警告";
			font-size:1rem;
			color:#FFF;
      background: #D90000;
      padding: 3px 5px;
			/*transform:rotate(15deg);*/
		}
    
    div.caution21{
		position:relative;
		background:#FFF;
		color:#F77809;
		border-radius:3px;
    border: 5px double #F77809 !important;
		padding:10px 20px 10px 60px ;
	}
		div.caution21:after{
			position:absolute;
			left:5px;
			top:5px;
			z-index:2;
			content:"注意";
			font-size:1rem;
			color:#FFF;
      background: #F77809;
      padding: 3px 5px;
			/*transform:rotate(15deg);*/
		}

ul.caution01{
	margin-top:20px;
	color:#D90000;
}
	ul.caution01 li:before{
			content:"";
			display: inline-block;
			width: 7px;
			height: 14px;
			border-bottom: 3px solid #D90000;
			border-right: 3px solid #D90000;
			font-size:1rem;
			font-weight:bold;
			transform:rotate(30deg);
			margin-right:8px;
			margin-left:14px;
	}
  
ul.caution02{
	margin-top:20px;
	color:#F77809;
}
	ul.caution02 li:before{
			content:"";
			display: inline-block;
			width: 7px;
			height: 14px;
			border-bottom: 3px solid #F77809;
			border-right: 3px solid #F77809;
			font-size:1rem;
			font-weight:bold;
			transform:rotate(30deg);
			margin-right:8px;
			margin-left:14px;
	}
/*20191122追記ここまで*/

div.searchBox{
	margin:15px 0 20px;
	padding:10px 20px;
	border:2px solid rgba(204,204,204,1);
	box-shadow:0 0 3px 4px rgba(204,204,204,0.2);
	background:rgba(255,255,255,0.8);
}
	
	
	div.searchBox h3{
		display:block;
		width:200px;
		padding:6px 4px;
		background:#55A8B0;
		color:rgba(255,255,255,1);
		text-align:center;
		margin:-20px 0 10px;
	}
	
	div.searchBox dl{
		display:inline-block;
		vertical-align:top;
		padding:0 10px;
		border-left:2px dotted #CCCCCC;
		box-sizing:border-box;
		margin-bottom:10px;
	}
		div.searchBox dl:nth-last-child(1){
			margin-bottom:0;
		}
		div.searchBox dl.col1{
			width:100%;
		}
		div.searchBox dl.col2{
			width:49%;
		}

	div.searchBox dl dt{
		display:block;
		vertical-align:top;
		box-sizing:border-box;
		color:rgba(153,153,153,1);
		padding:4px;
		width:100%;
		
	}
	div.searchBox dl dd{
		display:block;
		vertical-align:top;
		box-sizing:border-box;
		padding:4px;
		width:100%;
	}

	
	div.searchBox span.btn{
		display:block;
		border-top:1px dotted #CCCCCC;
		margin-top:10px;
		padding-top:10px;
		text-align:center;
	}
	div.searchBox span.btn input{
		display:inline-block;
		vertical-align:middle;
		width:200px;
		padding:10px 0;
		border-radius:3px;
		transition:0.3s;
		border:2px solid #4DA9B5;
		color:#4DA9B5;
	}
		div.searchBox span.btn input:hover{
			background:#4DA9B5;
			color:rgba(255,255,255,1);
		}

dl.editArea{
	position:relative;
	padding:20px;
	box-sizing:border-box;
	background:rgba(255,255,255,0.8);
	margin:20px 0;
}
	h3 +dl.editArea{
		margin:10px 0;
	}
	dl.editArea dt{
		position:relative;
		display:inline-block;
		vertical-align:top;
		width:20%;
		padding:10px 8px;
		border-top:1px solid rgba(204,204,204,1);
		color:rgba(102,102,102,0.8);
		box-sizing:border-box;
	}
		dl.editArea dt:nth-child(1){
			border-top:none;
		}
		dl.editArea dt.hissu:after{
			position:absolute;
			right:10px;
			top:8px;
			display:inline-block;
			padding:4px;
			background:rgba(255,51,51,1);
			color:rgba(255,255,255,1);
			font-size:0.8rem;
			border-radius:3px;
			content:"必須";
		}
		
	dl.editArea dd{
		display:inline-block;
		vertical-align:top;
		width:78%;
		padding:10px 8px;
		border-top:1px solid rgba(204,204,204,1);
		box-sizing:border-box;
	}
		dl.editArea dd:nth-of-type(1){
			border-top:none;
		}
		dl.editArea.solo dd{
			display:block;
			width:100%;
		}

div.submitArea{
	text-align:center;
	margin:30px 0;
}
	div.submitArea span{
		display:inline-block;
		margin:0 10px;
	}
	div.submitArea span input{
		padding:6px 20px;
		width:200px;
		background:rgba(96,160,192,1);
		color:rgba(255,255,255,1);
		border-radius:3px;
		transition:0.3s;
	}
		div.submitArea span input:hover{
			background:rgba(32,96,160,1);
		}
	div.submitArea span input.btn_del{
		background:rgba(51,51,51,1);
	}
		div.submitArea span input.btn_del:hover{
			background:rgba(51,51,51,1);
			opacity:0.8;
		}
	
	
div.submitArea.sync span button{
		padding:1.5rem 3rem 1.2rem;
		width:300px;
		background:rgba(96,160,192,1);
		color:rgba(255,255,255,1);
		border-radius:3px;
		transition:0.3s;
		font-size:2rem;
		cursor:pointer;
}
	div.submitArea.sync span button:before{
		display:block;
		content:"\47";
		font-family:"kintai";
		font-size:3rem;
		margin-bottom:1.5rem;
	}
		div.submitArea.sync span button:hover{
			background:rgba(32,96,160,1);
		}

div.submitArea button{
		padding:6px 20px;
		width:200px;
		background:rgba(96,160,192,1);
		color:rgba(255,255,255,1);
		border-radius:3px;
		transition:0.3s;
}
		div.submitArea button:hover{
			background:rgba(32,96,160,1);
		}
		div.submitArea button.btn_dl{
			font-size:inherit;
		}

.confMessage{
	text-align:center;
	font-size:3rem;
	color:#55A8B0;
	padding:50px 0;
}
	.confMessage ul{
		color:#333333;
		font-size:1rem;
	}

ul.error{
	margin-top:1rem;
	color:rgba(204,51,51,1);
}
	ul.error li:before{
			font-family:kintai;
			content:"\6e";
			font-size:1rem;
			margin-right:4px;
	}

div.attention{
	margin-top:0.6rem;
	padding:0.4rem 1rem;
	color:rgba(51,51,51,1);
	font-weight:bold;
	background:rgba(255,255,255,0.9);
}
	div.attention.warning{
		border-left:2px solid rgba(255,51,0,1);
	}

	div.attention.caution{
		border-left:2px solid rgba(255,222,68,1);
	}
	
	div.attention:before{
		font-family:kintai;
		font-size:1rem;
		font-weight:normal;
		margin-right:4px;
	}
		div.attention.warning:before{
			content:"\49";
			color:rgba(204,51,51,1);
		}
		div.attention.caution:before{
			content:"\6e";
		}

	
	div.attention + div.attention{
		margin-top:0;
		border-top:4px dashed rgba(240,240,240,1);
	}
	div.attention:nth-last-of-type(1){
		margin-bottom:0.6rem;
	}

div.attention dl{
	margin-top:0.3rem;
	font-weight:normal;
	margin-left:1.5rem;
}
div.attention dt{
	color:rgba(204,51,51,1);
	display:inline-block;
	vertical-align:top;
	width:100px;
}
div.attention dd{
	display:inline-block;
	vertical-align:top;
}


ul.info{
	margin-top:20px;
	color:rgba(32,160,192,1)
}
	ul.info li:before{
			content:"";
			display: inline-block;
			width: 7px;
			height: 14px;
			border-bottom: 3px solid rgba(32,160,192,1);
			border-right: 3px solid rgba(32,160,192,1);
			font-size:1rem;
			font-weight:bold;
			transform:rotate(30deg);
			margin-right:8px;
			margin-left:14px;
	}


input.calendar{
 vertical-align:middle;
 text-align:center;
}
.calendarTitle{
	margin-top:20px;
	font-weight:bold;
	font-size:1.2rem;
}
	.calendarTitle span.auto{
		float:right;
		display:inline-block;
		vertical-align:middle;
	}
	.calendarTitle span.auto input{
		padding:0.2rem 0.6rem;
		background:rgba(102,102,102,1);
		color:rgba(255,255,255,1);
		font-size:0.9rem;
		border-radius:3px;
		transition:0.3s;
	}
		.calendarTitle span.auto input:hover{
			background:rgba(32,96,160,1);
		}
span.notes{
	display:inline-block;
	margin-left:10px;
}

div.pager{
	text-align:center;
}
	div.pager ul li{
		display:inline-block;
	}
	div.pager ul li a{
		display:block;
		padding:0.4rem;
		background:rgba(255,255,255,1);
		border-radius:3px;
		text-decoration:none;
		color:#55A8B0;
		font-weight:bold;
	}
		div.pager ul li.here a{
			background:#55A8B0;
			color:rgba(255,255,255,1);
		}
	div.pager ul li a:hover{
		background:rgba(51,102,204,0.2);
	}



.val_left{
 vertical-align:middle !important;
 text-align:left;
}

.val_center{
 vertical-align:middle !important;
 text-align:center;
}

.val_right{
 vertical-align:middle !important;
 text-align:right;
}


.txtBlue{
	color:rgba(0,51,153,1);
}
.txtRed{
	color:rgba(204,51,51,1);
}


span.unit{
	display:inline-block;
	padding:0 0.1rem;
	font-size:0.85rem;
}
span.unit.h3{
	font-size:0.85rem;
	padding:0.1rem 0.1rem;
	background:rgba(0,153,204,0.2);
	margin:0 0.4rem;
}


/* 汎用特殊マージン (上下) */

*.sp-v10 {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

*.sp-v15 {
	margin-top: 15px !important;
	margin-bottom: 15px !important;
}

*.sp-v20 {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}

*.sp-v25 {
	margin-top: 25px !important;
	margin-bottom: 25px !important;
}

*.sp-v30 {
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}

*.sp-v0 {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

/* 汎用特殊マージン (上) */


*.sp-t10 {
	margin-top: 10px !important;
}

*.sp-t15 {
	margin-top: 15px !important;
}

*.sp-t20 {
	margin-top: 20px !important;
}

*.sp-t25 {
	margin-top: 25px !important;
}

*.sp-t30 {
	margin-top: 30px !important;
}



/* 汎用特殊マージン (下) */

*.sp-b10 {
	margin-bottom: 10px !important;
}

*.sp-b15 {
	margin-bottom: 15px !important;
}

*.sp-b20 {
	margin-bottom: 20px !important;
}

*.sp-b25 {
	margin-bottom: 25px !important;
}

*.sp-b30 {
	margin-bottom: 30px !important;
}
*.sp-b40 {
	margin-bottom: 40px !important;
}


/* 汎用特殊マージン (左) */

*.sp-l10 {
	margin-left: 10px !important;
}

*.sp-l20 {
	margin-left: 20px !important;
}


*.sp-l30 {
	margin-left: 30px !important;
}
*.sp-l40 {
	margin-left: 40px !important;
}


.align-c{
	text-align:center !important;
}
.align-r{
	text-align:right !important;
}

.align-l{
	text-align:left !important;
}



/* 表 (汎用：セルのパディング確保) */
table.data{
	width:100%;
	border: 1px solid #cccccc;
	background:#FFFFFF;
	font-size:0.8rem;/*1rem*/
	border-right:none;
	border-bottom:none;
	border-collapse:collapse;
	word-wrap:break-word;
	word-break:break-all;
}

	tr.holiday { 
		background-color:rgba(255,153,153,0.2); 
	}
	tr.disable { 
		background-color:rgba(153,153,153,0.3);
		color:#696969;
	}

table.data th{
	background:#4DA9B5;
	color:#FFF;
	padding:3px 2px;/*6px 4px;*/
	border-bottom:solid 1px #cccccc;
	border-top:none;
	border-right:solid 1px #cccccc;
	border-left:none;
	font-weight:normal;
	vertical-align:middle;
}
	table.data th.narrow{
		padding:6px 2px;
		font-size:0.75rem;
	}
	
table.data td{
	vertical-align:top;
	padding: 3px 2px;/* 6px 8px;*/
	border-bottom:solid 1px #cccccc;
	border-top:none;
	border-right:solid 1px #cccccc;
	border-left:none;
}
	table.data td.h2{
		background-color:rgba(32,128,192,0.3);
		padding: 6px 12px;
	}
	table.data td.h3{
		background-color:rgba(255,255,204,0.4);
		padding: 6px 12px;
	}

/* 表 (汎用2：セルのパディング確保) */
table.sinsei{
	width:100%;
	border: 1px solid #cccccc;
	background:#FFFFFF;
	font-size:0.8rem;/*1rem*/
	border-right:none;
	border-bottom:none;
	border-collapse:collapse;
	word-wrap:break-word;
	word-break:break-all;
}

	tr.holiday { 
		background-color:rgba(255,153,153,0.2); 
	}
	tr.disable { 
		background-color:rgba(153,153,153,0.3);
		color:#696969;
	}

table.sinsei th{
	background:#4DA9B5;
	color:#FFF;
	padding:0;/*6px 4px;*/
	border-bottom:solid 1px #cccccc;
	border-top:none;
	border-right:solid 1px #cccccc;
	border-left:none;
	font-weight:normal;
	vertical-align:middle;
	font-size:0.75rem;
}
	table.sinsei th.narrow{
		padding:6px 2px;
		font-size:0.75rem;
	}
	table.sinsei th.fontSS{
		font-size:0.65rem;
	}
	table.sinsei th.jiyu{
        min-width: 70px !important;
	}
	table.sinsei th.biko{
        min-width: 150px !important;
	}
	table.sinsei th.time{
        width: 40px !important;
	}
	
table.sinsei td{
	vertical-align:top;
	padding: 3px 2px;/* 6px 8px;*/
	border-bottom:solid 1px #cccccc;
	border-top:none;
	border-right:solid 1px #cccccc;
	border-left:none;
}
	table.sinsei td.h2{
		background-color:rgba(32,128,192,0.3);
		padding: 6px 12px;
	}
	table.sinsei td.h3{
		background-color:rgba(255,255,204,0.4);
		padding: 6px 12px;
	}
/*汎用2ここまで*/

	.errbox {
		position: relative;
		background: #fff8e8;
		padding: 0.1rem 0.5rem 0.1rem 2rem;
		color:#ff6347;
		margin-bottom:0.4rem;
		font-size:0.85rem;
	}
		.errbox:before{
			font-family: "kintai";
			content: "\67";
			position: absolute;
			padding: 0rem;
			color: #ffc06e;
			font-weight: normal;
			left: 0.5rem;
			top: 50%;
			-moz-transform: translateY(-50%);
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
		}
		td .errbox:nth-last-child(1){
			margin-bottom:0;
		}
	
	table td.trip_details{
		padding:0 !important;
	}
		table td.trip_details ol li{
			counter-increment:details;
			border-bottom:1px dotted #999999;
			background:rgba(0,204,204,0.2);
		}
			table td.trip_details ol li:nth-last-child(1){
				border-bottom:none;
			}
			table tr:nth-child(odd) td.trip_details ol li{
				background:rgba(255,204,153,0.2);
			}
			
		table td.trip_details ol li em{
			display:inline-block;
			vertical-align:top;
			width:25%;
			word-break:keep-all;
			color:rgba(51,51,51,1);
			padding:3px 6px;
			box-sizing:border-box;

			font-size:0.85rem;
		}	
			table td.trip_details ol li em:before{
				display:marker;
				content:counter(details)".";
			}
		table td.trip_details ol li span{
			display:inline-block;
			vertical-align:top;
			width:75%;
			padding:3px 6px;
			box-sizing:border-box;
			background:rgba(255,255,255,1);
			min-height:1.75rem;
			
			font-size:0.85rem;
		}
		
	span.ico-shiji{
		display:inline-block;
		padding:0.2rem 0.4rem 0;
		margin-bottom:0.2rem;
		text-align:center;
		font-size:0.85rem;
		background:rgba(255,102,0,1);
		color:rgba(255,255,255,1);
		border-radius:3px;
	}
	span.ico-mod{
		display:inline-block;
		padding:0.2rem 0.4rem 0;
		margin-bottom:0.2rem;
		text-align:center;
		font-size:0.85rem;
		background:rgba(246,66,164,1);
		color:rgba(255,255,255,1);
		border-radius:3px;
	}
	span.popupLink{
		font-family:"kintai";
		cursor:pointer;
		display:inline-block;
		vertical-align:text-top;
	}

span.authority{
	display:inline-block;
	padding:4px;
	border:1px solid #333;
	border-radius:3px;
	font-size:0.65rem;
	font-weight:bold;
}
	span.authority.super{
		border-color:rgba(255,51,0,1);
		color:rgba(255,51,0,1);
	}
	span.authority.super:before{
		display:inline-block;
		font-family:"kintai";
		content:"\48";
	}


/* index */

body.index h3{
	padding:6px 8px;
	border-bottom:3px dashed #4DA9B5;
	margin-bottom:20px;
	font-size:1.2rem;
	color:#4DA9B5;
}

div#main.index{
 width:100%;
 margin: 0 auto;
}
div#main div.inner{
 width:1200px;
 margin: 0 auto;
}

#main section{
	display:inline-block;
	vertical-align:top;
	width:24.0%;
	margin-bottom:0.4rem;
	box-sizing:border-box;
	height:140px;
}
#main section div.sectionInner{
	position:relative;
	height:140px;
	background:rgba(255,255,255,1);	
	box-shadow: 0 3px 3px rgba(102, 102, 102, 0.16);
	cursor:pointer;
}
	#main section div.sectionInner::after{
		position:absolute;
		top:0;
		left:0;
		display:inline-block;
		z-index:1;
		width: 0;
		height: 0;
		border-top: 40px solid #55A8B0;
		border-right: 40px solid transparent;
	}

	#main section div.sectionInner::before{
		position:absolute;
		top:0.1rem;
		left:0.1rem;
		display:inline-block;
		z-index:2;
		font-size:0.75rem;
		transform: rotate(-45deg);
		color:rgba(255,255,255,1);
	}

	#main.index div:nth-child(even){
		background:rgba(210,215,221,1);
		min-width:1200px;
	}
	
	
	#main div.normal{
		padding:0rem 0.4rem 1rem;
	}
	#main div.petition{
		padding:1rem 0.4rem;
		
	}
		#main div.petition section div.sectionInner::after{
			content:"";
		}
		#main div.petition section div.sectionInner::before{
			content:"申請";
		}

	#main div.approval{
		
		padding:1rem 0.4rem;
	}
		#main div.approval section div.sectionInner::after{
			content:"";
			border-top: 40px solid rgba(69, 61, 160, 0.6);
		}
		#main div.approval section div.sectionInner::before{
			content:"承認";
		}

	#main div.reference{
		
		padding:1rem 0.4rem;
		
	}	
		#main div.reference section div.sectionInner::after{
			content:"";
			border-top: 40px solid rgba(120, 120, 120, 0.8);
		}	
		#main div.reference section div.sectionInner::before{
			content:"参照";
		}

	#main div.management{
		
		padding:1rem 0.4rem;
	}		
		#main div.management section div.sectionInner::after{
			content:"";
			border-top: 40px solid rgba(27, 110, 134, 1);
		}
		#main div.management section div.sectionInner::before{
			content:"管理";
		}

#main section span.btn button{
	position:relative;
	display:block;
	width:100%;
	background:rgba(255,255,153,0.4);
	padding:0.4rem;
	font-weight:bold;
	cursor:pointer;
}
#main section span.btn button:after{
	position:absolute;
	display:inline-block;
	font-family:"kintai";
	content:"\75";
	right:0.4rem;
	top:0.6rem;
	color:rgba(153,153,153,1);
	transition:0.5s;
}
	#main section:hover span.btn button:after{
		color:rgba(255,51,51,0.6);
	}
	#main section span.btn:hover button:after{
		color:rgba(255,51,51,0.6);
	}


#main section p.exp{
	font-size:0.75rem;
	color:rgba(102,102,102,1);
	padding:0 0.8rem;
}
	#main section span.exp{
		display:block;
		text-align:center;
		margin-bottom:0.4rem;
		color:#55A8B0;
		font-size:0.8rem;
		border-radius:3px;
	}
		#main section span.exp:before{
			display:inline-block;
			content:"<<";
		}
		#main section span.exp:after{
			display:inline-block;
			content:">>";
		}
	
	#main section small.pending{
		padding:0 0.8rem;
	}
		#main section small.pending span.alerts{
			display:inline-block;
			vertical-align:middle;
			font-weight:bold;
			color:rgba(51,51,51,1);
		}
		#main section small.pending span.alerts em{
			display:inline-block;
			vertical-align:middle;
			padding:0 0.2rem;
			background:rgba(255,51,0,1) ;
			color:rgba(255,255,255,1);
			border-radius:50%;
			margin-left:0.1rem;
			font-weight:normal;
			font-size:0.7rem;
		}
		

/* ツールチップ                                             */
.invisible{
	display: none;
}
 
a.clickToolTip{
	display:inline-block;
	color:#e83b18;
	font-family:"kintai";
	text-decoration:none;
}
a.clickToolTip.active{
	color: #0168B7; 
}
.toolTip {
	position: relative;
	background: rgba(255, 255, 255, 0.9);
	border:1px solid #0168B7;
}
.toolTip:after, .toolTip:before {
	bottom: 100%;
	left: 20px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.toolTip:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #FFF;
	border-width: 8px;
	margin-left: -8px;
}
.toolTip:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #0168B7;
	border-width: 9px;
	margin-left: -9px;
}

.toolTip{
	margin: 0;
	padding: 8px 20px 8px 8px;
	width: auto; max-width:330px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	min-height: 30px;
	position: absolute; 
	font-size: 0.9rem;
	text-align:left;
	z-index:10;
}
.toolTip span.tool_close{
	position:absolute; cursor: pointer;
	top:4px; right:4px;
	color:rgba(51,51,51,1);
	font-weight:bold;
}
.toolTip p:last-child{
	margin-bottom:0px;
}
/* 20240514 css被りがないよう別名調整 */
.editArea.content-c {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-wrap: wrap;
}

dl.editArea.content-c dt {
	width: 24%;
}

dl.editArea.content-c dd {
	width: 76%;
}

.editArea.content-c input[type=password] {
	border: 1px solid rgba(102,102,102,0.8);
	padding: 2px;
}