/* 全体 */
body {
    /*font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif;*/
    font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif;
    font-size:13px;
    line-height:1.4em;
    letter-spacing :1px;
    color:#333333;
    /*background-color:mintcream*/

    /* テストサイトの場合 
    background-image:url("../images/test.png")
    */


    /*height:100%;*/
}

/* 「×」ボタン（クリアボタン）の非表示設定 */
input::-ms-clear
{
    display:none;
}

.centerMiddle {
	margin: 0 0 0 -350px;  /*縦横の半分をネガティブマージンでずらす*/
	position: absolute;  /*body要素に対して絶対配置*/
    /*top: 50%;  上端を中央に*/
	left: 50%;  /*左端を中央に*/
	width: 700px;  /*横幅*/
	height: 400px;  /*縦幅*/

}
.centerMiddle1100px {
	margin: 0 0 0 -550px;  /*縦横の半分をネガティブマージンでずらす*/
	position: absolute;  /*body要素に対して絶対配置*/
	/*top: 50%;  上端を中央に*/
	left: 50%;  /*左端を中央に*/
	width: 1100px;  /*横幅*/

}


/* マスターページ */
div.mp_divD_normal {
    width:1250px;
}
div.mp_divD_overflow {
    width:1250px;height:450px;overflow:auto;
}


/* ヘッダー */
table.header01 {
    width: 900px;
}
table.header01 td {
    width: 100px;
}

/* コマンドバー */
div.commandbar {
    margin-top:10px;
    margin-bottom:10px;
    border:3px double #2f4f4f;
    width:900px;

}
table.commandbar {
    table-layout: fixed;
    width:900px;
}

/* 共通枠 */
div.common_flame {
    margin:10px 5px;
    padding:5px;
    border:3px double lightgray;
}
/* FunctionKey枠 */
div.functionkey-bar {
    margin-top:10px;
    margin-bottom:10px;
    border:3px double gray;
    /*border-radius: 10px;*/
}


/* ボタン */
.sbt_1{
	width:20%;
	height:30px;
	background-color:#248;
    /*background-color:#919191;*/
	border:none;
	color:#fff;
	font-size:13px;
	font-weight:700;
	text-align:center;
    border-radius: 5px;
    cursor:pointer;
}
.sbt_1:hover{
	/*background-color:#24d !important;*/
    background-color:blue !important;
	color:#fff;
}
 
/*[ADD] 20230920 ishimoto -->*/   
/* GridView 選択・編集ボタンのスタイル */
.selectButton {
    background-color:white;
	color:#007bff;
    border:1px solid #007bff;
    border-radius:5px;
    font-size:11px;
    height:26px;
    background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 64%,#f6f6f6 64%);
    font-weight:bold;
}
.selectButton:hover {
    background-color:white;
    color:#57b7f7;
    border:1px solid #007bff;
    border-radius:5px;
    font-size:11px;
    height:26px;
    background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 64%,#f6f6f6 64%);
}

/* GridView 削除ボタンのスタイル */
.deleteButton {
    background-color:white;
	color:#dc3545;
    border:1px solid #dc3545;
    border-radius:5px;
    font-size:11px;
    height:26px;
    background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 64%,#f6f6f6 64%);
    font-weight:bold;
}
.deleteButton:hover {
    background-color:white;
    color:#de6f79;
    border:1px solid #dc3545;
    border-radius:5px;
    font-size:11px;
    height:26px;
    background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 64%,#f6f6f6 64%);
}

/* GridView 選択・編集ボタンのスタイル */
.gv_editButton {
    color:white;
    border:1px solid #007bff;
    border-radius:5px;
    font-size:11px;   
    font-weight:bold;
    padding:5px 12px 5px 15px;
    background:url("../images/icon/icon_gv_pencil.svg") #007bff;
    background-repeat:no-repeat;
    background-position:0px center;
    margin-top:5px;
}
.gv_editButton:hover {
    color:white;
    border:1px solid #0269d9;
    border-radius:5px;
    font-size:11px;   
    font-weight:bold;
    padding:5px 12px 5px 15px;
    background:url("../images/icon/icon_gv_pencil.svg") #0269d9;
    background-repeat:no-repeat;
    background-position:0px center;
}

/* GridView 削除ボタンのスタイル */
.gv_deleteButton {
    color:white;
    border:1px solid #dc3545;
    border-radius:5px;
    font-size:11px;   
    font-weight:bold;
    padding:5px 15px 5px 15px;
    background:url("../images/icon/icon_gv_dustbin.svg") #dc3545;
    background-repeat:no-repeat;
    background-position:5px center;
}
.gv_deleteButton:hover {
    color:white;
    border:1px solid #bf2e3c;
    border-radius:5px;
    font-size:11px;   
    font-weight:bold;
    padding:5px 15px 5px 15px;
    background:url("../images/icon/icon_gv_dustbin.svg") #bf2e3c;
    background-repeat:no-repeat;
    background-position:5px center;
}

/*承認ボタンのスタイル*/
.approvalButton {
	color:white;
    border:1px solid #007bff;
    border-radius:50px;
    font-size:11px;   
    font-weight:bold;
    padding:5px 15px 5px 35px;
    background:url("../images/icon/icon_approved_20.svg") #007bff;
    background-repeat:no-repeat;
    background-position:5px center;
}
.approvalButton:hover {
	color:white;
    border:1px solid #0269d9;
    border-radius:50px;
    font-size:11px;   
    font-weight:bold;
    padding:5px 15px 5px 35px;
    background:url("../images/icon/icon_approved_20.svg") #0269d9;
    background-repeat:no-repeat;
    background-position:5px center;
}

.approvalButton_disabled {
	color:#7b99ad;
    border:1px solid #7b99ad;
    border-radius:50px;
    font-size:11px;   
    font-weight:bold;
    padding:5px 15px 5px 35px;
    background:url("../images/icon/icon_approved_20_disabled.svg") ;
    background-repeat:no-repeat;
    background-position:5px center;
}

/*申請取り下げボタンのスタイル*/
.withdrawnButton {
	color:white;
    border:1px solid #17a2b8;
    border-radius:50px;
    font-size:11px;   
    font-weight:bold;
    padding:5px 5px 5px 35px;
    background:url("../images/icon/icon_shinsei_undo_20.svg") #17a2b8;
    background-repeat:no-repeat;
    background-position:5px center;
}
.withdrawnButton:hover {
	color:white;
    border:1px solid #118091;
    border-radius:50px;
    font-size:11px;   
    font-weight:bold;
    padding:5px 5px 5px 35px;
    background:url("../images/icon/icon_shinsei_undo_20.svg") #118091;
    background-repeat:no-repeat;
    background-position:5px center;
}

.withdrawnButton_disabled {
	color:#7b99ad;
    border:1px solid #7b99ad;
    border-radius:50px;
    font-size:11px;   
    font-weight:bold;
    padding:5px 5px 5px 35px;
    background:url("../images/icon/icon_shinsei_undo_20_disabled.svg") ;
    background-repeat:no-repeat;
    background-position:5px center;
}

/*却下ボタンのスタイル*/
.rejectionButton {
	color:white;
    border:1px solid #dc3545;
    border-radius:50px;
    font-size:11px;   
    font-weight:bold;
    padding:5px 15px 5px 35px;
    background:url("../images/icon/icon_rejected_20.svg") #dc3545;
    background-repeat:no-repeat;
    background-position:5px center;
}
.rejectionButton:hover {
	color:white;
    border:1px solid #bf2e3c;
    border-radius:50px;
    font-size:11px;   
    font-weight:bold;
    padding:5px 15px 5px 35px;
    background:url("../images/icon/icon_rejected_20.svg") #bf2e3c;
    background-repeat:no-repeat;
    background-position:5px center;
}

.rejectionButton_disabled {
	color:#7b99ad;
    border:1px solid #7b99ad;
    border-radius:50px;
    font-size:11px;   
    font-weight:bold;
    padding:5px 15px 5px 35px;
    background:url("../images/icon/icon_rejected_20_disabled.svg");
    background-repeat:no-repeat;
    background-position:5px center;
}

/*追加ボタンのスタイル（営業所、系列会社等）*/
.addButton {
	color:white;
    border:1px solid #007bff;
    border-radius:50px;
    font-size:11px;   
    font-weight:bold;
    padding:5px 15px 5px 35px;
    background:url("../images/icon/icon_add.svg") #007bff;
    background-repeat:no-repeat;
    background-position:5px center;
}
.addButton:hover {
	color:white;
    border:1px solid #0269d9;
    border-radius:50px;
    font-size:11px;   
    font-weight:bold;
    padding:5px 15px 5px 35px;
    background:url("../images/icon/icon_add.svg") #0269d9;
    background-repeat:no-repeat;
    background-position:5px center;
}

/*キャンセルボタンのスタイル*/
.cancelButton {
	color:white;
    border:1px solid #dc3545;
    border-radius:50px;
    font-size:11px;   
    font-weight:bold;
    padding:5px 15px 5px 15px;
    background:#dc3545;
    background-repeat:no-repeat;
}
.cancelButton:hover {
	color:white;
    border:1px solid #bf2e3c;
    border-radius:50px;
    font-size:11px;   
    font-weight:bold;
    padding:5px 15px 5px 15px;
    background:#bf2e3c;
    background-repeat:no-repeat;
}

/*チェックボタンのスタイル（SQL構文チェック等）*/
.checkListButton {
	color:white;
    border-radius:50px;
    font-size:11px;   
    font-weight:bold;
    padding:5px 15px 5px 35px;

    /* 2025.06.20
        border:1px solid #dc3545;
        background:url("../images/icon/icon_check_list.svg") #dc3545;*/
    
    border:1px solid #17a2b8;
    background:url("../images/icon/icon_check_list.svg") #17a2b8;
    background-repeat:no-repeat;
    background-position:5px center;
}
.checkListButton:hover {
	color:white;
    border-radius:50px;
    font-size:11px;   
    font-weight:bold;
    padding:5px 15px 5px 35px;
    
    
    /* 2025.06.20
        border:1px solid #bf2e3c;
        background:url("../images/icon/icon_check_list.svg") #bf2e3c;*/
    border:1px solid #118091;
    background:url("../images/icon/icon_check_list.svg") #118091;
    background-repeat:no-repeat;
    background-position:5px center;
}

/*入力開始ボタンのスタイル*/
.editStartButton {
	color:white;
    border:1px solid #007bff;
    border-radius:50px;
    font-size:11px;   
    font-weight:bold;
    padding:5px 15px 5px 35px;
    background:url("../images/icon/icon_gv_pencil.svg") #007bff;
    background-repeat:no-repeat;
    background-position:5px center;
}
.editStartButton:hover {
	color:white;
    border:1px solid #0269d9;
    border-radius:50px;
    font-size:11px;   
    font-weight:bold;
    padding:5px 15px 5px 35px;
    background:url("../images/icon/icon_gv_pencil.svg") #0269d9;
    background-repeat:no-repeat;
    background-position:5px center;
}
/*[ADD] 20230920 ishimoto<--*/


/*入力開始ボタンのスタイル*/
.sendMailButton {
	color:black;
    border:1px solid #007bff;
    border-radius:50px;
    font-size:11px;   
    font-weight:bold;
    padding:5px 15px 5px 35px;
    /*background:url("../images/icon/icon_gv_pencil.svg") #007bff;*/
    background-repeat:no-repeat;
    background-position:5px center;
}
.sendMailButton:hover {
	color:black;
    border:1px solid #0269d9;
    border-radius:50px;
    font-size:11px;   
    font-weight:bold;
    padding:5px 15px 5px 35px;
    /*background:url("../images/icon/icon_gv_pencil.svg") #0269d9;*/
    background-repeat:no-repeat;
    background-position:5px center;
}



/* 見出し */

h1 {
	padding: .5em .75em;
	background: -webkit-linear-gradient(top, #00008b 0%, #3498db 100%);
	background: linear-gradient(to bottom, #00008b 0%, #3498db 100%);
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
    border-radius: 5px;
}
h2 {

    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 35%, rgba(237,237,237,1) 67%, rgba(255,255,255,1) 100%); 
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 35%,rgba(237,237,237,1) 67%,rgba(255,255,255,1) 100%); 
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 35%,rgba(237,237,237,1) 67%,rgba(255,255,255,1) 100%); 

	position: relative;
	padding: .25em 0 .25em .75em;
	border-left: 6px solid #ccc;
    font-size:14px;
}
h2::before {
	position: absolute;
	left: -6px;
	bottom: 0;
	content: '';
	width: 6px;
	height: 50%;
	background-color: #3498db;
}
h2::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 0;
	border-bottom: 1px solid #ccc;
}


h2#webcri {
    position: relative;
    padding-left: 25px;
    border-bottom: 3px solid #0bd;
    color: #666;
    font-size:18px;
    line-height: 20px;
}

h2#webcri:before {
    position: absolute;
    top: -8px;
    left: 7px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    height: 12px;
    width: 12px;
    background: #8BE0FE;    /* 上の■の色 */
    content: "";
}

h2#webcri:after {
    position: absolute;
    top: 8px;
    left: 2px;
    transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    height: 8px;
    width: 8px;
    background: #8BE0FE;    /* 下の■の色 */
    content: "";
}



h3 {
	padding: .5em .75em;
	background: -webkit-linear-gradient(top, #00008b 0%, #3498db 100%);
	background: linear-gradient(to bottom, #00008b 0%, #3498db 100%);
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
    border-radius: 5px;
}
h4 {
	padding: .2em .3em;
	background: -webkit-linear-gradient(top, #00008b 0%, #3498db 100%);
	background: linear-gradient(to bottom, #00008b 0%, #3498db 100%);
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
    border-radius: 5px;
}



/* 隠し要素（visible=falseにするとデザイン表示で消えてしまうため） */
.hidden{
    display:none;
}


/* 数値 */
.num{
    text-align:right;
    ime-mode: disabled; /* IE独自のスタイル・シート仕様。他ブラウザには影響はない */
}
.num_readonly{
    /*font-family:"游ゴシック";*/
    /*font-weight:bold;*/
    text-align:right;
    /*background-color:#E8E8E8;*/
    /*border:solid 1px #BEBEBE;*/
    background-color:#daebf7;
    border:solid 1px white;
    height:20px;
    color:blue
}
.num_required{
    text-align:right;
    ime-mode: disabled; /* IE独自のスタイル・シート仕様。他ブラウザには影響はない */
    background-color:LemonChiffon;
    
    border:solid 1px #696969;
}

/* 日付 */
.date{
    text-align:center;
    ime-mode: disabled; /* IE独自のスタイル・シート仕様。他ブラウザには影響はない */
}

/* テキストボックス */
.text_readonly{
    background-color:#E8E8E8;
    border:solid 1px #BEBEBE;
}
.text_required{
    background-color:Khaki;
    border:solid 1px #696969;
}
.text_showonly{
    background-color:#E8E8E8;
    border:solid 1px #BEBEBE;
}

/* テキストボックスの幅を枠内いっぱいに広げる */
/* box-sizingは、paddingやmarginの大きさやborderの太さのせいで、前項のトータル100%の計算が狂ってはみ出ている場合を考慮*/
.text_fill{
    width:100%;

    box-sizing: border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
}


/* IMEモード（IE独自） */
.text_ImeMode_On{
    ime-mode:active; /* IE独自のスタイル・シート仕様。他ブラウザには影響はない */
}
/* IMEモード（IE独自） */
.text_ImeMode_Off{
    ime-mode:inactive; /* IE独自のスタイル・シート仕様。他ブラウザには影響はない */
}

/* 通貨 
    numと同様だが、カンマ区切りJavaScriptでclassNameを参照するため区別している
*/
.yen{
    text-align:right;
    ime-mode: disabled; /* IE独自のスタイル・シート仕様。他ブラウザには影響はない */
}
.yen_readonly{
    /*font-family:"游ゴシック";*/
    /*font-weight:bold;*/
    text-align:right;
    background-color:#E8E8E8;
    border:solid 1px #BEBEBE;
}




/* imagebutton */

/*変更のためoldに*/
.mp_button_small_old {

    /*border:1px solid #cbcbcb;*/
    border:1px solid #3f4c6b;   /*bluegray*/

    -webkit-box-shadow: #FEFFFF 0px 1px 1px ;
    -moz-box-shadow: #FEFFFF 0px 1px 1px ;
    box-shadow: #FEFFFF 0px 1px 1px ;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); 
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); 
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );

    padding:3px 3px 3px 3px; /* ボタンテキストは<span>タグとすること */

    margin-bottom:2px;
    /*height:16px;*/

    display:inline-block;text-decoration:none;

    color: #333333;
    text-align:center;
}

.mp_button_small_old:hover {
    border:1px groove #3f4c6b;   /*bluegray*/

    /* ↓効かない */
    /*background-color: #eeeeee;*/

    color: #000;
    font-weight:bold;
}

.mp_button_small_disabled_old{
    
    border:1px solid #CCCCCC;
    -webkit-box-shadow: #FEFFFF 0px 1px 1px ;
    -moz-box-shadow: #FEFFFF 0px 1px 1px ;
    box-shadow: #FEFFFF 0px 1px 1px ;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 5px;

    background-color: #F7F5F6; 
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F7F5F6), to(#DDDDDD));
    background-image: -webkit-linear-gradient(top, #F7F5F6, #DDDDDD);
    background-image: -moz-linear-gradient(top, #F7F5F6, #DDDDDD);
    background-image: -o-linear-gradient(top, #F7F5F6, #DDDDDD);
    background-image: linear-gradient(to bottom, #F7F5F6, #DDDDDD);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#F7F5F6, endColorstr=#DDDDDD);

    padding:3px 3px 3px 3px; /* ボタンテキストは<span>タグとすること */

    margin-bottom:5px;
    /*height:16px;*/

    display:inline-block;text-decoration:none;

    color: lightgray;
    text-align:center;
}

.mp_button_small {

    background-color:white;
	color:#007bff;
    border:1px solid #007bff;
    border-radius:3px;
    font-size:12px;
    height:18px;
    background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 64%,#f6f6f6 64%);
    font-weight:bold;
    margin-bottom:2px;
    padding:3px 3px 3px 3px;
    text-align:center;
}

.mp_button_small:hover {

    background-color:white;
	color:#57b7f7;
    border:1px solid #007bff;
    border-radius:3px;
    font-size:12px;
    height:18px;
    background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 64%,#f6f6f6 64%);
    font-weight:bold;
    margin-bottom:2px;
    padding:3px 3px 3px 3px;
    text-align:center;
}

.mp_button_small_disabled{
    
	color:#7b99ad;
    border:1px solid #7b99ad;
    border-radius:3px;
    font-size:12px;
    height:18px;
    background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 64%,#f6f6f6 64%);
    margin-bottom:2px;
    padding:3px 3px 3px 3px;
    text-align:center;
}

.mp_button_small_delete {

    background-color:white;
	color:#dc3545;
    border:1px solid #dc3545;
    border-radius:3px;
    font-size:12px;
    height:18px;
    background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 64%,#f6f6f6 64%);
    font-weight:bold;
    margin-bottom:2px;
    padding:3px 3px 3px 3px;
    text-align:center;
}

.mp_button_small_delete:hover {

    background-color:white;
	color:#de6f79;
    border:1px solid #de6f79;
    border-radius:3px;
    font-size:12px;
    height:18px;
    background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 64%,#f6f6f6 64%);
    font-weight:bold;
    margin-bottom:2px;
    padding:3px 3px 3px 3px;
    text-align:center;
}

.mp_button_small_delete_disabled {

    background-color:white;
	color:#7b99ad;
    border:1px solid #7b99ad;
    border-radius:3px;
    font-size:12px;
    height:18px;
    background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 64%,#f6f6f6 64%);
    margin-bottom:2px;
    padding:3px 3px 3px 3px;
    text-align:center;
}

/*変更のためoldに*/
.mp_button_old {
    background-color:white;
    color:#57b7f7;
    border:1px solid #007bff;
    border-radius:5px;
    font-size:11px;
    height:26px;
    background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 64%,#f6f6f6 64%);
}

/*変更のためoldに*/
.mp_button_old:hover {
    border:1px groove #3f4c6b;   /*bluegray*/

    /* ↓効かない */
    /*background-color: #eeeeee;*/

    color: #000;
    font-weight:bold;
}

/*ヘッダボタン*/
.mp_button {

    border:1px solid #007bff;   /*bluegray*/
    color:#007bff;
    /*color:white;*/

    border-radius:5px;

    padding:7px 0px 7px 50px; /* ボタンテキストは<span>タグとすること */

    background-repeat:no-repeat;
    background-position:10px center;

    margin:0px 0px 3px 0px;

    display:inline-block;text-decoration:none;
    font-weight:bold;
}

.mp_button:hover {

    border:1px solid #007bff;   /*bluegray*/
    color:#57b7f7;

    background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 64%,#f6f6f6 64%);
    border-radius:5px;

    padding:7px 0px 7px 50px; /* ボタンテキストは<span>タグとすること */

    background-repeat:no-repeat;
    background-position:10px center;

    margin:0px 0px 3px 0px;

    display:inline-block;text-decoration:none;
}

.mp_button_disabled_old{
    
    border:1px solid #CCCCCC;
    -webkit-box-shadow: #FEFFFF 0px 1px 1px ;
    -moz-box-shadow: #FEFFFF 0px 1px 1px ;
    box-shadow: #FEFFFF 0px 1px 1px ;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 5px;

    background-color: #F7F5F6; 
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F7F5F6), to(#DDDDDD));
    background-image: -webkit-linear-gradient(top, #F7F5F6, #DDDDDD);
    background-image: -moz-linear-gradient(top, #F7F5F6, #DDDDDD);
     /*background-image: -ms-linear-gradient(top, #F7F5F6, #DDDDDD);*/
    background-image: -o-linear-gradient(top, #F7F5F6, #DDDDDD);
    background-image: linear-gradient(to bottom, #F7F5F6, #DDDDDD);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#F7F5F6, endColorstr=#DDDDDD);


    padding:7px 0px 7px 50px; /* ボタンテキストは<span>タグとすること */

    background-repeat:no-repeat;
    background-position:10px center;
    /*background-size:25px 25px;*/

    /*margin-bottom:5px;*/
    /*height:20px;*/
    margin:0px 0px 3px 0px;
    height:16px;

    display:inline-block;text-decoration:none;

    color: lightgray;
}

.mp_button_disabled {

    font-weight:bold;

    border:1px solid #7b99ad;   /*bluegray*/
    color:#7b99ad;

    background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 64%,#f6f6f6 64%);
    border-radius:5px;

    padding:7px 0px 7px 50px; /* ボタンテキストは<span>タグとすること */

    background-repeat:no-repeat;
    background-position:10px center;

    margin:0px 0px 3px 0px;

    display:inline-block;text-decoration:none;

}

/* キャンセル */
.mp_icon_cancel{
   
    background:url("../images/icon/uturn2.png"), linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
     /*
         
    background:url("../images/icon/uturn2.png"), -webkit-linear-gradient(bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
    */

    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}
/* 確定処理など */
.mp_icon_check{

    /*background:url("../images/icon/check1_blue.png"),linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);*/
    background:url("../images/icon/check1_blue.png"), linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
    
    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}
/* 確定処理キャンセルなど */
.mp_icon_check_cancel{

    background:url("../images/icon/cancel1_blue.png"), linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
    
    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}
/* 実行処理 */
.mp_icon_exec{

    background:url("../images/icon/check2_green.png"), linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
    
    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}
/* 実行処理キャンセル */
.mp_icon_exec_cancel{

    background:url("../images/icon/cancel2_green.png"), linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
    
    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}

/* 登録処理 */
.mp_icon_save{
    background:url("../images/icon/save.png"), linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
    
    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}
/* 変更処理 */
.mp_icon_change{
    background:url("../images/icon/change.png"), linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
    
    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}
/* 削除処理 */
.mp_icon_delete{
    background:url("../images/icon/delete.png"), linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
    
    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}
/* 検索処理 */
.mp_icon_search{
    background:url("../images/icon/lupe.png"), linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
    
    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}
/* クリア処理 */
.mp_icon_clear{
    background:url("../images/icon/erase.png"), linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
    
    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}
/* 出力処理 */
.mp_icon_print_old{
    background:url("../images/icon/printer.png"), linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
    
    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}

.mp_icon_print{
    background:url("../images/icon/icon_print.svg"),linear-gradient(to top, #dfe9f3 0%,#e7f0fd 50%, white 100%);
    
    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}

.mp_icon_print:hover{
    background:url("../images/icon/icon_print_hover.svg"),linear-gradient(to top, #dfe9f3 0%,#e7f0fd 50%, white 100%);
    
    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}

/* 出力処理(PDF) */
.mp_icon_pdf_old{
    background:url("../images/icon/pdf.png"), linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
    
    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}
/* 出力処理(EXCEL) */
.mp_icon_excel_old{
    background:url("../images/icon/excel.png"), linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
    
    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}
/* 出力処理(WORD) */
.mp_icon_word{
    background:url("../images/icon/word.png"), linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
    
    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}
/* 出力処理(ACCESS) */
.mp_icon_access{
    background:url("../images/icon/access.png"), linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
    
    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}
/* 出力処理(CSV) */
.mp_icon_csv{
    background:url("../images/icon/csv.png"), linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
    
    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}
/* 出力処理(TEXT) */
.mp_icon_txt{
    background:url("../images/icon/text2.png"), linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
    
    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}
/* 出力処理(ZIP) */
.mp_icon_zip{
    background:url("../images/icon/zip.png"), linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
    
    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}
/* 設定処理 */
.mp_icon_config{
    background:url("../images/icon/config2.png"), linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
    
    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}
/* 表示処理 */
.mp_icon_display{
    background:url("../images/icon/display.png"), linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
    
    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}
/* 計算処理 */
.mp_icon_culc{
    background:url("../images/icon/culc.png"), linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
    
    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}

/*計算処理*/
.mp_icon_calculator{
    background:url("../images/icon/icon_calculator.svg"),linear-gradient(to top, #dfe9f3 0%,#e7f0fd 50%, white 100%);
    
    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}

.mp_icon_calculator:hover{
    background:url("../images/icon/icon_calculator_hover.svg"),linear-gradient(to top, #dfe9f3 0%,#e7f0fd 50%, white 100%);
    
    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}

/*格付確定処理*/
.mp_icon_kakuduke_kakutei{
    background:url("../images/icon/icon_approved.svg"),linear-gradient(to top, #dfe9f3 0%,#e7f0fd 50%, white 100%);
    
    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}

.mp_icon_kakuduke_kakutei:hover{
    background:url("../images/icon/icon_approved_hover.svg"),linear-gradient(to top, #dfe9f3 0%,#e7f0fd 50%, white 100%);
    
    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}

/* メール送信 */
.mp_icon_mail{
    background:url(../images/icon/mail.png), linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
    
    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}

/* 画面遷移（→） */
.mp_icon_go{
    background:url("../images/icon/go_next.png"), linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
    
    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}
/* 画面遷移（←） */
.mp_icon_go_back{
    background:url("../images/icon/go_preview.png"), linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
    
    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}

/* 閉じる */
.mp_icon_close{
    background:url("../images/icon/close.png"), linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
    
    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}

/* 入金 */
.mp_icon_currency{
    background:url("../images/icon/nyukin1.png"), linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
    
    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}

/* メモ */
.mp_icon_memo{
    background:url("../images/icon/check2_green.png"), linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
    
    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}

/* 行追加 */
.mp_icon_rowadd{
    background:url("../images/icon/rowadd.png"), linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
    
    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}

/* ﾒﾆｭｰに戻る */
.mp_icon_menu{
    background:url("../images/icon/menu.png"), linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
    
    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}

/* ログイン */
.mp_icon_login{
    background:url("../images/icon/key.png"), linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
    
    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}

/* 帳票 */
.mp_icon_document{
    background:url("../images/icon/document.png"), linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
    
    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}

/* アイコンなし */
.mp_icon_blank_old {
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
    
    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}

.mp_icon_blank {
    background:linear-gradient(to top, #dfe9f3 0%,#e7f0fd 50%, white 100%);
    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}

.mp_icon_blank:hover {
    background:linear-gradient(to top, #dfe9f3 0%,#e7f0fd 50%, white 100%);
    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}

/* 工事案件 */
.mp_icon_koji{
    background:url("../images/icon/1_koji.png"), linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
    
    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}

/* コンサル案件 */
.mp_icon_consul{
    background:url("../images/icon/2_consul.png"), linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
    
    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}

/* 業務委託案件 */
.mp_icon_itaku{
    background:url("../images/icon/3_gyomu.png"), linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
    
    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}

/* 発注予定 */
.mp_icon_yotei{
    background:url("../images/icon/4_yotei.png"), linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
    
    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}


/* 入札結果 */
.mp_icon_kekka{
    background:url("../images/icon/5_kekka.png"), linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
    
    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}

/* 入力済みチェック(レ点のみ) */
.mp_icon_check_reten{
    background:url("../images/icon/reten.png"), linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
    
    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}


/* ﾀﾞｳﾝﾛｰﾄﾞ */
.mp_icon_dl {
    background:url("../images/icon/dl32x32.png"), linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
    
    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}







/*TODO disenabled時のhover解除 */


div.div_header{

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f3f3f3+35,ededed+67,ffffff+100 */
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 35%, rgba(237,237,237,1) 67%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 35%,rgba(237,237,237,1) 67%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 35%,rgba(237,237,237,1) 67%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

    background-repeat:no-repeat;  
                      
    /*box-shadow:0px 0px 10px;*/
    border:1px solid #DDDDDD;
    border-radius: 5px;

            
}
div.div_detail_top{

    /*background-repeat:no-repeat;*/  
                      
    border:1px solid #DDDDDD;
    margin:0px 0px 3px 3px;
    padding-left:3px;
          
}


div.div_detail{

/*
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 35%, rgba(237,237,237,1) 67%, rgba(255,255,255,1) 100%); 
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 35%,rgba(237,237,237,1) 67%,rgba(255,255,255,1) 100%); 
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 35%,rgba(237,237,237,1) 67%,rgba(255,255,255,1) 100%); 
*/
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); 

    background-repeat:no-repeat;  
                      
    border:0px solid #DDDDDD;
    margin:0px 0px 3px 3px;
    padding-left:3px;
          
    
    /*height:500px;*/
    /*height:100%;*/
    overflow:auto;
    /*background-color:ghostwhite;*/
}

div.div_fixed{

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f3f3f3+35,ededed+67,ffffff+100 */
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 35%, rgba(237,237,237,1) 67%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 35%,rgba(237,237,237,1) 67%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 35%,rgba(237,237,237,1) 67%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

    background-repeat:no-repeat;  
                      
    /*box-shadow:0px 0px 10px;*/
    border:1px solid #DDDDDD;
    /*border-radius: 5px;*/
    margin:0px 0px 3px 3px;
    padding-left:3px;
}


div.div_footer{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4c4c4c+0,595959+12,666666+25,474747+39,2c2c2c+50,000000+51,111111+60,2b2b2b+76,1c1c1c+91,131313+100;Black+Gloss+%231 */
    background: rgb(76,76,76); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */

    margin-top:10px;
    /*padding:5px;*/
    padding-left:5px;
    border-radius: 5px;
    background-repeat:no-repeat;

}
div.div_buttonBar{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4c4c4c+0,595959+12,666666+25,474747+39,2c2c2c+50,000000+51,111111+60,2b2b2b+76,1c1c1c+91,131313+100;Black+Gloss+%231 */
    background: rgb(76,76,76); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */

    /*margin-top:10px;*/
    /*padding:5px;*/
    margin-top:5px;
    margin-bottom:5px;
    padding-left:5px;
    border-radius: 5px;
    background-repeat:no-repeat;

}

/* ラベル（緑） */
span.label_green{
    display:inline-block;
    color:White;
    /*background-color:#006600;*/

    /*background: rgb(180,221,180);*/ /* Old browsers */
    /*background: -moz-linear-gradient(to bottom, #006600 0%,#00C000 50%,#006600 100%);*/ /* FF3.6-15 */
    /*background: -webkit-linear-gradient(to bottom, #006600 0%,#00C000 50%,#006600 100%);*/ /* Chrome10-25,Safari5.1-6 */
    /*background: linear-gradient(to bottom, #006600 0%,#00A000 50%,#006600 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#002400',GradientType=0 ); /* IE6-9 */

    background-image: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%);
    background-image: linear-gradient(to right, #43e97b 0%, #38f9d7 100%);
    background-image: linear-gradient(to top, #37ecba 0%, #72afd3 100%);

    padding-top:3px;
    padding-bottom:2px;
    margin-left:3px;
    padding-left:3px;
    border-radius: 5px;
    height:20px;

    padding:5px 15px 3px 15px;
}

/* ラベル（青） */
span.label_blue{
    display:inline-block;
    /*color:White;*/
    /*background-color:#006600;*/
    
    background: rgb(224,243,250); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(224,243,250,1) 0%, rgba(216,240,252,1) 50%, rgba(184,226,246,1) 51%, rgba(182,223,253,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(224,243,250,1) 0%,rgba(216,240,252,1) 50%,rgba(184,226,246,1) 51%,rgba(182,223,253,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(224,243,250,1) 0%,rgba(216,240,252,1) 50%,rgba(184,226,246,1) 51%,rgba(182,223,253,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0f3fa', endColorstr='#b6dffd',GradientType=0 ); /* IE6-9 */

    margin-left:3px;
    padding-left:3px;
    height:20px;

    border-radius:5px;
    padding:5px 15px 0px 15px;
}

/* ラベル（シルバー） */
span.label_silver{
    display:inline-block;
    /*color:White;*/
    /*background-color:#006600;*/
    
    background: rgb(246,248,249); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(246,248,249,1) 0%, rgba(229,235,238,1) 50%, rgba(215,222,227,1) 51%, rgba(245,247,249,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */
    
    border:1px solid #696969;
    margin-left:3px;
    padding-left:3px;
    height:20px;

    border-radius:5px;
    padding:5px 15px 0px 15px;
}

/* ラベル（黄） */
span.label_yellow_old{
    display:inline-block;
    /*color:White;*/
    /*background-color:#006600;*/
    
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fceabb+0,fccd4d+50,f8b500+51,fbdf93+100;Orange+3D+%235 */
    background: rgb(252,234,187); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */

    margin-left:3px;
    padding-left:3px;
    border-radius: 2px;
    height:20px;
}

span.label_yellow{
    display:inline-block;
    /*color:White;*/
    /*background-color:#006600;*/
    
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fceabb+0,fccd4d+50,f8b500+51,fbdf93+100;Orange+3D+%235 */
    background: rgb(252,234,187);
    background: -moz-linear-gradient(top, rgba(252,234,187,1) 0%, rgba(252,205,77,1) 50%, rgba(248,181,0,1) 51%, rgba(251,223,147,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(252,234,187,1) 0%,rgba(252,205,77,1) 50%,rgba(248,181,0,1) 51%,rgba(251,223,147,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 );*/ /* IE6-9 */

    margin-left:3px;
    padding-left:3px;
    padding-top:5px;
    height:24px;

    border-radius:5px;
    padding:5px 15px 0px 15px;
}

/* TDラベル（緑） */
td.label_green {

    background: rgb(180,221,180); /* Old browsers */
    background: -moz-linear-gradient(to bottom, #006600 0%,#00C000 50%,#006600 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(to bottom, #006600 0%,#00C000 50%,#006600 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #006600 0%,#00A000 50%,#006600 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#002400',GradientType=0 ); /* IE6-9 */

}

/* TDラベル（青） */
td.label_blue{

    background: rgb(224,243,250); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(224,243,250,1) 0%, rgba(216,240,252,1) 50%, rgba(184,226,246,1) 51%, rgba(182,223,253,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(224,243,250,1) 0%,rgba(216,240,252,1) 50%,rgba(184,226,246,1) 51%,rgba(182,223,253,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(224,243,250,1) 0%,rgba(216,240,252,1) 50%,rgba(184,226,246,1) 51%,rgba(182,223,253,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0f3fa', endColorstr='#b6dffd',GradientType=0 ); /* IE6-9 */

}

/* TDラベル（シルバー） */
td.label_silver{
    /*display:inline-block;*/
    /*color:#333;*/
    /*background-color:#006600;*/

    background: rgb(246,248,249); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(246,248,249,1) 0%, rgba(229,235,238,1) 50%, rgba(215,222,227,1) 51%, rgba(245,247,249,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */
    
    border:1px solid #696969;
    /*margin-left:3px;
    padding-left:3px;
    border-radius: 2px;*/
    /*height:20px;*/
}


/* 企業内教育　明細部共通 */
table.kigyonai_meisai {
    /*width:700px;*/
    border:1px solid gray;
    border-collapse : collapse; 
    margin:0px 3px 0px 3px;
    border-spacing:0;
}
table.kigyonai_meisai th {
    background-color:lightyellow;
    border:1px solid gray;
}
table.kigyonai_meisai td {
    border:1px solid gray;
}

/* GridView用　緑系 */
table.typeG {
    border-style:none;
    border-collapse : collapse; 
    margin:0px 3px 0px 3px;
    border-spacing:0;
    table-layout:fixed;
    word-break:break-all;
}
table.typeG th {
    background-color:#7fffd4; /*acuamarine*/
    border:1px solid gray;
    color:black;
}
table.typeG td {
    border:1px solid gray;
}


/* GridView用　ピンク系 */
table.typeP {
    border-style:none;
    border-collapse : collapse; 
    margin:0px 3px 0px 3px;
    border-spacing:0;
    table-layout:fixed;
    word-break:break-all;
}
table.typeP th {
    background-color:#fbdece; /*BabyPink*/
    border:1px solid gray;
    color:black;
}
table.typeP td {
    border:1px solid gray;
}

/* GridView用　黄色系 */
table.typeY_old {
    border-style:none;
    border-collapse : collapse; 
    margin:0px 3px 0px 3px;
    border-spacing:0;
    table-layout:fixed;
    word-break:break-all;
}
table.typeY_old th {
    background-color:lightyellow;
    border:1px solid gray;
    color:black;
}
table.typeY_old td {
    border:1px solid gray;
}

table.typeY {
    border-style:none;
    border-collapse : collapse; 
    margin:0px 3px 0px 3px;
    border-spacing:0;
    table-layout:fixed;
    word-break:break-all;
}
table.typeY th {
    background-color:#f5dd73;
    border:1px solid white;
    color:black;
}
table.typeY td {
    border:1px solid white;
    background-color:#f7edc3;
}

/* GridView用　青系 */
table.typeB {
    border-style:none;
    border-collapse : collapse; 
    margin:0px 3px 0px 3px;
    border-spacing:0;
    table-layout:fixed;
    word-break:break-all;
}
table.typeB th {
    background-color:#32F4FF;    /*#33ccff;*/
    border:1px solid gray;
    color:black;
}
table.typeB td {
    border:1px solid gray;
}


/* GridView用　シアン系 */
table.typeC_old {
    border-style:none;
    border-collapse : collapse; 
    margin:0px 3px 0px 3px;
    border-spacing:0;
    table-layout:fixed;
    word-break:break-all;
}
table.typeC_old th {
    background-color:lightcyan;
    border:1px solid gray;
    color:black;
}
table.typeC_old td {
    border:1px solid gray;
}

table.typeC {
    border-style:none;
    border-collapse : collapse; 
    margin:0px 3px 0px 3px;
    border-spacing:0;
    table-layout:fixed;
    word-break:break-all;
}
table.typeC th {
    background-color:#b7d5f8;
    border:1px solid white;
    color:black;
}
table.typeC td {
    border:1px solid white;
    background-color:#e4eaf2;
}

/* GridView用　シルバー系 */
table.typeS {
    /*border-style:none;*/
    border-style:none;
    margin:0px 3px 0px 3px;
    border-spacing:0;
    table-layout:fixed;
    word-break:break-all;

    /*border-collapse: collapse;の指定をすると、border-radiusが使えなくなるという特性*/
    /*border-collapse : collapse;*/ 
    border-collapse:collapse;
    border-radius: 5px;
}
table.typeS th {
    background-color:#EEEEEE;
    border:1px solid gray;
    vertical-align:top;
    color:black;
}
table.typeS td {
    border:1px solid gray;
    vertical-align:top;
}



/* InputManTable用　青系 */
table.typeB_forInputMan {
    border-style:none;
    border-collapse : collapse; 
    margin:0px 3px 0px 3px;
    border-spacing:0;
    table-layout:fixed;
    word-break:break-all;
}
table.typeB_forInputMan th {
    background-color:#32F4FF;    /*#33ccff;*/
    border:1px solid gray;
    color:black;
}
table.typeB_forInputMan td {
    /*border:1px solid gray;*/

}
table.typeB_forInputMan tr {
    border:1px solid gray;
}

/* InputManTable用　緑系 */
table.typeG_forInputMan {
    border-style:none;
    border-collapse : collapse; 
    margin:0px 3px 0px 3px;
    border-spacing:0;
    table-layout:fixed;
    word-break:break-all;
}
table.typeG_forInputMan th {
    background-color:#7fffd4; /*acuamarine*/
    border:1px solid gray;
    color:black;
}
table.typeG_forInputMan td {
    /*border:1px solid gray;*/
}
table.typeG_forInputMan tr {
    border:1px solid gray;
}

/* GridView用　黄色系 */
table.typeY_forInputMan {
    border-style:none;
    border-collapse : collapse; 
    margin:0px 3px 0px 3px;
    border-spacing:0;
    table-layout:fixed;
    word-break:break-all;
}
table.typeY_forInputMan th {
    background-color:lightyellow;
    border:1px solid gray;
    color:black;
}
table.typeY_forInputMan td {
    /*border:1px solid gray;*/
}

/* InputManTable（検索条件・入力テーブル）用　緑系 */
table.typeG2_forInputMan {
    border-style:none;
    border-collapse : collapse; 
    margin:0px 3px 0px 3px;
    border-spacing:0;
    table-layout:fixed;
    word-break:break-all;
}
table.typeG2_forInputMan th {
    background-color:#17a2b8;    /*濃い緑色;*/
    border:1px solid white;
    color:white;
}
table.typeG2_forInputMan td {
    /*border:1px solid gray;*/
}
table.typeG2_forInputMan tr {
    border:1px solid gray;
    background-color:#c7f2ea;    /*薄い緑色;*/
    border:1px solid white;
}

/* InputManTable（検索条件・入力テーブル）用　青系 */
table.typeB2_forInputMan {
    border-style:none;
    border-collapse : collapse; 
    margin:0px 3px 0px 3px;
    border-spacing:0;
    table-layout:fixed;
    word-break:break-all;
}
table.typeB2_forInputMan th {
    background-color:#3498db;    /*濃い水色*/
    border:1px solid white;
    color:white;

    vertical-align:top;
}
table.typeB2_forInputMan td {
    /*border:1px solid gray;*/
}
table.typeB2_forInputMan tr {
    border:1px solid gray;
    background-color:#daebf7;    /*薄い水色;*/
    border:1px solid white;

    vertical-align:top;
}

/* GridViewのデータ用　青系 */
table.typeB2forGridView {
    border-style:none;
    border-collapse : collapse; 
    margin:0px 3px 0px 3px;
    border-spacing:0;
    table-layout:fixed;
    word-break:break-all;
    /*width:100%;*/
    /*position:relative;
    text-anchor:initial*/
}
/*@media(max-width:500px){
    table.typeB2forGridView{
        width:50%;
        flex:0 0 100%;
        max-width:100%
    }
}*/

table.typeB2forGridView th {
    background-color:#3498db;    /*濃い水色*/
    border:1px solid gray;
    color:white;


}
table.typeB2forGridView td {
    border:0px solid White;
}


/*table.typeB2forGridView thead {
    display: block;
    position: sticky;
    top: 0;
    left: 0;
}
table.typeB2forGridView tbody {
    display: block;
    overflow-x: auto;
    overflow-y: scroll;
    height: 100px;
    width:200px;
}*/


table.typeB2GB_forInputMan tr {
    border:1px solid gray;
}

/* GridViewのヘッダ用　青系 */
table.typeB2forGridViewHeader {
    border-style:none;
    border-collapse : collapse; 
    margin:0px 3px 0px 3px;
    border-spacing:0;
    table-layout:fixed;
    word-break:break-all;
}
table.typeB2forGridViewHeader th {
    background-color:#3498db;    /*濃い水色*/
    border:0px solid white;
    color:white;
    height:25px;
        border-spacing:0;
    table-layout:fixed;
    word-break:break-all;
}
table.typeB2forGridViewHeader td {
    border:3px solid gray;
}

/* GridView用　ページャデザイン 
    https://ameblo.jp/insanity-happily/entry-11624153199.html */
tr.pagerStyle {
    /*background-color:lightgray;*/
    background-color:#daebf7; /*[CHG] 20230920 ishimoto -->*/
}

/* 表示中のページ番号(文字色が水色に反転) */
tr.pagerStyle span
{
    text-decoration: none;
    /*color: #00FFFF; /*background-color:Black;*/
    color: darkgray; /*[CHG] 20230920 ishimoto -->*/
    padding-left: 4px;
    padding-right: 4px;
}

/* ページ番号毎の間隔　*/
tr.pagerStyle td
{
    padding: 0.1em 0.2em 0.1em 0.2em;
    border:none !important; /* GridView自体に設定したCSSよりも優先させるため!important を付ける*/
}

/* 選択中のページ */
tr.pagerStyle a
{
    text-decoration: none;
    padding-left: 4px;
    padding-right: 4px;
}

/* マウスオーバーした文字(背景色が水色に反転) */
tr.pagerStyle a:hover
{
    color: White;
    background-color:darkblue;/* #99CCFF;*/
    padding-left: 4px;
    padding-right: 4px;
}

/* 業者の各入力画面のSTEP */
.stepBar {
  position: relative;
  list-style: none;
  margin: 0 0 3px;
  padding: 0;
  text-align: center;
  width: 100%;
  overflow: hidden;
  *zoom: 1;
  font-size:10px;
}
.stepBar .step {
  position: relative;
  float: left;
  display: inline-block;

  padding: 0 40px 0 20px;

  background-color: #eee;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.stepBar .step:before, .stepBar .step:after {
  position: absolute;
  left: -15px;
  display: block;
  content: '';
  background-color: #eee;
  border-left: 4px solid #FFF;
  width: 30px;
  height: 30px;
}
.stepBar .step:after {
  top: 0;
  transform: skew(45deg);
}
.stepBar .step:before {
  bottom: 0;
}
.stepBar .step:first-child {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.stepBar .step:first-child:before, .stepBar .step:first-child:after {
  content: none;
}
.stepBar .step:last-child {
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.stepBar .step.current {
  color: #FFF;
  background-color: #4c4c4c;
}
.stepBar .step.current:before, .stepBar .step.current:after {
  background-color: #4c4c4c;
}

/*#ステップフロー変更　ステップバーの長さ調整*/
.stepBar.step2 .step {
  width: 50%;
}
.stepBar.step3 .step {
  width: 33.333%;
}
.stepBar.step4 .step {
  width: 25%;
}
.stepBar.step5 .step {
  width: 20%;
}
.stepBar.step6 .step {
  /*width: 15%;*/
}

/* カーソルを変更 */
.cursor {
	cursor: pointer;
}

/* GridView EmptyDataテキストのスタイル */
.gv_EmptyData td {
    border-width: 0px !important;
    padding-top:10px;
    color:blue;
}

/*ステップバー*/
.stepbar {
  margin: 0 auto;
  width: 80%;
}

.stepbar .stepbarwrap {
  margin: 0.5em 0;
  position: relative;
}

.stepbar .stepbarwrap .steptitle {
  display: inline-flex;
  align-items: center;
}

/*現在のステップサークル*/
.stepbar .stepbarwrap .steptitle .stepcircleCurrent {
  display: inline-block;
  width: 1.4em; /*ステップサークルの大きさ*/
  height: 1.4em; /*ステップサークルの大きさ*/
  content: "";
  border-radius: 50%;
  background-color: #daebf7;
  border: 1px solid #51a8e0;
  background: linear-gradient(to bottom,  #ffffff 0%,#51a8e0 64%,#51a8e0 64%);
}

/*ステップサークル*/
.stepbar .stepbarwrap .steptitle .stepcircle {
  display: inline-block;
  width: 1.4em; /*ステップサークルの大きさ*/
  height: 1.4em; /*ステップサークルの大きさ*/
  content: "";
  border-radius: 50%;
  background-color: #daebf7;
  border: 1px solid #daebf7;
  background: linear-gradient(to bottom,  #ffffff 0%,#daebf7 64%,#daebf7 64%)
}

.stepcircle:focus,
.stepcircle:active {
  background-color: black;
  transition: none;
}
  
/*ステップナンバー*/
.stepbar .stepbarwrap .steptitle .stepnum {
  padding-left: 0.5em; /*ステップナンバーの左余白*/
  font-size: 0.85em;
  color: #7b99ad;
  padding-top:0.3em;
}

/*現在のステップナンバー*/
.stepbar .stepbarwrap .steptitle .stepnumCurrent {
  padding-left: 0.5em; /*ステップナンバーの左余白*/
  font-size: 0.85em;
  color: #007bff;
  padding-top:0.3em;
}

/*ステップタイトル*/
.stepbar .stepbarwrap .steptxt {
  padding-left: 2em; /*ステップタイトルの左余白*/
}

.stepbar .stepbarwrap .steptxt .title {
  margin: 0.5em 0.6em; /*ステップタイトルの位置*/
  font-weight:bold;
  font-size: 0.9em;
  color:#7b99ad;
  margin-top:10em;
}

.stepbar .stepbarwrap .steptxt .txt {
  font-size: 0.9em;
}

/*現在のステップタイトル*/
.stepbar .stepbarwrap .steptxtCurrent {
  padding-left: 2em; /*ステップタイトルの左余白*/
}

.stepbar .stepbarwrap .steptxtCurrent .title {
  margin: 0.5em 0.6em; /*ステップタイトルの位置*/
  font-weight:bold;
  font-size: 0.9em;
  color:#0789e0;
  margin-top:10em;
}

.title{
    text-decoration:none;
}

.title:hover{
    text-decoration:underline;
    color:#57b7f7;
}

.titleStep2:hover{
    text-decoration:none;
}

.stepbar .stepbarwrap .steptxtCurrent .txt {
  font-size: 0.9em;
}

/*ステップライン*/
.stepbar .stepbarwrap .stepline {
  width: 1px;
  height: calc(100% + 1em);
  background-color: #daebf7;
  position: absolute;
  top: 1em;
  left: 0.7em; /*ステップラインの位置*/
  z-index: -1;
}

.stepbarwrap:last-of-type .stepline:last-of-type {
  display: none;
}

@media screen and (max-width: 960px) {
  .stepbar {
    width: 90%;
  }
}

/*スクロールバー*/
/*::-webkit-scrollbar {
width: 13px;
height: 20px;
}
::-webkit-scrollbar-track {
background-color: #daebf7;
border-radius: 0px;
}
::-webkit-scrollbar-thumb {
background: #3498db;
border-radius: 0px;
width: 130px;
}*/

/*ヘッダタイトル*/
.header-table {

    /*height: 10px;*/ /* 任意の高さを指定 */
    overflow: hidden; /* コンテンツをはみ出た部分を隠す */
    background-color:white;
}

/*ヘッダボタン*/
.mp_button_header {

    border:1px solid #007bff;   /*bluegray*/
    color:#007bff;

    border-radius:5px;

    background-repeat:no-repeat;
    background-position:10px center;

    display:inline-block;
    text-decoration:none;
}

.mp_button_header:hover {

    border:1px solid #007bff;   /*bluegray*/
    color:#57b7f7;

    background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 64%,#f6f6f6 64%);
    border-radius:5px;

    background-repeat:no-repeat;
    background-position:10px center;

    /*margin:0px 0px 3px 0px;*/

    display:inline-block;text-decoration:none;
}

/*ヘッダボタン（使用不可）*/
.mp_button_header_disabled {

    border:1px solid #7b99ad;   /*bluegray*/
    color:#7b99ad;

    background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 64%,#f6f6f6 64%);
    border-radius:5px;

    padding:7px 0px 7px 50px; /* ボタンテキストは<span>タグとすること */

    background-repeat:no-repeat;
    background-position:10px center;

    margin:0px 0px 3px 0px;

    display:inline-block;text-decoration:none;

}

/*ヘッダボタンの位置*/
/*ヘッダボタンの位置固定（戻る）*/
.header-button {

    padding: 6px 0px 6px 40px; /* パディングを調整してボタンの大きさを変更 */
    
    /* ボタンの位置を絶対位置に設定 */
    position: absolute;
    right: 0px; /* ボタンを右側に配置する場合の距離を調整 */
    top:  -7px; /* ボタンを上側に配置する場合の距離を調整 */
    display:inline-block;text-decoration:none;
}

.header-button:hover {

    padding: 6px 0px 6px 40px; /* パディングを調整してボタンの大きさを変更 */
    
    /* ボタンの位置を絶対位置に設定 */
    position: absolute;
    right: 0px; /* ボタンを右側に配置する場合の距離を調整 */
    top:  -7px; /* ボタンを上側に配置する場合の距離を調整 */
    display:inline-block;text-decoration:none;
}

/*ヘッダボタンの位置固定(前へ)*/
.header-button-preview {

    padding: 6px 0px 6px 40px; /* パディングを調整してボタンの大きさを変更 */
    
    /* ボタンの位置を絶対位置に設定 */
    position: absolute;
    left: 220px; /* ボタンを左側に配置する場合の距離を調整 */
    top:  -5px; /* ボタンを上側に配置する場合の距離を調整 */
    display:inline-block;text-decoration:none;
}

/*ヘッダボタンの位置固定(前へ)(使用不可)*/
.header-button-preview_disabled {

    padding: 6px 0px 6px 40px; /* パディングを調整してボタンの大きさを変更 */
    
    /* ボタンの位置を絶対位置に設定 */
    position: absolute;
    left: 220px; /* ボタンを左側に配置する場合の距離を調整 */
    top:  -5px; /* ボタンを上側に配置する場合の距離を調整 */
    display:inline-block;text-decoration:none;
}

/*ヘッダボタンの位置固定(次へ)*/
.header-button-next {

    padding: 6px 0px 6px 40px; /* パディングを調整してボタンの大きさを変更 */
    
    /* ボタンの位置を絶対位置に設定 */
    position: absolute;
    left: 415px; /* ボタンを左側に配置する場合の距離を調整 */
    top:  -5px; /* ボタンを上側に配置する場合の距離を調整 */
    display:inline-block;text-decoration:none;
}

/*ヘッダボタンの位置固定(次へ)(使用不可)*/
.header-button-next_disabled {

    padding: 6px 0px 6px 40px; /* パディングを調整してボタンの大きさを変更 */
    
    /* ボタンの位置を絶対位置に設定 */
    position: absolute;
    left: 415px; /* ボタンを左側に配置する場合の距離を調整 */
    top:  -5px; /* ボタンを上側に配置する場合の距離を調整 */
    display:inline-block;text-decoration:none;
}

/*ヘッダボタンの位置固定(保存)*/
.header-button-save {

    padding: 6px 0px 6px 40px; /* パディングを調整してボタンの大きさを変更 */
    
    /* ボタンの位置を絶対位置に設定 */
    position: absolute;
    left: 635px; /* ボタンを左側に配置する場合の距離を調整 */
    top:  -5px; /* ボタンを上側に配置する場合の距離を調整 */
    display:inline-block;text-decoration:none;
}

/*ヘッダボタンの位置固定(保存)(使用不可)*/
.header-button-save_disabled {

    padding: 6px 0px 6px 40px; /* パディングを調整してボタンの大きさを変更 */
    
    /* ボタンの位置を絶対位置に設定 */
    position: absolute;
    left: 635px; /* ボタンを左側に配置する場合の距離を調整 */
    top:  -5px; /* ボタンを上側に配置する場合の距離を調整 */
    display:inline-block;text-decoration:none;
}

/*ヘッダボタンの位置固定(利用者承認画面_利用者情報出力)*/
.header-button-riyosya-output {

    padding: 6px 0px 6px 40px; /* パディングを調整してボタンの大きさを変更 */
    
    /* ボタンの位置を絶対位置に設定 */
    position: absolute;
    /* 2025.09.18
    left: 700px; 
    */
    left: 800px; /* ボタンを左側に配置する場合の距離を調整 */
    top:  -7px; /* ボタンを上側に配置する場合の距離を調整 */
    display:inline-block;text-decoration:none;
}

/* 2025.09.18 */
/*ヘッダボタンの位置固定(利用者承認画面_利用者情報出力)*/
.header-button-riyosya-output-checkonly {

    padding: 6px 0px 6px 40px; /* パディングを調整してボタンの大きさを変更 */
    
    /* ボタンの位置を絶対位置に設定 */
    position: absolute;
    left: 470px; /* ボタンを左側に配置する場合の距離を調整 */
    top:  -7px; /* ボタンを上側に配置する場合の距離を調整 */
    display:inline-block;text-decoration:none;
}

/*ヘッダボタンの位置固定(資格申請画面_利用者情報出力)*/
.header-button-shikaku-riyosya-output {

    padding: 6px 0px 6px 40px; /* パディングを調整してボタンの大きさを変更 */
    
    /* ボタンの位置を絶対位置に設定 */
    position: absolute;
    left: 800px; /* ボタンを左側に配置する場合の距離を調整 */
    top:  -7px; /* ボタンを上側に配置する場合の距離を調整 */
    display:inline-block;text-decoration:none;
}

/*ヘッダボタンの位置固定(資格申請画面_利用者情報出力)*/
.header-button-shikaku-riyosya-output-checkonly {

    padding: 6px 0px 6px 40px; /* パディングを調整してボタンの大きさを変更 */
    
    /* ボタンの位置を絶対位置に設定 */
    position: absolute;
    left: 470px; /* ボタンを左側に配置する場合の距離を調整 */
    top:  -7px; /* ボタンを上側に配置する場合の距離を調整 */
    display:inline-block;text-decoration:none;
}

/*ヘッダボタンの位置固定(資格申請業者情報出力画面_利用者情報出力)*/
.header-button-gyosya-output {

    padding: 6px 0px 6px 40px; /* パディングを調整してボタンの大きさを変更 */
    
    /* ボタンの位置を絶対位置に設定 */
    position: absolute;
    left: 340px; /* ボタンを左側に配置する場合の距離を調整 */
    top:  3px; /* ボタンを上側に配置する場合の距離を調整 */
    display:inline-block;text-decoration:none;
}

/*ヘッダボタンの位置固定(資格申請業者情報出力画面_メニューに戻る)*/
.header-button-gyosya-output-return {

    padding: 6px 0px 6px 40px; /* パディングを調整してボタンの大きさを変更 */
    
    /* ボタンの位置を絶対位置に設定 */
    position: absolute;
    right: 0px; /* ボタンを右側に配置する場合の距離を調整 */
    top:  3px; /* ボタンを上側に配置する場合の距離を調整 */
    display:inline-block;text-decoration:none;
}

/*ヘッダボタンの位置固定(有資格者名簿検索画面_検索結果出力)*/
.header-button-meibo-output {

    padding: 6px 0px 6px 40px; /* パディングを調整してボタンの大きさを変更 */
    
    /* ボタンの位置を絶対位置に設定 */
    position: absolute;
    left: 520px; /* ボタンを左側に配置する場合の距離を調整 */
    top:  -7px; /* ボタンを上側に配置する場合の距離を調整 */
    display:inline-block;text-decoration:none;
}

/*ヘッダボタンの位置固定(有資格者名簿検索画面_検索)*/
.header-button-meibo-search {

    padding: 6px 0px 6px 40px; /* パディングを調整してボタンの大きさを変更 */
    
    /* ボタンの位置を絶対位置に設定 */
    position: absolute;
    left: 370px; /* ボタンを左側に配置する場合の距離を調整 */
    top:  -7px; /* ボタンを上側に配置する場合の距離を調整 */
    display:inline-block;text-decoration:none;
}

/*ヘッダボタンの位置固定(情報管理画面_保存)*/
.header-button-johokanri {

    padding: 6px 0px 6px 40px; /* パディングを調整してボタンの大きさを変更 */
    
    /* ボタンの位置を絶対位置に設定 */
    position: absolute;
    left: 390px; /* ボタンを左側に配置する場合の距離を調整 */
    top:  -7px; /* ボタンを上側に配置する場合の距離を調整 */
    display:inline-block;text-decoration:none;
}

/*ヘッダボタンの位置固定(情報管理画面_保存)*/
.header-button-logoutput {

    padding: 6px 0px 6px 40px; /* パディングを調整してボタンの大きさを変更 */
    
    /* ボタンの位置を絶対位置に設定 */
    position: absolute;
    left: 200px; /* ボタンを左側に配置する場合の距離を調整 */
    top:  -7px; /* ボタンを上側に配置する場合の距離を調整 */
    display:inline-block;text-decoration:none;
}

/*ヘッダボタンの位置固定(SQL実行画面_実行)*/
.header-button-sql-do {

    padding: 6px 0px 6px 40px; /* パディングを調整してボタンの大きさを変更 */
    
    /* ボタンの位置を絶対位置に設定 */
    position: absolute;
    left: 310px; /* ボタンを左側に配置する場合の距離を調整 */
    top:  -7px; /* ボタンを上側に配置する場合の距離を調整 */
    display:inline-block;text-decoration:none;
}

/*ヘッダボタンの位置固定(SQL実行画面_クリア)*/
.header-button-sql-clear {

    padding: 6px 0px 6px 40px; /* パディングを調整してボタンの大きさを変更 */
    
    /* ボタンの位置を絶対位置に設定 */
    position: absolute;
    left: 520px; /* ボタンを左側に配置する場合の距離を調整 */
    top:  -7px; /* ボタンを上側に配置する場合の距離を調整 */
    display:inline-block;text-decoration:none;
}


/*ヘッダボタンの位置固定(保存)*/
.header-button-allDL {

    padding: 6px 0px 6px 40px; /* パディングを調整してボタンの大きさを変更 */
    
    /* ボタンの位置を絶対位置に設定 */
    position: absolute;
    left: 735px; /* ボタンを左側に配置する場合の距離を調整 */
    top:  -5px; /* ボタンを上側に配置する場合の距離を調整 */
    display:inline-block;text-decoration:none;
}

/*ヘッダボタンの位置固定(使用不可)*/
.header-button-allDL_disabled {

    padding: 6px 0px 6px 40px; /* パディングを調整してボタンの大きさを変更 */
    
    /* ボタンの位置を絶対位置に設定 */
    position: absolute;
    left: 735px; /* ボタンを左側に配置する場合の距離を調整 */
    top:  -5px; /* ボタンを上側に配置する場合の距離を調整 */
    display:inline-block;text-decoration:none;
}

/*ヘッダボタンのアイコン*/
/* ヘッダボタン（戻る） */
.mp_icon_cancel_header{
   
    background:url("../images/icon/icon_undo.svg") ,linear-gradient(to top, #dfe9f3 0%,#e7f0fd 50%, white 100%);

    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}

.mp_icon_cancel_header:hover{
   
    background:url("../images/icon/icon_undo_hover.svg") ,linear-gradient(to top, #dfe9f3 0%,#e7f0fd 50%, white 100%);

    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}

/* ヘッダボタン（前へ） */
.mp_icon_preview_header{
   
    background:url("../images/icon/icon_preview.svg") ,linear-gradient(to top, #dfe9f3 0%,#e7f0fd 50%, white 100%);

    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}

.mp_icon_preview_header:hover{
   
    background:url("../images/icon/icon_preview_hover.svg") ,linear-gradient(to top, #dfe9f3 0%,#e7f0fd 50%, white 100%);

    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}

/* ヘッダボタン（次へ） */
.mp_icon_next_header{
   
    /*background:url("../images/icon/icon_next.svg"),linear-gradient(to bottom, rgba(240,249,255,1) 47%,rgba(206,237,255,1) 99%);*/
    background:url("../images/icon/icon_next.svg"),linear-gradient(to top, #dfe9f3 0%,#e7f0fd 50%, white 100%);

    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:6% 45%;
}

.mp_icon_next_header:hover{
   
    background:url("../images/icon/icon_next_hover.svg"),linear-gradient(to top, #dfe9f3 0%,#e7f0fd 50%, white 100%);

    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:6% 45%;
}

/* ヘッダボタン（保存） */
.mp_icon_save_header{
   
    background:url("../images/icon/icon_save_fill.svg"),linear-gradient(to top, #dfe9f3 0%,#e7f0fd 50%, white 100%);
    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:13% 45%;
}

.mp_icon_save_header:hover{
   
    background:url("../images/icon/icon_save_fill_hover.svg"),linear-gradient(to top, #dfe9f3 0%,#e7f0fd 50%, white 100%);

    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:13% 45%;
}

/* ヘッダボタン（保存）（使用不可） */
.mp_icon_save_header_disabled{
   
    background:url("../images/icon/icon_save_fill_disabled.svg"), linear-gradient(to top, #dfe9f3 0%, white 100%);
    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:13% 45%;
}

/* ヘッダボタン（前へ）（使用不可） */
.mp_icon_preview_header_disabled{
   
    background:url("../images/icon/icon_preview_disabled.svg"), linear-gradient(to top, #dfe9f3 0%, white 100%);
    /* ↓ url&グラデーション設定した後に記述する */
    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}

/* ヘッダボタン（次へ）（使用不可） */
.mp_icon_next_header_disabled{
   
    background:url("../images/icon/icon_next_disabled.svg"), linear-gradient(to top, #dfe9f3 0%, white 100%);
    /* ↓ url&グラデーション設定した後に記述する */
    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}

.stepFlowBoxText{
    color: dimgray;
}

/* ヘッダボタン(EXCEL) */
.mp_icon_excel_header{
    background:url("../images/icon/icon_excel.svg"), linear-gradient(to top, #dfe9f3 0%, white 100%);
    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}

.mp_icon_excel_header:hover{
    background:url("../images/icon/icon_excel.svg"), linear-gradient(to top, #dfe9f3 0%, white 100%);
    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}

/* ヘッダボタン(ダウンロード) */
.mp_icon_download_header{
    background:url("../images/icon/icon_download.svg"), linear-gradient(to top, #dfe9f3 0%, white 100%);
    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}

.mp_icon_download_header:hover{
    background:url("../images/icon/icon_download_hover.svg"), linear-gradient(to top, #dfe9f3 0%, white 100%);
    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}

/* ヘッダボタン(検索) */
.mp_icon_search_header{
    background:url("../images/icon/icon_search.svg"), linear-gradient(to top, #dfe9f3 0%, white 100%);
    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}

.mp_icon_search_header:hover{
    background:url("../images/icon/icon_search_hover.svg"), linear-gradient(to top, #dfe9f3 0%, white 100%);
    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}

/* ヘッダボタン(TEXT) */
.mp_icon_txt_header{
    background:url("../images/icon/text2.png"), linear-gradient(to top, #dfe9f3 0%, white 100%);
    
    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}
.mp_icon_txt_header:hover{
    background:url("../images/icon/text2.png"), linear-gradient(to top, #dfe9f3 0%, white 100%);
    
    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}

/* ヘッダボタン(SQL実行) */
.mp_icon_sqldo_header{
    background:url("../images/icon/icon_check.svg"), linear-gradient(to top, #dfe9f3 0%, white 100%);
    
    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}

.mp_icon_sqldo_header:hover{
    background:url("../images/icon/icon_check_hover.svg"), linear-gradient(to top, #dfe9f3 0%, white 100%);
    
    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}

/* ヘッダボタン(SQLクリア) */
.mp_icon_sqlclear_header{
    background:url("../images/icon/icon_clear.svg"), linear-gradient(to top, #dfe9f3 0%, white 100%);
    
    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}

.mp_icon_sqlclear_header:hover{
    background:url("../images/icon/icon_clear_hover.svg"), linear-gradient(to top, #dfe9f3 0%, white 100%);
    
    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}

/* 出力処理(PDF) */
.mp_icon_pdf{
    background:url("../images/icon/pdf.png"), linear-gradient(to top, #dfe9f3 0%, white 100%);
    
    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}
.mp_icon_pdf:hover{
    background:url("../images/icon/pdf.png"), linear-gradient(to top, #dfe9f3 0%, white 100%);
    
    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}

/* 出力処理(EXCEL) */
.mp_icon_excel{
    background:url("../images/icon/icon_excel.svg"), linear-gradient(to top, #dfe9f3 0%, white 100%);
    
    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}
.mp_icon_excel:hover{
    background:url("../images/icon/icon_excel.svg"), linear-gradient(to top, #dfe9f3 0%, white 100%);
    
    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:5%;
}

/*ステップボックス内テキストのスタイル*/
.stepBoxTextTop{
    color: darkslategray;
    position: relative;
    top: 40%;
    left: 24%;
}

.stepBoxText{
    color: darkslategray;
    position: relative;
    top: 50%;
    left: 24%;
}

/* 四角形のスタイル */
.stepBoxSquare {
    width: 150px; /* ボックスを100%幅にして縦並びに配置 */
    height: 34px;
    background-color: blue;
    margin-top:6px;
    position:relative;
}

/* 三角形のスタイル */
.stepBoxTriangle {
    width: 0;
    height: 0;
    border-left: 76px solid transparent; /* 左側の透明部分 */
    border-right: 76px solid transparent; /* 右側の透明部分 */
    border-top: 13px solid red; /* 下向きの三角形の色 */
    position:absolute;
    z-index:1;
    top:100%;
}

/* 内側の三角形のスタイル */
.stepBoxTriangleInner {
    width: 0;
    height: 0;
    border-left: 76px solid transparent; /* 左側の透明部分 */
    border-right: 76px solid transparent; /* 右側の透明部分 */
    border-top: 12px solid red; /* 上向きの三角形の色と高さ */
    position: absolute;
    border-top-color:white;
    top:0%;
}

/*四角形の色　#ステップフロー変更*/
.stepFlowBox .stepBoxSquare01 { background: #daeefa; }
.stepFlowBox .stepBoxSquare02 { background: #cce5f9; }
.stepFlowBox .stepBoxSquare03 { background: #c3def9; }
.stepFlowBox .stepBoxSquare04 { background: #b7d5f8; }
.stepFlowBox .stepBoxSquare05 { background: #b0d0f8; }
.stepFlowBox .stepBoxSquare06 { background: #a4c7f8; }
.stepFlowBox .stepBoxSquare07 { background: #99bff8; }
.stepFlowBox .stepBoxSquare08 { background: #89b4f7; }
.stepFlowBox .stepBoxSquare09 { background: #89b4f7; }
.stepFlowBox .stepBoxSquare10 { background: #89b4f7; }

/*三角形の色　#ステップフロー変更*/
.stepFlowBox .stepBoxTriangle01 { border-top-color: #daeefa; }
.stepFlowBox .stepBoxTriangle02 { border-top-color: #cce5f9; }
.stepFlowBox .stepBoxTriangle03 { border-top-color: #c3def9; }
.stepFlowBox .stepBoxTriangle04 { border-top-color: #b7d5f8; }
.stepFlowBox .stepBoxTriangle05 { border-top-color: #b0d0f8; }
.stepFlowBox .stepBoxTriangle06 { border-top-color: #a4c7f8; }
.stepFlowBox .stepBoxTriangle07 { border-top-color: #99bff8; }
.stepFlowBox .stepBoxTriangle08 { border-top-color: #89b4f7; }
.stepFlowBox .stepBoxTriangle09 { border-top-color: #89b4f7; }
.stepFlowBox .stepBoxTriangle10 { border-top-color: #89b4f7; }

/*グリッドビューのリンクボタン*/
.gridViewLinkButton {
    color:blue;
    text-decoration:none;
}

.gridViewLinkButton:hover {
    color:blue;
    text-decoration:underline;
}

/* メインメニュー申請者 */
.main_menu_applicant{
   
    padding:0px 20px 0px 20px; 

    margin:0px 0px 3px 0px;

    display:inline-block;

    background:url("../images/icon/icon_user_mainmenu.svg");

    /* ↓ url&グラデーション設定した後に記述する */
    background-repeat:no-repeat;
    background-position:20% 10%;
}

/* ファイルアップロードボタンのデザイン */
input[type="file"]:focus {
    outline: 0;
}

.file-upload_area {
    margin-bottom: 10px;
    position: relative;
}

.file-upload_input {
    margin-left: 20px;
    margin-top: 0px;
    width:320px;
}

.file-upload_input::before {
    background: #f5faf9;
    border-radius: 3px;
    color: white;
    content:"  ファイルを選択";
    background:url("../images/icon/icon_folder_fill_20.svg") #007bff;
    background-repeat:no-repeat;
    left: 0;
    padding: 5px 4px 5px 20px;
    position: absolute;
    top: 1px; /*参照アイコンの位置*/
    left:5px;
    background-position:5%;
    display:inline-block;
}

.file-upload_input:hover::before {
    background: #f5faf9;
    border-radius: 3px;
    color: white;
    content:"  ファイルを選択";
    background:url("../images/icon/icon_folder_fill_20.svg") #0269d9;
    background-repeat:no-repeat;
    left: 0;
    padding: 5px 4px 5px 20px;
    position: absolute;
    top: 1px; /*参照アイコンの位置*/
    left:5px;
    background-position:5%;
    display:inline-block;
}

/* ブラウザによるデフォルトのファイルアップロードボタンを不可視にする */
.file-upload_input::-webkit-file-upload-button {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));
    background-color: transparent;
    border: 0;
    margin: 5px 10px 0 0;
    padding:0px 20px 0px 0px;
    visibility:hidden;
    top: 0px;
}

/*添付ファイル削除ボタン*/
.file-delete {
    /*margin-top: 0px;*/
    margin: 0px 10px 0 0;
    padding: 3px 10px 10px 20px;
    background:#dc3545;
    border-radius: 3px;
    border:none;
    background:url("../images/icon/icon_dustbin.svg"),#dc3545;
    background-repeat:no-repeat;
    top: 1px; /*削除アイコンの位置*/
    background-position:5px center;
    margin-left:8px;
    margin-top:2px; 
}

.file-delete:hover {
    margin: 0px 10px 0 0;
    padding: 3px 10px 10px 20px;
    background:#dc3545;
    border-radius: 3px;
    border:none;
    background:url("../images/icon/icon_dustbin.svg"),#bf2e3c;
    background-repeat:no-repeat;
    top: 1px; /*削除アイコンの位置*/
    background-position:5px center;
    margin-left:8px;
    margin-top:2px; 
}

/*添付ファイルリンク*/
.resisterFileLink{
    margin-left:7px;
}

/*業者メインメニューのコンテナ*/
.gyosya_main_menu{
    position: relative;
    width: 224px;
    /*height: 108px;*/
    padding: 22px 0px 0px 31px;
    border-radius: 4px;
    background-color: white;
    box-shadow: rgba(32, 34, 38, 0.12) 0px 0px 1px 0px, rgba(32, 34, 38, 0.12) 0px 3px 8px 0px;
}

.gyosya_main_menu_shinsei::after {
    position: absolute;
    content: "";
    top: 0px;
    bottom: 0px;
    left: 30px;
    top:0px;
    height: 35px;
    margin: auto;
    border-left: 10px solid #b7d5f8;
}

.gyosya_main_menu_shinsei_jotai::after {
    position: absolute;
    content: "";
    top: 0px;
    bottom: 0px;
    left: 15px;
    top:0px;
    height: 35px;
    margin: auto;
    border-left: 10px solid #b7d5f8;
}


/*MyGrid関連*/
div.myGridStyle1
{
    width: 1000px;
    height: 400px;
    margin-left:5px;
}   


/*
    CSSのposition: stickyでテーブルのヘッダー行・列を固定する
    
    参考URL https://qiita.com/orangain/items/6268b6528ab33b27f8f2

*/
.sticky_table thead th {
    /* 縦スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    /* tbody内のセルより手前に表示する */
    z-index: 1;
    background-color:#32F4FF;    /*#33ccff;*/
    border:1px solid gray;
    color:black;
}

/* 横スクロール時に固定する 

.sticky_table th:first-child {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
}

.sticky_table td:first-child {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
}
    
.sticky_table thead th:first-child {
    z-index: 2;
}
*/


/*2025.09.25*/
/* 1列目:No、2列名:名称  */
/*.sticky_table th:nth-child(2) {*/

/* 1列目:No、2列目:削除、3列名:名称  */
.sticky_table th:nth-child(3) {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 0;
}

/*2025.09.25*/
/*.sticky_table td:nth-child(2) {*/
.sticky_table td:nth-child(3) {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 0;
}

/*2025.09.25*/
/*.sticky_table thead th:nth-child(2) {*/
.sticky_table thead th:nth-child(3) {
    /* ヘッダー行内の他のセルより手前に表示する */
    z-index: 2;
}

/* 縦スクロールのみ */
.sticky_table_y thead th {
    /* 縦スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    /* tbody内のセルより手前に表示する */
    z-index: 1;
    background-color:#32F4FF;    /*#33ccff;*/
    border:1px solid gray;
    color:black;
}






.sticky_table_wrapper {
   /* overflow: scroll;*/
    width: calc(100vw - 1rem);
    /*width: 400px;*/
    height: 75vh;
}

/*gvのヘッダーを上揃え*/
.gv_Header{
    vertical-align:top
}