@charset "UTF-8";

/* =====================================
	全体設定
===================================== */

/* パンくず */
#topicPathInner,
#topicPathInner ul { background: transparent; }

#content {
    width: 100%;
    margin: 0 auto 40px;
    text-aign: center;
}

#module-login {
    width: 660px;
    margin: 20px auto;
    display: flex;
    flex-flow: row wrap;
    background: #fff;
}

#module-login2 {
    width: 320px;
    margin: 20px auto;
    display: flex;
    flex-flow: row wrap;
    background: #fff;
}

#module-login h1,
#module-login2 h1 {
    width: 100%;
    width: -moz-available;
    height: 35px;
    padding-left: 1em;
    background: #0e7bb3;
    font-size: 1.3em;
    color: #fff;
    line-height: 35px;
}

.columnbox {
    width: 330px;
    display: flex;
    flex-flow: column;
}
    #module-login .columnbox { float: left\9; }

.columnbox-inner {
    margin: 10px;
    padding: 20px 30px 1px;
    background: #fff;
    border: 1px solid #ededed;
    border-radius: 4px;
}

.columnbox-inner2 {
    margin: 10px;
    padding: 20px 30px 15px;
    text-align: center;
    background: #fff;
}

.form-group {
    margin: 0 0 15px;
}

.form-group label {
}

.form-group input {
    clear: left;
    margin: 5px 0 0;
}

.columnbox-inner2 p.note {   
    background:url(../../../../Content/images/pages/top/mark_info.png) 50% 0 no-repeat;
    padding-top: 40px;
    text-align: left;
    line-height: 1.7;
}

.chg-pw {
    margin: 10px -29px 0;
    padding: 0 20px;
    background: #f9f9f9;
    text-align: right;
}

.chg-pw  a {
    height: 35px;
    padding-left: 20px;
    background:url(../../../../Content/images/pages/top/icon_pw_chg.png) 0 50% no-repeat;
    line-height: 35px;
}


input#GuestLogin { width:200px; margin: 0 0 20px;}
input.LoginExec {}


/* =====================================
	header
===================================== */