body  { font-family:'MS Gothic'; }
input::-ms-reveal { visibility:hidden; }

#divMenu {

    clear: both;
    float: left;
}

#divContent {
    clear: both;
}

#divMenu ul {
    margin: 0; 
    padding: 0; 
    list-style: none;
}

#divMenu li{ 
    display: inline; 
    padding: 0; 
    margin: 0; 
    float: left;
    vertical-align:middle;
}

#divMenu li a{
    display: block; 
    border: 1px solid #666;
    background-color: lightgreen;
    padding: 10px;
    text-decoration: none;
    color: #000000;
    width: 95px; 
    margin: 1px;
    text-align: center;
    font-size: 11px;
    height: 9px;
}
#divMenu li a:hover{
    background-color: darkorange;
    color: #fff;
}

#divMenuTab {
    height: 30px;
}

#divMenuTab ul {
    margin: 0; 
    padding: 0; 
    list-style: none;
}

#divMenuTab li{ 
    display: inline; 
    padding: 0; 
    margin: 0; 
    float: left;
}

#divMenuTab li a{
    display: block; 
    border: 1px solid #666;
    background-color: #0094ff;
    padding: 8px;
    text-decoration: none;
    color: #fff;
    width: 100px; 
    margin: 1px;
    text-align: center;
    font-size: 14px;
    height: 10px;
}
#divMenuTab li a:hover{
    background-color: darkorange;
    color: #fff;
}

/*タイトル*/
#spnTitle {
    font-size:32px;
    font-weight:bold;
}

/*入力項目エリア*/
#divEntryArea {
    background-color: #ffdada;
    padding: 10px;
    border-radius : 10px;
    width: 1200px;
    height:230px;
    border-style:dotted;
}

/*依頼票備考項目エリア*/
#divAllSANKI_MEMO {
    background-color: palegreen;
    padding: 10px;
    border-radius: 10px;
    width: 850px;
    border-style: dotted;
}



/*画像ドラッグアンドドロップ領域*/
#dragandrophandler {
    border: 2px dotted #0B85A1;
    width: 200px;
    height: 91px;
    color: #92AAB0;
    text-align: left;
    vertical-align: middle;
    margin-bottom: 10px;
    font-size: 70%;
}
.filename {
            display: inline-block;
            vertical-align: top;
            width: 50px;
            font-size: 70%;
}

#thumb {
    width: 80px;
    hight: 80px;
    color: #92AAB0;
    text-align: left;
    vertical-align: middle;
    margin-bottom: 10px;

}

#photoselect {
    width: 100px;
    max-width：250px;
    text-align: left;
}


#dragandrophandler_loading {
    border:1px dashed #999;
    background-color:#99FF33;
    width: 200px;
    height: 91px;
    color: #92AAB0;
    text-align: left;
    vertical-align: middle;
    margin-bottom: 10px;
    font-size: 70%;
    font-weight:900;
    display: none;
}

#dragandrophandler_loading .loadingMsg{
    text-align:center;
    padding-top:40px;
    width:200px;
    font-size:120%;
    font-weight:900;
    background-position: center top;
    background-repeat: no-repeat;
    font-family: "メイリオ"!important;
}


#dragandrophandler_pdf_loading {
    border:1px dashed #999;
    background-color:#99FF33;
    width: 200px;
    height: 91px;
    color: #92AAB0;
    text-align: left;
    vertical-align: middle;
    margin-bottom: 10px;
    font-size: 70%;
    font-weight:900;
    display: none;
}

#dragandrophandler_pdf_loading .loadingPdfMsg{
    text-align:center;
    padding-top:40px;
    width:200px;
    font-size:120%;
    font-weight:900;
    background-position: center top;
    background-repeat: no-repeat;
    font-family: "メイリオ"!important;
}


.photoclass {
	float: left;
    padding-right: 5px;
    padding-bottom:3px; 
}

/*画像削除ボタン設定*/
#btnDelPhoto {
    background-color: coral;
    width: 80px;
    height: 60px;
}


/*PDFドラッグアンドドロップ領域*/
#dragandrophandler_pdf {
    border: 2px dotted #0B85A1;
    width: 200px;
    height: 90px;
    color: #92AAB0;
    text-align: left;
    vertical-align: middle;
    margin-bottom: 10px;
    font-size: 70%;
}

/*PDF削除ボタン設定*/
#btnDelPdf {
    background-color: coral;
    width: 80px;
    height: 60px;
}

#pdfselect {
    width: 200px;
    max-width：250px;
    text-align: left;
}


/*検索項目入力エリア設定*/
#divSearchArea {
    background-color:aliceblue;
    padding: 10px;
    border-radius : 10px;
    width: 1050px;
    height:55px;
    border-style:double;
}

#divSearchAreaRow1 { clear:both; float:left;                   }
#divSearchAreaRow2 { clear:both; float:left; margin-top: 10px; }
#divSearchButton   {             float:left; margin-left:50px; }

/*送信確認メッセージエリア設定*/
#divChkMessage {
    background-color:lemonchiffon;
    padding: 20px;
    border-color:black;
    border-style:dotted;
    border-radius : 10px;
    width:500px;
}

/*送信完了メッセージエリア設定*/
#divSendMessage {
    background-color: #f995D5;
    padding: 10px;
    border-color:black;
    border-style:dotted;
    border-radius : 10px;
    float: left;
}

/*管理番号表示エリア設定*/
#divDispDataNo {
    background-color: #f995D5;
    padding: 10px;
    border-color:black;
    border-style:dotted;
    border-radius : 10px;
    float: left;
}

/*エリア内の各行*/
#divEntryAreaCol1  { float:left; padding-top:5px; padding-left: 5px; }
#divEntryAreaCol2  { float:left; padding-top:5px; padding-left:10px; }
#divEntryAreaCol3  { float:left; padding-top:5px; padding-left:30px; }
#divEntryAreaCol4  { float:left; padding-top:5px; padding-left:30px; }
#divEntryAreaCol5  { float:left; padding-top:5px; padding-left:20px; }



div.SearchArea { 
    clear: both; 
    float: left;
    padding: 3px;
    width: 880px;
    margin-top: 4px;
}

div.SearchAreaButton { 
    position:absolute;
    left: 890px;
    width: 90px;
    clear: both; 
    padding: 3px;
}

div.SearchAreaCsv { 
    width: 810px;
    clear: both; 
    padding:3px;
}

/*検索ボタン設定*/
#btnSearchScheduleData {
    background-color:steelblue;
    margin: 2px 2px 2px 0;
    width: 75px;
    height: 40px;
    font-size: 18px;
    color: #fff;
}

/*検索条件クリアボタン設定*/
#btnSrcClrData {
    background-color:gainsboro;
    margin: 2px 0 2px 2px;
    width: 75px;
    height: 30px;
    font-size: 12px;
}

label.photoSchedule {
    float:left; 
    width:60px; 
    margin:3px 3px 0 0; 
    text-align:right;
}

select.searchDate {
    width:90px;
} 

/*必須項目色設定*/
#txtinpDRUG_NAME        { background-color:darkorange  }

/*セレクトボックス項目設定*/
#cmbinpMATERIAL_TYPE                { font-size:16px; background-color:darkorange; }
#cmbinpDR                           { font-size:16px; }
#cmbinpIM                           { font-size:16px; }
#cmbinpDO                           { font-size:16px; }
#cmbinpDN                           { font-size:16px; }
#cmbinpPRIORITY_LEVEL               { font-size:16px; background-color:darkorange; }
#cmbsrcMAKING_DATE                  { font-size:16px; }
#cmbsrcENFORCED_DATE_START          { font-size:16px; }
#cmbsrcENFORCED_DATE_END            { font-size:16px; }
#cmbsrcCHPACKAGE_DATE_START         { font-size:16px; }
#cmbsrcCHPACKAGE_DATE_END           { font-size:16px; }
#cmbsrcSHIP_DATE                    { font-size:16px; }
#cmbsrcNewDrugPROGRESS_STATUS       { font-size:16px; }
#cmbsrcChangePackagePROGRESS_STATUS { font-size:16px; }
#cmbsrcNewDrugMAKING_DATE           { font-size:16px; }
#cmbsrcChangePackageMAKING_DATE     { font-size:16px; }

/*入力項目設定*/
#divinpNUM              { width:50px;               padding: 1px;       text-align:center;               }
#divinpYJCODE           {              clear: both; padding-right: 5px; padding-bottom:3px;              }
#divinpDRUG_NAME        {              clear: both; padding-right: 5px; padding-bottom:3px;              }
#divinpMAKER_NAME       {              clear: both; padding-right: 5px; padding-bottom:3px;              }
#divinpBRANCH_CONTENT   {              clear: both; padding-right: 5px; padding-bottom:3px;              }
#divinpSANKI_MEMO       {              clear: both; padding-right: 5px; padding-bottom:3px;              }
#divinpURL1             {              clear: both; padding-right: 5px; padding-bottom:3px;              }
#divinpURL2             {              clear: both; padding-right: 5px; padding-bottom:3px;              }
#divinpURL3             {              clear: both; padding-right: 5px; padding-bottom:3px;              }
#divinpGTINCho          {              clear: both; padding-right: 5px; padding-bottom:3px;              }
#divinpMATERIAL_TYPE    {              clear: both; padding-right: 5px; padding-bottom:3px;              }
#divPhotoDatas          { width:250px; clear: both; padding-right: 5px; padding-bottom:3px; height:45px; }
#divinpDR               { width:48px;  float: left; padding-right: 5px; padding-bottom:3px;              }
#divinpIM               { width:48px;  float: left; padding-right: 5px; padding-bottom:3px;              }
#divinpDO               { width:48px;  float: left; padding-right: 5px; padding-bottom:3px;              }
#divinpDN               { width:48px;  float: left; padding-right: 5px; padding-bottom:3px;              }
#divinpPRIORITY_LEVEL   { width:100px; float: left; padding-right: 5px; padding-bottom:3px;              }
#divinpFILE_TYPE        { width:120px; float: left; padding-right: 5px; padding-bottom:3px;              }
#divinpUSER_NAME        {              clear: both; padding-right: 5px; padding-bottom:3px;              }

#lblinpNUM              { font-weight:bold; color:blue; }
#lblinpYJCODE           { width: 70px; float:left; padding: 3px; }
#lblinpDRUG_NAME        { width: 70px; float:left; padding: 3px; }
#lblinpMAKER_NAME       { width: 70px; float:left; padding: 3px; }
#lblinpBRANCH_CONTENT   { width: 70px; float:left; padding: 3px; }
#lblinpSANKI_MEMO       { width: 70px; float:left; padding: 3px; }
#lblinpURL1             { width: 90px; float:left; padding: 3px; }
#lblinpURL2             { width: 90px; float:left; padding: 3px; }
#lblinpURL3             { width: 90px; float:left; padding: 3px; }
#lblinpGTINCho          { width: 90px; float:left; padding: 3px; }
#lblinpMATERIAL_TYPE    { width:100px; float:left; padding: 3px; }
#lblinpDR               {              float:left; padding: 3px; }
#lblinpIM               {              float:left; padding: 3px; }
#lblinpDO               {              float:left; padding: 3px; }
#lblinpDN               {              float:left; padding: 3px; }
#lblinpPRIORITY_LEVEL   { width:100px; float:left; padding: 3px; }
#lblinpFILE_TYPE        {              float:left; padding: 3px; }
#lblinpUSER_NAME        { width:100px; float:left; padding: 3px; }

/*各項目設定*/
#divMANAGE_ID        { float: left; padding-right: 0.5em; }
#divYJCODE           { float: left; padding-right: 0.5em; }
#divDRUG_NAME        { float: left; padding-right: 0.5em; }
#divMAKER_NAME       { float: left; padding-right: 0.5em; }
#divBRANCH_CONTENT   { float: left; padding-right: 0.5em; }
#divUSER_NAME        { float: left; padding-right: 0.5em; }
#divENFORCED_DATE    { float: left; padding-right: 0.5em; }
#divPROGRESS_STATUS  { float: left; padding-right: 0.5em; }
#divMAKING_DATE      { float: left; padding-right: 0.5em; }
#divDISP_MEMO        { float: left; padding-right: 0.5em; }
#divCHPACKAGE_DATE   { float: left; padding-right: 0.5em; }
#divSHIP_DATE        { float: left; padding-right: 0.5em; }
#divsrcALLSANKI_MEMO { float: left; padding-right: 0.5em; }
#divREPORTDATE       { float: left; padding-right: 0.5em; }


/*追加ボタン*/
#btnAddData {
    width: 120px;
    height:100px;
    font-size: 16px;
    color: #fff;
}

/*マウスホバーで色変更*/
#btnAddData:hover  { background-color: #59b1eb !important; } /*更新時は色を変更するのでimportantが必要*/
#btnCheck:hover    { background-color: #59b1eb;             }
#btnSubmit:hover   { background-color: #59b1eb;             }
#btnComplete:hover { background-color: #59b1eb;             }

/*削除ボタン設定*/
#btnDelData {
    background-color:orangered;
    width: 65px;
    height: 50px;
    font-weight:bold;
}

/*クリアボタン設定*/
#btnClrData {
    background-color:coral;
    width: 65px;
    height: 30px;
}

/*複写チェックボックス設定*/
/*#divchkHold {
    float:left;
    padding-top:15px;
    padding-left:30px;
}*/

/*複写チェックボックス設定*/
#chkHold {
    vertical-align:-15%;
}

/*各ボタン設定*/
#btnInput             { background-color:lightgreen; width: 150px; height: 40px; font-size: 20px; font-weight:bold; }
#btnSearch            { background-color:lightgreen; width: 150px; height: 40px; font-size: 20px; font-weight:bold; }
#btnOutputCsvQuick    {position: absolute; left:900px; top:25px; }


#btnChLink    { background-color:coral; width: 150px; height: 60px; font-size: 20px; position: absolute; left: 930px;  top: 790px;  }
#btnCheck     { background-color:coral; width: 150px; height: 60px; font-size: 20px; position: absolute; left: 1080px; top: 790px;  }
#btnSubmit    { background-color:coral; width: 150px; height: 60px; font-size: 20px; position: absolute; left: 1080px; top: 470px;  }
#btnBack      { background-color:coral; width: 150px; height: 60px; font-size: 20px; position: absolute; left: 1080px; top: 530px;  }
#btnPrint     { background-color:coral; width: 150px; height: 60px; font-size: 20px; position: absolute; left: 1080px; top: 530px;  }
#btnSearchOff { background-color:coral; width: 150px; height: 60px; font-size: 20px; position: absolute; left: 5px;    top: 750px;  }
#btnSelect    { background-color:coral; width: 150px; height: 60px; font-size: 18px; position: absolute; left: 955px;  top: 750px;  }

#btnMoveNext                { background-color:silver; width: 100px; height: 40px; font-size: 20px;         }
#btnSuperMoveNext           { background-color:silver; width:  50px; height: 40px; font-size: 20px;         }
#btnUltraMoveNext           { background-color:silver; width:  65px; height: 40px; font-size: 20px;         }
#btnMovePrevious            { background-color:silver; width: 100px; height: 40px; font-size: 20px;         }
#btnSuperMovePrevious       { background-color:silver; width:  50px; height: 40px; font-size: 20px;         }
#btnUltraMovePrevious       { background-color:silver; width:  65px; height: 40px; font-size: 20px;         }
#btnNotCompleteMoveNext     { background-color:silver; width: 125px; height: 40px; font-size: 20px;         }
#btnComplete                { background-color:silver; width: 100px; height: 40px; font-size: 20px;         }
#btnNotCompleteMovePrevious { background-color:silver; width: 125px; height: 40px; font-size: 20px;         }
#btnMainteBack              { background-color:silver; width: 100px; height: 40px; font-size: 20px;         }

/*検索ボタン設定*/
#btnSrcData {
    background-color:steelblue;
    width: 100px;
    height: 50px;
    position: absolute;
    left: 930px;
    top: 80px;
    font-size: 16px;
    color: #fff;
}

/*表示件数一覧設定*/
#cmbRefRowCount {
    font-size:16px;
    width:70px;
    height:25px;
}

#divUSERID        { padding:5px  }
#divPASSWORD      { padding:5px  }
#txtLOGINERRORMSG { color:red; }

#fileList {
    table-layout:fixed;
    border-collapse:collapse;
    position:absolute;
    top:60px;
}

#DisplayDrugInfo_Label {
    font-weight:bold;
    position:absolute;
    left: 10px;
    top:135px;
    width: 350px;
}

#DisplayDrugInfo_Yjcode {
    font-weight:bold;
    position:absolute;
    left: 120px;
    top:135px;
    width: 350px;
}

#DisplayDrugInfo_Drug_Name {
    font-weight:bold;
    position:absolute;
    left: 230px;
    top:135px;
    width: 350px;
}

div.ChPackSearchArea {
    background-color:aliceblue;
    padding: 10px;
    border-radius : 10px;
    width: 460px;
    height:50px;
    border-style:double;
    position:absolute;
    left: 570px;
    top:60px;
}

#lblsrcYJCODE           { width: 70px; float:left; padding: 3px; }
#lblsrcDRUG_NAME        { width: 70px; float:left; padding: 3px; }

#lblMainteDisplay {
    color:red;
    font-weight:bold;
}

#LastRequestReport {
    font-weight:bold;
    position:absolute;
    left: 580px;
    top:145px;
}

/*検索ボタン設定*/
#btnChPackSrcData   {
    background-color:steelblue;
    position:absolute;
    left: 370px;
    top:10px;
    width:100px;
    height:50px;
    font-size:16px;
    color:#fff;
}

div.ChPackNotCompleteRecordMoveButtonArea {
    position:absolute;
    left: 5px;
    top:730px;
    clear: both; 
    padding: 3px;
}

div.ChPackRecordCountArea {
    position:absolute;
    left: 330px;
    top:745px;
}

div.ChPackRecordMoveButtonArea {
    position:absolute;
    left: 480px;
    top:730px;
    clear: both; 
    padding: 3px;
}

div.ChPackMainteBackButtonArea {
    position:absolute;
    left: 955px;
    top:780px;
    clear: both; 
    padding: 3px;
}

#divChPackageInfo {
    margin-top: 8px;
    margin-bottom: 8px;
}

#tblChPackageInfo {
    table-layout:fixed;
    border-collapse:collapse;
}

/*Tabs--------------------------------------------------------*/
/*タブ内*/
#Tabs .ui-tabs-panel {
    font-size:medium;
    font-family:sans-serif;
    background-color: aliceblue
}
/*タブ内の入力テキストボックス設定*/
#Tabs .ui-tabs-panel input[type=text] {
    height: 22px;
    font-size:small;
    font-family:sans-serif
}
/*タブ内の入力セレクトボックス設定*/
#Tabs .ui-tabs-panel select {
    height: 22px;
}
/*------------------------------------------------------------*/

/*datepicker--------------------------------------------------*/
/*カレンダーのフォントサイズ*/
.ui-datepicker {
    font-size: 80%;
}
/*------------------------------------------------------------*/

/*jqGrid------------------------------------------------------*/
/*セルのフォントサイズ*/
#grdList tr td {
    white-space: normal;
    word-break: break-all;
    font-size:13px;
}
/*セルのフォントサイズ*/
#grdSearchList tr td {
    white-space: normal;
    word-break: break-all;
    font-size:13px;
}
/*セルのフォントサイズ*/
#grdChPackage tr td {
    white-space: normal;
    word-break: break-all;
    font-size:13px;
}
/*セルのフォントサイズ*/
#grdChPackageInfo tr td {
    white-space: normal;
    word-break: break-all;
    font-size:13px;
}

/*先頭行の高さ*/
.ui-jqgrid table.ui-jqgrid-htable {
    font-size:13px;
} 

/*先頭行の折り返し表示*/
.ui-jqgrid .ui-jqgrid-htable th div, .ui-jqgrid-sortable {
    height:auto;
    overflow:hidden;
    white-space:normal !important;
}
/*------------------------------------------------------------*/