/*******************************************************************************
 * システム名  ：SMART LINK
 * バージョン  ：
 * カスタマイズ：
 *------------------------------------------------------------------------------
 * プログラム名：共通CSS
 * 機        能：
 *
 * 履        歴：
 * 2008/12/25 NOC 「SMART LINK」ブランドに変更
 * 2009/03/25 NOC a.err_msg、span.warning_msg 修正
 * 2010/09/29 NOC td_label2を左寄せ、td_value2を枠線なしに変更
 * 2010/10/01 NOC 既存データを考慮し、td_label2、td_value2を元に戻し、
 *                td_label2_1（左寄せ）、td_value2_1（枠線なし）を追加
 *
 * Copyright(C) 2001-2008 Nippon Outsourcing Corporation. All Rights Reserved.
 *******************************************************************************/
body	{
	margin:0px;
	padding:0px;
	color:#333333;
	font-size: 12px;
}
a	{
	background:transparent;
	color:#0066CC;
	text-decoration: none;

}
a:active,a:hover	{
	background:#FFA500;
	color:#FFFF99;
	text-decoration: underline;

}
h4	{
	font-size:12px;
	color:#666666;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #FF9900;
	width: 300px;
	padding-top: 4px;
	padding-bottom: 2px;
	padding-left: 10px;
	margin-top: 6px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FF9900;

}
h5	{
	font-size:14px;
	color:#444444;
	border-left-width: 10px;
	border-left-style: none;
	width: 300px;
	margin-top: 6px;
	margin-bottom: 0px;
	margin-left: 10px;

}
.pagemenu {
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-align: right;
	position: relative;
	word-spacing: 10px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000099;
	width: 350px;
	margin-right: 10px;
	margin-bottom: 4px;
	margin-left: 10px;
	border-right-width: 10px;
	border-right-style: solid;
	border-right-color: #000099;
	padding-right: 5px;
}
.page_space{
	color:#FFFFFF;
	text-decoration: none;
}
a.page_space:link,a.page_space:hover,a.page_space:visited{
	color:#FFFFFF;
	text-decoration: none;
}
a.err_msg {
    color: red;                 /* 2009/03/25 NOC */
	font-size: 14px;
	margin-left: 10px;
}
.form1 {
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	background-color: #FFFFFF;
	padding: 2px;
}
.form2 {
	width:70pt;
}
.form3 {
	width:50px;
}
.form4 {
	width:70px;
}
.top-back {
	background-image: url(../images/v4_bcg054.gif);
	background-repeat: repeat-y;
}
.mainmenu1 {
	font-size: 14px;
	font-style: oblique;
	line-height: 120%;
	font-weight: normal;
	font-variant: normal;

}
.mainmenu2 {
	font-size: 12px;
	font-style: oblique;
	line-height: 120%;
	font-weight: normal;
	font-variant: normal;
	border-bottom-style: dotted;
	border-top-color: #B0B8D8;
	border-right-color: #B0B8D8;
	border-bottom-color: #B0B8D8;
	border-left-color: #B0B8D8;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: dotted;


}
.size12 {
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
}
.menu-back {
    background-color: #ffffff;
/* background-color: #E0E8E8;*/
}
#linkArea {
	position: absolute;
	left: 820px;
	top: 10px;
	border: 2px solid #ffa500;
	width: 200px;
	height: 100px;
	padding: 10px;
	background-color: #E0E8E8;
}

LABEL {
  cursor: pointer;
}
body,table,textarea {
    font-size:12px;
    font-family: MS UI Gothic;
}
span.warning_msg{
    color: blue;        /* 2009/03/25 NOC */
	font-size: 14px;    /* 2009/03/25 NOC */
	margin-left: 10px;  /* 2009/03/25 NOC */
/*  2009/03/25 NOC
    color:#ff0000;
    font-weight:bold;
    font-size:110%;
*/
}
/* 2007/10/09～ POTACOM 新デザイン対応 */
/* ログイン画面用 */
div.login {
    text-align:center;
    width:542px;
    height:380px;
    background:url(/system/images/login_bg.jpg);
    background-repeat: no-repeat;
}
input.login_text {
    width:200px;
    border-top:1px solid #808080;
    border-left:1px solid #808080;
    border-bottom:1px solid #e0dfdf;
    border-right:1px solid #e0dfdf;
    ime-mode: disabled;
}
input.txt {
    border-top:1px solid #808080;
    border-left:1px solid #808080;
    border-bottom:1px solid #e0dfdf;
    border-right:1px solid #e0dfdf;

}
div.copyright {
    margin-left:10px;
    font-size:8pt;
    font-weight:bold;
    color:#808080;
    text-align:left;
}
.form2 {
    width:115px;
    height:25px;
    background:url(/system/images/button_bg.jpg);
    background-repeat: no-repeat;
    border:0px;
    cursor:pointer;
}
.form2r {
    height:25px;
    background:url(/system/images/button_bg_repeat.jpg);
    background-repeat: repeat;
    border:1px solid #b2b2b2;
    cursor:pointer;
}
/* 計算式マスタの数字ボタン */
input.expr {
    font-family:MS Gothic;
    width:35px;
    height:20px;
    background:url(/system/images/button_bg_repeat.jpg);
    border:1px solid #b2b2b2;
    margin-left:1px;
    margin-top:1px;
    cursor:pointer;
}
/* 汎用検索のボタン */
input.expr2 {
    font-family:MS Gothic;
    width:40px;
    background:url(/system/images/button_bg_repeat.jpg);
    border:1px solid #b2b2b2;
    margin-left:1px;
    margin-top:1px;
    cursor:pointer;
}
input.expr3 {
    font-family:MS Gothic;
    width:80px;
    background:url(/system/images/button_bg_repeat.jpg);
    border:1px solid #b2b2b2;
    margin-left:1px;
    margin-top:1px;
    cursor:pointer;
}

/* システム選択画面 */
table.select_system_news {
    border-collapse:collapse;
    background:url(/system/images/select_system_news_bg.jpg);
    background-repeat: no-repeat;
    width:610px;
    height:190px;
    table-layout:fixed;
    margin-bottom:10px;
    padding:0px;
}
table.select_system_news th {
    color:#ffffff;
    text-align:left;
    padding-left:10px;
    height:30px;
    vertical-align:middle;
}
table.select_system_news td {
    margin:0px;
    padding:0px;
    vertical-align:top;
}
table.select_system_news p {
    width:610px;
    height:158px;
    overflow-y:scroll;
    padding:0px;
    margin:0px;
}
table.select_system_news_article {
    background:url(/system/images/select_system_news_header.jpg);
    width:580px;
    margin-left:8px;
    background-repeat: no-repeat;
    border-collapse:collapse;
    margin-top:10px;
}
table.select_system_news_article th {
    height:30px;
}
table.select_system_news_article td {
    border:1px solid #e0dfdf;
}
a.select_system:hover {
    border:1px solid #f9b900;
}

/* 2007/10/10 potacom */
table.list, table.detail {
    border-collapse:collapse;
    margin-bottom:2px;
}
table.list th, .td_label1, .td_label2 {
    color:#ffffff;
    background-color:#61A3DF;
    font-weight:bold;
    text-align:center;
    border:1px solid #e0dfdf;
    height:26px;
    padding:1px;
    margin:0px;
}
/* フォームマスタメンテの「ラベル2」で挿入されるclass */
.td_label2_1 {
    color:#ffffff;
    background-color:#61A3DF;
    font-weight:bold;
    text-align:left;
    border:1px solid #e0dfdf;
    height:26px;
    padding:1px;
    margin:0px;
}
table.list th a {
    color:white;
}

table.detail th {
    color:#ffffff;
    background-color:#61A3DF;
    font-weight:bold;
    text-align:left;
    border:1px solid #e0dfdf;
    height:26px;
    padding:3px;
    margin:0px;
}

.td_value, .td_value1,.td_value2,.td_value8,table.list td,table.detail td {
    border:1px solid #e0dfdf;
    height:26px;
    padding:1px;
    margin:0px;
}
/* フォームマスタメンテの「値セル2」で挿入されるclass */
.td_value2_1 {
/*    border:1px solid #e0dfdf;*/
    height:26px;
    padding:1px;
    margin:0px;
}


table.list .td_label6 {
    color:#ffffff;
    background-color: #0071BF;
    font-weight:bold;
    text-align:center;
    border:1px solid #e0dfdf;
}

.td_label6 {
    color:#ffffff;
    background-color: #0071BF;
    font-weight:bold;
    border:1px solid #e0dfdf;
}

table {
/*    border-collapse:collapse;*/
}
td {
    padding:0px;
    margin:0px;
}
h3 {
    background:url(/system/images/h3_bg.jpg);
    font-size:10pt;
    color:#ffffff;
    margin-top:4px;
    margin-left:10px;
    margin-bottom:1px;
    padding:4px;
    height:26px;
}
table.kojin_info {
    background:url(/system/images/kojin_info_bg.jpg);
    width:540px;
    height:50px;
    table-layout:fixed;
    border-collapse:separate;
}
table.kojin_info th {
    color:#ffffff;
    background-color:#f9ba00;
    border:1px solid #ffffff;
    height:22px;
    vertical-align:middle;
    text-align:left;
    padding-left:6px;
    margin:0px;
    border:0px;
    white-space:nowrap;
}
table.kojin_info td {
    height:22px;
    vertical-align:middle;
    padding-left:6px;
    margin:0px;

    white-space:nowrap;
    overflow:hidden;
}

table.kojin_info p {
    margin-top:3px;
    white-space:nowrap;
    overflow:hidden;
}

ul.submenu_work {
    margin-top:5px;
    margin-bottom:5px;
    margin-left:0px;
    padding:0px;
}
.submenu_work li {
    background:url(/system/images/submenu2_button_bg.jpg);
    color:#ffffff;
    width:150px;
    height:24px;
    background-repeat: no-repeat;
    padding-top:9px;
    padding-left:2px;
    cursor:pointer;
    list-style-type: none;
}
.submenu_work a {
    color:#ffffff;
}

ul.submenu_yotei {
    margin-top:5px;
    margin-bottom:1px;
    margin-left:0px;
    padding:0px;
}
.submenu_yotei li {
    background:url(/system/images/submenu2_button_bg.jpg);
    color:#ffffff;
    width:150px;
    height:33px;
    background-repeat: no-repeat;
    padding-top:9px;
    padding-left:2px;
    cursor:pointer;
    list-style-type: none;
}
.submenu_yotei a {
    color:#ffffff;
}

ul.submenu3 {
    margin:0px;
    padding:0px;
}
.submenu3 li {
    background:url(/system/images/menu_button_bg.gif);
    display:inline-block;
    width:125px;
    line-height:26px;
    text-align:center;
    float:left;
}
.submenu3 a {
    display: block;
    width: 100%;
    height: 26px;
    background-color:transparent;
    text-decoration: none;
}
.submenu3 a:hover {
    background:url(./images/menu_button_bg2.jpg);
    color:#0066CC;
    background-color:transparent;
    text-decoration: none;
}
.submenu3 a:active {
    background:url(./images/menu_button_bg2.jpg);
    color:#0066CC;
    background-color:transparent;
    text-decoration: none;
}
/*
.submenu3 a:focus {
    outline: none;
}
*/
.2line {
    width:100%;
    background:url(/system/images/2line_bg.jpg);
    height:5px;
}
div.calendar {
    background:url(/system/images/calendar_bg.jpg);
    background-repeat: no-repeat;
    width:200px;
    height:215px;
    font-size:12pt;
}
table.calendar_header1 {
    width:200px;
}
table.calendar_header1 th {
    font-weight:bold;
    height:30px;
    vertical-align:middle;
}
table.calendar_header1 td {
    height:30px;
}
table.calendar_body {
    width:200px;
    margin-bottom:5px;
}
table.calendar_body tr {
}
table.calendar_body th {
    height:24px;
}
table.calendar_body td {
    height:18px;
    text-align: center;
    line-height:18px;
}
table.calendar_body a {
    display: block;
    width: 100%;
    height: 100%;
}

input:disabled,
textarea:disabled,
option:disabled,
optgroup:disabled,
select:disabled:disabled{
    -moz-user-input: disabled;
    color: GrayText;
    background-color: ThreeDFace;
    cursor: inherit;
}
input:disabled,
textarea:disabled {
  cursor: default;
}

a.icon-help,
a.icon-help:visited,
a.icon-help:hover,
a.icon-help:active {
    display:block;
    width: 32px;
    height: 32px;
    background: url(images/help.png) no-repeat;
    text-decoration: none;
}
a.icon-help:hover {
    background-position: 0 -32px;
}

.kojin_info_flex {
	display: flex;
}

.kojin_info_nav_item{
	display: inline;
}
.kojin_info_navbar
{
	padding-left: 20px;
    margin-top: 5px;
    margin-bottom: 0px;
}

a.kojin_info_nav_link {
	color: rgba(0,0,0,.5);
    font-size: 12px;
    padding-bottom: 0;
    padding-top: 0;
    padding-right: 20px;
    text-decoration: none;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.kojin_info_link_hover_active:hover
, .link_hover_active:active {
    background: transparent;
    color: #000000;
}

.kojin_info_navbar .kojin_info_nav_item .kojin_info_nav_link > .fas {
    font-size: 20px;
    position: relative;
    display: block;
    line-height: 24px;
    margin: 0px auto 4px auto;
    top: 0;
    width: 48px;
}

.page-master-mainte .import-file,
.page-shift-upload .import-file{
    width: 500px;
}
form div.buttons {padding: 0 0 30px;}
.vertical-text {
    ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -ms-writing-mode: vertical-rl;
    writing-mode: tb-rl;
    -webkit-text-orientation: upright;
    -moz-text-orientation: upright;
    -ms-text-orientation: upright;
    text-orientation: upright;
    display:block;
    width: 20px;
    height:98px;
    margin: 0 10px 0 0;
}
.vertical-text-ie {
    writing-mode: tb-rl;
    direction:ltr;
}
.page_top {
    width: 60px;
    height: 60px;
    position: fixed;
    right: 0px;
    bottom: 30px;
    opacity: 0.6;
    z-index: 100;
}
.page_top_btn {
    width: 60px;
    height: 60px;
    text-decoration: none;
    color: #427CD1 !important;
}
.page_top_btn::before {
    color: #184BAA !important;
}
.page_top_btn:hover {
    background: transparent !important;
    color: #184BAA !important;
}