@charset "utf-8";
/*------------------------------------------------------------
	managerIndex -> get.css
------------------------------------------------------------*/
#managerIndex{
    background: #fff;
    margin: auto;
}
#managerIndex ul.ul01{
    margin: auto;
    text-align: left;
    max-width: 1020px;
}
#managerIndex ul.ul02{
    margin: auto;
    text-align: left;
    max-width: 1020px;
}

#managerIndex ul.ul03{
    margin: auto;
    text-align: left;
    max-width: 1020px;
}

#managerIndex ul.ul04{
    margin: auto;
    text-align: left;
    max-width: 1020px;
}

#infomation{
    max-width: 1060px;
    margin: 0px auto;
    padding: 10px 20px;
}
#infomation div.infos{
    max-width:1000px;
    padding:10px;
    background-color: #ffffe0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border:2px solid #e2e2c7;
    margin:0px 5px;
}

#infomation ul{
    text-align: left;
    line-height: 140%;
    padding-left: 40px;
}
@media screen and (max-width: 1000px) {
    #infomation ul{
        padding-left: 10px;
    }
}
#infomation ul span.info_date{
    float:left;
}
#infomation ul span.info_contents{
    float:left;
}

.menu_sub_title {
    margin: 0 auto 0 10px;
    min-width: 370px;
    text-align: left;
    font-size: 20px;
    color: #2a3f54;
    padding-left: 45px;
    line-height: 35px;
}

.sub_title_info{
    background: url(../img/icon/ic-info.png) no-repeat;
    background-size: contain;
}
.sub_title_check{
    background: url(../img/icon/ic-check.png) no-repeat;
    background-size: contain;
}
.sub_title_kougu{
    background: url(../img/icon/ic-kougu.png) no-repeat;
    background-size: contain;
}
.sub_title_kougu2{
    background: url(../img/icon/ic-kougu2.png) no-repeat;
    background-size: contain;
}

#managerIndex ul div.menu_guide{
    text-align: left;
    line-height:120%;
    font-size:12px;
    margin-top:5px;
    height:25px;
    min-width:180px;
    max-width:480px;
}

#managerIndex li a{
    width:100%;
    padding:20px;
    display:inline-block;
    color:#FFFFFF;
    text-decoration:none;
}
#managerIndex ul.ul01 img{
	margin-right:10px;
    height: 37px;
    float: left;
}
#managerIndex li a:hover{
    text-decoration:none;
    color: yellow;
}

#managerIndex ul.ul01 li {
    text-align: center;
    background: #00785d linear-gradient(#00785d 0%, #004334 100%);
    margin:5px 5px;
    font-size:20px;
    box-sizing:border-box;
    background:url("../img/button/button02.png") repeat-x;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    width: 48%;
    min-width:390px;
    max-width:500px;
    display: inline-block;
    padding-left:10px;
}

#managerIndex ul.ul02 li {
    text-align: center;
    background: #2a3f54 linear-gradient(#00785d 0%, #004334 100%);
    margin:5px 5px;
    font-size:20px;
    box-sizing:border-box;
    background-image: linear-gradient(transparent 0%,rgba(255, 255, 255, 0) 50%,transparent 50%,rgba(0, 0, 0, .2) 100%);
    box-shadow: 0 2px 2px 0 rgba(255,255,255,.2) inset, 0 2px 10px 0 rgba(255,255,255,.5) inset, 0 -2px 2px 3px rgba(0, 0, 0, .5) inset;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    width: 23%;
    min-width:200px;
    max-width:500px;
    display: inline-block;
    border: 1px solid rgba(0,0,0,.2);
    text-shadow: 2px 2px 2px rgba(40, 40, 40, .5);
}

#managerIndex ul.ul03 li {
    text-align: center;
    background: #00785d linear-gradient(#00785d 0%, #004334 100%);
    margin:5px 5px;
    font-size:20px;
    box-sizing:border-box;
    background-image: linear-gradient(transparent 0%,rgba(255, 255, 255, 0) 50%,transparent 50%,rgba(0, 0, 0, .2) 100%);
    box-shadow: 0 2px 2px 0 rgba(255,255,255,.2) inset, 0 2px 10px 0 rgba(255,255,255,.5) inset, 0 -2px 2px 3px rgba(0, 0, 0, .5) inset;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    width: 48%;
    min-width:370px;
    max-width:500px;
    display: inline-block;
    border: 1px solid rgba(0,0,0,.2);
    text-shadow: 2px 2px 2px rgba(40, 40, 40, .5);
}

#managerIndex ul.ul04 li {
    vertical-align:middle;
    text-align: center;
    background: #00785d linear-gradient(#00785d 0%, #004334 100%);
    margin:5px 5px;
    font-size:20px;
    box-sizing:border-box;
    background:url("../img/button/button02.png") repeat-x;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    width: 23%;
    min-width:200px;
    max-width:500px;
    display: inline-block;
}


#managerIndex .menu_sub_title_area{
    max-width:  1020px;
}

#managerIndex .sub_menu_area{
    max-width: 1060px;
    margin: 0px auto;
    padding: 10px 20px;
}

#managerIndex .sub_menu_bkgray{
    background-color: #dfe5ec;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}