@charset "UTF-8";
/* CSS Document */

/* 基本設定クリア */
/*html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, input, textarea, legend, article, aside, footer, header, hgroup, menu, nav, section {
	border: 0;
	color: #000;
	font-size: 100%;
	font: inherit;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}*/
.ui-btn-inner {
    white-space: normal!important;
}
/*td.ws-normal span.ui-btn-text {
	white-space: normal!important;
}
td.ws-pre span.ui-btn-text {
	white-space: pre!important;
}*/
div, footer, header, a, p, input, h1, h2, h3, h4, h5, h6, pdl, dt, dd, ol, ul, li {
	border: 0;
	color: #000;
	font-size: 100%;
	font: inherit;
	/*margin: 0;*/
	margin: 5 auto;
	padding: 0;
	vertical-align: baseline;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}
/*ハンバーガーメニュー//////////*/
#humberger {
  position: relative;
  height: 15px;
  width: 20px;
  display: inline-block;
  box-sizing: border-box;
  background-color: #fff;
}
#humberger div {
  position: absolute;
  left: 0;
  height: 2px;
  width: 20px;
  background-color: #444;
  border-radius: 2px;
  display: inline-block;
  box-sizing: border-box;
}
#humberger div:nth-of-type(1) {
  bottom: 10px;
}
#humberger div:nth-of-type(2) {
  bottom: 5px;
}
#humberger div:nth-of-type(3) {
  bottom: 0;
}
/*ハンバーガーメニュー//////////*/
/*ローディング画面***********************************************************************************/
#overlay{ 
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;
  height:100%;
  display: none;
  background: rgba(0,0,0,0.6);
}
.cv-spinner {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;  
}
.spinner {
  width: 40px;
  height: 40px;
  border: 4px #ddd solid;
  border-top: 4px #2e93e6 solid;
  border-radius: 50%;
  animation: sp-anime 0.8s infinite linear;
}
@keyframes sp-anime {
  100% { 
    transform: rotate(360deg); 
  }
}
.is-hide{
  display:none;
}
/*ローディング画面ここまで***************************************************************************/
/* 基本のレイアウト */
body {
	/*max-width: 960px;*/
	background: #fff;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.success {
	color: #1da55f;
	font-size: 12px;
}#success {
	color: #1da55f;
}
.required {
	color: #FF0000;
	font-size: .7em;
}
#required {
	color: #FF0000;
}

.ui-header {
	/*border-top: solid 6px #000 !important;*/
	background: #fff;
	margin: 0 auto;
	position: relative;
	max-width: 960px;
	border-bottom: none !important;
	height: 54px !important;
}
	.header {
		border-top: solid 6px #1c3b1e !important;
		background: #fff;
		padding: 0 ;
		border-bottom: none;
	}

.title {
	/*background: #FFBF00;
	border-top: solid 5px #75b4c4;*/
	background: #86e37d;
	border-top: solid 5px #1da543;
	height: 10px;
	margin: 0 0 0 0;
	max-width: 100%;
	padding: 0 ;
	/*max-width: 960px;*/
}
	.title p {
		margin: 0;
		color: #fff;
		font-size: 2em;
		line-height: 1em;
		padding: 18px ;
		text-align: right;
	}
	.nav-global {
		margin: 0 auto;
		max-width: 960px;
		background: #fff;
		border-top: solid 2px #000;
	}
/* nav-global */
.nav-global ul {
	display:none;
}

.nav-global >li {
	float: left;
	text-align: center;
	width: 25%;/* 横幅の25％（ボタンが4つだから・・・） */
}
.nav-global >li > a{
	text-decoration: none; border-left:1px solid #EEE; border-bottom:1px solid #1c3b1e;
}
.nav-global > li > ul > li {
	background:#999; border-bottom:1px solid #EEE; width:98%; float: right;
}

.nav-global > li > ul > li > a {
	text-decoration: none;
	background-color:#F5F5F5; width:100%;
}
.nav-global > li > ul > li > a:hover {
	border-bottom: solid 5px #e5b9b7;
	padding: 15px 0 10px 0;
}
.nav-global li a {
	border-right: solid 1px #ddd;
	color: #000;
	display: block;
	padding: 15px 0;
}
.nav-global li:last-child a {
	/*border-right: none;*/
}
.nav-global li a:hover {
	border-bottom: solid 5px #e9cc77;
	padding: 15px 0 10px 0;
}
.nav-global li a:active {
	border-bottom: solid 5px #75b4c4;
}
/* nav-globalここまで */
ul {
	list-style: none;
}
.clear {
	overflow: hidden;
	zoom: 1;
}
.ui-footer {
	margin: 0 auto;
	max-width: 960px;
}
	.ui-footer p {
    		margin: 5px 10px;
    		font-weight: normal;
    		font-size: .8em;
	}
	.ui-footer ul {
    		margin: 5px 10px;
    		font-weight: normal;
    		font-size: .8em;
	}
	#copy p{
		padding: 20px 0 0 5px !important;
		font-size: .8em !important;
		font-weight: normal;
	}
.main {
	background: #fff !important;
	margin: 0 auto !important;
	max-width: 960px !important;
	position: relative !important;
}
.main_small {
	background: #fff !important;
	margin: 0 auto !important;
	max-width: 500px !important;
	position: relative !important;
}
	.attendance_div {
		background: #fff;
		margin: 60px 50px 0 50px!important;
		max-width: 860px;
		padding: 10px 10px 10px 10px;
		position: relative!important;
	}
	.calc_momyhly_div {
		background: #fff;
		margin: 60px 30px 0 30px!important;
		max-width: 900px!important;
		padding: 10px 10px 10px 10px;
		position: relative!important;
	}
	.attendance_calc_div {
		background: #fff;
		margin: 60px 50px 0 50px!important;
		max-width: 860px;
		padding: 10px 10px 10px 10px;
		position: relative!important;
		text-align: center!important;
	}
	.subtitle {
		background: #fff;
		margin: 5 auto !important;
		/*max-width: 250px !important;*/
		padding: 5px 0px 0px 0 !important;
	}
	.subtitle_calc {
		background: #fff;
		margin:  0 auto;
		max-width: 600px !important;
		padding: 20px 0 0 0 !important;
		position: relative!important;
	}
	.maindiv {
		background: #fff;
		margin: 0 auto;
		max-width: 600px;
		padding: 10px 10px 10px 10px;
		position: relative;
	}
		#info h1 {
			font-size: .8em;
			padding: 10px 0 0 0;
		}
		.no-shortening {
      			overflow: visible !important;
      			white-space: normal !important;
  		}
	.login {
		background: #fff;
		max-width: 100px;
		margin: 0 auto;
	}
	.tendance_sub-title {
		background: #fff;
		margin: 10 0 0 0 !important;
		max-width: 860px;
		padding: 260px 0 0 5px !important;
		/*border-bottom: solid 5px #75b4c4;*/
		border-bottom: solid 10px #86e37d;
	}
	.sub-title {
		background: #fff;
		margin: 10 0 0 0 !important;
		max-width: 600px;
		padding: 60px 0 0 5px !important;
		/*border-bottom: solid 5px #75b4c4;*/
		border-bottom: solid 10px #86e37d;
	}
	.sub-title p {
		/*color: #fff;*/
		font-size: 1.5em;
		line-height: 1em;
		/*padding: -40px ;*/
		text-align: left;
	}
	.help {
		font-size: 1em;
		margin: 0px 0 0px 0;
		text-align: right; !important;
		margin: 0 auto;
		max-width: 600px;
	}
	.help p {
		font-size: 1em;
		line-height: 40xp;
		text-align: right; !important;
	}
	/*.help a {
		font-size: 1em;
		line-height: 40xp;
		text-align: right; !important;
	}*/
	.contents {
		background: #fff;
		margin: 0 auto;
		max-width: 600px;
		padding: 0 0 0 0;
	}
	ui-grid-a {
		max-width: 100% !important;
		margin: 10 0 0 0!important;
		padding: 10 0 0 0 !important;
		vertical-align: middle !important;
	}
	ui-grid-b {
		max-width: 100% !important;
		padding: 0 0 0 0 !important;
	}
	.ui-block-a {
		padding: 10 0 0 0 !important;
		padding: 10 0 0 0 !important;
	}
	#ui-block-a {
		padding: 10 0 0 0 !important;
		padding: 10 0 0 0 !important;
	}
	.ui-block-a p {
		font-size: 1.5em;
		margin: 10 0 0 0!important;
		line-height: 1em;
		text-align: left;
	}
	ui-block-b {
		max-width: 100% !important;
		padding: 0 0 0 0 !important;
		vertical-align: middle !important;
	}
	ui-block-b a {
		max-width: 100% !important;
		vertical-align: middle !important;
	}
	ui-block-b a img {
		max-width: 100% !important;
		vertical-align: middle !important;
	}
.text-m {
	width:100px !important;
}
.text-s {
	width:30px !important;
}
.ui-field-contain {
	margin: 10px 0 0 0!important;
	max-width: 100％;
	padding: 0 0 0 0!important;
}
#login_fieldcontain{
	margin: 20px 0 10px 0!important;
	max-width: 100％;
	padding: 0 0 0 0!important;
}
.field_group {
	display: inline-block;/*field_groupを横並びに表示*/
	margin: 0 0 0 0!important;
	max-width: 100％;
	padding: 0 0 0 0!important;
	vertical-align: middle !important;
}
#caution_comment {
	font-size: 0.8em!important;
	text-align: left!important;
	padding: 0 0 10px 0 !important;
}

#logoutbutton a {
	vertical-align: middle !important;
}
#logoutbutton a img {
	vertical-align: middle !important;
	position: relative !important;
}
#logoutbutton  p {
	font-size: 0.8em !important;
}

#userinfo {
	white-space: pre !important;
}
/**--------------------------------**/
#reception_make_button:hover {
	color: #2aa51d!important;
	text-shadow: 0 0 0 #3b7b24 !important;
}
#rejidata_uodata_button:hover {
	color: #2aa51d!important;
}
#account_statement_button:hover {
	color: #2aa51d!important;
}
#reji_close_button:hover {
	color: #2aa51d!important;
}
/**--------------------------------**/
/**実行パスワード------------------**/
.password {
	-webkit-text-security: disc;
}
/**--------------------------------**/
/**マイページ画像読み込み----------**/
table_inline table{
	display: inline!important;
}
/**--------------------------------**/
#reception_make_div {
/**-	border-bottom: solid 1px #416318!important;**/
	margin: 0 10px 5px 0!important;
}
#rejidata_uodata_div {
/**-	border-bottom: solid 1px #416318!important;**/
	margin: 0 10px 5px 0!important;
}
#account_statement_div {
/**-	border-bottom: solid 1px #416318!important;**/
	margin: 0 10px 5px 0!important;
}
#reji_close_div {
/**-	border-bottom: solid 1px #416318!important;**/
	margin: 0 0 5px 0!important;
}
/**--------------------------------**/
#Reji_Open_Info{
	width: 150px!important;
}
#CloseInfo{
	height: 80px!important;
	width: 150px!important;
	border-radius: 10px!important;
	border: 1px solid #416318!important;
	background-color: #bdd79d!important;
	margin: 20px 0 0 0!important;
	padding: 5px 0 5px 0!important;
}
/**--------------------------------**/
#reception_make_button {
	color: #416318!important;
	display: inline!important;
	font-size:15px !important;
	margin: 0 10px 5px 0!important;
	padding: 5px 0 5px 0!important;
	text-shadow: 0 0 0 #3b7b24 !important;
	/*border-bottom: solid 1px #FFFFFF!important;*/
}
#rejidata_uodata_button {
	color: #416318!important;
	display: inline!important;
	font-size:15px !important;
	margin: 0 10px 5px 0!important;
	padding: 5px 0 5px 0!important;
	text-shadow: 0 0 0 #3b7b24 !important;
/*	border-bottom: solid 1px #416318!important;*/
}
#account_statement_button {
	color: #416318!important;
	display: inline!important;
	font-size:15px !important;
	margin: 0 10px 5px 0!important;
	padding: 5px 0 5px 0!important;
	text-shadow: 0 0 0 #3b7b24 !important;
}
#reji_close_button {
	color: #416318!important;
	display: inline!important;
	font-size:15px !important;
	margin: 0 10px 5px 0!important;
	padding: 5px 0 5px 0!important;
	text-shadow: 0 0 0 #3b7b24 !important;
}
/**--------------------------------**/
/********************************************************
Tabグループ
********************************************************/
.tab {
  border-bottom: 3px solid #868A08;
  height:40px;
}
.tab li {
  color: #333;
  float: left;
  margin: 0 10px -1px 0;
  padding: 10px 20px;
  border: 1px solid #868A08;
  cursor: pointer;
  list-style: none;
  transition: .3s;
}
.tab li.active {
  color: #fff;
  background: #868A08;
  cursor: auto;
}
 
.panel-group ul {
  display: none;
}
.panel-group ul.show {
  display: block;
}

/*******************************************************/
/**
 * 02-02　レスポンシブなナビゲーション
 */
.menubtn {
	display: none;
}
.nav-global {
	display: block;
}

#table50 th {
	background: #004080;
	
}
/**
 * RESPONSIVE: スマートフォン向けウィンドウ幅600px以下
 */
@media screen and (max-width:600px) {
	/* 基本のレイアウト */
	/* nav-global */
	.nav-global li {
		float: none;
		width: 100%;
		text-align: left;
	}
	.nav-global li a {
		text-decoration: none;
		padding: 10px 0 10px 15px;
		border-right: none;
		border-top: solid 1px #dedede;
	}
	.nav-global li a:hover {
		padding: 10px 0 10px 10px;
		border-bottom: none;
		border-left: solid 5px #e9cc77;
	}
	.nav-global > li > ul > li > a:hover {
		border-left: solid 5px #e5b9b7;
		padding: 10px 0 10px 10px;
		border-bottom: none;
	}
	/*メニューボタン*/
	.menubtn {
		display: block;
	}
	.menubtn a {
		text-decoration: none;
		display: block;
		padding: 10px 0;
		background: #ededed;
		color: #FFBF00;
		font-weight: bold;
		text-align: center;
	}
	.menubtn a:hover {
		background: #ddd;
	}
	.menubtn a:active {
		background: #bbb;
	}
	.nav-global {
		display: none;
	}
	
	.subtitle {
		background: #fff;
		margin: 0 auto !important;
		/*max-width: 250px !important;*/
		padding: 5px 0px 0px 0 !important;
	}
	.subtitle_calc {
		background: #fff;
		margin: 0 auto !important;
		max-width: 600px !important;
		padding: 0px 0px 0px 0 !important;
	}
}