* {
        list-style: none;
}

ul#pulldown-menu a {
        color: #FFFFFF;
        text-decoration: none;
        transition: all 0.2s ease-out;
        font-family: "Meiryo";
}
ul#pulldown-menu li a:link,
ul#pulldown-menu li a:visited {
        background: #708090;
}
ul#pulldown-menu li ul li a:link,
ul#pulldown-menu li ul li a:visited {
        background: #448ae5;
}
ul#pulldown-menu li ul li ul li a:link,
ul#pulldown-menu li ul li ul li a:visited {
        background: #72a4e5;
}
ul#pulldown-menu li a:hover,
ul#pulldown-menu li a:active,
ul#pulldown-menu li ul li a:hover,
ul#pulldown-menu li ul li a:active,
ul#pulldown-menu li ul li ul li a:hover,
ul#pulldown-menu li ul li ul li a:active {
        background: #FF9933;
}

ul#pulldown-menu li {
        float: left;
        position: relative;
        margin: 0.4em 0.2em 0 0;
        width: 9em;
        height: 2em;
        font-weight: bold;
        line-height: 2em;
        font-family: "Meiryo";
}
ul#pulldown-menu li a {
        display: block;
        height: 2em;
        text-align: center;
}

ul#pulldown-menu li ul li {
        float: left;
        margin: 0;
        height: 3em;
        line-height: 3em;
        font-weight: normal;
}
ul#pulldown-menu li ul li a{
        display: block;
        height: 3em;
        text-align: center;
}
ul#pulldown-menu li ul li ul li{
        width: 15em;
}
ul#pulldown-menu li ul li ul li a
{
        height: 3em;
        padding-left:0.5em;
        text-align:left;
}
/* 下層のメニューを不可視に */
ul#pulldown-menu li ul,
ul#pulldown-menu li ul li ul {
        display: none;
}

/* 疑似要素 :hover で子メニューを可視、孫メニューを不可視に */
ul#pulldown-menu li:hover ul {
        display: block;
        position: absolute;
        z-index: 100;
}

ul#pulldown-menu li:hover ul li ul {
        display: none;
}

/* 疑似要素 :hover で孫メニューを可視に */
ul#pulldown-menu li ul li:hover ul {
        display: block;
        position: absolute;
        top: 0;
        left: 9em;
        z-index: 200;
}

/*ACROSS2ログインページ*/
.login {
    font-family: 'メイリオ', Meiryo, '游ゴシック', YuGothic, sans-serif;
    line-height: 1.75;
}

.login .notice {
    border: 3px solid #1553A4;
    padding: 20px;
    min-height: 5%;
    width: 80%;
    }

.loginbutton {
    background: #1553A4;
    width: 400px;
    height: 50px;
    display: inline-block;
    font-weight: 400;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    margin: 1rem 0rem 0rem 0rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.5rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.multilinebutton {
    background: #1553A4;
    width: 600px;
    height: 50px;
    display: inline-block;
    font-weight: 400;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    margin: 1rem 0rem 0rem 0rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.5rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.loginbutton:hover,
.loginbutton:focus {
    background-color: #6797D0;
}

.multilinebutton {
    background: #1553A4;
    white-space: normal;
    width: 50px;
}

.inputform input {
    width: 300px;
    height: 32px;
    box-shadow: 0 2px 0 0 #eae9e9 inset;
    border-radius: 0.5rem;
    border: 1px solid #cecece;
    font-size: 17px;
    background: #f6f6f6;
}

.inputform input[type="text"]:focus,
.inputform input[type="password"]:focus {
    box-shadow: 0 0 5px 0 #1553A4;
    outline: 0;
}

/*オートコンプリート欄のカスタマイズCSS*/
.AutoCompleteCssAtt {
    list-style: none;
    padding: 0px;
    border: 1px solid buttonshadow;
    border-image: none;
    text-align: left;
    color: windowtext;
    visibility: hidden;
    position: absolute;
    cursor: default;
    background-color: window;
    /*長さはD0282で設定　min-width: 400px;*/
}

/*プレイスホルダーの文字の濃さ*/
::-webkit-input-placeholder { /* Chrome */
  color:#c7c7c7;
}

/* お知らせをモーダルで表示 */
/* modal CSS all*/
.modalArea {
    display: none;
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*modal outside backgroundcolor*/
.modalBg {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

/* modal inside content */
.modalWrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 70%;
    padding: 20px;
    background-color: #fff;
    border-radius: 10px;
}

/* modal close x button position */
.closeModal {
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    cursor: pointer;
    font-size: 1em;
}

.tips-content {
    border-radius: 7px;
    display: none;
    position: absolute;
    background-color: #708090;
    border: 1px solid #702929;
    padding: 10px;
    z-index: 1;
    white-space: nowrap;
}

.tips-target:hover .tips-content {
    display: block;
}

.tips-target {
    position: relative;
    cursor: pointer;
    padding: 0 5px;
    font-size: 110%;
    display: inline-block;
    width: 0.9em;
    height: 1.3em;
    text-align: center;
    line-height: 1.4;
    border-radius: 100%;
    background: #FF9933;
    color: #FFF;
    font-weight: bold;
}