/*  Base.css  ===============================

2014-04-14
kawamoto@eidai-inc.co.jp
	
============================================*/

/*
	Universal selector  
---------------------------------------------*/

* {
    margin: 0;
    padding: 0;
}


/*
	Structure selector  
---------------------------------------------*/

body#wrapper {
    /*font-family: "メイリオ", Open Sans;*/
    font-family: Noto Sans JP Medium,"メイリオ", Open Sans;
    margin: 0 auto 0 auto;
    padding: 0;
}

div.w-all-box2 {
    display: inline-block;
    width:100%;
    height:auto;
    margin: 0 auto;
    padding: 0;


    background-color: #fff;
    background-image: url(../../Contents/images/bg.png);
    background-repeat: repeat-x;
    background-position: left top;

    text-align:center;
    vertical-align:bottom;
}

    div.w-all-box2:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

/* Hide from IE-mac \*/
* html div.w-all-box2 { height: 1%; }
div.w-all-box2 { display: block; }
/* End hide from IE-mac */


div.wrapper-header {
    display: inline-block;
    width: 990px;
    height: auto;

    background-color: #fff;
    background-image: url(../../Contents/images/bg_w.png);
    background-repeat: repeat-x;
    background-position: left top;

    font-size: 14pt;
    margin: 0 auto 0 auto;
    padding: 0;
    text-align: left;
    clear: both;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    vertical-align:bottom;
}

    div.wrapper-header:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

/* Hide from IE-mac \*/
* html div.wrapper-header { height: 1%; }
div.wrapper-header { display: block; }
/* End hide from IE-mac */

ul.gn {
    list-style-type: none;
}

strong.nonv {
    visibility: hidden;
    font-size: 5pt;
}



/* 以下、原則として各画面では使用しないdivクラス */
div.wrapper {
    display: inline-block;
    width: 990px;
    background-color: none;
    background-image:url("../../Contents/images/bg3.png");
    background-repeat:repeat;
    color: #333333;
    font-size: 14px;
    margin: 0 auto auto auto;
    padding: 0;
    text-align: left;
    clear: both;
    border: 1px solid #ffffff;
}

    div.wrapper:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

/* Hide from IE-mac \*/
* html div.wrapper { height: 1%; }
div.wrapper { display: block; }
/* End hide from IE-mac */

div.widebox-clear {
    display: inline-block;
    background-color:none;
    margin: 0;
    padding: 0;
    width:950px;
}

    div.widebox-clear:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

/* Hide from IE-mac \*/
* html div.widebox-clear { height: 1%; }
div.widebox-clear { display: block; }
/* End hide from IE-mac */

div.inner {
    display: inline-block;
    padding: 20px 20px;
    /*font-size: 100%;*/
    text-decoration: none;
    margin: 0;
    text-align: left;
}

    div.inner:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

/* Hide from IE-mac \*/
* html div.inner { height: 1%; }
div.inner { display: block; }
/* End hide from IE-mac */


div.inner-nonpadding {
    display: inline-block;
    padding: 0;
    font-size: 100%;
    text-decoration: none;
    margin: 0;
    text-align: left;
}

    div.inner-nonpadding:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

/* Hide from IE-mac \*/
* html div.inner { height: 1%; }
div.inner-nonpadding { display: block; }
/* End hide from IE-mac */

/* 以上、原則として各画面では使用しないdivクラス */

/*
	各画面用divセレクタ
---------------------------------------------*/

/* 親画面描画エリア設定 */
div.page-content {
    /*min-width: 1050px;*/
    /*min-height: calc(100vh - 48px);*/ /* 画面の高さ-ナビゲーションバーの高さを引いて調整する */
}

/* 子画面エリア設定 */
div.modal-dialog {
    background-color:white;
    margin-top:auto;
    margin-bottom:auto;
    padding-top:8px;
}

div.layout-center {
    margin-left: auto;
    margin-right: auto;
}

/* エラー・警告メッセージエリア用設定*/
div.errorMessageArea{
    background-color:lightyellow;
    color:red;
    /*padding:8px 8px;*/
}
div.alertMessageArea{
    background-color:aquamarine;
    /*padding:8px 8px;*/
}

/* 正常終了メッセージエリア用設定*/
div.completeMessageArea{
    background-color:lightcyan;
    color:black;
    /*padding:8px 8px;*/
}
    div.errorMessageArea p,
    div.alertMessageAreea p,
    div.completeMessageArea p {
        margin:0;
    }

span.field-validation-error{
    background-color:lightyellow;
    color:red;
    padding:1px 1px;
    font-size:13px;
}

/* メニュー用設定 */
.menu-selected{
    background-color:blanchedalmond !important;
}

    .menu-selected a{
        background-color:blanchedalmond !important;
    }

div#sidebar{
    display:block;
    float:left;
    position:static;
    z-index:0;
    background-color:#f2f2f2;
    margin:0px 20px 0px 0px;
    min-height: calc(100vh - 48px);  /*画面の高さ-ナビゲーションバーの高さを引いて調整する*/
    left:0px;
    bottom:auto;
    top:auto !important;
    box-shadow:none;
}

/*
	Common selector  
---------------------------------------------*/

.notice {
    color: #666666;
    font-size:10pt;
    padding-top:6px;
}

input.n {
    padding:7px 7px;
    font-size: 14px;
    font-family: "メイリオ", sans-serif;
    width:60%;
}

select.n {
    padding:7px 7px;
    font-size: 14px;
    font-family: "メイリオ", sans-serif;
}

textarea.n {
    padding:7px 7px;
    font-size: 14px;
    font-family: "メイリオ", sans-serif;
    width:80%;
    height: 120px;
}

textarea.mstUpl {
    position: center;
    -webkit-line-clamp: 30;
    /*height: 200px;*/
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    overflow-y: scroll;
    font-size: 12px;
    border: solid 1px;
}

input.btn-normal {
    margin:8px 8px;
}

div.btn-normal {
    margin:8px 8px;
}

span.btn-normal {
    margin:8px 8px;
}

input.btn-nomargin {
    margin:0 0;
}

div.btn-nomargin {
    margin:0 0;
}

span.btn-nomargin {
    margin:0 0;
}

span.treeicon-left {
    float:right;
    position: relative;
    margin-right:43.5px;
}

span.treeicon-right {
    float:right;
    position: relative;
    margin-right:-70px;
}

input.btn-wide {
    /*min-width:180px;*/
    min-width: 150px;
    margin: 0px 8px;
}

div.btn-wide {
    min-width:180px;
    margin:8px 8px;
}

span.btn-wide {
    min-width:180px;
    margin:8px 8px;
}

input.btn-superwide {
    min-width:250px;
    margin:8px 8px;
}

div.btn-superwide {
    min-width:250px;
    margin:8px 8px;
}

span.btn-superwide {
    min-width:250px;
    margin:8px 8px;
}

/*	Wide	-------------------*/


.w5per {
    width: 5%;
}

.w10per {
    width: 10%;
}

.w15per {
    width: 15%;
}

.w20per {
    width: 20%;
}

.w25per {
    width: 25%;
}

.w30per {
    width: 30%;
}

.w35per {
    width: 35%;
}

.w40per {
    width: 40%;
}

.w45per {
    width: 45%;
}

.w50per {
    width: 50%;
}

.w60per {
    width: 60%;
}

.w70per {
    width: 70%;
}

.w100per {
    width: 100%;
}

/*	Font	-------------------*/

.f110per {
    font-size: 110%;
}

.f115per {
    font-size: 115%;
}

.f120per {
    font-size: 120%;
}

.f8p {
    font-size: 8pt;
}

.f9p {
    font-size: 9pt;
}

.f10p {
    font-size: 10pt;
}

.f11p {
    font-size: 11pt;
}

.f12p {
    font-size: 12pt;
}

.f13p {
    font-size: 13pt;
}

.f14p {
    font-size: 14pt;
}

.f15p {
    font-size: 15pt;
}

.f16p {
    font-size: 16pt;
}

.f17p {
    font-size: 17pt;
}

.f18p {
    font-size: 18pt;
}

.pb {
    font-weight: bold;
}

.fnormal {
    font-weight: normal;
}

.ao {
    color:#003366;
}

.aka {
    color:#df0442;
    text-align:center;
}

/*必須項目の赤米印*/
span.inputmandatory {
    margin-left: 5px !important;
    margin-right: 5px !important;
    font-size: 18px !important;
}

.kuro {
    color:#000000;
}

.shiro {
    color:#ffffff;
}

.midori {
    color:#006633;
}

.cha {
    color:#660033;
}

.pin {
    color:#cc0066;
}

.gin {
    color:#666666;
}

.g30p{
    line-height:30%;
}

.g50p{
    line-height:50%;
}

.g100p{
    line-height:100%;
}

.g140p {
    line-height:140%;
}

.g150p {
    line-height:150%;
}

.g160p {
    line-height:160%;
}

.g170p {
    line-height:170%;
}

.g180p {
    line-height:180%;
}

/*	Image	-------------------*/

img {
    border: 0;
    vertical-align: bottom;
}

    img.imgleft {
        float: left;
        padding: 5px;
    }

    img.imgright {
        float: right;
        padding-left: 15px;
        padding-bottom: 2px;
    }


    img.imgright-fr {
        float: right;
        margin-left: 15px;
        margin-bottom: 8px;
        padding: 2px;
        border: 1px solid #cccccc;
    }

    img.imgleft-fr {
        float: left;
        margin-right: 15px;
        margin-bottom: 8px;
        padding: 2px;
        border: 1px solid #cccccc;
    }

    img.imgfr-w {
        margin:0 0 7px 0;
        padding: 2px 2px 2px 2px;
        border: 1px solid #ffffff;
    }



/*	Align	-------------------*/

.txt-l {
    text-align: left;
}

.txt-r {
    text-align: right;
}

.txt-c {
    text-align: center;
}

.txt-r {
    text-align: right;
}


/*	valign	-------------------*/

.va5btm {
    padding-bottom: 5px;
}

.va8btm {
    padding-bottom: 8px;
}
.va10btm {
    padding-bottom: 10px;
}

.va12btm {
    padding-bottom: 12px;
}

.va14btm {
    padding-bottom: 14px;
}

.va16btm {
    padding-bottom: 16px;
}

.va5top {
    padding-top: 5px;
}

.va8top {
    padding-top: 8px;
}

.va10top {
    padding-top: 10px;
}

.va12top {
    padding-top: 12px;
}

.va14top {
    padding-top: 14px;
}

.va16top {
    padding-top: 16px;
}

.va17top {
    padding-top: 17px;
}

.va18top {
    padding-top: 18px;
}

.va19top {
    padding-top: 19px;
}

.va20top {
    padding-top: 20px;
}

/*	link	-------------------*/

a {
    text-decoration: underline;
}

    a.paleblue {
        text-decoration: underline;
        color: #6699ff;
    }

    a.under-aka {
        text-decoration: underline;
        color: #df0442;
    }

    a img {
        border: 0;
        vertical-align: bottom;
    }

    a:hover,
    a:active {
        text-decoration: none;
    }

.block3-inner a {
    text-decoration: underline;
    color: #333333;
}

    .block3-inner a:hover,
    .block3-inner a:active {
        color: blue;
        text-decoration: none;
    }


/*	Stopper	-------------------*/


.stopper:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.stopper {
    display: inline-block;
    margin: 5px 0px 5px 0px;
    padding: 0px;
}

/* Hide from IE-mac \*/
* html .stopper { height: 1%; }
.stopper{ display: block; }
/* End hide from IE-mac */

.dotline:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.dotline {
    display: inline-block;
    margin: 5px 0px 5px 0px;
    padding: 0px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #cccccc;
}

/* Hide from IE-mac \*/
* html .dotline { height: 1%; }
.dotline{ display: block; }
/* End hide from IE-mac */


/*
	Table selector  
---------------------------------------------*/
/* 単票設定 */
table.single-sheet{
    border-collapse: collapse;
    table-layout:fixed;
    margin-bottom:8px;
}
    table.single-sheet tbody tr td {
        /*padding: 5px 4px;*/
        /*padding: 2px 4px;*/
        /*text-align: left;*/
        font-size:13px;
    }
        table.single-sheet tbody tr td.title-area {
            padding: 1px 4px;
            /*text-align: left;*/
            text-align: right;
            color: #fff;
            background-color: #777777;
            border-color: #333333;
            border: 1px solid;
            border-collapse: collapse;
        }

table.single-dialog{
    margin-bottom:8px;
}
    table.single-dialog tbody tr td{
        padding: 5px 4px;
        text-align: left;
    }
        table.single-dialog tbody tr td.title-area{
            padding: 5px 4px;
            text-align: left;
        }

td.standard {
    padding: 5px 0px;
    text-align: left;
    background-color: #f2f6fb;
}

td.standard-login {
    line-height: 150%;
    padding: 6px 0;
    text-align: left;
    background-color: none;
}

td.standard-label {
    line-height: 150%;
    padding: 6px 10px;
    text-align: left;
    background-color: #ededed;
}

td.standard-label-n {
    line-height: 150%;
    padding: 6px 10px;
    text-align: left;
    background-color: #bfcfff;
}

td.standard-label-g {
    line-height: 150%;
    padding: 6px 10px;
    text-align: left;
    background-color: #ededed;
}

td.standard-label-cent {
    line-height: 150%;
    padding: 6px 10px;
    text-align: center;
    background-color: #ededed;
}

td.standard-cent {
    line-height: 150%;
    padding: 6px 10px;
    text-align: center;
    background-color: #f2f6fb;
}

td.standard-login-cent {
    line-height: 150%;
    padding: 6px 0;
    text-align: center;
    background-color: none;
}

td.standard-date {
    width: 20%;
    line-height: 150%;
    padding: 10px 10px;
    text-align: left;
    background-color: #fff;
    vertical-align: top;
    font-size: 11pt;
    border-bottom: 1px dotted #3366cc;

}

td.standard-cont {
    line-height: 150%;
    padding: 10px 10px;
    text-align: left;
    background-color: #fff;
    font-size: 11pt;
    vertical-align: top;
    border-bottom: 1px dotted #3366cc;
}

td.bnr-lineshadow {
    font-size: 110%;
    color: #333333;
    line-height: 130%;
    padding: 6px 0;
    text-align: center;
    background-image: url(../../Contents/images/bg_line_shadow.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
}

/*一覧設定*/
div.detail-sheet{
    margin-bottom:8px;
    overflow:hidden;
}

    div.detail-sheet table {
        border-collapse: collapse;
        /*table-layout:fixed;*/
        margin-bottom: 0px;
    }

    div.detail-sheet thead,
    div.detail-sheet tbody{
        display:block;
    }    
    div.detail-sheet thead{
        overflow:hidden;
    }
    div.detail-sheet tbody{
        overflow:scroll;
    }
    div.detail-sheet th,
    div.detail-sheet td{
        padding:5px;
    }

    div.detail-sheet thead tr{
        height:20px;
    }

    div.detail-sheet tbody tr{
        height:20px;
    }

    div.detail-sheet th {
        /*background-color: lightskyblue;*/
        /*background-color: #777777;*/
        /*color: white;*/
    }

        div.detail-sheet th.scrollbar {
            width: 20px;
            min-width: 20px;
            background-color: white;
        }

    div.detail-sheet tfoot td{
        background-color:lightgray;
    }

ul.pagination{
    margin-top:8px;
    margin-bottom:0px;
}

/*
	DL DT DD selector  
---------------------------------------------*/

dl#notice {
    color: #666666;
    padding: 0px 0px 0px 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 20px;
}
    dl#notice dt {
        line-height: 140%;
        color: #669999;
        font-weight: bold;
        padding-left: 20px;
        letter-spacing: 0.1em;
        margin-top: 10px;
    }
    dl#notice dd {
        line-height: 140%;
        color: #666666;
        padding-left: 10px;
        text-decoration: none;
        list-style-type: none;
    }

/*
	H selector  
---------------------------------------------*/
/*	H1	-------------------*/

h1 {
    margin: 0;
    padding: 0;
    font-size: 16pt;
    font-weight: normal;
}

    h1.title {
        margin-top: 3px !important;
        margin-bottom: 5px !important;
        margin-left: 20px;
        padding: 0;
        font-family: "メイリオ", Open Sans;
        font-size:12pt !important;
        text-align: center;
    }

    h1.subtitle {
        margin-top: 3px !important;
        margin-bottom: 5px !important;
        margin-left: 20px;
        padding: 0;
        font-family: "メイリオ", Open Sans;
        font-size: 10pt !important;
        text-align: center;
    }

    h1.headimage {
        margin: 0;
        padding: 0;
        height: auto;
        width: auto;
        clear: both;
    }

    h1#logo {
        text-align: right;
        font-weight: normal;
        font-size: 10px;
        margin: 0;
        padding: 0;
    }


/*	H2	-------------------*/

h2 {
    margin: 0;
    padding: 0;
}

    h2.title {
        margin-bottom: 15px;
        padding: 0px;
        margin-right: 0px;
        margin-left: 0px;
    }


/*	H3	-------------------*/

h3 {
    margin: 0px;
    padding: 0px;
}

    h3.normal {
        border-left: 10px solid #3366cc;
        border-bottom: 1px solid #3366cc;
        padding: 3px 0 3px 15px;
        margin: 0 0 10px 0;
        font-size: 14pt;
        text-align: left;
        font-weight: normal;
    }

h4.normal {
    padding: 3px 0 10px 0;
    margin: 0;
    font-size: 13pt;
    text-align: left;
    font-weight: bold;
}



/*
	Other selector  
---------------------------------------------*/



li.normal {
    margin: 10px 0 5px 30px;
    padding: 0 0 5px 0;
}

/*div.treeview {
    overflow: auto;
    height:164px;
	border: 1px solid #cccccc;
    margin-left:auto;
    margin-right:auto;
}*/

div.treeview ul {
    margin:0 0;
    padding:0 0;
}

font {
    word-break: break-all;
}

p {
    word-break: break-all;
}


/*
	Page Proccessing selector  
---------------------------------------------*/

.num-wrapper {
    display: inline-block;
    margin: 10px 0px 10px 0px;
}
    .num-wrapper:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

/* Hide from IE-mac \*/
* html .num-wrapper { height: 1%; }
.num-wrapper { display: block; }
/* End hide from IE-mac */

li.num {
    font-size: 110%;
    font-weight: normal;
    color: #999999;
    padding: 5px 8px 5px 8px;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 7px;
    border: 1px solid #999999;
    list-style-type: none;
    float: left;
    display: block;
    background-color: #ffffff;
}

    li.num a {
        color: #003366;
        text-decoration: underline;
        font-weight: normal;
    }

.display-none {
    display: none;
}

hr.border {
    width: 90%;
    color: darkgray;
}

/*共通footer設定*/
div.footerFixed {
    min-height: 100vh;
    position: relative;
    padding-bottom: 135px;
    box-sizing: border-box;
}

footer {
    /*position: absolute;*/
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #777777;
    color: #ffffff;
    padding: 10px 30px 2px 30px;
    /*margin: 20px 0px 0px 0px;*/
}

    footer div.link-area {
        display: inline-block;
    }

    footer a {
        color: #428bca;
        text-decoration: none;
        background-color: lightgray;
        border-radius: 5px;
        padding: 0px 10px;
        margin: 0px 0px 0px 50px;
    }

    footer label {
        display: inline-block;
        margin: 0px 0px 5px 0px;
        font-weight: bold;
    }

    footer p {
        margin-bottom: 5px;
    }

        footer p.p1 {
            display: inline-block;
            margin-left: 10px;
            font-size: 12px;
        }

        footer p.p2 {
            margin-left: 20px;
            /*font-weight: bold;*/
        }

        footer p.p3 {
            display: inline-block;
            margin-left: 20px;
        }

        footer p.p4 {
            display: inline-block;
            margin-left: 40px;
        }

        footer p.p5 {
            font-size: 12px;
            float: right;
            text-align: right;
        }


@media screen and (max-width:480px){
    div.footerFixed {
        min-height: 100vh;
        position: relative;
        padding-bottom: 180px;
        box-sizing: border-box;
    }

    footer div.link-area{
        display: flex;
        justify-content: space-around;
    }

    footer {
        position: absolute;
        bottom: 0;
        width: 100%;
        background-color: #777777;
        color: #ffffff;
        padding: 10px 15px 2px 15px;
        /*margin: 20px 0px 0px 0px;*/
    }

        footer a {
            color: #428bca;
            text-decoration: none;
            background-color: lightgray;
            border-radius: 5px;
            padding: 0px 10px;
            margin: 0px 0px 5px 0px;
        }

        footer label {
            display: block;
            font-weight: bold;
        }

        footer p {
            margin-bottom: 5px;
        }

            footer p.p1 {
                display: block;
                margin-left: 0px;
                font-size: 12px;
            }

            footer p.p2 {
                margin-left: 0px;
                /*font-weight: bold;*/
            }

            footer p.p3 {
                display: block;
                margin-left: 15px;
            }

            footer p.p4 {
                display: block;
                margin-left: 15px;
            }

            footer p.p5 {
                font-size: 12px;
                float: none;
                text-align: right;
            }
}