#customAlert {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    background-color: white;
    border: 1px solid #ddd;
    z-index: 1000;
}

.toggle-password {
    margin-left: -30px;
}

.logo_img {
    width:auto;
    height:50px;
}

#header {
/*    border-bottom: 1px solid #999; */
    padding-top: 10px;
    padding-bottom: 10px;
}

#menu_block {
/*    border-right: 1px solid #999; */
    color: black;
}

#main_menu {
    display: block;
    margin: 0px !important;
    margin: 0 -10px !important;
    padding: 0px !important;
}

#main_menu a {
    margin: 0px !important;
    padding: 10px !important;
    text-decoration-line: none;
}

#main_menu a:hover {
    /* font-weight: bold; */
    color: #000;
    background-color: #E9E9E9;
}

#main_contents {
    padding-top: 10px;
    padding-bottom: 10px;
}

#footer {
/*    background-color: #666;
    color: #FFF; */
    padding-top: 10px;
    padding-bottom: 10px;
}

.text_l {
    text-align: left;
}

.text_c {
    text-align: center;
}

.text_r {
    text-align: right;
}

#main_contents h1, #main_contents h2 {
    border-left:10px solid #009933;
    padding-left:10px;
}
#main_harf h2 {
    border-bottom:2px solid #666;
    border-left: none;
}
a {text-decoration-line: none !important;}

a.button:link, a.button:visited {
    border: 1px solid #CCC;
    border-radius: 5px;
    padding: 2px 10px 4px;
    background-color: #EEE;
}

a.button:hover, a.button:active {
    border: 1px solid #CCC;
    border-radius: 5px;
    padding: 2px 10px 4px;
    background-color: #666;
    color: #FFF;
}