@charset "utf-8";
/* CSS Document */


/*---------------------------------------------
	COMMON
---------------------------------------------*/

body {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica;
	-webkit-text-size-adjust: 100%;
}
#cotainer {
	width: 100%;
	height: 100%;
}
.imgRO a:hover img {
	filter: alpha(opacity=0.70);
	-moz-opacity: 0.70;
	opacity: 0.70;
	-ms-filter: "alpha(opacity=70)";
}
.cf{
	clear: both;
	zoom: 1;
	height: 1%;
}
.cf:after {
    visibility: hidden;
    display: block;
    content: " ";
    clear: both;
    height: 0;
}

/*---------------------------------------------
	HEADER
---------------------------------------------*/

#estmateHeader {
	height: 65px !important;
	border-bottom: 1px solid #DDDDDD;
}
#estmateHeader h1 {
	margin-bottom: 30px;
}

/*---------------------------------------------
	ESTIMATE HEADER
---------------------------------------------*/
#estimateBlock01 {
	width: auto;
	background-image: url(../images/common/back_earth.gif);
	background-position: center 0%;
}
#estimateBlock01Inner {
	box-sizing: border-box;
	width: auto;
	min-width: 1004px;
	max-width: 1300px;
	margin: 0px auto;
	padding: 58px 10px 98px;
}
#estimateIcon {
	width: 100px;
	height: 116px;
	margin: 0px 12px 28px 0px;
	float: left;
}
#estimateContentHeader {
	margin-bottom: 34px;
	float: left;
}
#estimateContentHeader h2 {
	padding : 35px 0px 10px;
	color: #FFFFFF;
	font-size: 225%;
	font-weight: normal;
}
#estimateContentHeader div {
	font-size: 100%;
	color: #FFFFFF;
	font-weight: normal;
}
#estimateFrame {
	box-sizing: border-box;
	width: 100%;
	margin: 0px auto;
	padding: 20px 60px 30px 60px;
	background-color: #FFF2D0;
	border: 5px solid #FFE5A6;
	clear: both;
}
#form_grid{
	display: grid;
	grid-template-columns: 192px 200px 150px 150px 150px 1fr;
	grid-template-rows: 90px 100px 60px;
}
#form_grid>div:nth-child(1) {
	grid-row: 1 / span 1;
	grid-column: 1 / span 1;
}
#form_grid>div:nth-child(2) {
	grid-row: 1 / span 1;
	grid-column: 2 / span 5;
}
#form_grid>div:nth-child(3) {
	grid-row: 2 / span 1;
	grid-column: 1 / span 1;
}
#form_grid>div:nth-child(4) {
	grid-row: 2 / span 1;
	grid-column: 2 / span 1;
}
#form_grid>div:nth-child(5) {
	grid-row: 2 / span 1;
	grid-column: 3 / span 1;
}
#form_grid>div:nth-child(6) {
	grid-row: 2 / span 1;
	grid-column: 4 / span 1;
}
#form_grid>div:nth-child(7) {
	grid-row: 2 / span 1;
	grid-column: 5 / span 1;
}
#form_grid>div:nth-child(8) {
	grid-row: 3 / span 1;
	grid-column: 1 / span 5;
	text-align: center;
}
#estimateIcon01 {
	height: 55px;
	padding: 23px 0px 0px 62px;
	color: #333333;
	font-size: 125%;
	line-height: 100%;
	font-weight: bold;
	background-image: url(../images/estimate/icon02.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	white-space: nowrap;
}
#estimateIcon02 {
	height: 55px;
	padding: 40px 0px 0px 58px;
	color: #333333;
	font-size: 125%;
	line-height: 100%;
	font-weight: bold;
	background-image: url(../images/estimate/icon03.gif);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	white-space: nowrap;
}
.estimateInput {
	padding-top: 23px;
}
.estimateInput.btn{
	padding-top: 10px;
}
#estimateSelect {
	margin-top: -4px;
	font-size: 100%;
	height: 41px;
	font-weight: bold;
}
.size {
	margin-top: -3px;
	font-size: 100%;
	font-weight: bold;
	text-align: right;
}
.size::placeholder {
	text-align: left;
}


/*---------------------------------------------
	CONTENT
---------------------------------------------*/


#estimateContentOuter {
	box-sizing: border-box;
	width: 100%;
	margin: 0px auto;
	padding: 0px 10px 15px;
}
#estimateContent {
	width: 1004px;
	margin: 0px auto;
	padding: 0px 0px 0px;
	overflow: hidden;
}
#estimateContentHead {
	padding: 25px 0px 15px;
	display:grid;
	grid-template-columns: 1fr;
    grid-template-rows: 30px 1fr;
}
.estimateContentHeadText {
	margin-bottom: 5px;
	font-size: 113%;
	line-height: 130%;
	display: table;
	float: left;
}
.estimateOrangeText {
	color: #FF6600;
	font-weight: bold;
}
.estimateContentHeadText dt {
	white-space: nowrap;
	display: table-cell;
}
.estimateContentHeadText dd {
	padding-right: 30px;
	display: table-cell;
}

#estimateContentInner {
	padding: 0px;
	overflow: hidden;
	_zoom: 1;
}

.title_grid{
	display:grid;
	grid-template-columns: 70px 1fr;
	grid-template-rows: 30px 30px;
}
.title_grid>div:nth-child(1){
	grid-row: 1 / 3;
	grid-column: 1 / 2;
	padding-left: 5px;
}

.estimateTitle {
	width: auto;
	padding: 5px 5px 5px 0px;
	color: #333333;
	font-size: 18px;
	line-height: 130%;
	background-position: 25px center;
}

.estimateLogo {
	width :calc(42px * 1.3);
	height: 100%;
	background-position:center;
	background-size:100% auto;
	background-repeat: no-repeat;
}
.estimateLogoEms {
	background-image: url(../images/estimate/icon_ems.gif);
}
.estimateLogoAir {
	background-image: url(../images/estimate/icon_air.gif);
}
.estimateLogoSal {
	background-image: url(../images/estimate/icon_sal.gif);
}
.estimateLogoShip {
	background-image: url(../images/estimate/icon_ship.gif);
}
.estimateLogoEp {
	background-image: url(../images/estimate/icon_ep.gif);
}
.estimateLogoDhl {
	background-image: url(../images/estimate/icon_dhl.gif);
}
.estimateLogoUps {
	background-image: url(../images/estimate/icon_ups.gif);
}
.estimateLogoFedex {
	background-image: url(../images/estimate/icon_fedex.gif);
}
.estimateIcon div {
	width: 5em;
	margin: 5px 5px 5px;
	padding: 5px 5px;
	color: #FFFFFF;
	font-size: 70%;
	text-align: center;
	float: left;
}
.recommend {
	background-color: #FF8181;
}
.speedy {
	background-color: #F79B35;
}
.balance {
	background-color: #5DAEFF;
}
.cost {
	background-color: #66CC99;
}
.underinsurance {
	background-color: #359DCB;
}
.insurance {
	background-color: #359DCB;
}
.tracking {
	background-color: #3DAD68;
}
.estimateGrayOuter {
	width: 100%;
	margin: 10px 0px 0px;
	display: table;
}
.estimateGray {
	width: 100%;
	height: 270px;
	background-color: #F4F4F4;
	border: 1px solid #CCCCCC;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.estimateText01 {
	font-size: 120%;
	line-height: 180%;
}
.estimateText02 {
	font-size: 100%;
	line-height: 180%;
}
.estimateGray a:link {
	color: #FF6600;
	text-decoration: underline;
}
.estimateGray a:visited {
	color: #FF6600;
	text-decoration: underline;
}
.estimateGray a:hover {
	color: #FF6600;
	text-decoration: none;
}
.estimateGray a:active {
	color: #FF6600;
	text-decoration: underline;
}
.detailContents .contents .memo {
	margin: 20px 20px 0px;
	padding: 0px 0px 15px;
	font-size: 88%;
	line-height: 160%;
}
.detailContents .contents .memo .redText {
	color: #CC0000;
}
.estimateLimit {
	padding: 14px 10px;
	color: #333333;
	font-weight: bold;
	text-align: center;
	background-color: #F4F4F4;
	border: 1px solid #CCCCCC;
}
.estimateTable {
	width: 100%;
	padding-top: 15px;
	display: table;
}
.estimateTable dl {
	display: table-row;
}
.estimateTable dt,.estimateTable dd{
	display: table-cell;
	padding: 16px 0px 0px;
}
.estimateTable dt {
	font-size: 90%;
}
.estimateTable dd {
	color: #FF6600;
	font-size: 90%;
	text-align: right;
}
.row1{
	pointer-events: none;
}

td.data {
	font-size: 100%;
	text-align: center;
}
span.deliveryDays{
	color: #FF6600;
	font-weight: bold;
	font-size: 138%;
}
span.estimateTotal {
	color: #FF6600;
	font-weight: bold;
	font-size: 138%;
}
.data .font1{
	display:inline;
	color:#333333;
}
.data .font2{
	display:inline;
	color:#666666;
}
.deliveryOn{
	color: #FFFFFF;
	background-color: #247145;
}
.deliveryOff{
	color: #FFFFFF;
	background-color: #999999;
}
dt.estimateDelivery {
	padding: 10px 0px 15px;
	font-size: 100%;
	font-weight: bold;
}
dd.estimateDelivery {
	padding: 10px 0px 15px;
	color: #FF6600;
	font-size: 100%;
}
dt.estimateTotal {
	padding-bottom: 22px;
	font-size: 138%;
}
dd.estimateTotal {
	padding-bottom: 22px;
	color: #FF6600;
	font-size: 138%;
}
td.notDeliveryText{
	text-align: center;
}
span.notDeliveryText{
	color: #999999;
	font-size: 138%;
	font-weight: bold;
}

#estimateMemoBlock {
	box-sizing: border-box;
	width: 100%;
	max-width: 1004px;
	margin: 0px auto 20px;
	padding: 15px;
	border: 5px solid #E8E8E8;
	clear: both;
}
#estimateMemoBlock h2 {
	margin-bottom: 15px;
	font-size: 113%;
}
#estimateMemoBlock ul li {
	padding-left: 14px;
	font-size: 88%;
	line-height: 160%;
	text-indent: -14px;
}
.estimateKgUnit {
	font-size: 75%;
}
#estimateBtn {
	width: 300px;
	height: 60px;
	margin: 20px auto 0px;
}
#estimateInputBtn {
	width: 240px;
	height: 60px;
	margin: -5px auto 0px;
	color: #FFFFFF;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
	background-color: #FF8B3B;
	border: 2px solid #FF8B3B;
	background-image: url(../images/estimate/arrow.png);
	background-repeat: no-repeat;
	background-position: 175px center;
	border-radius: 10px;
}
form input:hover {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
}
.estimateAttentionText {
	margin: 5px 35px 10px 0px;
	color: #666666;
	font-size: 75%;
}
.estimateAttentionText2 {
	margin: 2px 0px 10px 0px;
	color: #666666;
	font-size: 75%;
}

.dropDown {
	font-size: 14px;
}
.dropSubMenu a:link {
	color: #116134;
}
.dropSubMenu a:visited {
	color: #116134;
}
.dropSubMenu a:hover {
	color: #116134;
}
.dropSubMenu a:active {
	color: #116134;
}

#contantTable { border-collapse:collapse; border:none; }
#contantTable tr.space { height:10px; }
#contantTable tr > * {
	vertical-align: middle;
	border:solid #D3D3D3;
	border-style:solid dashed;
	border-width: 2px 1px;
}
#contantTable tr > *:not(.detailContents) {
	white-space: nowrap;
}
#contantTable tr > *:first-child {
	border-left-style:solid;
	border-left-width:2px;
}

#contantTable tr > *:last-child {
	border-right-style:solid;
	border-right-width:2px;
}

#contantTable tr > th{
	font-weight: normal;
	font-size:12px;
	background-color: #F5F5F5;
	padding:5px;
}
#contantTable tr th:nth-child(1){
	min-width:320px;
	width:360px;
}
#contantTable tr th:nth-child(2){
	min-width:9em;
	width:12em;
}
#contantTable tr th:nth-child(3){
	min-width:9em;
	width:6em;
}
#contantTable tr th:nth-child(4){
	min-width:9em;
	width:6em;
}
#contantTable tr th:nth-last-child(2){
	min-width:12em;
	width:10em;
}
#contantTable tr th:nth-last-child(1){
	width:100%;
}
.detailContents{
	display: none;
}
#contantTable>tbody>tr>td:nth-child(1){
	padding:5px;
}
#contantTable>tbody>tr>td:nth-child(1){
	padding:5px;
}
.detailContents .contents{
	display: flex;
}
.detailContents .contents > span.memo{
	width:600px;
	min-width:600px;
}
.detailContents .contents > span.limit{
	margin:20px;
	margin-right: 20px;
	width:100%;
}
.detailBtn {
	width: 120px;
	vertical-align: middle;
	margin: 5px;
	padding: 10px 0px 10px 10px;
	font-size: 100%;
	text-decoration: none;
	cursor: pointer;
	border: 1px solid;
	background-repeat: no-repeat;
	border-radius: 5px;
	pointer-events: auto;
}
.detailBtn:after {
	content:"";
	/* くの字のボーダーを回転させて、下向き矢印ぽくする */
	border-bottom: solid 2px #FFFFFF;
	border-right: solid 2px #FFFF;
	display:inline-block;
	transform: rotate(45deg);

	width: 8px;
	height: 8px;
	margin: 0px 6px 3px;
	top: 50%;
	left: 0;
}
.detailBtn.open:after {
	position: absolute;
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
}
.mobileOnly{
	display:none;
}

/*---------------------------------------------
	FORM
---------------------------------------------*/

select {
	height: 41px;
	padding: 5px 5px 5px 10px;
}
form input[type="text"], input[type="number"] {
	width: 84px;
	height: 29px;
	margin: 3px 0;
	padding: 5px 10px;
	background: none;
	background-color: #FFF;
	border: 1px solid #ccc;
}
textarea, select, input[type="text"], input[type="number"] {
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 6px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
textarea:focus, select:focus, input[type="text"]:focus, input[type="number"]:focus {
	border-color: #C1EB89;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(193,235,137,1.0);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(193,235,137,1.0)
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type="number"] {
	-moz-appearance:textfield;
}


/*---------------------------------------------
	FOOTER
---------------------------------------------*/

#footer
{
	font-size: 14px;
	line-height: 140%;
	border-top:solid 1px #ccc;
	text-align:center;

	position:relative;
	
}
#footer ul
{
	padding: 16px 0px 15px 0px;
	font-size:79%;
}

#footer li
{
	display:inline-block;
	margin-right:10px;
}
#footer ul li a
{
	color:#666666 !important;
	font-size:90% !important;
	border-right:1px #999 solid;
	padding-right:10px;
}
#footer li:last-child a
{
	border:0;
	padding:0;
}
#footer .copyright
{
	background:#116134;
	color:#fff;
	padding: 27px 0px 0px 0px;
	height: 43px;
	font-size:78%;
}
#btnPagetop {
	width: 68px;
	height: 86px;
	position: fixed;
	bottom: 44px;
	right: 0px;
	z-index: 500;
}