#header {
margin:0;
padding:0;
width:100%;
}
#mainContent {
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 15px;
}
#navi {
	margin:0;
	padding-top:10px;
	width:100%;
}
#ret {
float:left;
}
#menu {
float:left;
font-size:10px;
line-height:10px;
text-align:center;
}
#folder {
	margin:0;
	padding-top:10px;
	width:100%;
	background-color: #D6E7FF;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #183894;
}
#search {
	margin:0;
	padding-top:10px;
	width:100%;
	padding-bottom: 5px;
	border-bottom-color: #183894;
	background-color: #D6E7FF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
#searchTab {
	margin:0;
	padding-top:10px;
	width:100%;
	padding-bottom: 10px;
	border-bottom-color: #183894;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
#operation {
margin:0;
padding-top:10px;
width:100%;
}
.multiFunc {
	background-color: #D6E7FF;
}
#footer {
margin:0;
padding-top:15px;
text-align:center;
width:100%;
}
.title {
	background-color:#528EF7;
}
.title0 {
	background-color:#FFFFFF;
}
.title1 {
background-color:#ED7A77;
}
.title2 {
background-color:#FF3399;
}
.title3 {
background-color:#FF6633;
}
.title4 {
background-color:#FF9933;
}
.title5 {
background-color:#FFCC00;
}
.title6 {
background-color:#66CCFF;
}
.title7 {
background-color:#84AEF7;
}
.subtitle {
	background-color:#F4F4F4;
}
.pageNavi {
color:#000000;
padding-right:15px;
}
#mainContent #folder h2 {
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #183894;
	font-size: 12px;
}

.pageCurrent {
color:#000000;
font-size:18px;
font-style:italic;
font-weight:bold;
}
.sitePosition {
font-size:12px;
}
.curPosition {
color:#FFFFFF;
font-weight:bold;
}
tr.even {
	background-color:#DFFFFF;
}
tr.odd {
background-color:#FFFFFF;
}
body {
background-color:#FFFFFF;
color:#000000;
font-family:"Verdana","ＭＳ ゴシック";
font-size:small;
letter-spacing:0.1em;
line-height:110%;
margin:0;
overflow:auto;
}
table {
font-family:"Verdana","ＭＳ ゴシック";
font-size:small;
}
img {
border:0 none;
}
.title-text {
	color:#FFFFFF;
	font-size:19pt;
	padding-left:5px;
}
.title0-text {
	color:#183894;
	font-size:19pt;
	padding-left:5px;
}

.user_info-text {
color:#FFFFFF;
font-size:12px;
}
.itemname {
font-family:"Verdana";
font-size:10px;
margin:5px;
text-decoration:underline;
}
.input-number {
font-family:"MS UI Gothic";
text-align:right;
}
.input_form_e {
font-family:"Verdana";
font-size:12px;
ime-mode:disabled;
}
.delete_object {
display:none;
}
.display_object {
display:block;
}
.optionname {
font-family:"Verdana","ＭＳ ゴシック";
font-size:12px;
padding:2px;
}
.optionname2 {
font-family:"Verdana","ＭＳ ゴシック";
font-size:9px;
}
.textmini {
font-family:"Verdana","ＭＳ ゴシック";
font-size:9px;
padding-left:5px;
padding-right:5px;
}
.item {
color:#000000;
font-family:"Verdana","ＭＳ ゴシック";
font-size:12px;
}
.mitumori {
color:#000000;
font-family:"Verdana","ＭＳ ゴシック";
font-size:small;
padding:5px;
}
.editname {
font-family:"Verdana","ＭＳ ゴシック";
font-size:11px;
padding:5px;
text-align:center;
}
.editselect {
font-family:"Verdana","ＭＳ ゴシック";
font-size:9px;
}
.text-goukeikakaku {
color:#CC0000;
font-family:"Verdana","ＭＳ ゴシック";
font-size:larger;
font-weight:bold;
text-align:center;
}
.text-name {
font-family:"Verdana","ＭＳ ゴシック";
font-size:12px;
}
.select-item {
font-family:"Verdana","ＭＳ ゴシック","Osaka－等幅","Helvetica";
font-size:larger;
}
.width100percent {
width:100%;
}
.cursor-hand {
}
.cursor-hatena {
cursor:help;
}
.msg12pt {
font-family:"Verdana","ＭＳ ゴシック";
font-size:12px;
}
.sozai-name {
font-family:"Verdana","ＭＳ ゴシック";
font-size:12px;
}
.state-name {
font-family:"Verdana","ＭＳ ゴシック";
font-size:11px;
}
.state-name2 {
color:white;
font-family:"Verdana","ＭＳ ゴシック";
font-size:14px;
font-weight:bold;
}
.text-field {
float:right;
}
.style1 {
color:white;
}
.keisenn {
border-left:1px solid #333333;
font-family:"Verdana","ＭＳ ゴシック";
}
.mitumori-text {
font-family:"Verdana","ＭＳ ゴシック";
font-size:14px;
font-weight:bold;
}
.helptext {
font-family:"Verdana","ＭＳ ゴシック";
font-size:16px;
letter-spacing:0.075em;
line-height:24px;
}
#mainContent #navi .tabLeft {
	padding: 4px;

}
/*
#mainContent #navi .tabOn {
	color: #FF0000;
	text-decoration: none;
	background-color: #FFCCCC;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #990000;
	border-right-color: #FFFFFF;
	border-left-color: #990000;
	padding-top: 6px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFCCCC;
}*/
/*-- 2009/03/18 Tab���C�ɂ��ύX*/
#mainContent #navi .tabOn {
	color: #183894;
	text-decoration: none;
	background-color: #D6E7FF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #183894;
	border-right-color: #FFFFFF;
	border-left-color: #183894;
	padding-top: 6px;
	padding-right: 3px;
	padding-bottom: 4px;
	padding-left: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D6E7FF;
	/**/	width: 120px;
	text-align: center;
}

#mainContent #navi .tabRight {
	width: 100%;
}
#mainContent #navi td {
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	background-color: #f4f4f4;
	border-top-width: 3px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-bottom-color: #183894;
	line-height: 120%;
}
#mainContent #navi td.tabOff:hover {
	color: #FFFFFF;
	background-color: #D6E7FF;
}
#mainContent #navi .tabOff a:hover {
	color: #941C52;
	background-color: #D6E7FF;
}
#mainContent #navi a:hover { /* 09/12/07 iwata �o���[���w���v�̉������폜 */
	text-decoration: none; 
}
#mainContent #folder span {
	margin-left: 15px;
	font-size: 10px;
}
#mainContent #folder .currentFolder {
	font-weight: bold;
}
#mainContent #searchTab h2 {
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #FCFCFC;
	font-size: 12px;
}
#mainContent #search table {
	padding-left: 15px;
}
#mainContent #search th {
	height: 1px;
	padding-top: 10px;
	padding-bottom: 2px;
	margin: 0px;
	text-align: left;
}
#mainContent #operation .multiFunc td table tr td{
	width: 1px;
	padding-top: 3px;
	padding-right: 20px;
	padding-bottom: 3px;
	padding-left: 20px;
}#mainContent #operation .multiFunc input {
	font-size: 12px;
	margin: 0px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	width: 130px;
}
.naviCode {
	color: #0000FF;
	text-decoration: underline;
}

/*-- 2009/03/18 Tab���C�ɂ��ǉ�*/
#mainContent #navi .tabOff {
	padding-top: 4px;
	padding-right: 3px;
	padding-bottom: 4px;
	padding-left: 3px;
	/**/	width: 120px;
	text-align: center;
}
#tab_seppen {

}
#tab_dataOut {

}
#tab_shareGroup {

}
#tab_estimate {

}
#tab_order {

}
#tab_profile {

}
#tab_import {

}
#tab_export {

}
/*-- 2010/12/09 Tab���C�ɂ��w�i�̃A�C�R���폜*/

a,
color {
	color:#183894;
}
	
.info{
    position:relative; /*this is the key*/
    z-index:24;
/*    text-decoration:none;*/
}

.info:hover{z-index:25;}

.info div{display: none;}

.info:hover div{ /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	/*	top:-50px;
	left:5px;*/
    border:1px solid #183894;
	background-color:#FFFFCC;
	color:#000000;
	font-size:8pt;
	font-weight:normal;
	text-align: left;
	cursor:hand;
	filter: alpha(opacity=90);
	-moz-opacity:0.9;
	opacity:0.9;
	left:0px;
	top:20px;
	padding:10px;
	text-decoration:none;
	width: 190px;
}
.msg18pt {
font-family:"Verdana","ＭＳ ゴシック";
font-size:18pt;
}
.toolTip {
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	position:absolute;
	left:0px;
	top:20px;
	width:160px;
	height:50px;
    display:none;
}

#operation .multiFunc .attention {
	color: #FF0000;
	clear: both;
	float: right;
	padding-right: 10px;
	text-align: left;
	margin-top: 150px;
	margin-bottom: 5px;
	vertical-align: bottom;
}

.titleLinkText {
    font-size: 12px;
    color: white;
    text-decoration: none;
    cursor: pointer;
}

.titleLinkText2 {
    font-size: 12px;
    color: white;
    text-decoration: none;
	cursor: pointer;
	vertical-align: 140%;
}

/* ヘルプ要素のスタイル */
svg.bi-question-circle-fill:hover {
	transition: 0.25s;
	color: #ffaa22;
}

/* カーソルを重ねる要素 */
.help-tooltip {
  position: relative; /* ツールチップの位置の基準に */
  cursor: pointer; /* カーソルを当てたときにポインターに */
}

/* ツールチップのテキスト */
.help-tooltip-text {
	text-align: left;
  opacity: 0; /* はじめは隠しておく */
  visibility: hidden; /* はじめは隠しておく */
  position: absolute; /* 絶対配置 */
  top: 1.5em;
	left: 0.5em; /* 親要素からの位置 */
  display: inline-block;
  padding: 5px; /* 余白 */
  white-space: nowrap; /* テキストを折り返さない */
  font-size: 0.8rem; /* フォントサイズ */
  line-height: 1.3; /* 行間 */
  background: white; /* 背景色 */
  color: black; /* 文字色 */
  border-radius: 3px; /* 角丸 */
  transition: 0.3s ease-in; /* アニメーション */
	border: solid 1px black; /* 枠線 */
}

/* ホバー時にツールチップの非表示を解除 */
.help-tooltip:hover .help-tooltip-text {
  opacity: 1;
  visibility: visible;
}