﻿.InitHide{
    display:none;
}

a {
    text-decoration:none;
}

.test{
    display:none;
}

body{
    /*width:100%;*/
    height:100%;
    background-color: #f5f5f5;
    color:#1f1f1f;
    font-family: "ヒラギノ角ゴ Pro W3", メイリオ, Osaka, Arial, Verdana, "ＭＳ Ｐゴシック", sans-serif;
    font-size:10pt;
}

#PageTitle{
    margin-top:0;
    margin-bottom:0;
}

div.scroll_div {
    /*clear:both;*/
    overflow: auto; 
    background-color: #f5f5f5;
}

h2.midashi1{
    color:#ff6f6f;
}

#UseUserid input[type="button"] {
    width:100%;
}


#myHeader {
    z-index:999;
    position: fixed;
    top: 0px;
    left: 0px;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 50px;
    /*border-bottom: 2px solid #fff;*/
    /*background-color: #99b8ff;*/
    text-align:center;
    z-index:998;

    background: -webkit-linear-gradient(top,  #9cb2ec 0%,#b3c8f1 27%,#a9bbf1 56%,#d1d6f7 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #9cb2ec 0%,#b3c8f1 27%,#a9bbf1 56%,#d1d6f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

#lblheadertitle {
    font-size:24pt;
}

.divlogout {
    position: fixed;
    right: 5px;
    top: 1px;
    width: 120px;
    text-align: right;
}

.headertext{
    margin-top: 0px;
    margin-bottom: 0px;
}

#myContents {
    width: auto;
    margin-left: 0px;
    /*width: 100%;*/
    height: 100%;
    padding: 50px 0 50px 0; /*ヘッダーフッターの高さ分あける*/
}

#myFooter {
    z-index:999;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    clear: both;
    /*background-color: #99b8ff;*/
    text-align:center;
    z-index:998;

    background: -webkit-linear-gradient(top,  #9cb5ec 0%,#b3bdf1 27%,#a9bef1 56%,#d1daf7 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #9cb5ec 0%,#b3bdf1 27%,#a9bef1 56%,#d1daf7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
#myContents {
    text-align:center;
}

#myContents input[type="text"],#myContents input[type="number"],#myContents input[type="date"],#myContents input[type="time"]{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;

    /*height: 34px;*/
    padding: 6px 6px;
    font-size:10pt;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;

    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

#myContents textarea{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;

    /*height: 34px;*/
    padding: 6px 6px;
    font-size:10pt;
    line-height: 1.22857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;

    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}


.required:after {
    content:"*";
    color:red;
    font-size:9pt;
}

/*-----------------
    ボタン
-------------------*/
.btn01{
    clear:both;
    height:40px;
    display:block;
    border:1px solid #ddd;
    background-color:#f6f6f6;
    border-radius:5px;
    border-bottom-width: 1px;
    margin:2px 5px 0px 2px;
    box-shadow:2px 2px 2px #cecece;
}
.btn01:active , .btn01:hover {
    background-color:#dedede;
}

/*通常ボタン*/
.btnimage01{
    width:22px;
    height:22px;
    margin:10px 5px 10px 0px;
}

/*メニューボタン*/
.btnimage02{
    width:50px;
    height:50px;
    margin:10px 5px 10px 0px;
}

.btnstring-left{
    float:left;
    margin:10px 0 0px 10px;
    color:#333;
    text-align:left;
    text-shadow: 0 1px 0 #f3f3f3;
    font-weight:bold;
    text-decoration:none;
}
.btnstring-right{
    float:right;
    margin:10px 10px 0px 0px;
    color:#333;
    text-align:left;
    text-shadow: 0 1px 0 #f3f3f3;
    font-weight:bold;
    text-decoration:none;
}
.btnstring-center{
    float:none;
    margin:0px 0px 0px 0px;
    color:#333;
    text-align:center;
    text-shadow: 0 1px 0 #f3f3f3;
    font-weight:bold;
    text-decoration:none;
}
.btnimage-right{
    float:right;
}
.btnimage-left{
    float:left;
}
.btn-small{
    display:inline-block;
}

/*----------------
　　汎用
-------------------*/
.size10pt{
    font-size:10pt;
}
.w45{
    width:45px;
}
.w60{
    width:60px;
}
.w100{
    width:100px;
}

.w120{
    width:120px;
}

/*-----------------
    お待ちください
-------------------*/
#divWait{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    bottom:0px;
    left:0px;
    background-color: rgba(37, 36, 35, 0.70);
    display:none;
    z-index:999;
}

#divWait div{
    text-align:center;
    vertical-align:middle;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    height: 50%;
    width: 50%;
}

#divWait div img {
    width:50%;
}

.strong{
    font-weight:900;
}

.red{
    color:red;
}

.blue{
    color:blue;
}

.underline{
    border-bottom: solid 2px red;
}

/* ios safari */
_:lang(x)+_:-webkit-full-screen-document,#myContents input[disabled],#myContents textarea[disabled],#myContents select[disabled="disabled"]
{
   -webkit-text-fill-color: #585858; 
   -webkit-opacity: 1; 
   color: #585858; 
   background: white;
}
