/* =====================================================
   ログイン画面 専用CSS (Login.cshtml)

   脱absolute対応: position: absoluteをやめFlexbox/通常フローに
   置き換えています。inlineに戻るとwidth/heightが効かなくなるため、
   spanやa要素にはdisplay: blockを明示しています。

   companyInfoFooter/sslNotice/todayDateは、MainMenu.cshtml/
   mainMenu.cssの同名要素とid/クラス名を揃えています。

   genericStyle.cssの.standardPageContainerで囲んでいます。
   ===================================================== */

.todayDate {
    display: block;
    color: Navy;
    font-size: smaller;
    font-weight: bold;
    width: 240px;
}

.sslSection {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    margin: 12px 0;
}

.sslNotice {
    font-size: smaller;
    line-height: 1.0;
    margin: 0;
}

.sectionDivider {
    height: 4px;
    width: 100%;
    background-color: #8080FF;
}

.loginForm {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    margin: 12px 0;
}

.loginField {
    display: flex;
    align-items: center;
    gap: 12px;
}

/* アイコン幅(88px/114px)の差を吸収し、入力欄の左端を揃えるための枠 */
.loginIconWrap {
    display: flex;
    justify-content: flex-end;
    width: 114px;
}

#loginIdIcon {
    height: 29px;
    width: 88px;
}

#loginPasswordIcon {
    height: 29px;
    width: 114px;
}

.loginInput {
    border-style: Inset;
    font-size: larger;
    font-weight: bold;
    width: 209px;
}

.loginButtons {
    display: flex;
    gap: 16px;
}

.loginButtonImage {
    height: 30px;
    width: 111px;
}

.companyInfoFooter {
    display: flex;
    align-items: center;
    gap: 20px;
    margin: 12px 0;
}

#companyLogo {
    height: 62px;
    width: 62px;
}

.companyInfoText {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: smaller;
}

#footerCompanyName {
    color: #404040;
}

#companyAddress {
    color: #404040;
}

#companyPhone {
    color: #404040;
}