* { margin:0 auto; }

html, body { height:100%; color:#2e2930; font-size:11pt; font-family:メイリオ, ＭＳ Ｐゴシック;}

.header{ margin:0px auto; width:100%; max-width:1200px; height:100px; background-color:#FFFFFF; font-size:2.2em; font-family:メイリオ, ＭＳ Ｐゴシック;}
    /*シンボル*/
    .webmark{ width:100px; height:100px;}
    /**/
    .headerContent{ width:100%; max-width:960px;}
    /*アクセスマップ*/
    .headerAccessmap{ margin:3px 5px; color:#316745; font-size:10pt;}
        .headerAccessmap a{ margin:0 3px; text-decoration:none;}
        .headerAccessmap a:hover{ cursor:hand;}
        .headerAccessmap a:visited{ color:#b79b5b;}
    /*タイトル*/
    .headerTitle{ width:100%; height:40px;}
        .lblLogin{ position:relative; top:20px; padding:1px 10px; white-space:nowrap; color:#3e62ad; font-size:0.4em;}

    .hr{ background-image:url(img/headerborder.jpg); background-repeat:repeat-x; width:100%; height:2px; font-size:0.01em;}

    /*サイトマップ*/
    .SiteMapSpan{ margin:2px 0 0 70px; height:25px; font-size:0.4em;}
        .SiteMapSpan a{ text-decoration:none;color:#3e62ad;}
        .SiteMapSpan a:hover{ text-decoration:underline; }
        .PathSeparator{ text-decoration:none;}


.MasterContent{ position:relative; min-height:100%; width:100%; max-width:100%;}

/* float&clear */
.flLeft{ float:left;}
.flRight{ float:right;}
.clBoth{ clear:both; height:0;}

/* コントロール */
.lblBumonName{color:#FFFFFF; font-size:12pt; padding:5px 40px 5px 40px;}
.lblMsg{background-color:#ECF0F1; font-size:11pt; padding:5px; margin-left:10px; width:1100px;}
.lblExplanation{font-size:11pt; padding:5px; background-color:powderblue; border:dotted 2px dodgerblue;}
.lblCaution{font-size:13pt; font-weight:900;padding:5px; background-color:#F51114;color:white; border:dotted 2px black;}
.btnContent{color:#FFFFFF; background-color:#2C3E50; font-size:14pt; border:none; padding:10px;}
.btnContent:hover{color:#2C3E50; background-color:#D5D8DC; font-size:14pt; border:none; padding:10px;}

.txtLogin {
    font-size: 20pt;
    width: 97%;
    height: 30px;
    border-color: #D5D8DC;
    border-style: solid;
    max-width: 100%;
    box-sizing: border-box;
}
.txtLogin:focus
{
    background-color: #FFE999;
}

.lblError
{
    color: #E74C3C;
}

/* レスポンシブ設定 */
@media screen and (max-width: 800px) {
    html, body { 
        font-size: 10pt;
    }
    
    .container {
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
    }
    
    .wid800 {
        width: 100%;
        max-width: 800px;
    }
    
    .widArea {
        max-width: 100%;
        padding: 0;
        margin: 0 auto;
    }
    
    .txtLogin {
        font-size: 16pt;
        height: 26px;
    }
    
    img {
        max-width: 100%;
        height: auto;
    }
}

@media screen and (max-width: 480px) {
    html, body { 
        font-size: 9pt;
    }
    
    .txtLogin {
        font-size: 14pt;
        height: 24px;
    }
}

@media print{
body {
    margin: 0;
    padding: 0;
    width: 100%;
    font-size: 10pt;
    line-height: 1.1;
}
.header{ width:100%; height:auto;}
.headerTitle{ width:100%; height:auto; font-size:16pt;}
.MasterContent{ width:100%; height:auto;}
.webmark{ display:none;}
.lblLogin{ display:none;}
.headerAccessmap{ display:none;}
.SiteMapSpan{ display:none;}
}

/* width */
.wid10{ width:10px;}.wid20{ width:20px;}.wid30{ width:30px;}.wid40{ width:40px;}.wid45{ width:45px;}.wid50{ width:50px;}.wid55{ width:55px;}
.wid60{ width:60px;}.wid70{ width:70px;}.wid80{ width:80px;}.wid90{ width:90px;}.wid100{ width:100px;}
.wid110{ width:110px;}.wid120{ width:120px;}.wid140{ width:140px;}.wid150{ width:150px;}.wid155{ width:155px;}
.wid160{ width:160px;}.wid175{ width:175px;}.wid180{ width:180px;}.wid200{ width:200px;}.wid210{ width:210px;}
.wid220{ width:220px;}.wid250{ width:250px;}.wid260{ width:260px;}.wid270{ width:270px;}.wid280{ width:280px;}.wid300{ width:300px;}
.wid310{ width:310px;}.wid350{ width:350px;}.wid360{ width:360px;}.wid400{ width:400px;}
.wid440{ width:440px;}.wid450{ width:450px;}.wid500{ width:500px;}.wid550{ width:550px;}.wid600{ width:600px;}.wid700{ width:700px;}.wid710{ width:710px;}.wid750{ width:750px;}.wid800{ width:800px;}.wid1000{ width:1000px;}
.widArea{ max-width:190px; width:100%; margin:0 auto;}
/* height */
.h16{ height:16px;}.h17{ height:17px;}.h18{ height:18px;}.h19{ height:19px;}.h20{ height:20px;}
.h21{ height:21px;}.h22{ height:22px;}.h23{ height:23px;}.h24{ height:24px;}.h25{ height:25px;}
.h26{ height:26px;}.h27{ height:27px;}.h28{ height:28px;}.h29{ height:29px;}.h30{ height:30px;}
.h31{ height:31px;}.h32{ height:32px;}.h33{ height:33px;}.h34{ height:34px;}.h35{ height:35px;}
.h36{ height:36px;}.h37{ height:37px;}.h38{ height:38px;}.h39{ height:39px;}.h40{ height:40px;}

/* TextBoxピクセル指定 */
.textBox30{ width:30px; text-align:right;}.textBox50{ width:50px; text-align:right;}.textBox80{ width:80px; text-align:right;}.textBox100{ width:100px; text-align:right;}
.textBox120{ width:120px; text-align:right;}.textBox140{ width:140px; text-align:right;}

.textBox60L{ width:60px; text-align:left;}.textBox80L{ width:80px; text-align:left;}.textBox100L{ width:100px; text-align:left;}
.textBox120L{ width:120px; text-align:left;}.textBox140L{ width:140px; text-align:left;}.textBox200L{ width:200px; text-align:left;}
.textBox250L{ width:250px; text-align:left;}.textBox280L{ width:280px; text-align:left;}.textBox300L{ width:300px; text-align:left;}
.textBox350L{ width:350px; text-align:left;}

/* TextBoxパーセント指定 */
.textBox76p{ width:76%; text-align:right;}.textBox77p{ width:77%; text-align:right;}.textBox78p{ width:78%; text-align:right;}.textBox79p{ width:79%; text-align:right;}.textBox80p{ width:80%; text-align:right;}
.textBox81p{ width:81%; text-align:right;}.textBox82p{ width:82%; text-align:right;}.textBox83p{ width:83%; text-align:right;}.textBox84p{ width:84%; text-align:right;}.textBox85p{ width:85%; text-align:right;}
.textBox86p{ width:86%; text-align:right;}.textBox87p{ width:87%; text-align:right;}.textBox88p{ width:88%; text-align:right;}.textBox89p{ width:89%; text-align:right;}.textBox90p{ width:90%; text-align:right;}
.textBox91p{ width:91%; text-align:right;}.textBox92p{ width:92%; text-align:right;}.textBox93p{ width:93%; text-align:right;}.textBox94p{ width:94%; text-align:right;}.textBox95p{ width:95%; text-align:right;}
.textBox96p{ width:96%; text-align:right;}.textBox97p{ width:97%; text-align:right;}.textBox98p{ width:98%; text-align:right;}

.textBox86pL{ width:86%; text-align:left;}.textBox87pL{ width:87%; text-align:left;}.textBox88pL{ width:88%; text-align:left;}.textBox89pL{ width:89%; text-align:left;}.textBox90pL{ width:90%; text-align:left;}
.textBox91pL{ width:91%; text-align:left;}.textBox92pL{ width:92%; text-align:left;}.textBox93pL{ width:93%; text-align:left;}.textBox94pL{ width:94%; text-align:left;}.textBox95pL{ width:95%; text-align:left;}
.textBox96pL{ width:96%; text-align:left;}.textBox97pL{ width:97%; text-align:left;}.textBox98pL{ width:98%; text-align:left;}.textBox99pL{ width:99%; text-align:left;}

/*マージン*/
.ma1{ margin:1px;}.ma2{ margin:2px;}.ma3{ margin:3px;}.ma4{ margin:4px;}.ma5{ margin:5px;}.ma6{ margin:6px;}.ma10{ margin:10px;}.ma20{ margin:20px;}.ma25{ margin:25px;}.ma30{ margin:30px;}
.mt1{ margin-top:1px;}.mt2{ margin-top:2px;}.mt3{ margin-top:3px;}.mt5{ margin-top:5px;}.mt6{ margin-top:6px;}.mt7{ margin-top:7px;}.mt8{ margin-top:8px;}.mt10{ margin-top:10px;}.mt15{ margin-top:15px;}.mt20{ margin-top:20px;}.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}.mt40{ margin-top:40px;}.mt50{ margin-top:50px;}.mt60{ margin-top:60px;}.mt70{ margin-top:70px;}.mt80{ margin-top:80px;}.mt90{ margin-top:90px;}.mt100{ margin-top:100px;}
.mb1{ margin-bottom:1px;}.mb2{ margin-bottom:2px;}.mb3{ margin-bottom:3px;}.mb5{ margin-bottom:5px;}.mb10{ margin-bottom:10px;}.mb20{ margin-bottom:20px;}.mb25{ margin-bottom:25px;}.mb30{ margin-bottom:30px;}
.ml1{ margin-left:1px;}.ml2{ margin-left:2px;}.ml3{ margin-left:3px;}.ml4{ margin-left:4px;}.ml5{ margin-left:5px;}.ml10{ margin-left:10px;}.ml20{ margin-left:20px;}.ml25{ margin-left:25px;}.ml30{ margin-left:30px;}.ml40{ margin-left:40px;}.ml50{ margin-left:50px;}
.ml100{ margin-left:100px;}.ml140{ margin-left:140px;}.ml150{ margin-left:150px;}.ml155{ margin-left:155px;}.ml160{ margin-left:160px;}.ml200{ margin-left:200px;}.ml250{ margin-left:250px;}.ml300{ margin-left:300px;}.ml350{ margin-left:350px;}.ml500{ margin-left:500px;}
.mr1{ margin-right:1px;}.mr2{ margin-right:2px;}.mr3{ margin-right:3px;}.mr4{ margin-right:4px;}.mr5{ margin-right:5px;}.mr10{ margin-right:10px;}.mr20{ margin-right:20px;}.mr25{ margin-right:25px;}.mr30{ margin-right:30px;}
.maArea{ margin:20px auto; width:100%; max-width:800px;}

/*パディング*/
.pa1{ padding:1px;}.pa2{ padding:2px;}.pa3{ padding:3px;}.pa5{ padding:5px;}.pa10{ padding:10px;}.pa15{ padding:15px;}.pa20{ padding:20px;}.pa25{ padding:25px;}
.pt1{ padding-top:1px;}.pt2{ padding-top:2px;}.pt3{ padding-top:3px;}.pt5{ padding-top:5px;}.pt10{ padding-top:10px;}.pt15{ padding-top:15px;}.pt20{ padding-top:20px;}.pt25{ padding-top:25px;}
.pb1{ padding-bottom:1px;}.pb2{ padding-bottom:2px;}.pb3{ padding-bottom:3px;}.pb5{ padding-bottom:5px;}.pb10{ padding-bottom:10px;}.pb20{ padding-bottom:20px;}.pb25{ padding-bottom:25px;}.pb30{ padding-bottom:30px;}.pb40{ padding-bottom:40px;}
.pl1{ padding-left:1px;}.pl2{ padding-left:2px;}.pl3{ padding-left:3px;}.pl5{ padding-left:5px;}.pl10{ padding-left:10px;}.pl20{ padding-left:20px;}.pl25{ padding-left:25px;}
.pr1{ padding-right:1px;}.pr2{ padding-right:2px;}.pr3{ padding-right:3px;}.pr5{ padding-right:5px;}.pr10{ padding-right:10px;}.pr20{ padding-right:20px;}.pr25{ padding-right:25px;}

/* 背景色 */
.bgOrange1{ background-color:#E67E22;}.bgOrange2{ background-color:#F39C12;}.bgOrange3{ background-color:#F5CBA7;}
.bgBlue1{ background-color:#2980B9;}.bgBlue2{ background-color:#3498DB;}.bgBlue3{ background-color:#D6EAF8;}
.bgGreen1{ background-color:#45B8A5;}.bgGreen2{ background-color:#B5E3DB;}
.bgPink{ background-color:#f6bfbc;}
.bgRed{ background-color:#edd3a1;}.bgDarkred{ background-color:#640125;}
.bgYellow{ background-color:#F9E79F;}
.bgBlack{ background-color:#0d0015;}
.bgGray{ background-color:#BDC3C7;}
.bgWhite{ background-color:#FFFFFF;}
.bgLightGray{ background-color:#ECF0F1;}
.bgThemeColor{ background-color:#2C3E50;}

/* 文字色 */
.fcWhite{ color:#ffffff;}
.fcDarkBlue{ color:#284775;}
.fcDarkRed{ color:darkred;}
.fcRed{ color:red;}
.fcBlue{ color:blue;}
.fcPink{ color:#FF55AA;}
.fcGreen{ color:#00CC55;}
.fcPurple{ color:#800080;}
.fcSkyBlue{ color:#0055FF;}
.fcOrange{ color:#FF7700;}
.fcThemeColor{ color:#2C3E50;}

/* 文字太さ */
.fw100{ font-weight:100;}
.fw900{ font-weight:900;}

/* 文字大きさ */
.f6{ font-size:6pt;}.f7{ font-size:7pt;}.f8{ font-size:8pt;}.f9{ font-size:9pt;}.f10{ font-size:10pt;}
.f11{ font-size:11pt;}.f12{ font-size:12pt;}.f13{ font-size:13pt;}.f14{ font-size:14pt;}.f15{ font-size:15pt;}
.f16{ font-size:16pt;}.f17{ font-size:17pt;}.f18{ font-size:18pt;}.f19{ font-size:19pt;}.f20{ font-size:20pt;}

/* テスト用ボーダー */
.bdRed{ border:solid 2px red;}
.bdBlue{ border:solid 2px #2980B9;}
.bdGreen{ border:solid 2px green;}
.bdBlack{ border:solid 2px black;}
.bdGray{ border:solid 2px gray;}
.bdOrange{ border:solid 2px #E67E22;}

/* テキスト配置 */
.alLeft{ text-align:left;}
.alRight{ text-align:right;}
.alCenter{ text-align:center;}

.valMiddle{vertical-align:middle;}

.dispNone{ display:none;}
.dispBlock{ display:block;}