@charset "utf-8";

/*======================================================================== 
	運費試算
  ========================================================================*/

.searchFactor{ border: solid 1px #ccc; overflow: hidden; position: relative;
  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
.searchFactor .form-horizontal{ background: #f5f5f5; padding: 15px 5px 10px 5px;
  -webkit-box-shadow:inset 0 -3px 5px 0 rgba(0,0,0,0.05); box-shadow:inset 0 -3px 5px 0 rgba(0,0,0,0.05);}
.searchFactor .form-horizontal .btn-primary:link{ position: absolute; right: 15px; top: 25px; color: #fff;}
.searchFactor .form-horizontal .btn-primary:visited,.searchFactor .form-horizontal .btn-primary:hover,.searchFactor .form-horizontal .btn-primary:active{ color: #fff;}
.searchFactor .form-horizontal select{ float: left; margin: 3px 5px 5px 0;}
.searchFactor .form-group{ margin: 0 5px;}
.searchFactor .form-group label{ width: 100px; float: left;}
.searchFactor .form-group > div{ float: left;}
.searchFactor .form-group > div.twoCol{ width: 350px; }
.searchFactor .form-group select{ width: 110px;}

.searchFactor .form-group .form-control-static input{ vertical-align: middle;}

.searchFactor .form-file div{ display: inline-block; margin: 0 50px 0 0;}
.searchFactor .form-file .control-label{ width: auto; padding-top: 4px; padding-top: 8px\0; margin-left: 10px;}
.searchFactor .form-file .form-control-static{ display: inline-block;}
.searchFactor .form-file input{ display: inline-block; margin: 0 5px;}
.searchFactor .form-file .form-control{ width: 100px; display: inline-block; margin: 0 5px;}

.searchFactor .packageInput table{ margin: 10px auto;}
.searchFactor .packageInput td{ padding: 5px 2px; box-sizing: border-box; vertical-align: middle;}
.searchFactor .packageInput tr:nth-child(odd){ background: #fff;}
.searchFactor .packageInput tr:nth-child(even){ background: #f5f5f5;}
.searchFactor .packageInput .btn{ margin: -2px 0 0 3px; padding: 0; height: 30px; width: 30px; float: right\0;}

.searchAnswer{ margin: 20px 0 20px -20px; overflow: hidden;}
.searchAnswer .col-md-3{ padding: 0 0 0 20px;}
.searchAnswer .decide{ margin: 0; padding: 5px; color: #fff; font-weight: normal; font-size: 15px; text-align: center; letter-spacing: 0.3em;}
.searchAnswer .decide img{ vertical-align: baseline; margin-right: 5px;}
.searchAnswer .picDiv{ position: relative;}
.searchAnswer .picDiv p{ background: rgba(0,0,0,0.75); color: #fff; font-size: 15px; letter-spacing: 0.1em;
  width: 100%; position: absolute; bottom: 0; left: 0; padding: 7px 10px; padding: 10px\0; margin: 0;}
.searchAnswer .picDiv img{ width: 100%; height: auto;}
.searchAnswer .info{ background: #f5f5f5; padding: 10px; height: 490px; height: 505px\0;}
.searchAnswer .info p{ color: #333; margin: 0; line-height: 150%;}
.searchAnswer .info p strong{ color: #cc0000; font-size: 18px; font-weight: normal;}
.searchAnswer .info dt,.searchAnswer .info dd{ padding-left: 10px;}
.searchAnswer .info dt{ color: #22548d; margin-top: 5px;
  background-image: url(../../images/icon/arrowBlue01.gif); background-repeat: no-repeat; background-position: 3px center;}

.searchAnswer .fileShipping .picDiv{ width: 235px; height: auto; float: left;}
.searchAnswer .fileShipping .info{ height: 195px; margin-left: 235px; padding: 10px 0;}
.searchAnswer .fileShipping .info > div{ float: left; height: 100%; padding: 0 10px 0 15px;
  border-left: solid 1px #e5e5e5;}
.searchAnswer .fileShipping .info dl{ width: 50%; float: left;}

.searchAnswer .planRecommend .decide{ background: #ec9835;}
.searchAnswer .planRecommend .info{ border: solid 1px #ec9835; border-top: none; border-bottom-width: 5px;}
.searchAnswer .planThrifty .decide{ background: #728aa6;}
.searchAnswer .planThrifty .info{ border: solid 1px #728aa6; border-top: none; border-bottom-width: 5px;}

.ghostBtn{ margin-top: 20px; width: 140px;}
.btn_org{ float: right;}
.btn_darkblue { float: right;}
.btn_darkblue:link{ background: #17345e; padding: 2px 5px; padding: 0 5px 3px 5px\0; color: #fff;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: inline-block;}
.btn_darkblue:visited	{	background: #17345e; color: #fff;}
.btn_darkblue:hover{ background: #17345e; color: #fff;}
.btn_darkblue:active{ background: #17345e; color: #fff;}

.info-none{ width: 100%; margin-left: 20px; padding: 20px 0;}
.info-none p{ text-align: center; font-size: 16px;}
.info-none p img{ vertical-align: middle; margin: 0 5px 3px 0;}

a.btn-online {display:block; width: 145px; height: 43px;  margin-left: auto; margin-right: auto; margin-top: 30px;}
img.img-online-ship {width: 100%; height: 100%;}
a.link-instruction {display:block; width:145px; height:33px; margin-left: auto; margin-right: auto;}
img.img-online-instruction {width: 100%; height: 100%;}