@charset "UTF-8";

/* ───────────────────────────────────────────────────────────── Bottom Page */

.bottom #wrapper {
background:#fff;
}

/*
header
*/

.bottom #header {
background:none;
padding-top:3.75em;
}

.bottom #siteId {
font-size:450%;
}

.bottom #siteId img {
margin-top:0.75em;
}

/*
section
*/

.bottom section {
width:960px;
margin:0 auto;
padding-right:32px;
padding-left:32px;
}

#form {
text-align:center;
padding-top:2em;
}

#annotation {
text-align:center;
}

#form .heading {
font-size:200%;
margin:1em 0 0.625em;
}

#form .heading:nth-child(1) {
margin:0 auto 0.625em;
}

main section p.notice, main section ul.notice li, 
main section dl.notice dd {
text-align:center;
}

main section ul.notice li:before, main section dl.notice dd:before, 
main section ul.annotation li:before {
content:"※";
}

/*
dlタグによる表組（段組）
*/

.stdTable {
display:inline-block;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

p + .stdTable, ul + .stdTable, ol + .stdTable, dl + .stdTable {
margin-top:2.5em;
}

.heading + .upload.stdTable {
margin-top:1.125em;
}

.ex.stdTable {
border-top:1px solid #a89bee;
border-bottom:1px solid #a89bee;
margin-bottom:1.25em;
padding:1em 0 0.25em;
}

.stdTable dl {
background:url("../common/img/dot_bk.svg") repeat-x left top;
padding-top:1em;
padding-bottom:0.75em;
}

.ex.stdTable dl {
border-top:1px dotted #71c7d1;
background:none;
}

.stdTable dl:nth-child(1) {
background:none;
padding-top:0;
}

.ex.stdTable dl:nth-child(1) {
border-top:none;
}

.stdTable .subheading + dl {
background:none;
padding-top:0;
padding-bottom:0.75em;
}

.stdTable dl dt, .stdTable dl dd {
display:table-cell;
vertical-align:middle;
}

.stdTable dl dt {
background:#403675;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
color:#fff;
padding:1em 0.75em;
position:relative;
}

.ex.stdTable dl dt {
background:none;
color:#a89bee;
padding:0;
}

.stdTable dl dt.makinas {
font-size:112.5%;
}

.stdTable dl:nth-child(1) dt, .stdTable dl:nth-child(1) dd {
border-top:none;
}

.stdTable dl.total dt {
background:#e61a69;
}

.stdTable dl dd {
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:0 0 0 1em;
}

/*
form, annotation
*/

#form strong, #annotation strong {
color:#d82448;
}

#form .stdTable dl dt, #annotation .stdTable dl dt {
width:260px;
text-align:left;
line-height:1.25em;
}

#form .stdTable dl dd, #annotation .stdTable dl dd {
width:400px;
text-align:left;
line-height:1.25em;
margin-top:0.75em;
}

#form .ex.stdTable dl dt {
width:520px;
}

#form .ex.stdTable dl dd {
width:220px;
}

#form .stdTable dl dd.note, #annotation .stdTable dl dd.note {
display:inline-block;
width:100%;
max-width:660px;
font-size:75%;
line-height:1.5em;
padding-left:0;
}

#form #confirm.stdTable dl dd {
line-height:1.75em;
}

#form .stdTable dl dd span.unit {
vertical-align:middle;
line-height:1.25em;
padding-left:0.5em;
}

#form .stdTable dl dd span.required {
display:block;
font-size:87.5%;
color:#ff0000;
line-height:1.125em;
margin-top:0.75em;
}

#form .stdTable dl dd small.notes {
display:block;
font-size:87.5%;
line-height:1.125em;
margin-top:1em;
}

#form .stdTable ul li span.half {
display:inline-block;
width:50%;
vertical-align:middle;
}

#form .stdTable ul li span.quarter {
display:inline-block;
width:25%;
vertical-align:middle;
}

#form .stdTable ul li span.quarter small {
font-size:75%;
}

#form p.free {
margin-top:2em;
}

.button {
display:table;
margin:2.5em auto 0;
}


.button .buttonReturn-check{
	margin-top: 1em;
}


input[type=text], input[type=tel], input[type=email], 
textarea {
background:#eaeef1;
-moz-border-radius:0;
-webkit-border-radius:0;
border-radius:0;
border:none;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
font-size:100%;
min-height:2.25em;
}

#estimate input[type=text], #estimate input[type=tel], 
#estimate input[type=email] {
width:50%;
}

#upload .stdTable dl.total dd input[type=text] {
width:62.5%;
}

#application input[type=text], #application input[type=tel], #application input[type=email], textarea, 
#upload input[type=text], #upload input[type=tel], #upload input[type=email], textarea {
width:100%;
}

#estimate dl.total input[type=text], #application dl.total input[type=text] {
width:62.5%;
}

input[type=text], input[type=tel], input[type=email] {
padding:0.25em 0.5em;
}

input[type=button] {
line-height:1.25em;
}

textarea {
line-height:1.5em;
padding:0.375em 0.5em;
}

#form ul li input[type=text], #form ul li input[type=tel], 
#form ul li input[type=email], #form ul li textarea {
width:75%;
}

#form ul li textarea {
vertical-align:middle;
}

#form input[type=text].quarter {
width:25%;
}

#form input[type=text].half {
width:50%;
}

label {
vertical-align:middle;
}

.checkbox, .radio {
cursor:pointer;
display:inline-block;
margin:0 20px 0 0;
padding-left:0.375em;
}

ol.checkboxSelect li, ol.radioSelect li {
display:inline-block;
vertical-align:middle;
margin-right:1em;
padding:0.25em 0;
}

#confirm.stdTable ol.checkboxSelect li, #confirm.stdTable ol.radioSelect li {
padding:0;
}

ul#notice {
margin-top:1em;
}

ul.annotation {
margin-bottom:0.5em;
}

ul.notice li, ul.annotation li {
font-size:87.5%;
text-align:justify;
text-justify:inter-ideograph;
text-indent:-1em;
line-height:1.5em;
padding-left:1em;
}

.button input[type=submit], .button input[type=button], .button input[type=reset] {
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
cursor:pointer;
border-radius:6px;
border:none;
display:inline-block;
font-size:150%;
color:#fff;
text-align:center;
line-height:1em;
padding:0.75em 1em;
position:relative;
}

.button input[type=submit], .button input[type=button] {
background:#e61a69;
box-shadow:0 5px 0 #b21451;
}

.button input[type=submit]:hover, .button input[type=button]:hover {
box-shadow:none;
margin:5px auto -5px;
position:relative;
}

input#buttonReturn {
background:#71c7d1;
box-shadow:0 5px 0 #55979e;
/*margin:0 0.5em;*/
}

input#buttonSend {
/*margin:0 0.5em;*/
}

input#buttonReturn:hover {
box-shadow:none;
margin:5px 0 -5px;
}

input#buttonSend:hover {
margin:5px 0 -5px;
}

ol#flow {
display:inline-block;
text-align:justify;
text-justify:inter-ideograph;
margin:0 auto; 
}

ol#flow li {
line-height:1.5em;
margin-top:0.25em;
}

ol#flow > li {
counter-increment:cnt;
text-indent:-1.25em;
padding-left:1.25em;
}

ol#flow > li:before {
display:marker;
content:""counter(cnt, decimal)". ";
font-weight:normal;
}

#upload .upload input[type=file] {
margin-top:1.25em;
}

#upload .upload input[type=file]:nth-child(1) {
margin-top:0;
}

#upload .upload ul {
display:block;
margin-top:0.25em;
}

#upload .upload input:nth-child(1) + ul {
margin-top:0.25em;
}

#upload .upload ul li:nth-child(1) {
margin-top:0.25em;
}

#upload .upload ul li {
vertical-align:middle;
margin-top:0.25em;
}

#upload .upload ul li:nth-child(1) {
margin-top:0;
}

#upload .download ul {
margin-top:0.5em;
}

#upload .upload ul li span, #upload .download ul li span {
margin-right:0.5em;
}

#form .err {
border:3px solid #ff0000;
margin-top:0.25em;
margin-bottom:0.75em;
padding:0.75em 1em;
}

#form .err p {
font-weight:bold;
color:#ff0000;
text-align:center;
line-height:1.5em;
}

span.loginError {
display:block;
font-size:87.5%;
color:#ff0000;
line-height:1.125em;
margin-top:0.75em;
}

/*
annotation(2015.10.30追加)
*/

#annotation .stdTable dl dd small {
display:block;
font-size:75%;
text-align:justify;
text-justify:inter-ideograph;
text-indent:-1em;
line-height:1.5em;
margin-top:0.5em;
padding-left:1em;
}

#annotation .stdTable dl dd small:before {
content:"※";
}


/* ───────────────────────────────────────────────────────────── Notice Page */

#order {
text-align:center;
}

#order .stdTable dl dt {
width:240px;
text-align:left;
line-height:1.5em;
}

#order .stdTable dl dd {
text-align:left;
line-height:1.5em;
}

/* ───────────────────────────────────────────────────────────── My Page */

#siteId .pageId {
font-size:37.5%;
color:#71c7d1;
line-height:1em;
/*margin-top:0.25em;*/
}

#siteId .pageId + img {
margin-top:0.375em;
}

#userId {
font-size:162.5%;
line-height:1.5em;
margin-bottom:1em;
}

#userId span {
font-weight:normal;
}

#userpage .box {
width:440px;
margin-bottom:2.5em;
}

#userpage .box:nth-child(odd) {
clear:both;
float:left;
}

#userpage .box:nth-child(even) {
float:right;
}

#userpage .box:nth-last-child(-n+2) {
margin-bottom:0;
}

#userpage .heading {
background:#71c7d1;
font-size:150%;
color:#fff;
line-height:1.125em;
padding:0.125em 0;
}

#form #userpage .heading {
margin-bottom:1em;
}

#userpage .box .button {
margin-top:0;
}

#userpage .box .button span {
padding-top:0;
}

#userpage .box .button input[type="submit"], #userpage .box .button input[type="button"], 
#userpage .box .button input[type="reset"] {
font-size:112.5%;
}

/*#userpage .box .heading + .stdTable {
margin-top:0;
}*/

#userpage .box .stdTable dl dt {
background:#fff;
border:1px solid #71c7d1;
color:#71c7d1;
}


/* ───────────────────────────────────────────────────────────── IE8 Hack */

.ie8 .bottom #header {
background:none;
}

.ie8 .stdTable dl {
background:url("../common/img/dot_bk.png") repeat-x left top;
}

.ie8 .stdTable dl:nth-child(1) {
background:none;
padding-top:0;
}

.ie8 select {
margin:0.375em 0;
}


/* ───────────────────────────────────────────────────────────── Tablet CSS */

@media only screen and (max-width: 800px) {
	
.bottom #header {
padding-top:2em;
}

.bottom #siteId {
font-size:337.5%;
}

.bottom #siteId span {
line-height:1em;
}

.bottom #siteId img {
height:auto;
margin-top:0.5em;
}

#siteId .pageId + img {
margin-top:0.125em;
}

#userId {
font-size:137.5%;
}

.bottom section {
width:93.75%;
padding:2.5em 3.125%;
}

#form {
padding:1.125em 3.125% 2.5em;
}

#form .heading {
font-size:150%;
margin:0.75em 0 0.5em;
padding:0;
}

#form .heading:nth-child(1) {
margin:0 0 0.5em;
}

.stdTable {
display:block;
}

p + .stdTable, ul + .stdTable, ol + .stdTable, dl + .stdTable {
margin-top:1.5em;
}

.stdTable + p.notice {
font-size:87.5%;
}

.stdTable + p.notice:before {

}

.heading + .upload.stdTable {
margin-top:1.5em;
}

.ex.stdTable dl {
display:table;
width:100%;
}

.stdTable dl dt, .stdTable dl dd {
display:block;
}

.ex.stdTable dl dt, .ex.stdTable dl dd {
display:table-cell;
}

.stdTable dl dd {
padding:0;
}

#form .stdTable dl dt, #annotation .stdTable dl dt { 
width:100%;
margin-bottom:0.625em;
padding: 1em;
}

#form .stdTable dl dd, #annotation .stdTable dl dd {
width:100%;
}

#form .ex.stdTable dl dt { 
width:100%;
margin-bottom:0;
float:left;
}

#form .ex.stdTable dl dd {
width:100%;
float:left;
}

ol#flow li {
font-size:87.5%;
}

#order .stdTable dl dt {
width:100%;
margin-bottom:0.625em;
}

#order .stdTable dl dd {
width:100%;
}

#userpage .box {
width:100%;
margin-bottom:2em;
}

#userpage .box:nth-child(odd) {
float:none;
}

#userpage .box:nth-child(even) {
float:none;
}

#userpage .box:nth-last-child(1) {
margin-bottom:0;
}

#userpage .box:nth-last-child(2) {
margin-bottom:2em;
}

#form #userpage .heading {
font-size:125%;
line-height:1.25em;
padding:0.25em;
}

#userpage .box .stdTable dl dt {
padding:0.25em 0.5em;
}

}


/* ───────────────────────────────────────────────────────────── SmartPhone CSS */

@media only screen and (max-width: 567px) {

.bottom #siteId {
font-size:250%;
}

.bottom #siteId img {
margin-top:0.625em;
}

#siteId .pageId + img {
margin-top:0.25em;
}

#userId {
font-size:137.5%;
margin-bottom:0.875em;
}

}


/* ───────────────────────────────────────────────────────────── SmartPhone CSS */

@media only screen and (max-width: 414px) {

input#buttonReturn {
margin:0 0.125em;
}

input#buttonSend {
margin:0 0.125em;
}

input#buttonReturn:hover {
margin:5px 0.125em -5px;
}

input#buttonSend:hover {
margin:5px 0.125em -5px;
}

}