.ClientCertificate
{
    font-size: 10pt;
    font-family: Meiryo UI, Sans-Serif;
    background-color: #ebfbf1;
    width: 620px;
}

.ClientCertificate .TitleArea
{
    background-color: #89cab4;
    padding: 5px 10px;
}


.ClientCertificate .IconAreaForError
{
    margin: 20px;
    width: 36px;
    height: 36px;
    background-image: url("../CommonTheme/svg/info.svg");
    background-repeat: no-repeat;
    float: left;
}

.ClientCertificate .MessageArea
{
    margin: 20px 10px;
    width: 600px;
    word-break: break-all;
    word-wrap: break-word;
}

.ClientCertificate .ButtonArea {
    padding: 15px 0 15px 10px; /* 上右下左 */
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto; /* max-contentはIE非対応のためautoに */
    margin: 0 auto; /* 横中央寄せ */
}

.ClientCertificate .ButtonArea > *:not(:last-child) {
    margin-right: 50px; /* ここでボタン間の間隔を調整 */
}

.ClientCertificate .ButtonArea .Button1
{
    background-image: url("gif/menu7.gif");
    background-repeat: no-repeat;
    padding-top: 1px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    color: #000000;
    font-size: 10pt;
    font-family: Meiryo UI, Sans-Serif;
    width: 220px;
    height: 20px;
    cursor: pointer;
}

.ClientCertificate .ButtonArea .Button2 {
    background-image: url("gif/menu2.gif");
    background-repeat: no-repeat;
    padding-top: 1px; 
    text-align: center;
    text-decoration: none;
    display: inline-block;
    color: #000000;
    font-size: 10pt;
    font-family: Meiryo UI, Sans-Serif;
    width: 100px;
    height: 20px;
    cursor: pointer;
}

.ClientCertificateBackground
{
    background-color: black;
    filter: alpha(opacity=25);
    opacity: 0.25;
    zoom: 1; /* ModalPopupExtenderでポップアップ表示した際、親画面の背景スタイルがCSSで定義しても生きない(IEのみ)。有効にを適用させるために必要。*/
}