.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}

#header {
    width: 100%;
    background-color: #ffffff;
    padding: 30px 0 30px 0px;


}

#header .inner {
    width: 950px;
    margin: 0 auto;
    padding: 0px 0 0 0px;
}

#footer .inner {
    width: 950px;
    margin: 0 auto;
    padding: 0px 0 0 0px;
    text-align: center;
}


#logo {
    float: left;
}
#phone {
    width: 300px;
    float: right;
    text-align: right;   
}

#phone .number{
    font-size: 28px;
    font-weight: bold;
    font-family: arial;
    margin-bottom: 2px;
}

#phone .txt{
      font-size: 13px;
}

#body {
    clear: both;
    padding: 35px  0 50px 0;
    background: #F6F6F6;
}
#body .inner {
    width: 750px;
    margin: 0 auto;
    padding: 0px 0 0 0px;
}



#footer {
    color: #FFF;
    background: #434F67;
    padding: 30px;
}

h1 {
    font-weight: bold;
    font-size: 25px;
    padding-bottom: 21px;
}

#form{
}
#form_table,.form_table{
    display:table;
    border-top: solid 1px #bbbbbb;
}
dl{
    display:table-row;
}
dt,dd{
    display:table-cell;
}

.form_table dt,
#form_table dt{
    width: 143px;
    padding: 20px 0 20px 38px;
    border-bottom: solid 1px #bbbbbb;
    color: #4f4f4f;
}

.form_table dd,
#form_table dd {
    width: 480px;
    padding: 20px 22px 15px 22px;
    vertical-align: top;
    border-right: solid 1px #bbbbbb;
    border-bottom: solid 1px #bbbbbb;
    background-color: #fff;
}

.form_table dd.require ,
#form_table dd.require {
    width: 35px;
    padding: 20px;
    border-right: solid 1px #bbbbbb;
    border-bottom: solid 1px #bbbbbb;
    background-color: transparent;
    /* text-indent: 100%; */
    white-space: nowrap;
    overflow: hidden;
}

#form_table input,
#form_table textarea {
border:0; 
padding:10px; 
font-family:Arial, sans-serif; 
/*color:#aaa; */
border:solid 1px #ccc; 
margin:0 0 7px; 
width:300px;  
-webkit-border-radius: 3px; 
-moz-border-radius: 3px; 
border-radius: 3px;
-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2); 
-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2); 
box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5); 
-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5); 
box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
-webkit-box-shadow: 0px 1px rgba(255, 255, 255, 0.5); 
-moz-box-shadow: 0px 1px rgba(255, 255, 255, 0.5); 
box-shadow: 0px 1px rgba(255, 255, 255, 0.5); 
-webkit-border-radius: 3px; 
-moz-border-radius: 3px; 
border-radius: 3px;

}
#form_table input:focus { 
border:solid 1px #EEA34A; 
}

#form_table textarea {
    height: 5em;
    width: 80%;
}



#form_table select {
    /*width: 100%;*/
    padding: 5px 24px 5px 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #999;
    background: #eee;
    background: url(arrow01.png) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#efebe1 100%);
    background: url(arrow01.png) right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#efebe1 100%);
    background-size: 20px, 100%;
}


#form_table .ul_chkbox{
}

#form_table .ul_chkbox li {
        list-style-type: none;
}
#form_table .ul_chkbox li label{
        cursor: pointer;
}


#form_table .ul_chkbox li input[type=checkbox] {
        width: auto;
        margin-right: 5px;
}


.require span {
    background: red;
    color: #fff;
    padding: 0 6px;
    font-size: 12px;
}

.require span.disable {
    background: #999;
}









#footer h3{
    font-size: 13px;
    margin-bottom: 12px;
}
#footer p{
    font-size: 12px;
    margin-bottom: 20px;
}



.button {
    display: inline-block;
    width: 250px;
    height: 54px;
    text-align: center;
    text-decoration: none;
    line-height: 54px;
    outline: none;
    padding: 0;
    cursor: pointer;
    box-shadow: 3px 3px #4063A4;

}

.button::before,
.button::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
}
.button,
.button::before,
.button::after {
    border-radius: 1.5em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.button {
    position: relative;
    z-index: 2;
    background-color: #29A7E1;
    border: 2px solid #29A7E1;
    color: #fff;
    line-height: 50px;
    font-size: 16px;
}
.button:hover {
    background-color: #fff;
    border-color: #59b1eb;
    color: #59b1eb;
    font-weight: bold;
}
.button::before,
.button::after {
    top: 0;
    width: 50%;
    height: 100%;
    background-color: #29A7E1;
}
.button::before {
    right: 0;
}
.button::after {
    left: 0;
}
.button:hover::before,
.button:hover::after {
    width: 0;
    background-color: #59b1eb;
}

/*エリア選択のボタン*/


.sel_area {
    width: 200px;
    height: 35px;
    line-height: 35px;

}
#btn_area {
    text-align: center;
    padding: 24px 0 50px 0;
}


.showarea {
    font-weight: bold;
    font-size: 120%;
    line-height: 150%;
}



#editBtn {
    width: 150px;
    height: 40px;
    line-height: 40px;
    box-shadow: 3px 3px #585858;
    position: relative;
    z-index: 2;
    background-color: #b9c0c3;
    border: 2px solid #b9c0c3;
    color: #222;
    font-size: 16px;
    margin-right: 10px;
}
#editBtn:hover {
    background-color: #fff;
    border-color: #838586;
    color: #000;
    font-weight: bold;
}
#editBtn::before,
#editBtn::after {
    top: 0;
    width: 50%;
    height: 100%;
    background-color: #b9c0c3;
}

#editBtn:hover::before,
#editBtn:hover::after {
    width: 0;
    background-color: #838586;
}

#message {
    margin-bottom: 1em;
}

#ul_contact li {
    list-style-type: none;
    line-height: 120%;
}
#ul_contact li input{
    width: auto;
    margin-right: 5px;
}

#ul_day li {
    list-style-type: none;
    line-height: 120%;
}
#ul_day li input{
    width: auto;
    margin-right: 5px;
}




.notice {
    padding: 15px;
    background: #ffe7e7;
    border: 1px solid #fff;
    margin-bottom: 20px;
}

.notice h2{
    padding: 5px;
}

.notice ul{
    padding: 5px 10px 0 30px;
}

.notice ul li{
    line-height: 150%;
}