@charset "UTF-8";

/* base */
#export-contents a {
	color: #1E94D4;
}
#export-contents .note {
	font-size: 10px;
	text-align: right;
	margin: 0 0 1.5em;
}
#export-contents .link-arrow { margin-top: 10px; }
#export-contents .link-arrow a {
	background: url("/files/user/export/img/icon_link-arrow01.png") no-repeat left 0.2em;
	padding-left: 15px;
}

.superselect-container {
	border: 1px #CCCCCC solid;
	width: 250px;
}
.superselect-title {
	background: #FFFFFF url("/files/user/export/img/img_arrowdown.gif") no-repeat right top;
	border: none;
	cursor: pointer;
	line-height: 21px;
	padding: 0 0 0 5px;
}
.superselect-options {
	width: 248px;
}
.red { color:red; }

/* 商品の輸出に関する書類の発行サービス */
#export-contents {
	float: none;
	margin: 0 auto;
}
#export-contents h2 {
	margin: 0 0 30px;
}
#export-contents h2 + .note {
	margin-top: -25px;
}
#export-contents .section {
	margin: 0 0 50px;
}
#export-contents .section p {
	line-height: 1.7;
}
#export-contents .section p + p {
	margin-top: 20px;
}
#export-contents h3 {
	margin: 20px 10px;
	padding: 0;
 background: none;
}
#export-contents .gray-box {
	width: 600px;
	background: #EFEFEF;
	margin: 0 0 10px;
	padding: 15px 20px;
}
#export-contents .gray-box .btn {
	border-bottom: 1px #A0A0A0 dotted;
	margin: 0 0 10px;
	padding: 15px 0;
}
#export-contents .gray-box .caution {
	font-size: 11px;
	text-indent: -1.0em;
	padding-left: 1.0em;
}
#export-contents .gray-box ul {
	line-height: 1.5;
	margin: 0.5em 0;
}
#export-contents .gray-box ul .link-arrow {
	margin-left: 1.0em;
}

#export-contents .important-title {
	font-weight: bold;
	margin: 0 0 0.8em;
}
#export-contents .important-title span {
	color: #E83828;
	font-weight: bold;
}

#export-contents .inquiry .title {
	border-top: 1px #A0A0A0 dotted;
	font-weight: bold;
	margin: 0 0 0.8em;
	padding: 15px 0 0;
}
#export-contents .inquiry dl dt {
	font-size: 14px;
	margin: 0 0 0.3em;
}
#export-contents .inquiry dl dd {
	line-height: 1.5;
}
#export-contents ul.caution {
	padding: 0;
}
#export-contents ul.caution li {
	line-height: 1.5;
	text-indent: -1.0em;
	margin-bottom: 0.3em;
	padding-left: 1.0em;
	display: block;
}


/* 輸出書類自動発行サービス */
#export-contents .dot-border-top {
	border-top: 1px #A0A0A0 dotted;
	margin: 15px 0 0;
	padding: 15px 0 0;
}
#export-contents .download-wrap p {
	margin: 0 0 0.8em;
}
#export-contents .download-wrap .caution {
	font-size: 11px;
	text-indent: -1.0em;
	padding-left: 1.0em;
}
#export-contents .download-wrap .individually-application {
	position: relative;
	display: table;
	width: 100%;
	word-spacing: -1.0em;
	margin: 0 0 20px;
}
#export-contents .download-wrap .individually-application > div {
	display: table-cell;
	word-spacing: normal;
	vertical-align: middle;
 *float: left;
}
#export-contents .download-wrap .individually-application .contents-box {
	width: 735px;
	vertical-align: top;
	padding: 12px 15px;
}
#export-contents .download-wrap .contents-box ul {
	line-height: 1.5;
	padding: 0;
}
#export-contents .download-wrap .contents-box ul li {
	padding-left: 1em;
	text-indent: -1em;
	display: block;
}
#export-contents .download-wrap .contents-box ul .link-arrow {
	margin-left: 1.0em;
}
#export-contents .download-wrap .contents-box .number-title {
	position: relative;
	font-size: 14px;
	padding-left: 30px;
}
#export-contents .number-title span {
	font-size: 1.4rem;
	display: inline-block;
	width: 20px;
	height: 20px;
	background: #00A0E9;
	color: #FFFFFF;
	line-height: 20px;
	text-align: center;
	vertical-align: 2px;
	text-indent: 0;
	margin-right: 5px;
}
.wrap-form #export-contents .table-wrap th div.number-title {
	padding-left: 25px;
	text-indent: -25px;
}
.wrap-form #export-contents .table-wrap th div.number-title span {
	margin-right: 5px;
}
#export-contents .download-wrap .contents-box .ex {
	font-size: 11px;
}
#export-contents .download-wrap .contents-box input[type="text"] {
	width: 500px;
	border: 1px #CCCCCC solid;
	margin: 0 0 5px;
}
#export-contents .download-wrap .contents-box .contents-inner-box {
	padding-left: 30px;
}
#export-contents .download-wrap .individually-application .contents-box .contents-inner-box select {
	border: 1px #DDDDDD solid;
	padding: 2px;
}
#export-contents .download-wrap .individually-application .contents-box .contents-inner-box .btn {
	display: block;
	margin: 10px 0;
}
#export-contents .download-wrap .individually-application .contents-box .contents-inner-box .caution {
	padding: 0;
}
#export-contents .download-wrap .individually-application .contents-box .contents-inner-box .result {
 padding: 5px;
 background-color :#FFF;
}
#export-contents .download-wrap .individually-application .arrow {
	width: 21px;
	padding: 0 8px 0 17px;
}
#export-contents .download-wrap .individually-application .btn {
	padding: 14px 0;
}
#export-contents .download-wrap .individually-application .btn a,
#export-contents .table-wrap .btn a {
	font-size: 1.8rem;
	font-weight: bold;
	padding: .75em 1.5em;
	color: #000;
}
#export-contents .table-wrap td {
	line-height: 1.5;
}
.input-left {
	float: left;
	width: 435px;
}
.btn-right {
	float: right;
	width: 300px;
}
.btn-right p,
.input-left p {
	line-height: 1.5;
	text-align: left;
}
.btn-right p + p,
.input-left p + p {
	margin-top: 15px;
}
.btn-right p {
	margin-top: 10px;
}

@media only screen and (max-width: 767px) {
	#export-contents .table-wrap table,
	#export-contents .table-wrap tbody,
	#export-contents .table-wrap tr {
		display: block;
	}
	#export-contents .table-wrap td select {
		max-width: 100%;
	}
	.wrap-form #export-contents th div {
	  padding-right: 0;
	}
	#export-contents .download-wrap .individually-application {
		display: block;
	}
	#export-contents .download-wrap .individually-application > div {
		display: block;
	 *float: none;
	}
	#export-contents .download-wrap .individually-application .contents-box {
		width: auto;
	}
	.input-left,
	.btn-right {
		float: none;
		width: auto;
	}
	.btn-right {
		margin-top: 10px;
	}
	.input-left .btn,
	.input-left .btn a {
		display: block;
	}
}
#export-contents .download-wrap .individually-application .btn p {
	position: absolute;
	right: 0;
	top: 50%;
	width: 160px;
	font-size: 11px;
	margin: 20px 0 0;
 *top: 0;
 *margin-top: 50px;
}
#export-contents .download-wrap .beige {
	margin: 0 0 10px;
}
#export-contents .download-wrap .beige .contents-box {
	background: #F9F6CF;
}
#export-contents .download-wrap .gray .contents-box {
	background: #EFEFEF;
}

#export-contents .large-application {
	margin: 0 0 20px;
}

/*#export-contents .checkbox {
	text-indent: -1.5em;
	padding-left: 1.5em;
}*/
#export-contents .checkbox input {
	margin-right: 0.5em;
}

#export-contents .click-box {
 margin-top:15px;
}
#export-contents .click-box img {
	display: block;
	margin: 0 auto 15px;
}

#export-contents .send-box {
	text-align: center;
}
#export-contents .send-box .btn {
	margin: 20px 0 0;
}
#export-contents .send-box .btn input {
 margin: 0 10px;
}

/* ポップアップ */
.popup01 {
	text-align: left;
	padding: 20px 20px 50px;
}
.popup01 .title {
	border-left: 3px #FF0000 solid;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 15px;
	padding: 0 0 0 10px;
}
.popup01 .title span {
	color: #FF0000;
	font-size: 12px;
	font-weight: bold;
}
.popup01 .outline {
	font-size: 12px;
	margin: 0 15px 20px;
}
.popup01 .table-caption {
	font-size: 12px;
	font-weight: bold;
}
.popup01 .regulation-list {
	width: 100%;
	border: 1px #B3B3B3 solid;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 0 10px;
}
.popup01 .regulation-list th {
	background: #EEEEEE;
	font-weight: normal;
	padding: 5px;
}
.popup01 .regulation-list th.table-header {
	background: #CCCCCC;
}
.popup01 .regulation-list td {
	padding: 5px;
}
.popup01 .caution {
	position: relative;
	font-size: 12px;
	padding-left: 2.0em;
}
.popup01 .caution span {
	position: absolute;
	left: 0;
	top: 0;
}
.popup01 .close-btn {
	border-top: 1px #CCCCCC dotted;
	margin: 20px 0 0;
	padding: 20px 0 0;
}
.popup01 .close-btn p {
	text-align: right;
	margin: 0 0 10px;
}
.popup01 .close-btn .btn {
	text-align: center;
}

.popup02 {
	text-align: left;
	padding: 20px;
}
.popup02 .title {
	font-weight: bold;
	margin: 0 0 5px;
}
.popup02 .pull-down li {
	height: 35px;
	padding: 5px 0 0 130px;
}
.popup02 .pull-down li.step1 {
	background: #327ADC url("/files/user/data/catalog/img/step1_bg.gif") no-repeat left top;
}
.popup02 .pull-down li.step2 {
	background: #1E5EB5 url("/files/user/data/catalog/img/step2_bg.gif") no-repeat left top;
}
.popup02 .type-area {
	display: flex;
	flex-wrap: wrap;
	background: #F4F7FC;
	border: 1px #B1C9EB solid;
	margin: 0 0 15px;
	padding: 5px 10px;
}
.popup02 .type-area .item-box {
	width: 33.33%;
	padding: 5px 0;
}
.popup02 .type-area .item-box input {
	margin-right: 5px;
}
.popup02 .type-box .btn {
	text-align: center;
	padding: 15px 0;
}
.popup02 .close-btn {
	border-top: 1px #CCCCCC dotted;
	margin: 20px 0 0;
	padding: 20px 0 0;
}
.popup02 .close-btn .btn {
	text-align: center;
}

#downloadArea td p select {
 margin-top:5px;
}

/* for confirm */
.export-confirm #export-contents .gray-box {
	width: 100%;
}
/* for popup /export/search/ */
.get_export_category_list {
	border-collapse: collapse;
	margin-top: 1em;
	width: 100%;
}
.get_export_category_list th,
.get_export_category_list td {
	background: #006F9A;
	color: #FFF;
	padding: .75em 1em;
}
.get_export_category_list th {
	width: 9em;
}
.get_export_category_list tr:first-child {
	border-bottom: 5px solid #FFF;
}
#export_product_list.box-result {
	background: #E8EDF3;
	border: none ;
	padding: 0;
}
#export_product_list.box-result .item-box input {
	margin-top: 0;
	vertical-align: middle;
}
@media print, screen and (min-width: 650px) {
	#export_product_list.box-result .item-box {
		padding: 1em;
	}
}
@media only screen and (max-width: 649px) {
	.popup .popup02 {
		padding: 15px 10px;
	}
	#export_product_list.box-result .item-box {
		margin: 1em 0;
		padding: 0 .5em;
		width: 50%;
	}
	#export_product_list.box-result .item-box:nth-child(odd){
		clear: left;
	}
	#export_product_list.box-result .item-box label {
		display: block;
		padding-left: 1.75em;
		text-indent: -1.75em;
	}
}
@media only screen and (max-width: 320px) {
	.get_export_category_list th,
	.get_export_category_list td {
		display: block;
		padding: .5em 1em;
		width: 100%;
	}
	.get_export_category_list td select {
		width: 100%;
	}
}