@charset "utf-8";

#article * {
    font-family: helvetica, arial, 'hiragino kaku gothic pro', meiryo, 'ms pgothic', sans-serif;
}
#article input[type="text"],
#article input[type="password"],
#article select {
    border-radius: 3px;
    border: 1px solid #bbb;
    box-shadow: inset 1px 1px 1px #eee;
    margin: 5px 3px 5px 0;
    padding: 0 0 0 7px;
    vertical-align: middle;
    height: 32px;
    font-size: 15px;
    line-height: 1;
}

#article textarea{
    resize: vertical;
    border-radius: 3px;
    border:1px solid #bbb;
    box-shadow: inset 1px 1px 1px #eee;
    margin: 5px 3px 5px 0;
    padding: 7px 0 0 7px;
    vertical-align: middle;
    font-size: 15px;
    line-height: 1;
    width:450px;
    min-height: 32px;
}

#article select{
    cursor:pointer;
}

#article option {
    line-height: 21px;
    cursor:pointer;
}

#article input:hover,
#article select:hover,
#article textarea:hover {
    background: #fff7b5!important;
    box-shadow: inset 1px 1px 1px #eee;
}
#article input:focus,
#article textarea:focus {
    background: #fffbdb;
}

#article td label {
    margin: 2px 20px 2px 0;
    font-size: 15px;
    cursor: pointer;
    display: inline-block;
}
#article #bkn_class_table td label {
    width: 218px;
}

#article.memberinput{
    background: #fff;
    padding: 10px 0 0;
}
#article #merit {
    margin-bottom: 20px;
    text-align: center;
}
#article table {
    width: 680px;
    margin: auto;
    background: #f7f7f7;
    border: 1px solid #ccc;
    border-bottom: none;
}
#article tr#nameKanjiGroup th {
    border-radius: 5px 0 0 0;
}
#article tr#nameKanjiGroup td {
    border-radius: 0 5px 0 0;
}
#article tr#message th {
    border-radius: 0 0 0 5px;
}
#article tr#message td {
    border-radius: 0 0 5px 0;
}
#article th,
#article td.need {
    background: #eee;
    padding: 0;
    text-align: center;
}
#article th {
    font-weight: normal;
    text-align: right;
    width: 184px;
    padding: 5px 0;
    border-bottom: 1px solid #ccc;
    height: 40px;
}
#article th .item-name {
    font-size: 14px;
    float: left;
    padding-left: 10px;
    line-height: 1;
    vertical-align: middle;
    margin: 15px 0;
    width: 120px;
    text-align: left;
}
#article th img {
    vertical-align: -3px;
    margin: 0 0 0 5px;
}
#article tr#howToReturn th,
#article tr#receiveTime th,
#article tr#requestGroup th {
    height: 50px;
}

#article input#yosan,
#article input#familyNum{
    width: 100px;
}

#article tr#message p {
    margin: 3px 0 5px;
}
#article td {
   padding: 5px 5px 5px 12px;
   border-bottom: 1px solid #ccc;
   background: #fff;
   vertical-align: middle;
   background: #fbfbfb;
}
#article td.need {
    border-right: 1px dotted #ccc!important;
    width: 20px;
}
#article td span {
    color: #ff0000;
    display: block;
    font-size: 80%;
    display: none;
}
#article td span.required {
    display: block;
}


#article #requestGroup th,
#article td.hissu {
    vertical-align: top;
}
#article td.hissu {
    padding: 8px 5px 0;
}
#message th,
#message td {
    border-bottom: none;

}
#message td {
    padding: 5px 5px 10px 20px;
}

#article #memberRegistPoint{
    margin-bottom: 6px;
}

#article p.center{
    margin: 15px 0;
    text-align: center;
}

#article p.txt{
    clear: both;
    font-size: 100%;
    line-height: 130%;
    margin: 10px auto 10px;
    width: 660px;
    color : #333333;
}

#article p.error {
    color: #f00;
    font-weight: bold;
    line-height: 130%;
    margin: 10px auto 5px;
    width: 660px;
}

#article p.ttlP {
    border-left: 4px solid #3C79CC;
    color: #333333;
    font-size: 115%;
    font-weight: bold;
    line-height: 1.2;
    margin: 0 0 10px;
    padding: 0 0 0 5px;
    width: 400px;
}
#article .agreement{
    text-align: center;
    margin-top: 10px;
    font-size:12px;
}

ul.notice {
    margin-bottom: 50px;
    margin-top: 20px;
}

ul.notice li.title {
    color: #000000;
    margin-bottom: 10px;
}

ul.notice li.list {
    margin-left: 20px;
}

#article p.submit_btn{
    margin-top: 10px;
    text-align: center;
}
input::-webkit-input-placeholder{
    color:#909090;
}
*::-moz-placeholder{
    color:#909090;
}
::-ms-input-placeholder{
    color:#909090;
}

#remain,
#fixed{
    background-color: #555555;
    border-radius: 5px;
    height: 90px;
    opacity: 0.9;
    position: absolute;
    right: 66px;
    text-align: center;
    min-width: 100px;
}

#fixed{
    position:fixed;
    top:70px;
}

#remain p,
#fixed p{
 color: #fff;
}
#remain p.submit_ok,
#fixed p.submit_ok{
    display: none;
    height: 90px;
    vertical-align: middle;
    width: 100px;
}
#remain .emphasis,
#fixed .emphasis{
    font-size: 40px;
    letter-spacing: 3px;
    font-weight: normal;
}
#article #dummy_want_stationCode1,
#article #want_stationCode1,
#article #dummy_want_stationCode2,
#article #want_stationCode2,
#article #dummy_want_stationCode3,
#article #want_stationCode3{
    height: 100px;
    width: 157px;
}


#want_addressId1 select{
    max-width:220px;
}

.wantplace{
    margin-left:10px;
}

.selectstation li{
    float:left;
}
.addstation, .removestation {
    background-image: linear-gradient(to bottom, #ffffff, #e5e5e5);
    border: 1px solid #777777;
    border-radius: 5px;
    box-shadow: 0 0 0 1px #f7f7f7 inset;
    color: #333333;
    cursor: pointer;
    display: block;
    height: 20px;
    line-height: 20px;
    margin: 20px 10px;
    padding: 0 10px;
}


.selectstation,
.selectaddress3{
    display:none;
}


#article label:hover {
    background: #fff7b5;
}

#article input[type="checkbox"] {
    height:17px;
    width:17px;
    box-shadow: none;
    vertical-align: -3px;
    cursor:pointer;
}
#article input[type="checkbox"]:hover {
    box-shadow: none;
}

#article input[type="radio"] {
    height:17px;
    width:17px;
    box-shadow: none;
    vertical-align: -3px;
    cursor:pointer;
}
#article input[type="checkbox"]:hover {
    box-shadow: none;
}
#memo::placeholder {
    line-height: 1.3;
}


/*必須・任意・OKアイコン*/
.requiredmark{
    background-color: rgb(240, 39, 39);
    border-radius: 3px;
    margin-right: 10px;
    margin-top: 11px;
    padding: 4px 0;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    float:right;
    width: 37px;
    text-align: center;
    line-height: 1;
}
.optionalmark{
    background-color: rgb(121, 178, 217);
    border-radius: 3px;
    margin-right: 10px;
    margin-top: 11px;
    padding: 4px 0;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    float:right;
    width: 37px;
    text-align: center;
    line-height: 1;
}
#noSubmit{
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    padding: 26px 24px 0;
    border-radius: 35px;
    width: 265px;
    height: 46px;
    line-height: 1;
    margin: 3px auto;
    background-color: #ccc;
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #dfdfdf, #b0b0b0) repeat scroll 0 0;
}
button {
    background: none;
    border: none;
    cursor: pointer;
    margin: 0 auto;
}

/*物件種別表示*/
.want_bknType{
    margin: 5px 0;
}
.want_bknType p{
    font-size: 140%;
}
.want_bknType label{
    display: inline-block;
    margin: 0;
}

#article .passforget {
    margin: 0 auto;
    width: 680px;
}

.notes.attention{
    width : 660px;
    padding: 10px 20px;
}

.attention_head{
    font-weight: bold;
    font-size : 15px;
}

#article #now_addressStr4 {
    width : 170px;
}

.annotation {
    background-color: rgba(255,192,203,0.2);
    border-radius: 5px;
    margin: 10px auto 20px;
    padding: 10px;
    text-align: left;
    width: 660px;
    word-break: break-all;
}

    .annotation span {
        color: #ff0000;
        font-weight: bold;
    }

.privacyCheck {
    text-align: center;
    margin-top: 5px;
}

.privacy_check_input {
    height: 14px !important;
}

input#privacyCheck {
    position: relative;
}