/*================================================================================================
    レイアウトスタイル
================================================================================================*/

/*----メインカラム----*/
#contentsWrap {
    /*max-width: 964px;*/
    /*max-width: 944px;*/
    margin: 0 auto;
    /*padding: 0 5px 5px;*/
    text-align: left;
}

.ie8 #contentsWrap {
    /*width: 944px;*/
}

#mainContents {
    display: none;
    max-width: 944px;
    margin: 0 auto;
}

#mainContents h3 {
    font-size: 1.7em;/*2.5em*/
    padding:20px;/*1.5em 0*/
    text-align: center;
    background:#ebebeb;/*160826*/
    margin: 1.5em 0;/*160826*/
    color:#4c4c4c;/*160826*/
}

/*----ヘッダー----*/
#headerArea {

    /*margin: 0 5px 15px;*/
    position:relative;/*160909*/
    top:0;/*160909*/
    left:0;/*160909*/
    height:80px;
    border-bottom:1px solid #ebebeb;
}
.header-wrap{}

#headerArea h1 {
    /*float: left;*/
    position:absolute;
    top:10px;
    left:28px;
    /*margin-top:15px;*//*160826*/
}

#headerArea h2 {
    /*float: left;*//*right*/
    /*margin-top:152px;*//*35 160826*/
        position:absolute;
    top:32px;
    left:152px;
}

#headerArea h3 {
    /*float: right;*/
    /*margin-top:35px;*//*160826*/
        position:absolute;
    top:23px;/*18*/
    right:28px;
}
#footerArea {
    padding: 20px;
}

/*----フォーム周りー----*/
#formArea table {
    width: 100%;
    margin-top: 2em;
}

#formArea table,
#formArea table tr,
#formArea table th,
#formArea table td {
    border: 1px solid #ddd;
}

#formArea table th,#formArea table td {
    font-size: 1.083333em;
    padding: 10px 10px 12px;
    line-height: 1.5;
    vertical-align: middle;
}

#formArea table th {
    width: 38%;
    text-align: center;
    background-color: #f7f7f7;
}

#formArea .purpose-table td {
    position: relative;
    width: 62%;
    padding: 10px 10px 12px 2.8em;
    text-indent: -1em;
}

.categoly-ttl {
    margin-right: .5em;
}

#formArea input,
#formArea select {
    max-width: 100%;
    margin: 0;
    padding: 6px;
    color: #000;
    border: 1px solid #aaa;
    box-shadow: none;
    font-size: 1em;
    /*
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	*/
}

#formArea input[type=radio],
#formArea input[type=checkbox] {
    position:relative;
    width: 16px;
    height: 16px;
    margin-right: .4em;
}
.ie8 #formArea input[type=radio],
.ie8 #formArea input[type=checkbox],
.ie9 #formArea input[type=radio],
.ie9 #formArea input[type=checkbox] 
{
    width: auto;
    height: auto;
    border: none;
}

#formArea input[type=text] {
    border: none;
    opacity: 1!importa;
    filter:alpha(opacity=100);
}

.ie8 #formArea input[type=text] {
    border: 1px solid #aaa;
    opacity: 1;
}

.win #formArea input[type=radio],
.win #formArea input[type=checkbox] {
    top: 4px;
}

.ie8 #formArea input[type=radio],
.ie8 #formArea input[type=checkbox] {
    top: 2px;
}


.mac #formArea input[type=radio],
.mac #formArea input[type=checkbox] {
    top: 1px;
}

#formArea .name-field {
    display: block;
    float: left;
    margin-right: 1em;
}

.ie8 #formArea .name-field {
    width: 220px;
}

.ie8 #formArea label {
    white-space: nowrap;
}

#formArea #d01{
    background-color: #fff;
    border: none;
}

#submit {
    /* margin-top: 2em; */
    /* padding: 20px 0; */ /*20*/
    text-align: center;
}


.submitButton {
    display: block;
    height: 60px;/*30*/
    width: 70%;/*120*/
    max-width:640px;/*160826*/
    margin: 1.5em auto 0 auto;
    color: #fff;/*000*/
    border:none ;/*solid 1px #444*/
    cursor: pointer;
    background:#c3002f;/*160826*/
    font-size:1.8em;/*160826*/
    font-weight:bold;/*160826*/
}

.submitButton:hover {
  opacity: .7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.cursor-def {
    cursor: default;
}

.date-span {
    padding-right: 20px
}

@media screen and (max-width: 964px) {
    #contentsWrap {
        /*padding: 0 20px 20px;*/
    }
}

.sp-obj {
    display: none;
}
@media screen and (max-width: 640px) {
    /*===========================
        spスタイル
    =============================*/
    .pc-obj{ display: none;}

    #mainContents {
        /*padding-top: 206px;*//*52*/
    }


    #headerArea {
        /*position: absolute;
        top: 0;
        left: 0;*/
        width: 100%;
	height:auto;
        /*margin: 0;*/
    }

    #headerArea .header-wrap{
        /*height: 91px;*//*52*/
        margin-bottom:20px;
        background-color: #fff;
    }

    #headerArea .header-wrap02{
        /*height: 101px;*//*52*/
	border-top: solid 1px #ebebeb;
        /*border-bottom: solid 1px #c1c1c1;*/
        background-color: #fff;
    }

    #headerArea h1 {
    float:left;
        width: 17.3%;/*17.3 56 149**/
        /*left: 13px;*//*3 8 13*/
        /*top: 9px;*//*0*/
        position: relative;
        top:10px;
	left:3%;
    }
    
    #headerArea a img {
        width: 100%;
        height: auto;
    }

    #headerArea h2 {/*160826*/
        width: 40.6%;
        left: 3%;
        top: 0px;/*0*/
        position: relative;
	padding:10px 0px;
        
    }

    #headerArea h2 img {/*160826*/
        width: 100%;
        height: auto;
    }
    #headerArea h3 {/*160826*/
        float:right;
        width: 37.3%;
        position: relative;
	right:4.6875%;
        /*width: 9.3%;
        top:15px;
	right:3%;*/
    }

    #headerArea h3 img {/*160826*/
        width: 100%;
        height: auto;
    }
#mainContents{padding: 0 8px 8px;}
    #mainContents h3 {
        font-size: 1.5em;
        text-indent: -1em;
        margin-left: 0;/*1.5*/
        line-height: 1.2em;
        text-align: center;/*left*/
    }
    
    .sp-obj {
        display: block;
    }


    #contentsWrap {
        /*padding: 0 8px 8px;*/
    }


    #formArea table th,#formArea table td {
        display: block;
        width: 100%;
        overflow: hidden;
    }

    #formArea table,
    #formArea table tr {
        border: none;
    }
    
    #formArea table tr {
        border: 1px solid #ddd;
    }
    

    #formArea table th {
        border: none;
        border-bottom: 1px solid #ddd;
    }
    
    #formArea table td {
        border: none;
        /*
        border: 1px solid #ddd;
        border-top: none;
        */
    }
    
    .date-span {
        padding-right: 5px
    }

    .date-span select{
        width: 22%;
    }

.submitButton {/*160826*/
    width: 95%;
}
}