/* MasterPage */
* {
    padding: 0;
    margin-left: 0;
    margin-right: 0;
}

body {
    background-color: #444;
    color: #fff;
    font: 14px/20px 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

a {
    text-decoration: none;
    word-break: break-word;
}

#Header {
    background-color: white;
}

div.LinkMenu {
    background-color: white;
    text-align: right;
    height: 20px;
}

    div.LinkMenu a {
        padding: 0 0.3em;
        border-right: 0.8px solid #eee;
    }

#TitleImage {
    background: #e7f5f8 url('../img/common/title2.png') left top no-repeat;
    height: 70px;
}

#PortalSiteImage {
    background: #e7f5f8 url("../img/common/portalmenu.png") center top no-repeat;
    height: 70px;
}

div.PanList {
    background-color: white;
    height: 20px;
}

div.pan {
    text-align: left;
    color: #777777;
    background: url('../img/common/pan.jpg') left top repeat;
    padding-left: 5px;
}

#Contents {
    color: black;
    display: flex;
    background-color: white;
    height: calc(100vh - 188px);
    overflow: auto;
    flex-direction: column;
    align-items: center;
    word-break: break-all
}

#Footer {
    position: fixed;
    bottom: 0;
    width: 100%;
}

div.Copyright {
    text-align: left;
    height: 30px;
    line-height: 30px;
    padding-left: 5px;
}

/* 第一要素 */
#SearchSpace, #CompleteMessageSpace, #OrderDetailSpace {
    background: url('../img/common/meta_title.jpg' ) left top repeat;
    border: 1px solid #eee;
    margin-top: 5px;
    font-size: 1.5em;
    line-height: 1.2em;
    display: flex;
    justify-content: center;
    width: calc(100% - 2px);
    padding: 10px 0px;
}

#SearchBox {
    display: flex;
    align-items: flex-end;
}

#CustomSearchBox {
    display: flex;
    flex-direction: column;
}

    #CustomSearchBox .SearchBottomItem {
        padding-top: 0.5em;
    }


#GridViewSpace {
    font-size: 1.5em;
    padding-top: 10px;
}

#ContentPlaceHolder2_GridView1 {
    font-size: 0.8em;
}

#ContentPlaceHolder2_lbl_message {
    font-size: 1.7em;
    line-height: 1.5em;
}

/* 各画面共通要素(注意文章) */
#bottomSpace {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

#WarnMessage {
    color: red;
    line-height: 1.2em;
    height: 7em;
}

/* 各画面共通要素(ソート矢印) */
.SortDESCAllow {
    background: url('../img/common/descAllow.png') right 10px center no-repeat;
    background-size: 20px;
}

.SortASCAllow {
    background: url('../img/common/ascAllow.png') right 10px center no-repeat;
    background-size: 20px;
}

/* 各画面共通要素(ボタン)*/
input.rightButton {
    margin-left: 1em;
}

input {
    font-size: 1em;
    line-height: 1em;
}

.SearchButton {
    margin-left: 20px;
    border-style: none;
    padding: 0.5em;
}

/* 各画面共通要素(送信ボタン類) */
#subButtons {
    display: flex;
    height: 1.75em;
    font-size: 1.2em;
}

input.subButton {
    border-style: none;
    background-color: #eee;
    padding: 5px 1em;
}

    input.subButton:hover {
        background-color: #000;
        color: #fff;
    }

/* 各画面共通要素(完了画面) */
#CompleteMessageSpace {
    font-size: 2em;
    line-height: 1em;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: 5em;
}

    #CompleteMessageSpace #subButtons {
        font-size: 1em;
        height: 2em;
    }

.dispNone {
    display: none;
}

#CompleteMessage {
    display: flex;
    flex-direction: column;
    padding: 1em 0em;
}

#OjigiImage {
    height: 200px;
}

/* 各画面共通要素(エラーメッセージ) */
#messages {
    color: red;
}

#ContentPlaceHolder1_ErrorMes.errorMessage {
    color: red;
}

/* 各画面共通要素(ドロップダウンリスト) */
select {
    background-color: #eee;
    border-style: none;
    padding: 5px;
    font-size: 1em;
    width: 12em;
}

/* AnnounceField:お知らせ欄 */
#AnnounceField {
    background-color: #FFF;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    height: 100px;
    width: 50em;
    margin-top: 1em;
    word-break: break-all;
}

#AnnounceSpace {
    text-align: center;
    color: #000;
    font-size: 1.2em;
    line-height: 1.1em;
    padding: 1em 0;
    height: 8em;
    width: 50em;
    overflow: auto;
}

.AnnounceTitle {
    color: #0094FF;
    margin-bottom: 1em;
    font-weight: bold;
    font-size: 1.5em;
}

/* 各画面共通要素(GridView) */

table th {
    height: 2.5em;
    font-size: 1.2em;
}

table td {
    padding: 0.3em;
    height: 2.4em;
    word-break:break-all;
}

/* GridView ページャ */

.Pager a:link {
    color: #C0CDDC;
    text-decoration: underline;
}

.Pager span {
    color: #FFFFFB;
    font-size: 1.2em;
}

.Pager td {
    padding: unset;
    font-weight: bold;
    height: 3em;
}

    .Pager td td {
        padding: 0em 0.3em;
        height: 1em;
    }

.Pager a:hover {

    color: #FFFFFB;

}

/* WEB_001:ログイン */
#loginViewContents {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#loginContents {
    display: flex;
    font-size: 2.3em;
    line-height: 1.5em;
}

    #loginContents .loginImage {
        width: 4.4em;
        margin-top: 1.3em;
    }

    #loginContents input {
        font-size: 1em;
        line-height: 1.1em;
    }

        #loginContents input.subButton {
            width: 6em;
        }

#loginItems {
    display: flex;
    flex-direction: column;
    margin-left: 3em;
    width: 13em;
}

    #loginItems #subButtons {
        display: flex;
        justify-content: space-between;
        margin-top: 1em;
        align-items: flex-end;
        font-size: 1em;
    }

    #loginItems #messages {
        white-space: nowrap;
        width: 10px;
        height: 2em;
    }

    #loginItems .errorMessage {
        font-size: 0.7em;
    }

/* WEB_003：ポータルメニュー */
#PortalMenuContents {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#IconsContents {
    display: flex;
    font-size: 2em;
    line-height: 1.2em;
    margin-top: 1em;
}

div.Orders {
    display: flex;
    flex-direction: column;
    background-color: #BDD7EE;
    border-radius: 1em;
}

    div.Orders div.orderIcons {
        display: flex;
    }

div.iconsContent {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    min-width: 200px;
    width: 13vw;
}

div.icon {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    min-width: 200px;
    width: 13vw;
}

.iconsTitle {
    height: 30px;
    font-weight: bold;
    padding: 0.5em;
}

.iconTitleTop {
    padding-top: .5em;
}

.iconTitleBottom {
    padding-bottom: .5em;
}

input.iconImage {
    height: 112px;
    width: 112px;
}

.NoreturnButton {
    display: none;
}

/* WEB_101：集配状況 */
#GridView101{
    width: 46em;
}

#SearchBox.searchbox101{
    width: 46em;
}

/* WEB_102：ユニフォーム検索 */
#GridSize102{
    width: 60em;
}

#SearchBox.searchbox102 {
    width: 60em;
}

.passMess102{
    font-size: 1.4em;
}
/* WEB_201：パスワード変更*/
#passChangeSpace {
    display: flex;
    font-size: 1.5em;
    line-height: 1.2em;
    padding-top: 10px;
}

#passSpace{
    display: flex;
    flex-direction: column;
}

.pass201{
    width: 13em;
}

#web201_message{
    color: red;
}

#loginImage.Image201 {
    padding-top: 0.5em;
    padding-right: 0.5em;
}
/* WEB_202：パスワード変更結果 */
#passMessSpace{
    padding-top: 0.5em;
}

#loginImage.Image202{
    padding-top: 1em;
}

/* WEB_301：管理用顧客一覧*/
#GridSize301{
    width: 56em;
}

#SearchBox.searchbox301{
    width: 56em;
}

/* WEB_302：ユーザ編集 */
#UserInfoSpace{
    font-size: 1.5em;
    line-height: 1.2em;
    padding-top: 0.5em;
}

.leftControl302{
    width: 10em;
}

.RowSpace302{
    display: flex;
    padding: 0.3em 0; 
}

#GridSize302{
    width: 18em;
}

/* WEB_401：白衣注文書選択 */
#web401Grid #ContentPlaceHolder2_lbl_message {
    padding-right: 10em;
}

.searchbox401, #GridSize401{
    width: 58em;
}

#GridSize401 {
    display: flex;
    height: 618.58px;
    overflow-y: auto;
}
/* WEB_402：注文内容入力 */
#GridSize402, #GridSize412 {
    width: 62.5em;
    height: 19.5em;
    overflow: auto;
}

    #GridSize412{
        height:24.5em;
    }

    #GridSize402 .errorMessage, #GridSize412 .errorMessage {
        line-height: 1.2em;
    }

.textUnderLine {
    text-decoration: underline;
}

#OrderDetailSpaceWidth {
    width: 62.5em;
    display: flex;
    justify-content: space-between;
    height:7.8em;
    overflow:auto;
}

#Busyos {
    margin-top: 5px;
    display :flex;
}

    #Busyos .busyoPost {
        width: 10em;
    }
    #Busyos .busyoOccupation {
        width: 10em;
    }
    #Busyos .busyoSeibetFromWid {
        width: 79px;
    }


.occuupationLabel {
    margin-left: 5em;
}

#OrderNames {
    font-weight: bold;
    font-size: 1.2em;
}

#InputSpace {
    margin-top: 10px;
    display: flex;
    height: 4.5em;
}

.inputText {
    width: 14em;
}

.inputDateText {
    width: 9em;
}

div.inputcol, div.viewcol {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

div.inputcol {
    margin-left: 0.5em;
    margin-right: 4em;
}

#FreeWordSpace {
    height: 99%;
    width: 18em;
    background-color: white;
    border: 1px solid #000;
    word-break: break-all;
    overflow: auto;
}

#InputSpace1 {
    display: flex;
    flex-direction: column;
}

#InputSpace2 {
    display: flex;
    flex-direction: column;
}

.ui-datepicker-trigger {
    cursor: pointer;
    margin-left: 2px !important;
    vertical-align: middle;
    width: 1.2em;
}

.bottom402, .bottom412 {
    width: 62.5em;
}

    .bottom402 input, .bottom412 input {
        font-size: 21px;
    }

/* WEB_411*/
#GridSize411 {
    width: 71em;
    height: 618.58px;
    overflow-y: auto;
}

.bottom412 {
    display: flex;
    flex-direction: column;
}
.searchbox411 {
    width: 71em;
}
/* WEB_412 */
div.buttons412 {
    width: 100%;
    justify-content: flex-end;
}

.PdfButton412{
    width: 5em;
}

#GridHeight412 {
    height: 25em;
    overflow: auto;
}

#OrderDetail2 {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
}

/* WEB_421 */
.searchbox421 {
    width: 72em;
}

#GridSize421 {
    width: 72em;
    height: 628.58px;
    overflow-y: auto;
}

/* WEB_422 */
#OrederStatusSpaceWidth {
    width: 66em;
    display: flex;
    justify-content: space-between;
    height: 8.1em;
    overflow-y: auto;
}

#GridSize422 {
    height: 22em;
    overflow: auto;
    width: 66em;
}

.colViewLabel {
    height: 1.2em;
    width: 11.2em;
}

.bottom422 {
    width: 66em;
}

    .bottom422 input {
        font-size: 18px;
    }

/*WEB_501*/
#SearchBox501 {
    width: 76.5em;
    display: flex;
    justify-content: space-between;
}

#GridSize501 {
    width: 76.5em;
    height: 618.58px;
    overflow-y: auto;
}

#OutPutButtonSpace501 {
    display: flex;
    align-items: flex-end;
    height: 100%
}

/*WEB_502503*/
.LeaseHead {
    margin-top: 10px;
    display:flex
}
.LeaseHead .busyoSeibetFromWid{
    margin-left:79px;
}
.occuupationLabelHead{
    margin-left:3em;
}

div.buttons502503 {
    width: 100%;
    justify-content: flex-end;
}

#LeaseDetailSpaceWidth {
    width: 60em;
    display: flex;
    justify-content: space-between;
    height: 145px;
    overflow-y: auto;
}

.bottom503, .bottom502 {
    display: flex;
    flex-direction: column;
    font-size: 1.5em;
    line-height: 1.2em;
}

.bottom502, .bottom503 {
    width: 60em;
}

    .bottom502 input, .bottom503 input {
        font-size: 21px;
    }

/*WEB_502*/
#GridSize502 {
    height: 25em;
    overflow-y: auto;
}
/*WEB_503*/
#InputTransferSpace {
    font-size: 1.5em;
    line-height: 1.2em;
    width: 60em;
}

#InputErrormess503 {
    font-size: 1.5em;
    line-height: 1.2em;
    width: 60em;
}

#InputTransferPlaceSpace {
    margin-top: 10px;
    display: flex;
    flex-direction: column
}

#GridSize503 {
    height: 15em;
    overflow-y: auto;
}

/* WEB_510 */
#Head510{
    font-size: 2em;
    line-height: 1em;
    display: flex;
    flex-direction: column;
    padding: 20px 20px 0 20px;
}

#HeadTopTitle510{
    font-size: 1.5em;
    line-height: 1.2em;
    font-weight: bold;
}

#HeadMidTitle510{
    margin-top: 0.5em;
    line-height: 1em;
}

#HeadButtomTitle510{
    margin: 0.5em 0;
}

.textUnderBold {
    font-weight: bold;
}

.line{
    font-size: 0.5em;
}

#ContentPlaceHolder2_Table1 {
    font-size: 1.5em;
    margin-top: 28px;
    width: 600px;
}

#TableSpace510{
    height:28em;
    overflow:auto;
}

table.table510 td {
    height: auto;
    line-height: 1.8em;
    padding: 0.1em 0.5em;
}
    table.table510 td input[type=checkbox], #Subcheckbox510 input[type=checkbox] {
        transform: scale(1.5);
    }

    table.table510 td label{
        padding-left: 5px;
    }

    table.table510 td .checkboxlist510 {
        width: 100%;
    }
    table.table510 td .checkboxlist510 td{
        padding: 0;
    }

.resignationDate{
    width: 9em;
}

#errorMessageSpace510{
    font-size: 1.5em;
    line-height: 1.5em;
    padding: 0.5em;
    height: 3em;
    width: 450px;
}

#Subcheckbox510{
    font-size: 1.5em;
    line-height: 1.2em;
    padding-bottom: 0.5em;
}

#subButtons.subbutton510 {
    width: 600px;
    font-size: 28px;
    line-height: 1.2em;
    height: 1.5em;
    display: flex;
    justify-content: space-around;
    padding: 0.5em 0em;
}

.button510 {
    width: 5em;
}
/*同意画面*/
input.doui {
    font-size: 1.1em;
    padding: 5px 1em;
    background-color: #eee;
    color: #000;
    border-style: solid;
    border-color: #000;
    width: 116px;
    height: 35px;
}

/*------------*/
div.meta_title {
    position: relative;
    padding: 5px 0 0.2em 40px;
    line-height: 1em;
    /*background:url('../img/common/sentakuki.jpg' ) left top no-repeat;*/
    background: url('../img/common/meta_title.jpg' ) left top repeat;
    font-size: 12.6px;
    border: 1px solid #eee;
    min-height: 40px;
}

    div.meta_title div.sentakuki {
        position: absolute;
        left: 0;
        top: 5px;
        background: url('../img/common/sentakuki.jpg' ) left top no-repeat;
        width: 40px;
        height: 40px;
    }

    div.meta_title span.hospital {
        font-size: 1em;
    }

/*------------*/
div.wrap {
    padding: 0 0.5em;
}

/*------------*/
div.doui_doc table {
    border-style: none;
    border-collapse: collapse;
    border: 0px;
    width: 100%;
    line-height: 150%;
}

div.doui_doc td.article {
    text-align: center;
    vertical-align: top;
    width: 4.5em;
}

div.doui_doc td.section {
    text-align: left;
    vertical-align: top;
    width: 3em;
    text-indent:0.5em;
}

div.doui_doc td.doc_indent {
    text-indent: 1.2em;
    padding : 0.1em 0.5em;
}

div.doui_doc a.doui_link {
    display: inline-block;
    text-indent: 0em;
    text-decoration: none;
    border-bottom: 1px #00f solid;
    color: #00f;
}

div.doui_doc td {
    height: 1.4em;
    padding:0.1em;
}

/* WEB_901：ログオフ */
#LogoffMessageSpace {
    background: url('../img/common/meta_title.jpg' ) left top repeat;
    border: 1px solid #eee;
    font-size: 1.5em;
    line-height: 1.2em;
    display: flex;
    justify-content: center;
    width: calc(100% - 2px);
    margin: 10px 0;
    height: 3em;
}
/* ERR_001：エラーページ */
#ProcessErrorSpace {
    font-size: 1.5em;
    line-height: 1.2em;
    display: flex;
    flex-direction: column;
    padding: 1em;
}