/* 全体 */
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;
}
    


/* 見出し */

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;
}
.num_required{
    text-align:right;
    ime-mode: disabled; /* IE独自のスタイル・シート仕様。他ブラウザには影響はない */
    background-color:lightyellow;
    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:lightyellow;
    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 */

.mp_button_small {

    /*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:hover {
    border:1px groove #3f4c6b;   /*bluegray*/

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

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

.mp_button_small_disabled{
    
    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 {

    /*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: 5px;

    /* イメージファイルと競合してグラデーションするにはここに記述はしない */
    /*
    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: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: #333333;

}


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

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

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

.mp_button_disabled{
    
    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_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{
    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%;
}
/* 出力処理(PDF) */
.mp_icon_pdf{
    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{
    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%;
}
/* 設定処理 */
.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_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 {
    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_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%;
}



/*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:1px solid #DDDDDD;
    margin:0px 0px 3px 3px;
    padding-left:3px;
          
    
    /*height:500px;*/
    /*height:100%;*/
    overflow:auto;
}

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 */

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

/* ラベル（青） */
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;
    border-radius: 2px;
    height:20px;
}

/* ラベル（シルバー） */
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;
    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); /* 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;
}

/* 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 {
    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:lightyellow;
    border:1px solid gray;
    color:black;
}
table.typeY td {
    border:1px solid gray;
}

/* 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 {
    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:lightcyan;
    border:1px solid gray;
    color:black;
}
table.typeC td {
    border:1px solid gray;
}


/* 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;*/
}




/* GridView用　ページャデザイン 
    https://ameblo.jp/insanity-happily/entry-11624153199.html */
tr.pagerStyle {
    background-color:lightgray;
}

/* 表示中のページ番号(文字色が水色に反転) */
tr.pagerStyle span
{
    text-decoration: none;
    color: #00FFFF; /*background-color:Black;*/
    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;
/*
  -moz-transform: skew(30deg);
  -ms-transform: skew(30deg);
  -webkit-transform: skew(30deg);
  transform: skew(30deg);
*/
  /*-moz-transform: skew(45deg);*/
  /*-ms-transform: skew(45deg);*/
  /*-webkit-transform: skew(45deg);*/
  transform: skew(45deg);
}
.stepBar .step:before {
  bottom: 0;
/*
  -moz-transform: skew(-30deg);
  -ms-transform: skew(-30deg);
  -webkit-transform: skew(-30deg);
  transform: skew(-30deg);
*/
  /*-moz-transform: skew(-45deg);*/
  /*-ms-transform: skew(-45deg);*/
  /*-webkit-transform: skew(-45deg);*/
  /*transform: skew(-45deg);*/
}
.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:red;
}