@charset "utf-8";

/*------------
  contact reset
-------------*/
*{ margin: 0 ; padding: 0; }
li{ list-style: none; }

a{
	color:#0033cc;
	text-decoration:none;
}
a:hover{
	color:#0033cc;
	text-decoration:underline;
}
input, textarea, select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}
/*------------
  contact
-------------*/
#header{
    margin: 2em 1.5em;
}
#header a{
    display: block;
    text-decoration: none;
    color: #4d4d4d;
    width: 260px;
    margin: 0 auto;
}
#header a img{
    width: 100%;
}
#contentsWrap{
    margin-top: 0;
}
#billboard h2 {
    color: #fff;
    text-align: center;
    background: #d93129;
    padding: 1.5em 0 1.25em;/*0 0 0.75em*/
}
#billboard .breadCrumb {
    width: 100%;
    background: #d93129;
}
#billboard h2 .sp01 {
    font-size: 250%;
    font-weight: 200;
    font-style: italic;
}
#billboard h2 .sp02 {
    display: block;
    font-size: 87.5%;
    font-weight: normal;
    max-width: 15em;
    margin: auto;
    padding-top: 0.75em;
    border-top: 1px solid #fff;
}
/*------------
   contents
-------------*/
#container .sp{
    display: none;
}
#container{
	width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}
#container .innerWrap{
    padding: 100px 50px 128px;
}
#contents{
    width: 100%;
	max-width: 900px;
}
#contents h3{
    color: #d93129;
    font-size: 160%;
    border-bottom: solid 1px #d93129;
    margin-bottom: 0.5em;
}
#contents #topmessage > a{
    display: inline-block;
}
/*------------
   table
-------------*/
table.cntTbl{
    width: 100%;
    max-width: 900px;
	border: 1px solid #cdcdcd;
	margin: 0 auto 20px;
}
table.cntTbl #select{
    width: 100%;
    max-width: 420px;
}
table.cntTbl th,
table.cntTbl td{
	border:1px solid #cdcdcd;
	padding:12px;
}
table.cntTbl td{
/*    width: 100%*/
}
table.cntTbl th{
    width: 30%;
/*	width:220px;*/
	font-weight:normal;
	vertical-align:top;
}
table.cntTbl td table{
	border:0;
	margin:0;
}
table.cntTbl td table td{
	border:0;
	padding:5px 2px 5px 0;
/*	line-height:12px;*/
}

table.cntTbl td li{
	margin-bottom:5px;
}

table.cntTbl td dl{
	clear:both;
}
table.cntTbl td dt,
table.cntTbl td dd{
	float:left;
	display:block;
	margin:2px 0;
}
table.cntTbl td dt{
    width: 28%;
/*	width:200px;*/
}
table.cntTbl td input{
	padding:1px;
	height:16px;
    margin: 1px;
}
.fs12{
/*	font-size:12px;*/
    font-size: 100%;
}
.estimate .bl table td.br > span{
    font-size: 80%;
}

.gr{ background-color:#f1f2f4;}
.bl{ background-color:#f4f8fb;}
.rd{ background-color:#ffbebe;}
.fcRed{ color:#fe0000; }
 

.lg{ width: 100%;/*420px;*/}
.md{ width: 30%;/*195px;*/ }
.sh{ width: 20%;/*80px;*/}
/*.vsh{ width:60px; }*/

.caution{ width: calc(100% - 1em); max-width:896px; height:130px; margin:5px auto 40px; color:#666666; line-height:150%; text-indent: 0; padding: 0.5em; border: solid 1px #ccc;}

.mssg{
	margin:40px auto 0 auto;
	padding:10px 0;
	text-align:center;
/*	width:900px;*/
    width: 100%;
    border-top: dashed 1px #666;
    border-bottom: dashed 1px #666;
}
.btnBox{
/*	width:900px;*/
    width: 100%;
	text-align:center;
	padding:25px 0;
	margin:0 auto;
}

.btnReset {
    background:url(../img/btn_reset.jpg) no-repeat 0 0/contain;
    border: 0 none;
    cursor: pointer;
    width: 32%;
	max-width:107px;
	height:25px;
	margin:0 10px;
}
.btnConfirm {
    background:url(../img/btn_confirm.jpg) no-repeat 0 0/contain;
    border: 0 none;
    cursor: pointer;
    width: 32%;
	max-width:107px;
	height:25px;
	margin:0 10px;
}
.btnBack {
    background:url(../img/btn_back.jpg) no-repeat 0 0/contain;
    border: 0 none;
    cursor: pointer;
    width: 32%;
	max-width:107px;
	height:25px;
	margin:0 10px;
}
.btnSubmit {
    background:url(../img/btn_transmit.jpg) no-repeat 0 0/contain;
    border: 0 none;
    cursor: pointer;
    width: 32%;
	max-width:107px;
	height:25px;
	margin:0 10px;
}

/* ----------------------------------------------------
　W：〜767
------------------------------------------------------- */
@media screen and (max-width: 767px) {
    #header{
        margin: 1em 1.5em;
    }
    #header a{
        width: 220px;
    }
    #contentsWrap{
        margin-top: 0;
    }
    #container .sp{
        display: block;
    }
    #container .innerWrap{
        padding: 3em 1.5em 3.5em;
    }
    .estimate .bl table td.br{
        display: block;
    }
    .agree table td{
        width: 50vw;
    }
    .agree table td .txtIndent{
        margin-left: 21vw;
    }
    .agree table td.fcRed.sub{
        width: 10px;
    }