@charset "utf-8";

body {
    margin: 0;
    padding: 0;
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
}

#headerLogo {
    margin: 0;
    padding-top: 100px;
    padding-bottom: 100px;
    padding-left: 0;
    padding-right: 0;
    background-image: url("forest-1866837_1280.jpg");
    background-position: center;
    background-repeat: no-repeat;
    font-family: "Lucida Calligraphy";
    font-size: 20pt;
    color: rgb(245, 255, 245);
    text-align: center;
}

#headerLogo h1 {
    margin: 0;
    padding: 0;
}

#headerNavi {
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: top;
    color: rgb(24, 65, 29);
}

#headerNavi p {
    margin: 0px;
    padding: 0px;
    display: inline-block;
    border-left: 1px solid rgb(24, 65, 29);
    padding-left: 10px;
    letter-spacing: 2px;
}

#headerNavi p:first-child {
    border-left: none;
}

#siteIntroduction {
    vertical-align: top;
    margin-left: 4%;
    margin-bottom: 50px;
    width: 95%;
}

#siteIntroductionTitle {
    border-bottom: solid 5px rgb(24, 65, 29);
}

#siteIntroductionContents {
    margin-left: 2%;
}

#cabinet {
    vertical-align: top;
    margin-left: 4%;
    margin-bottom: 50px;
    width: 95%;
}

#cabinetTitle {
    border-bottom: solid 5px rgb(24, 65, 29);
}

#cabinetContentsTitle_1 {    
    margin-left: 2%;
}

#emphasisPart {
    color: red;
}

#cabinetContentsTitle_2 {
    margin-left: 2%;
}

#footerTitle {
    border-top: solid 5px rgb(24, 65, 29);
    width: 88%;
    margin-left: 4%;
    margin-right: 2%;
}

#buttonGoToTop {
    margin-left: 2%;
    padding: 0.5em 2em;
    text-decoration: none;
    background: rgb(24, 65, 29);
    border: rgb(24, 65, 29);
    color: rgb(245, 255, 245);
    border-radius: 5px;
}

#termOfServiceWindow {
    padding: 0;
    vertical-align: top;
    margin-left: 4%;
    margin-bottom: 50px;
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
    width: 88%;
}

#termOfServiceWindowTitle {
    border-bottom: solid 5px rgb(24, 65, 29);   /* 下線 */
}

#termOfServiceWindowContents {
    margin-left: 2%;
}

#termOfServiceWindowFooter {
    border-top: solid 5px rgb(24, 65, 29);
}

#termOfServiceWindowFooter {
    margin-left: 2%;
}

#termOfServiceWindowFooterModification {
    font-weight: bolder;
}

#buttonGoToHomeFromTermOfServiceWindow {
    padding: 0.5em 2em;
    text-decoration: none;
    background: rgb(24, 65, 29);
    border: rgb(24, 65, 29);
    color: rgb(245, 255, 245);
    border-radius: 5px;
}

#downloadTopWindow {
    padding: 0;
    vertical-align: top;
    margin-left: 4%;
    margin-bottom: 50px;
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
    width: 88%;
}

#downloadTopWindowTitle {
    border-bottom: solid 5px rgb(24, 65, 29);   /* 下線 */
}

#downloadTopWindowApplicationTitle {
    margin-left: 2%;
}

#downloadTopWindowApplicationContentsTitle {
    margin-left: 4%;
}

#downloadTopWindowApplicationContentsContents {
    margin-left: 6%;
}

#downloadTopWindowFooter {
    border-top: solid 5px rgb(24, 65, 29);
}

#downloadTopWindowFooterLeftSpace {
    margin-left: 2%;
}

#downloadTopWindowFooterModificationn {
    font-weight: bolder;
}

#buttonGoToHomeFromDownloadTopWindow {
    padding: 0.5em 2em;
    text-decoration: none;
    background: rgb(24, 65, 29);
    border: rgb(24, 65, 29);
    color: rgb(245, 255, 245);
    border-radius: 5px;
}

#confirmationWindow {
    margin-left: 4%;
    font-family: "メイリオ";
    font-size: 11pt;
    width: 88%;
}

#confirmationWindowTitle {
    border-bottom: solid 5px rgb(24, 65, 29);
}

.showConfirmationItems {
    font-family: "Brush Script MT";
    font-size: 11pt;
    font-weight: bold;
}

#showConfirmationRequest {
    width: 88%;
    border: solid 2px rgb(24, 65, 29);
    border-radius: 5px;
    padding: 10px 10px;
}

.styleOfConfirmationWindow {
    display: inline-block;
}

#buttonCloseConfirmationWindow {
    font-size: 12pt;
    padding: 0.5em 2em;
    text-decoration: none;
    background: rgb(24, 65, 29);
    border: rgb(24, 65, 29);
    color: rgb(245, 255, 245);
    border-radius: 5px;
}

#dsplayStoredData {
    margin-left: 4%;
    width: 80%;
}

#dsplayStoredDataTitle {
    border-bottom: solid 5px rgb(24, 65, 29);
}

.dsplayStoredDataItems {
    font-family: "Brush Script MT";
    font-size: 13pt;
    font-weight: bold;
}

.dsplayStoredDataStyle {
    margin-left: 2%;
}

#displayStoreDataRequest {
    width: 75%;
    border: solid 2px rgb(24, 65, 29);
    border-radius: 5px;
    padding: 10px 10px;
}

.footerStyleSetToMySQL {
    display: inline-block;
}

#goToHomeFromSetToMySQL {
    margin-left: 2%;

    padding: 0.5em 2em;
    text-decoration: none;
    background: rgb(24, 65, 29);
    border: rgb(24, 65, 29);
    color: rgb(245, 255, 245);
    border-radius: 5px;
}

#goToQAListFromSetToMySQL {
    margin-left: 2%;
    padding: 0.5em 2em;
    text-decoration: none;
    background: rgb(24, 65, 29);
    border: rgb(24, 65, 29);
    color: rgb(245, 255, 245);
    border-radius: 5px;
}

#inquiryWindow {
    margin-left: 4%;
    width: 88%;
}

#inquiryTitle {
    margin-left: 4%;
    margin-right: 2%;
    border-bottom: solid 5px rgb(24, 65, 29);
}

#inquiryDate_time {
    margin-left: 4%;
    margin-right: 2%;
    font-size: 0.7em;
}

#inquiryNumber {
    margin-left: 4%;
    margin-right: 2%;
    font-size: 0.7em;
}

.inquiryNameContents {
    display: inline-block;
    vertical-align: top;
}

#inquiryName {
    margin-left: 4%;
    margin-right: 2%;
}

#inquiryContents {
    margin-left: 4%;
    margin-right: 2%;
}

#inquiryRequest {
    margin-left: 4%;
    margin-right: 2%;
    width: 75%;
    border: solid 2px rgb(24, 65, 29);
    border-radius: 5px;
    padding: 10px 10px;
}

#qaListFooter {
    border-top: solid 5px rgb(24, 65, 29);
    margin-left: 2%;
}

#qaListFooterModification {
    font-weight: bolder;
}

#buttonBackToHome {
    margin-left: 4%;
    padding: 0.5em 2em;
    text-decoration: none;
    background: rgb(24, 65, 29);
    border: rgb(24, 65, 29);
    color: rgb(245, 255, 245);
    border-radius: 5px;
}

#contactForm {
    margin-left: 4%;
    width: 88%;
}

#contactFormTitle {
    border-bottom: solid 5px rgb(24, 65, 29);
}

#form_noticeTitle {
    margin-left: 2%;
}

#form_notice {
    margin-left: 4%;
}

#form_input {
    margin-left: 2%;
}

.formFirst {
    display: inline-block;
}

#form_name {
    margin-left: 4%;
    margin-right: 4%;
    margin-bottom: 10px;
}

#form_ChooseContents {
    margin-right: 2%;
}

#form_request {
    margin-left: 4%;
}

.formThird {
    margin-left: 4%;
}

#buttonCheckInputData {
    font-size: 12pt;
    padding: 0.5em 1.7em;
    text-decoration: none;
    background: rgb(48, 110, 128);
    border: rgb(48, 110, 128);
    color: rgb(245, 255, 245);
    border-radius: 5px;
}

#buttonDisplayStoredData {
    margin-left: 2%;
    font-size: 12pt;
    padding: 0.5em 4em;
    text-decoration: none;
    background: rgb(48, 110, 128);
    border: rgb(48, 110, 128);
    color: rgb(245, 255, 245);
    border-radius: 5px;
}

#form_inquiryNumber {
    margin-left: 4%;
}

#contactFormFooter {
    border-top: solid 5px rgb(24, 65, 29);
}

#buttonGoToHomeFromInquiryFormWindow {
    margin-left: 4%;
    padding: 0.5em 2em;
    text-decoration: none;
    background: rgb(24, 65, 29);
    border: rgb(24, 65, 29);
    color: rgb(245, 255, 245);
    border-radius: 5px;
}