.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 ;
}

.contact_box .group_block{
    width : 90% ;
    margin-left : 5% ;
    margin : 10px 0 20px 5% ;
    border-bottom : 2px solid #ccc ;
}
.contact_box .group{
    width : 100% ;
    border-top : 2px solid #ccc ;
    min-height : 40px ;
}
.contact_box .group .group_title{
    display : table-cell ;
    vertical-align : middle ;
    background-color : #cfc ;
    width : 160px ;
    margin : 0 ;
    height : 40px ;
    font-weight : bold ;
    color : #333 ;
    white-space : nowrap ;
}
.contact_box .group .group_title span{
    width : 140px ;
    display : inline-block ;
    padding : 0 0 0 20px ;
}
.contact_box .group .group_title span.icon_required{
    background-image : url(../images/icon_required.gif) ;
    background-repeat : no-repeat ;
    width : 46px ;
    height : 20px ;
}
.contact_box .group .controls{
    display : table-cell ;
    vertical-align : middle ;
    padding:15px 0 15px 20px;
}
.contact_box .group .controls .text_input,
.contact_box .group .controls .select_input{
    display : inline-block ;
    margin-left : 20px ;
}
.contact_box .group .controls p{
    width : 90% ;
    min-width : 300px ;
    padding-left : 20px ;
}
.contact_box .group_block .group .controls .text{
    width : 90% ;
    max-width : 300px ;
}
.contact_box .group_block .group .controls .error_msg{
    display : block ;
    padding-left : 20px ;
    color : #f33 ;
    font-size : 14px ;
}
.contact_box .form_btns{
    text-align : center ;
}
.contact_box .form_btns .btn_check{
    background-image : url(../images/staff_edit_check_off.jpg) ;
    width : 160px ;
    height : 36px ;
    border : none ;
    cursor : pointer ;
}
.contact_box .form_btns .btn_check:hover{
    background-image : url(../images/staff_edit_check_on.jpg) ;
}
.contact_box .form_btns .btn_send{
    background-image : url(../images/btn_submit_off.jpg) ;
    width : 160px ;
    height : 36px ;
    border : none ;
    cursor : pointer ;
}
.contact_box .form_btns .btn_send:hover{
    background-image : url(../images/btn_submit_on.jpg) ;
}
.contact_box .form_btns .btn_exit{
    background-image : url(../images/btn_exit_off.jpg) ;
    width : 160px ;
    height : 36px ;
    border : none ;
    cursor : pointer ;
}
.contact_box .form_btns .btn_exit:hover{
    background-image : url(../images/btn_exit_on.jpg) ;
}
.contact_box .form_btns .btn_back{
    width : 160px ;
    height : 36px ;
    background-image : url(../images/staff_edit_back_off.jpg) ;
    background-repeat : no-repeat ;
    border : none ;
    cursor : pointer ;
}
.contact_box .form_btns .btn_back:hover{
    background-image : url(../images/staff_edit_back_on.jpg) ;
}




/*スマホ版デザイン*/
.contact_box .sp_group_block{
    width : 90% ;
    margin-left : 5% ;
    margin : 10px 0 20px 5% ;
    border-bottom : 2px solid #ccc ;
}
.contact_box .sp_group_block .group{
    width : 100% ;
    border-top : 2px solid #ccc ;
    min-height : 40px ;
}
.contact_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 ;
}
.contact_box .sp_group_block .group .group_title span{
    display : inline-block ;
    padding : 0 0 0 20px ;
    width : auto ;
    vertical-align : middle ;
}
.contact_box .sp_group_block .group .group_title span.icon_required{
    background-image : url(../images/icon_required.gif) ;
    background-repeat : no-repeat ;
    width : 46px ;
    height : 20px ;
}
.contact_box .sp_group_block .group .controls{
    width : 100% ;
    display : block ;
    padding : 10px 0 ;
}
.contact_box .sp_group_block .group .controls .text_input,
.contact_box .sp_group_block .group .controls .select_input{
    display : inline-block ;
    margin-left : 20px ;
}
.contact_box .sp_group_block .group .controls .text{
    width : 90% ;
}
.contact_box .sp_group_block .group .controls .error_msg{
    display : block ;
    padding-left : 20px ;
    color : #f33 ;
    font-size : 14px ;
}


/*成功or失敗テキスト*/
.contact_box .contact_text{
    width : 90% ;
    /*margin : 0 auto ;*/
    margin-top: 30px ;
}
.contact_box .contact_text h3{
    font-size : 18px ;
    font-weight : bold ;
}
.contact_box .contact_text .bold{
    font-weight : bold ;
}
.contact_box .contact_text .link_text{
    padding : 20px 0 0 20px ;
}