/* --------------------------------------------
CSS-RESET
-------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {padding: 0;margin: 0;}
table {border-collapse: collapse;border-spacing: 0;}
fieldset,img {border: 0;}
address,caption,cite,code,dfn,em,strong,th,var {font-weight: normal;font-style: normal;}
ol,ul {list-style: none;}
caption,th {}
h1,h2,h3,h4,h5,h6 {font-weight: normal;font-size: 100%;}
q:before,q:after {content:'';}
abbr,acronym {border: 0;}
img{vertical-align:middle; text-decoration:none;}
/* --------------------------------------------
Functions
-------------------------------------------- */
a{text-decoration: none; color:white;}
a:hover{font-weight:bold;} 
a:hover img{opacity:0.8;filter:alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";}
/* --------------------------------------------
BaseLayout
-------------------------------------------- */
body{height: 100%;height:100%;margin:0;padding:0;font-size:small;color:gray;
font-family: "ヒラギノ角ゴ Pro W3, メイリオ,Hiragino Kaku Gothic Pro, Osaka, Meiryo, ＭＳ Ｐゴシック, sans-serif";}
div.container{border:1px solid #C0C0C0;margin:auto;min-height:100%;width:900px;}
div.head{background-image:url('../../IMG/ba/headbg.jpg');background-repeat:repeat-x;background-position:bottom;height:70px;width:auto;}
img.logo{vertical-align: middle;text-decoration: none;float: left;margin-top: 5px;margin-left: 10px;}
h1.index{font-weight:bold;color:#3366FF;letter-spacing:0.1em;padding:5px 15px 5px 5px;float:right;font-size:14px;text-align:right;}
div.index{position:relative;background-image:url('../../IMG/bg/pic00.jpg');background-position:right bottom;background-repeat:no-repeat;height:480px;width:900px;background-color:#002C85;}
div.data {
    position: absolute;
    padding: 10px;
}
div.foot{clear:both;text-align:right;background-color:#999999;color:#FFFFFF;padding-top:2px;padding-bottom:2px;font-size:x-small;}
span.foot{padding-right: 15px;}
/* --------------------------------------------
Login
-------------------------------------------- */
table.login{border-style:solid;border-width:1px;border-color:#CCCCCC #FCFCFC #FCFCFC #CCCCCC;margin-left:15px;color:#FFFFFF;margin-top:10px;}
th.login{padding:4px 10px 4px 4px;}
td.login{width:100px;padding:4px;}
td.under{font-size:x-small;vertical-align:middle;color:#FFFFFF;text-align:right;padding-right:20px;padding-top:2px;padding-bottom:10px;}
.cell{background-color:#FCFCFC;padding:2px;letter-spacing:0.1em;width:250px;color:#808080;display:block;}
input.lgbtn{background-position:bottom;border-style:solid;border-width:1px 2px 2px 1px;border-color:#C0C0C0;padding:5px;background-image:url('../../IMG/bg/789413.jpg');background-repeat:repeat-x;}
input.a:hover{background:yellow;}
input:focus{ background-color: #FFF7B7;}
/* --------------------------------------------
Memu
-------------------------------------------- */
#menu{padding:10px;}
#menu ul{height:90px;list-style:none;}
#menu li{display:block;float:left;}
#menu li a.li-msg {
    color: white;
    text-decoration: underline;
    font-size: 16px;
}
#menu li a.li-btn {
    background: #e4e8eb url('../../IMG/ba/menu_bg.gif') repeat-x;
    border: 2px solid #bdc5cd;
    margin: 0 1px;
    padding: 15px;
    display: block;
    float: left;
    color: #2b61a1;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
}
#menu li a.li-btn span {
    color: #636363;
    font-size: 10px;
    text-transform: lowercase;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-weight: normal;
}
#menu li a.li-btn:hover {
    background: #e46825 url('../../IMG/ba/menu_hover.gif') repeat-x;
    border: 2px solid #4a88ce;
    text-decoration: none;
}
#menu li a.li-btn:hover span {
    color: #636363;
}
.current{background:#74befd url('../../IMG/ba/menu_hover.gif') repeat-x;
border:2px solid #4a88ce;margin:0 1px;padding:15px;
display:block;float:left;color:#2b61a1;text-transform:uppercase;
text-decoration:none;font-size:12px;cursor:pointer;font-weight:bold;}
.current span{color:#636363;font-size:10px;text-transform:lowercase;
font-family:Geneva, Arial, Helvetica, sans-serif;font-weight:normal;}
/* --------------------------------------------
contents
-------------------------------------------- */
h2.contents{font-weight:bold;line-height:30px;letter-spacing:0.1em;padding:5px;}
dl{}
dt{color:#FF6600;font-weight:bold;letter-spacing:0.2em;padding:5px;border-bottom-style:solid;background-color:#FCFCFC;border-bottom-width:1px;border-bottom-color:#66CCFF;}
dd{background-color:#FFFFFF;background-image:url('../../IMG/bg/48971.jpg');background-repeat:repeat-x;background-position:top;padding:5px;}

/* --------------------------------------------
Systeminfomation
-------------------------------------------- */
div.sysinfo{width:400px;font-size:11px;padding-top:10px;margin-left:15px;}
h2.sysinfo{font-weight:bold;color:#FFFF00;}
h3.sysinfo{color:#000000;background-color:#C0C0C0;}
p.sysinfo{color:#FFFFFF;}
a.sysinfo{color:yellow}

/**/
/*タイトル付き（ラベルボックス）*/
.infobox {
    margin-top: 15px;
    background-color: #fff; /* ボックス背景色 */
    padding: 2em; /* ボックス内側余白 */
    position: relative; /* 配置(ここを基準に) */
    border: 2px solid #666; /* ボックスの線 (太さ・種類・色)*/
}

.infobox .box-title {
    background-color: #fff; /* タイトル背景色 */
    font-size: 1em; /* タイトル文字の大きさ */
    font-weight: 800;
    color: #666; /* タイトル文字色 */
    padding: 0 5px; /*タイトルの余白*/
    line-height: 1; /*タイトルの行の高さ*/
    position: absolute; /* 配置(ここを動かす) */
    top: -8px; /*上からの距離*/
    left: 20px; /*左からの距離*/
}

.privacy {
    position: absolute; /* 配置(ここを基準に) */
    left: 20px;
    bottom: 5px;
}

.box-mente {
    width: 400px;
    margin-top: 10px;
    margin-left: 10px;
    border: 2px solid #f06060;
    border-radius: 5px;
    color: #333333;
}
.box-mente div {
    width: 350px;
    display: inline-flex;
    align-items: center;
    column-gap: 4px;
    position: relative;
    top: -13px;
    left: 10px;
    margin: 0 7px;
    padding: 0 8px;
    background: #fff;
    color: #f06060;
    font-weight: 600;
    vertical-align: top;
}
.box-mente div::before {
    width: 22px;
    height: 22px;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.8659 3.00017L22.3922 19.5002C22.6684 19.9785 22.5045 20.5901 22.0262 20.8662C21.8742 20.954 21.7017 21.0002 21.5262 21.0002H2.47363C1.92135 21.0002 1.47363 20.5525 1.47363 20.0002C1.47363 19.8246 1.51984 19.6522 1.60761 19.5002L11.1339 3.00017C11.41 2.52187 12.0216 2.358 12.4999 2.63414C12.6519 2.72191 12.7782 2.84815 12.8659 3.00017ZM10.9999 16.0002V18.0002H12.9999V16.0002H10.9999ZM10.9999 9.00017V14.0002H12.9999V9.00017H10.9999Z' fill='%23f06060'%3E%3C/path%3E%3C/svg%3E");
}
.box-mente p {
    color: #fff;
    margin: 0;
    padding: 0 1.5em 1em;
}

.box-mente-info {
    width: 400px;
    margin-top: 10px;
    margin-left: 10px;
    border: 2px solid #f06060;
    border-radius: 5px;
    color: #333333;
}
.box-mente-info div {
    width: 350px;
    display: inline-flex;
    align-items: center;
    column-gap: 4px;
    position: relative;
    top: -13px;
    left: 10px;
    margin: 0 7px;
    padding: 0 8px;
    background: #fff;
    color: #f06060;
    font-weight: 600;
    vertical-align: top;
}
.box-mente-info p {
    color: #fff;
    margin: 0;
    padding: 0 1.5em 1em;
}

.popup {
    width: 700px;
    margin: auto;
    position: relative;
    background: #fff;
    padding: 20px;
}
/*お知らせ欄*/
.news_title {
    margin-top: 20px;
    margin-left: 15px;
    text-align: left;
    font-size: 12px;
    font-weight:700;
    line-height: 26px;
    color: #444;
    width: 402px;
    height: 26px;
    background-color: #fcfcfc;
}
.news_msg {
    margin-left: 15px;
    border: 1px solid #ccc;
    text-align: left;
    font-size: 1em;
    line-height: 1.0;
    color: #444;
    overflow: auto;
    width: 400px;
    height: 160px;
    background-color: #fcfcfc;
}
.news_msg dl {
    padding: 0;
    border-bottom: 1px solid #ccc;
}
.news_msg dt {
    padding-bottom: 0;
    font-size: 12px;
    width: 10em;
}