@charset "utf-8";

* {
margin: 0;
padding: 0;
}

body {
background: #FFF;
color: #333;
line-height: 1.4;
text-align: center;
}

.form {
margin: 20px auto;
width: 920px;
text-align: left;
font-size: small;
}
.form table {
margin: 20px auto;
border: 1px solid #ccc;
width: 800px;
}

.form table th {
border-bottom: 1px dashed #ccc;
border-right: 5px solid #eee;
width: 25%;
}

.form table td {
border-bottom: 1px dashed #ccc;
}

.form table th,
.form table td {
padding: 30px 15px 30px 20px;
vertical-align: top;
text-align: left;
font-weight: normal;
}
.form table td.image {
	padding-left: 0;
}

.form table td dl dt {
font-weight: bold;
color: #1d5488;
}

.form table td dl dd {
padding: 10px 10px 15px;
}

.form table table {
width: auto;
border: 0 none;
margin: 0;
}

.form table table td {
border: 0 none;
padding: 0 20px 0 0;
}

.form table .result dd {
font-weight: bold;
}

.form table .step01 input {
	position: relative;
	top: -5px;
	margin-right: 5px;
}

/* ↓↓↓ hack for Safari 3+, Chrome, Opera 9+, Firefox 3.5+ ↓↓↓ */

body:nth-of-type(1) .form table .step01 input { top: 2px; }
body:first-of-type .form table .step01 input {  top: 2px; }

/* ↑↑↑ hack for Safari 3+, Chrome, Opera 9+, Firefox 3.5+ ↑↑↑ */

.form table .result .percount {
border: 2px solid #4f87bb;
background: #b2d2ff;
padding: 10px 25px 10px 15px;
margin: 0 10px 0px 80px;
text-align: right;
}

.form table .result .packingcost,
.form table .result .charge {
border: 2px solid #cfe3ff;
background: #cfe3ff;
padding: 10px 25px 10px 15px;
margin: 0 10px 5px 80px;
color: #1d5488;
text-align: right;
}
.form table .result .packingcost {
padding: 10px 25px 0 15px;
margin: 0 10px 0 80px;
}
#main_box .form table .result p.small {
font-size: x-small;
text-align: right;
color: #333;
margin-right: 15px;
}

.form input {
vertical-align: middle;
font-weight: normal;
color: #333;
text-align: right;
}

.form .small {
color: #333;
font-size: x-small;
font-weight: normal;
}

.form table td.submit {
border: 0;
text-align: center;
}
.form table td.submit input {
text-align: center;
}

/* user */
.form table dl table td {
padding-bottom: 0.3em;
}

.form_confirm table th,
.form_confirm table td {
padding: 10px 15px 10px 20px;
vertical-align: top;
text-align: left;
font-weight: normal;
}

.form_confirm table th {
width: 210px;
vertical-align: middle;
white-space:nowrap;
font-weight: bold;
color: #1d5488;
}
.form_confirm table td.submit {
padding: 10px 15px 10px 20px;
}

.form_confirm table td dl dd {
padding: 10px 0px 15px;
}
    
.form_user table th,
.form_user table td {
padding: 10px 15px 10px 20px;
vertical-align: top;
text-align: left;
font-weight: normal;
}

.form_user table th {
white-space:nowrap;
font-weight: bold;
color: #1d5488;
}

.form_user table input {
text-align: left;
}

.form_complete {
margin: 50px auto;
}

.form_complete table th,
.form_complete table td {
padding: 30px 15px 30px 20px;
color: #1d5488;
font-weight: bold;
}

label input {
    margin-right: 5px;    
}

div.error {
    padding-top: 0.5em;
}

.form table .result .notice,
.form table .result .notice_charge {
margin: 0 10px 0px 80px;
padding: 0 5px 15px 0;
}

.form table .result .notice div,
.form table .result .notice_charge div {
padding: 0;
margin: 0;
text-align: right;
color: #333;
font-size: 10px;
font-weight: normal;
}