.text {
    background-color: #FFFFFF;
    border: 1px solid #777777;
    border-radius: 3px;
    color: #333333;
    font-weight: bold;
    padding: 3px 0;
}

h2.page_title{
    background-image : url(../images/new_diary_bg.jpg) ;
    background-repeat : repeat-x ;
    height : 35px ;
    line-height : 35px ;
    margin : 30px 0 20px 0 ;
    font-size : 18px ;
    font-weight : bold ;
    color : #fff ;
}
h2.page_title img{
    margin : 0 10px ;
}

.reminder_box .group_block{
    width : 90% ;
    margin-left : 5% ;
    margin : 10px 0 20px 5% ;
    border-bottom : 2px solid #ccc ;
}
.reminder_box .group{
    width : 100% ;
    border-top : 2px solid #ccc ;
    min-height : 40px ;
}
.reminder_box .group .group_title{
    display : table-cell ;
    vertical-align : middle ;
    background-color : #cfc ;
    margin : 0 ;
    height : 40px ;
    font-weight : bold ;
    color : #333 ;
    white-space : nowrap ;
}
.reminder_box .group .group_title span{
    width : 180px ;
    display : inline-block ;
    padding : 0 0 0 20px ;
}
.reminder_box .group .controls{
    width : 60% ;
    min-width : 400px ;
    display : table-cell ;
    vertical-align : middle ;
}
.reminder_box .group .controls .text_input,
.reminder_box .group .controls .select_input{
    display : inline-block ;
    margin-left : 20px ;
}
.reminder_box .group .controls .bk_red{
    display : inline-block ;
    background-color : #f00 ;
    padding : 0 3px ;
}
.reminder_box .group .controls .bk_red label{
    color : #fff ;
    font-size : 14px ;
}
.reminder_box .group_block .group .controls .text{
    width : 90% ;
    max-width : 300px ;
}
.reminder_box .group_block .group .controls .error_msg{
    display : block ;
    padding-left : 20px ;
    color : #f33 ;
    font-size : 14px ;
}
.reminder_box .form_btns{
    text-align : center ;
}
.reminder_box .form_btns .btn_send{
    background-image : url(../images/btn_submit_off.jpg) ;
    width : 160px ;
    height : 36px ;
    border : none ;
    cursor : pointer ;
}
.reminder_box .form_btns .btn_send:hover{
    background-image : url(../images/btn_submit_on.jpg) ;
}
.reminder_box .form_btns .btn_submit{
    background-image : url(../images/btn_reminder_off.jpg) ;
    width : 160px ;
    height : 36px ;
    border : none ;
    cursor : pointer ;
}
.reminder_box .form_btns .btn_submit:hover{
    background-image : url(../images/btn_reminder_on.jpg) ;
}





/*スマホ版デザイン*/
.reminder_box .sp_group_block{
    width : 90% ;
    margin-left : 5% ;
    margin : 10px 0 20px 5% ;
    border-bottom : 2px solid #ccc ;
}
.reminder_box .sp_group_block .group{
    width : 100% ;
    border-top : 2px solid #ccc ;
    min-height : 40px ;
}
.reminder_box .sp_group_block .group .group_title{
    display : block ;
    background-color : #cfc ;
    margin : 0 ;
    height : 40px ;
    width : 100% ;
    font-weight : bold ;
    color : #333 ;
    white-space : nowrap ;
}
.reminder_box .sp_group_block .group .group_title span{
    display : inline-block ;
    padding : 0 0 0 20px ;
}
.reminder_box .sp_group_block .group .controls{
    width : 100% ;
    display : block ;
    padding : 10px 0 ;
}
.reminder_box .sp_group_block .group .controls .text_input,
.reminder_box .sp_group_block .group .controls .select_input{
    display : inline-block ;
    margin-left : 20px ;
}
.reminder_box .sp_group_block .group .controls .text{
    width : 90% ;
}
.reminder_box .sp_group_block .group .controls .error_msg{
    display : block ;
    padding-left : 20px ;
    color : #f33 ;
    font-size : 14px ;
}


/*成功or失敗テキスト*/
.reminder_box .reminder_text,
.sp_reminder_box .reminder_text{
    width : 90% ;
    margin : 0 auto ;
}
.reminder_box .reminder_text .link_text,
.sp_reminder_box .reminder_text .link_text{
    padding : 20px 0 0 20px ;
}