@charset "Shift_JIS";

/*------------------------------
タグ用基本CSS
	2018.05.25	okuyama		英語対応
	2021.08.06	hashimoto	計算項目ラベル化・数値入力項目カンマ表示対応
	2022.03.29	hashimoto	添付ファイル関連仕様変更
	2022.08.08	hashimoto	入力画面変更点表示対応
------------------------------*/

body{
	margin: 0px;
	padding: 0px;

	word-break: break-all;	/* 2018.05.25 add */
}

td{
	font-weight: bold;
}

h1{
	margin:0;
/*	padding:34px 0 50px 38px; */
	letter-spacing: 0.3em;
	text-align: left;
	font-weight: bold;
	font-size: 125%;
	float: left;
/*	width:600px; */
	vertical-align: middle;
	line-height: 80px;
}

.green h1 {
	color: #54740a;
}
.blue h1 {
	color: #ffffff;
}
.orange h1 {
	color: #823301;
}
.pink h1 {
	color: #e4708f;
}

/* 会社ロゴあり */
.logo{
	padding: 0 0 0 38px;
}

/* 会社ロゴなし */
.no_logo{
	padding: 0 0 0 38px;
}

h1 img{
	vertical-align: middle;
	border: double;
	margin-right: 5px;
}


h2{
	margin: 0;
	margin-top: 20px;
	width: 705px;
	height: 42px;
	font-size: 125%;
	line-height: 15px;
	vertical-align: bottom;
}
.green h2 {
	color: #54740a;
	background: url(../img/sub_title_green.gif) no-repeat;
}
.blue h2 {
	color: #000080;
	background: url(../img/sub_title_blue.gif) no-repeat;
}
.orange h2 {
	color: #823301;
	background: url(../img/sub_title_orange.gif) no-repeat;
}
.pink h2 {
	color: #000080;
	background: url(../img/sub_title_pink.gif) no-repeat;
}

a:link{
	color: #0099CC;
}
a:visited{
	color: #006699;
}
a:hover{
	color: #006699;
}
a:active{
	color: #006699;
}

.clr{
	clear: both;
}

.main_style{
/* MacIE5.X除外 start \*/
	font-size: 90%;
/* MacIE5.X除外 end */
/* MacIE5.Xのみに適用start \*//*/
	font-size: 10px;
/* MacIE5.Xのみに適用end */
	line-height: 140%;
	padding: 0px;
	margin: 0 auto;
	width: 100%;
	height: 390px;
	text-align: center;
}
.font_s .main_style {
	font-size: 70%;
}
.font_m .main_style {
	font-size: 90%;
}
.font_l .main_style {
	font-size: 106%;
}
.green .main_style {
	background: url(../img/bg_green.jpg) repeat-x;
}
.blue .main_style {
	background: url(../img/bg_blue.jpg) repeat-x;
}
.orange .main_style {
	background: url(../img/bg_orange.jpg) repeat-x;
}
.pink .main_style {
	background: url(../img/bg_pink.jpg) repeat-x;
}

input, select, textarea {
	font-size: 100%;
}

.blue_text {
	color: blue;
}

.red_text {
	color: red;
}

/*------------------------------
ログイン画面用
------------------------------*/

.login_form{
	text-align: center;
	margin: 60px 160px 30px;
}

/* 2018.05.25 add_s */
.login_form table {
	border-radius: 6px;
}
/* 2018.05.25 add_e */

.login_form table tr td{
	text-align: left;
/*	padding-left: 8px; 2018.05.25 del */
}
/* 2018.05.25 add_s */
.green .login_form table {
	background-color:#f2ffd9;
}
.blue .login_form table {
	background-color:#e0edfe;
}
.orange .login_form table {
	background-color:#ffefe0;
}
.pink .login_form table {
	background-color:#fceaf3;
}
/* 2018.05.25 add_e */

.login_caution {
	margin: 0px auto 30px;
	text-align: center;
	width: 600px;
	font-size: 85%;
}

/*------------------------------
ヘッダー用
------------------------------*/

.head_style{
	width: 984px;
	height: 390px;
	text-align: center;
	margin: 0 auto;
}
.green .head_style {
	background: url(../img/bg_03_green.jpg) no-repeat;
}
.blue .head_style {
	background: url(../img/bg_03_blue.jpg) no-repeat;
}
.orange .head_style {
	background: url(../img/bg_03_orange.jpg) no-repeat;
}
.pink .head_style {
	background: url(../img/bg_03_pink.jpg) no-repeat;
}

.head_right {
	float: right;
}

.head_member{
	padding: 0 20px 0 0;
/*	width:246px; */
/*	float:right; */
	text-align: right;
	line-height: 100%;
	vertical-align: bottom;
}
.green .head_member {
	color: #54740a;
}
.blue .head_member {
	color: #ffffff;
}
.orange .head_member {
	color: #823301;
}
.pink .head_member {
	color: #000080;
}

.green .login_time {
	color: #54740a;
}
.blue .login_time, .pink .login_time {
	color: #000080;
}
.orange .login_time {
	color: #823301;
}

.head_member2{
	height: 25px;
	padding: 20px 20px 0 0;
	color: #54740a;
	text-align: right;
	vertical-align: middle;
	display: block;
}

.head_right p {
	float: right;
	text-align: right;
	vertical-align: middle;
	line-height: 25px;
	margin: 0;
	padding: 0;
	padding-right: 10px;
	display: block;
}
.green .head_right p {
	color: #54740a;
}
.blue .head_right p {
	color: #FFFFFF;
}
.orange .head_right p {
	color: #823301;
}
.pink .head_right p {
	color: #e4708f;
}


.head_member2 ul {
	margin: 0;
	padding: 0;
	vertical-align: middle;
	float: right;
	width: 95px;
}

.head_member2  ul li {
	float: left;
	width: 23px;
	height: 23px;
	margin-left: 5px;
	list-style: none;
}

.head_member2 ul li a {
	float: left;
	width: 23px;
	height: 23px;
	text-align: center;
	line-height: 25px;
	text-decoration: none;
	background-color: #FFF;
}
.green .head_member2 ul li a {
	color: #54740a;
	border: #54740a solid 1px;
}
.blue .head_member2 ul li a {
	color: #000080;
	border: #000080 solid 1px;
}
.orange .head_member2 ul li a {
	color: #823301;
	border: #823301 solid 1px;
}
.pink .head_member2 ul li a {
	color: #e4708f;
	border: #e4708f solid 1px;
}

.green .head_member2 li a:hover, .green .head_member2 li.active a {
	background-color: #54740a;
	color: #FFF;
}
.blue .head_member2 li a:hover, .blue .head_member2 li.active a {
	background-color: #000080;
	color: #FFF;
}
.orange .head_member2 li a:hover, .orange .head_member2 li.active a {
	background-color: #823301;
	color: #FFF;
}
.pink .head_member2 li a:hover, .pink .head_member2 li.active a {
	background-color: #e4708f;
	color: #FFF;
}

.head_member3{
	padding: 0 20px 0 0;
	text-align: right;
}
.green .head_member3 {
	color: #54740a;
}
.blue .head_member3 {
	color: #000080;
}
.orange .head_member3 {
	color: #823301;
}
.pink .head_member3 {
	color: #dd00dd;
}

/*------------------------------
メニュー用
------------------------------*/

.menu_list{
	width: 215px;
	margin: 0 0 0 20px;
	padding: 0 0 10px 0;
	float: left;
	display: inline;
}
.green .menu_list {
	background-color: #f2ffd9;
}
.blue .menu_list {
	background-color: #F5F9FF;
}
.orange .menu_list {
	background-color: #fff8f5;
}
.pink .menu_list {
	background-color: #fceaf3;
}

.menu_list table tr td{
	text-align: left;
	font-size: 106%;
	padding: 8px 0 0 22px;
	margin: 0;
	background: url(../img/menu_box_02.gif) no-repeat;
}

.menu_list table tr td.menu_box_title{
	text-align: left;
	padding: 2px 0 0 15px;
	font-size: 106%;
	font-weight: bold;
/*	background: url(../img/menu_box_01.gif) no-repeat; 2018.05.25 del */
	/* 2018.05.25 add_s */
	background: url(../img/menu_box_01_2.gif) no-repeat;
	border-width: 1px 0px; /* 上下だけ引く */
	border-style: dotted;   /* 線種：点線 */
	/* 2018.05.25 add_e */
}

.menu_box{
	margin-top: 10px;
}

/*------------------------------
コンテンツ用
------------------------------*/
.green .message {
	color: #54740a;
}
.blue .message, .pink .message {
	color: #000080;
}
.orange .message {
	color:#823301;
}

.main_contents{
	width: 705px;
	margin: 0 25px 0 0;
	float: right;
	text-align: left;
	display: inline;
	font-size: 120%;	/* メインコンテンツ 文字サイズ調整 */
}

.list_contents{
	text-align: center;
	margin: 60px 160px;
}

.list_contents_02{
	text-align: center;
	margin: 20px auto;
}

.list_contents table tr td{
	text-align: left;
	padding-left: 8px;
}

.list_box_left table , .list_box_right table{
	font-size: 100%;
	margin-bottom: 2px;
/*	padding-left: 14px; 2018.05.25 del */
	text-align: left;
	border-radius: 6px;	/* 2018.05.25 add */
}

/* 2018.05.25 add_s */
.green .list_box_left table , .green .list_box_right table{
	background-color:#f2ffd9;
}
.blue .list_box_left table , .blue .list_box_right table{
	background-color:#e0edfe;
}
.orange .list_box_left table , .orange .list_box_right table{
	background-color:#ffefe0;
}
.pink .list_box_left table , .pink .list_box_right table{
	background-color:#fceaf3;
}
/* 2018.05.25 add_e */
.login_box{
/*	margin: 0 0 30px 0; 2018.05.25 del */
	margin: 0 0 5px 0;/* 2018.05.25 upd */
}

.login_box table{
	margin: 5px 0;
}

.login_box table tr td{
	height: 29px;
}

.login_text{
	font-size: 90%;
/*	border-right: thin dotted #000000; 2018.05.25 del */
}
.green .login_text {
	color: #54740a;
}
.blue .login_text, .pink .login_text {
	color: #000080;
}
.orange .login_text {
	color:#823301;
}

.list_box_left{
	margin: 0;
	padding: 0;
	float: left;
}

.list_box_right{
	margin: 0;
	float: right;
}

.sub_link{
	width: 705px;
	text-align: left;
	list-style-type: none;
	margin: 20px 0 0 0;
	padding: 0;
}

.sub_link li{
	padding-left: 10px;
	margin-bottom: 4px;
}
.green .sub_link li {
	background: url(../img/icon_01_green.gif) no-repeat;
}
.blue .sub_link li {
	background: url(../img/icon_01_blue.gif) no-repeat;
}
.orange .sub_link li {
	background: url(../img/icon_01_orange.gif) no-repeat;
}
.pink .sub_link li {
	background: url(../img/icon_01_pink.gif) no-repeat;
}

.text{
	font-size: 90%;
}
.green .text {
	color: #54740a;
}
.blue .text, .pink .text {
	color: #000080;
}
.orange .text {
	color:#823301;
}

.houkoku_list th {
	text-align: left;
	font-weight: bold;
}

.houkoku_list td {
	font-weight: normal;
}

/*------------------------------
フッター用
------------------------------*/

.footer_box{
	margin: 50px 20px 0 20px;
	border-top: 1px #cccccc solid;
	color: #cccccc;
}
/* 2017.06.09 add_s */
/*------------------------------
年末調整用
------------------------------*/
.nencho_contents label {
	cursor: default;
	display: block;
	margin: .4em 0 .4em;
	font-weight: 400;
	font-size: 16px;
}
.nencho_contents .radio_label {
	display: inline;
}
/* 年末調整用コメント */
.label_msg {
	color: #b22222;
}
/* 2020.03.30 add_s */
/* 年末調整用　文字色 */
.nen_label {
	font-weight: bold;
	padding: 0 0 10px;
}
/* 2020.03.30 add_e */
/* 年末調整用確認画面　文字色 */
.nen_kakunin {
	font-weight: bold;
	color: #000080;
	padding: 0 0 10px;
}
/* 年末調整用テキストエリア */
.nen_textarea {
	width: 500px;
	height: 108px;
}
/* 年末調整用 */
ul.nen_ul {
	padding: 0;
	position: relative;
}
ul.nen_ul li {
	margin-bottom: 3px;/*下のバーとの余白*/
	line-height: 1.5;
	padding: 0.5em;
	list-style-type: none!important;/*ポチ消す*/
	border-radius: 0 15px 15px 0;/*右側の角だけ丸く*/
}
/* 2020.03.30 add_s */
ul.nen_ul li span.del {
	float: right;
}
/* 2020.03.30 add_e */
.green .nen_ul li {
	color: #088132;
	border-left: solid 6px #088132;/*左側の線*/
	background: #f2ffd9;/*背景色*/
}

.blue .nen_ul li {
	color: #00008b;
	border-left: solid 6px #00008b;/*左側の線*/
	background: #f0f8ff;/*背景色*/
}

.orange .nen_ul li {
	color: #ff7f50;
	border-left: solid 6px #ff4500;/*左側の線*/
	background: #ffdab9;/*背景色*/
}
.pink .nen_ul li {
	color: #db7093;
	border-left: solid 6px #db7093;/*左側の線*/
	background: #fff0f5;/*背景色*/
}

/* 2017.06.09 add_s */
/* 2018.01.11 add_s */
.green .input_error {
	background-color: #ffc0cb;
}
.blue .input_error {
	background-color: #ffc0cb;
}
.orange .input_error {
	background-color: #ffff00;
}
.pink .input_error {
	background-color: #ffff00;
}

/* 2018.01.11 add_e */

/* 2020.03.30 add_s */
.dantai_hoken input, .dantai_hoken select {
	background-color: #ccc;
}
.att_text{
	font-size: 80%;
}
/* 2020.03.30 add_e */

/* 2020.08.11 add_s */
.nen_plus {
  font-size: 90%;
  line-height: normal;
  display:block;
  position:relative;
  /* border-radius: 100vh; */
  /* border-style: none; */
  padding: 4px 0.75em;
}
.nen_plus::before{
  font-size: 100%;
  font-weight: bold; 
  position: absolute;
  /* top: calc(50% - 9px); */
  left: 5px;
  content: "＋";
  opacity: 0.8;
}
.nen_reg {
/* 2022.03.29 upd_s */
/*   width: 100px; */
  width: 120px;
/* 2022.03.29 upd_e */
}
/* 2020.08.11 add_e */
/* 2020.09.07 add_s */
.help {
  color: #0099CC;
  font-weight:bold;
}
/* 2020.09.07 add_e */

/* 2020.09.18 ADD */
.nencho-message {
	margin-bottom: 20px;
  }
  .nencho-message-wiz {
	width: 100%;
	height: 1.4em;
  }
  .nencho-message-wiz input {
	margin-top: -10px;
  }
  .nencho-alert {
	margin-bottom: 20px;
	padding: 10px;
	border: 1px solid #dc143c;
	line-height: 1.4;
  }
  .nencho-table {
	margin-top: 0.5em;
	width: 100%;
	border-collapse: collapse;
  }
  .nencho-table th,
  .nencho-table td {
	padding: 5px 10px;
	border: 1px solid #d3d3d3;
	vertical-align: middle;
  }
  .nencho-table img {
	margin-right: 10px;
	vertical-align: middle;
  }
  .nencho-tr {
	background: #dcdcdc;
  }
  .nencho-tr-light {
	background: #f5f5f5;
  }

/* 2021.08.06 add_s */
input:read-only.as_label {
  border: none;
  outline: none;
  margin: 2px;
}
input.kingaku {
  text-align: right;
}
/* 2021.08.06 add_e */

/* 2021.11.09 add_s */
.setsumon_contents {
	border: 1px solid #ccc;padding: 20px 10px 20px 10px;margin-top: 10px;
	border-radius: 5px;
}
.setsumon_contents_title {
	border-bottom: 1px solid #ccc;padding: 0px 0px 0px 0px;margin-top: 15px;
	font-weight: bold;
}
.setsumon_area {
	padding: 5px 10px 5px 10px;
}
.sentakushi_area {
	padding: 8px 15px 8px 15px;
	white-space: nowrap;
}
.sentakushi_area label {
	display:inline-block;
	padding-left:8px;
	padding-top:8px;
}
.sentakushi_area input,select {
	font-size: 100%;
}
.sentakushi_area input[type=checkbox] {
	transform:scale(1.2);
}
.sentakushi_area input[type=radio] {
	transform:scale(1.2);
}
.button_style {
	font-size: 100%;
	width:100px;height:35px;
}
/* 2021.11.09 add_e */
/* 2022.03.29 add_s */
img.img_nen_att {
	max-width:60%;
}
/* 2022.03.29 add_e */

/* 2022.08.08 add_s */
div.change_initial_headline{
	border: solid 1px red;
	padding: 5px;
}

div.change_initial{
	background-color: #FFF0F0;
}

div.change_initial td{
	font-weight: normal;
}

div.change_initial .headline{
	white-space: nowrap;
	vertical-align:top;
}

div.change_initial .after{
	color: red;
}
/* 2022.08.08 add_e */