/*==================================================================*/
/*Filename : TimePro-VG_Page.css										*/
/*Date     : 2010-03-04												*/
/*Version  : 2.1.910.5												*/
/*Copyright(C) 2005 - 2010 AMANO Corporation.  All rights reserved.	*/
/*==================================================================*/

/*要素（コントロール全般に対する設定）*/
*
{
	letter-spacing:0.25pt;
}

*[tabIndex='-1']
{
	outline: none;
}

body
{
	margin-top: 0; /* 上マージンを0に設定する。									*/
	margin-left: 0; /* 左マージンを0に設定する。									*/
	margin-right: 0; /* 右マージンを0に設定する。									*/
	margin-bottom: 0; /* 下マージンを0に設定する。									*/
	font-size: 10pt; /* フォントのサイズを10ptに設定する。							*/
	font-family: ＭＳ ゴシック, MS Gothic; /* フォントを” MS UI Gothic”に設定する。						*/
	width: 100%;
	height: 100%;
	padding: 0px;
}

html, form {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}

input
{
	font-size: 10pt; /* フォントのサイズを10ptに設定する。							*/
	font-family: ＭＳ ゴシック, MS Gothic; /* フォントを"ＭＳ ゴシック"に設定する。						*/
}
input[type='text']
{
	padding-left:1px;
}

select
{
	ime-mode: disabled; /*IMEをOFF（英数字入力モード）にする							*/
	font-family: ＭＳ ゴシック, MS Gothic; /* フォントを"ＭＳ ゴシック"に設定する。						*/
	font-size: 10pt; /* フォントのサイズを10ptに設定する。							*/
}

div
{
	font-family: ＭＳ ゴシック, MS Gothic; /* フォントを"ＭＳ ゴシック"に設定する。						*/
	font-size: inherit;
}

table
{
	font-size: 10pt; /* フォントのサイズを10ptに設定する。							*/
	font-family: "ＭＳ ゴシック", "MS Gothic"; /* フォントを"ＭＳ ゴシック"に設定する。						*/
	border-width: 0px;
	border-top-color:#F0F0F0;
	border-left-color:#F0F0F0;
	border-right-color:#A0A0A0;
	border-bottom-color:#A0A0A0;
	border-style: solid;
	box-sizing: border-box;
}
.SI_Table_NoSpacing
{
	border-collapse: separate;	/* cellspacing="0" */
	border-spacing: 0;			/* cellspacing="0" */
}
.SI_Table_NoSpacing>tbody>tr>td
{
	padding: 0px;				/* cellpadding="0" */
}

textarea
{
	resize: none;
	overflow-y: scroll;
	font-size: 10pt;
	font-family: ＭＳ ゴシック, MS Gothic;
}

.SI_ListBox
{
	border-width: 2px;
	border-top-color: #696969;
	border-left-color: #696969;
	border-right-color: #EEEEE0;
	border-bottom-color: #EEEEE0;
	border-style: solid;
	box-sizing: border-box;
	overflow:auto;
}

.SI_ListBox:disabled
{
	background-color: #e5e5e5;
	overflow: hidden;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

.SI_ListBox > option
{
	padding-top: 0px;
	padding-bottom: 0px;
	min-height: 13.3px;
	/* display: -webkit-box; */
	/* -webkit-box-align: center; */
}

.SI_OldBody_OuterBorder
{
	border-width: 1px;
	border-color: #B2B2B2;
	border-style: solid;
	box-sizing: border-box;
	font-size: 12pt;
	font-family: 'ＭＳ ゴシック', 'MS Gothic';
}

.SI_OldBody_InnerBorder
{
	border-width: 1px;
	border-color: #CCCCCC;
	border-style: solid;
	box-sizing: border-box;
	height: 100%;
	width: 100%;
	padding-bottom:15px;
	padding-left:10px;
	padding-right:10px;
	padding-top: 15px;
}

/*クラス（指定オブジェクトに対する設定）*/
.SI_TitleBar
{
	background-repeat: repeat-x; /* 背景画像を並べて表示する。									*/
}

.SI_TitleLabel
{
	width: 100%; /* 幅を100%に設定する。											*/
	font-size: 26pt; /* フォントのサイズを26ptに設定する。							*/
	font-family: "MS UI Gothic"; /* フォントを” MS UI Gothic”に設定する。						*/
}

.SI_ToolBar
{
	width: 100%; /* 幅を100%に設定する。											*/
	height: 56px; /* 高さを56pxに設定する。										*/
}

.SI_HistoryBar
{
	width: 100%; /* 幅を100%に設定する。											*/
	height: 30px; /* 高さを30pxに設定する。										*/
}

.SI_ToolButton
{
	height: 40px; /* 高さを40pxに設定する。										*/
	border: 1px solid; /* 罫線を1pxの実線に設定する。									*/
	text-align: right; /* 文字を右揃えに設定する。										*/
	background-repeat: no-repeat; /* 背景画像が重複しない。										*/
	background-position-y: center; /* 背景画像の上下位置を中央揃えに設定する。						*/
	font-size: 10pt; /* フォントのサイズを10ptに設定する。							*/
	font-family: "ＭＳ ゴシック", "MS Gothic"; /* フォントを"ＭＳ ゴシック"に設定する。						*/
}

.SI_Button
{
	height: 20px; /* 高さを20pxに設定する。										*/
	border: 1px solid; /* 罫線を1pxの実線に設定する。									*/
	text-align: center; /* 文字を中央に設定する。										*/
	background-repeat: no-repeat; /* 背景画像が重複しない。										*/
	background-position-y: center; /* 背景画像の上下位置を中央揃えに設定する。						*/
	font-size: 10pt; /* フォントのサイズを10ptに設定する。							*/
	font-family: "ＭＳ ゴシック", "MS Gothic"; /* フォントを"ＭＳ ゴシック"に設定する。						*/
}

.SI_DateButton
{
	height: 20px; /* 高さを20pxに設定する。										*/
	width: 20px; /* 幅を100%に設定する。											*/
	border: 1px solid; /* 罫線を1pxの実線に設定する。									*/
	text-align: center; /* 文字を中央に設定する。										*/
	background-repeat: no-repeat; /* 背景画像が重複しない。										*/
	background-position-y: center; /* 背景画像の上下位置を中央揃えに設定する。						*/
	font-size: 10pt; /* フォントのサイズを10ptに設定する。							*/
	font-family: "MS UI Gothic"; /* フォントを”MS UI Gothic”に設定する。						*/
}

.SI_DlgButton
{
	height: 20px; /* 高さを20pxに設定する。										*/
	width: 80px; /* 幅を80に設定する。											*/
	border: 1px solid; /* 罫線を1pxの実線に設定する。									*/
	text-align: center; /* 文字を中央に設定する。										*/
	background-repeat: no-repeat; /* 背景画像が重複しない。										*/
	background-position-y: center; /* 背景画像の上下位置を中央揃えに設定する。						*/
	font-size: 10pt; /* フォントのサイズを10ptに設定する。							*/
	font-family: "ＭＳ ゴシック", "MS Gothic"; /* フォントを"ＭＳ ゴシック"に設定する。						*/
}

.SI_Label
{
	height: 16px; /* 高さを20pxに設定する。										*/
	font-size: 10pt; /* フォントのサイズを10ptに設定する。							*/
	font-family: "ＭＳ ゴシック", "MS Gothic"; /* フォントを"ＭＳ ゴシック"に設定する。						*/
}

.SI_TextBox
{
	border-width: 2px; /* 罫線を2pxの窪みのある線に設定する。							*/
	border-top-color: #696969;
	border-left-color: #696969;
	border-right-color: #E3E3E3;
	border-bottom-color: #E3E3E3;
	border-style: solid;
	height: 20px; /* 高さを20pxに設定する。										*/
	font-size: 10pt; /* フォントサイズを10ptに設定する。								*/
	font-family: "ＭＳ ゴシック", "MS Gothic"; /* フォントを"ＭＳ ゴシック"に設定する。						*/
	line-height: 15px;
	box-sizing: border-box;
}

.SI_TextBox_Border_Center
{
	border-width: 1px 0px 1px 0px;
	border-style: solid solid solid solid;
	height: 20px; /* 高さを20pxに設定する。										*/
	font-size: 10pt; /* フォントサイズを10ptに設定する。								*/
	font-family: "ＭＳ ゴシック", "MS Gothic"; /* フォントを"ＭＳ ゴシック"に設定する。						*/
	line-height: 15px;
}

.SI_TextBox_Border_Left
{
	border-width: 1px 0px 1px 1px;
	border-style: solid solid solid solid;
	height: 20px; /* 高さを20pxに設定する。										*/
	font-size: 10pt; /* フォントサイズを10ptに設定する。								*/
	font-family: "ＭＳ ゴシック", "MS Gothic"; /* フォントを"ＭＳ ゴシック"に設定する。						*/
	line-height: 15px;
}

.SI_TextBox_Border_Right
{
	border-width: 1px 1px 1px 0px;
	border-style: solid solid solid solid;
	height: 20px; /* 高さを20pxに設定する。										*/
	font-size: 10pt; /* フォントサイズを10ptに設定する。								*/
	font-family: "ＭＳ ゴシック", "MS Gothic"; /* フォントを"ＭＳ ゴシック"に設定する。						*/
	line-height: 15px;
}

.SI_TextBox_Disabled
{
	border-width: 2px;
	border-top-color: #696969;
	border-left-color: #696969;
	border-right-color: #E3E3E3;
	border-bottom-color: #E3E3E3;
	border-style: solid;
	height: 20px;
	font-size: 10pt;
	font-family: "ＭＳ ゴシック", "MS Gothic";
	line-height: 15px;
	box-sizing: border-box;
}

.SI_LabelBox
{
	border: 0px solid; /* 罫線を1pxの実線に設定する。									*/
	height: 20px; /* 高さを20pxに設定する。										*/
	font-size: 10pt; /* フォントサイズを10ptに設定する。								*/
	font-family: "ＭＳ ゴシック", "MS Gothic"; /* フォントを"ＭＳ ゴシック"に設定する。						*/
}

.SI_TableHeader
{
	font-size: 10pt; /* フォントのサイズを10ptに設定する。							*/
	font-family: "ＭＳ ゴシック", "MS Gothic"; /* フォントを"ＭＳ ゴシック"に設定する。						*/
}

.SI_Ctrl_InnerBorder
{
	height: 0px;
	border-style: solid;
	border-width: 1px;
	padding: 4px;
}

.SI_Ctrl_OuterBorder
{
	height: 2px;
	border-style: solid;
	border-width: 1px;
}

/* タブ（選択されている状態 ）*/
.SI_TabSelected
{
	font-size: 10pt; /* フォントのサイズを10ptに設定する。							*/
	font-family: "ＭＳ ゴシック", "MS Gothic"; /* フォントを"ＭＳ ゴシック"に設定する。						*/
}

/* タブ（マウスHoverの状態 ） */
.SI_TabHover
{
	font-size: 10pt; /* フォントのサイズを10ptに設定する。							*/
	font-family: "ＭＳ ゴシック", "MS Gothic"; /* フォントを"ＭＳ ゴシック"に設定する。						*/
}

/* タブ（デフォルトの選択されていない状態 ） */
.SI_TabDefault
{
	font-size: 10pt; /* フォントのサイズを10ptに設定する。							*/
	font-family: "ＭＳ ゴシック", "MS Gothic"; /* フォントを"ＭＳ ゴシック"に設定する。						*/
}

.SI_Report_Label
{
	border: 1px solid; /* 罫線を1pxの実線に設定する。									*/
	font-size: 10pt; /* フォントのサイズを10ptに設定する。							*/
	font-family: "ＭＳ ゴシック", "MS Gothic"; /* フォントを"ＭＳ ゴシック"に設定する。						*/
}

.SI_Report_Cell
{
	border: 1px solid; /* 罫線を1pxの実線に設定する。									*/
	font-size: 10pt; /* フォントのサイズを10ptに設定する。							*/
	font-family: "ＭＳ ゴシック", "MS Gothic"; /* フォントを"ＭＳ ゴシック"に設定する。						*/
}

.SI_Ctrl_Report_Label
{
	border: 1px solid; /* 罫線を1pxの実線に設定する。									*/
	font-size: 10pt; /* フォントのサイズを10ptに設定する。							*/
	font-family: "ＭＳ ゴシック", "MS Gothic"; /* フォントを"ＭＳ ゴシック"に設定する。						*/
}

.SI_Ctrl_Report_Cell
{
	border: 1px solid; /* 罫線を1pxの実線に設定する。									*/
	font-size: 10pt; /* フォントのサイズを10ptに設定する。							*/
	font-family: "ＭＳ ゴシック", "MS Gothic"; /* フォントを"ＭＳ ゴシック"に設定する。						*/
}

.SI_Ctrl_BackColor
{
}

.SI_Title1_Style
{
	width: 100px;
	font-size: 10pt; /* フォントのサイズを10ptに設定する。							*/
	font-family: "ＭＳ ゴシック", "MS Gothic"; /* フォントを"ＭＳ ゴシック"に設定する。						*/
}

.SI_Ctrl_Btn_BGImag
{
	width: 104px;
	height: 20px;
	text-align: center;
	background-repeat: no-repeat;
	background-position-y: center;
	cursor: pointer;
}

.SI_PAGE_IMG
{
	width: 16px;
	height: 17px;
	cursor: pointer;
}

.SI_PAGE_IMG_BACK
{
	width: 16px;
	height: 17px;
	cursor: pointer;
}

.TopMenu-Clock
{
	height: 15px; /* 配置された要素の高さを18に設定する。						*/
	width: 300px; /* 配置された要素の幅を162に設定する。						*/
	border: 0;
	font-weight: bold;
}


/* BsmWebBase\CommonComponent */
/* BsmWebLogin.ascx */
.BsmWebLogin_Label
{
	height: 16px; /* 高さを20pxに設定する。										*/
	font-size: 10pt; /* フォントのサイズを10ptに設定する。							*/
	font-family: "ＭＳ ゴシック", "MS Gothic"; /* フォントを"ＭＳ ゴシック"に設定する。						*/
}

/* 2018.09.20 Ver2.0.0.0 改善連絡【TPVB150_030_1589】対応 Start */
input[type='button'].BsmFileUploader
{
	border: 1px solid #ADADAD;
	background-color: #E6E6E6;
}
input[type='button'].BsmFileUploader:hover
{
	border-color: #26A0DA;
	background-color: #A6F4FF;
}
input[type='button'].BsmFileUploader:active
{
	border-color: #0089B4;
	background-color: #34B4E3;
}
input[type='text'].BsmFileUploader
{
	border: 1px solid #CCCCCC;
	background-color: #E6E6E6;
}
input[type='text'].BsmFileUploader:hover
{
	border-color: #26A0DA;
	background-color: #E6E6E6;
}
/* 2018.09.20 Ver2.0.0.0 改善連絡【TPVB150_030_1589】対応 End */