html {
	height: 100%;
}

body {
	margin: 0;
	height: 100%;
	color: #3E3A39;
	font-size: 12px;
	line-height: 1;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

.ja,
.cs,
.ct,
.kr {
	font-size: 18px;
}

.en {
	font-size: 16px;
}

.th {
	font-size: 16px;
}

.ja {
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

.en {
	font-family: "Avenir Next", "Segoe UI", Verdana, sans-serif;
}

.de {
	font-family: "Avenir Next", "Segoe UI", Verdana, sans-serif;
}

.cs {
	font-family: "Heiti SC", "Microsoft Yahei", sans-serif;
}

.ct {
	font-family: "Heiti TC", "Microsoft JhengHei", sans-serif;
}

.es {
	font-family: "Avenir Next", "Segoe UI", Verdana, sans-serif;
}

.pt {
	font-family: "Avenir Next", "Segoe UI", Verdana, sans-serif;
}

.ru {
	font-family: "Avenir Next", "Segoe UI", Verdana, sans-serif;
}

.th {
	font-family: sans-serif;
}

.kr {
	font-family: sans-serif;
}

a,
a:hover,
a:active {
	text-decoration: none;
}

a {
	display: block;
	padding: 24px 40px 0;
	box-sizing: border-box;
	height: 60px;
	border-bottom: 2px solid #595757;
	background: #0087E2;
	color: #fff;
	text-align: center;
	cursor: pointer;
}

a.icon-arrow-left {
	position: relative;
}

a.icon-arrow-left:after {
	content: "";
	position: absolute;
	top: 50%;
	background-image: url(/tools/designer/images/sprites/pc.png);
	background-position: -72px -62px;
	width: 14px;
	height: 20px;
	margin-top: -10px;
}

a.icon-arrow-left:after {
	left: 20px;
}

a.icon-arrow-right {
	position: relative;
}

a.icon-arrow-right:after {
	content: "";
	position: absolute;
	top: 50%;
	background-image: url(/tools/designer/images/sprites/pc.png);
	background-position: -54px -62px;
	width: 14px;
	height: 20px;
	margin-top: -10px;
}

a.icon-arrow-right:after {
	right: 20px;
}

a.icon-save {
	position: relative;
}

a.icon-save:after {
	content: "";
	position: absolute;
	top: 50%;
	background-image: url(/tools/designer/images/sprites/pc.png);
	background-position: -94px -28px;
	width: 20px;
	height: 20px;
	margin-top: -10px;
}

a.icon-save:after {
	right: 20px;
}

a.icon-pdf {
	position: relative;
}

a.icon-pdf:after {
	content: "";
	position: absolute;
	top: 50%;
	background-image: url(/tools/designer/images/sprites/pc.png);
	background-position: -94px -52px;
	width: 18px;
	height: 20px;
	margin-top: -10px;
}

a.icon-pdf:after {
	right: 20px;
}

a.icon-plus {
	position: relative;
}

a.icon-plus:after {
	content: "";
	position: absolute;
	top: 50%;
	background-image: url(/tools/designer/images/sprites/pc.png);
	background-position: 0px -88px;
	width: 16px;
	height: 16px;
	margin-top: -8px;
}

a.icon-plus:after {
	right: 20px;
}

a.icon-plus-only {
	position: relative;
	width: 32px;
	text-indent: 200%;
	white-space: nowrap;
	overflow: hidden;
}

a.icon-plus-only:after {
	content: "";
	position: absolute;
	top: 50%;
	background-image: url(/tools/designer/images/sprites/pc.png);
	background-position: 0px -88px;
	width: 16px;
	height: 16px;
	margin-top: -8px;
}

a.icon-plus-only:after {
	left: 50%;
	margin-left: -8px;
}

a.icon-minus-only {
	position: relative;
	width: 32px;
	text-indent: 200%;
	white-space: nowrap;
	overflow: hidden;
}

a.icon-minus-only:after {
	content: "";
	position: absolute;
	top: 50%;
	background-image: url(/tools/designer/images/sprites/pc.png);
	background-position: -20px -88px;
	width: 16px;
	height: 16px;
	margin-top: -8px;
}

a.icon-minus-only:after {
	left: 50%;
	margin-left: -8px;
}

a.small {
	padding: 10px 10px 0;
	box-sizing: border-box;
	height: 32px;
}

a.small.icon-arrow-right {
	position: relative;
}

a.small.icon-arrow-right:after {
	content: "";
	position: absolute;
	top: 50%;
	background-image: url(/tools/designer/images/sprites/pc.png);
	background-position: -92px -88px;
	width: 9px;
	height: 12px;
	margin-top: -6px;
}

a.small.icon-arrow-right:after {
	right: 10px;
}

a.small.icon-save {
	position: relative;
}

a.small.icon-save:after {
	content: "";
	position: absolute;
	top: 50%;
	background-image: url(/tools/designer/images/sprites/pc.png);
	background-position: -76px -88px;
	width: 12px;
	height: 12px;
	margin-top: -6px;
}

a.small.icon-save:after {
	right: 10px;
}

a.back {
	background: #727171;
}

a.disabled {
	border-bottom: none;
	background: #B6B5B5;
	cursor: default;
}

a.disabled span:first-child+span {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .37;
	-ms-filter: "alpha(opacity=37)";
}

.ja a,
.cs a,
.ct a,
.kr a {
	padding-top: 24px;
	font-size: 20px;
}

.ja a.small,
.cs a.small,
.ct a.small,
.kr a.small {
	padding-top: 10px;
	font-size: 12px;
}

.en a.small {
	padding-top: 10px;
	font-size: 12px;
}

.th a {
	padding-top: 24px;
	font-size: 16px;
}

.th a.small {
	padding-top: 10px;
	font-size: 12px;
}

h1,
h2,
h3,
h4,
p {
	margin: 0;
	padding: 0;
}

ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.header-container table,
.page-container table {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}

.header-container table td,
.header-container table th,
.page-container table td,
.page-container table th {
	padding: 10px;
}

.header-container table td,
.page-container table td {
	border-top: 2px solid #EFEFEF;
	border-left: 2px solid #B5B5B5;
	background: #DCDDDD;
}

.header-container table th,
.page-container table th {
	border-top: 2px solid #EFEFEF;
	border-left: 2px solid #B5B5B5;
	background: #C9CACA;
	font-weight: normal;
}

.header-container table td:first-child,
.header-container table th:first-child,
.page-container table td:first-child,
.page-container table th:first-child {
	border-left: none;
}

.header-container table tr:first-child td,
.header-container table tr:first-child th,
.page-container table tr:first-child td,
.page-container table tr:first-child th {
	border-top: none;
}

.header-container table .reflow-h>span:first-child,
.page-container table .reflow-h>span:first-child {
	display: none;
}

.header-container table .reflow-th,
.page-container table .reflow-th {
	display: none;
}

.ja table,
.cs table,
.ct table,
.kr table {
	font-size: 16px;
}

.row {
	display: block;
}

.row:after {
	content: "";
	display: block;
	clear: both;
}

.row>.col {
	float: left;
}

.row>.col.half {
	width: 50%;
}

.row>.col.one-third {
	width: 33%;
}

.row>.col.one-five {
	width: 20%;
}

.row>.col.two-fifths {
	width: 40%;
}

.row>.col.three-fifths {
	width: 60%;
}

.row>.col.three-tenths {
	width: 30%;
}

.row>.col.seven-tenths {
	width: 70%;
}

.hint {
	position: relative;
	display: inline-block;
	margin-left: 4px;
	vertical-align: bottom;
	cursor: pointer;
}

.hint.question {
	background-image: url(/tools/designer/images/sprites/pc.png);
	background-position: -94px 0px;
	width: 28px;
	height: 24px;
}

.hint.question>span {
	display: none;
}

.hint.exclamation {
	background-image: url(/tools/designer/images/sprites/pc.png);
	background-position: -54px -34px;
	width: 28px;
	height: 24px;
}

.hint>span {
	display: none;
	position: absolute;
	z-index: 2;
	bottom: 100%;
	left: -86px;
	margin-bottom: 10px;
	padding: 10px 20px;
	box-sizing: border-box;
	width: 300px;
	background: #595757;
	color: #FFF;
	line-height: 1.4;
	word-wrap: break-word;
	cursor: pointer;
}

.hint:after {
	display: none;
	content: "";
	position: absolute;
	bottom: 100%;
	left: calc(50% - 3px);
	margin-left: -3px;
	height: 0;
	width: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 10px solid #595757;
}

.hint.show {
	display: inline-block !important;
}

.hint.show>span {
	display: block;
}

.hint.show:after {
	display: block;
}

.hint.hide>span {
	display: none;
}

.hint.hide:after {
	display: none;
}

.hint[data-name="Cmn_Txt_039"]>span,
.hint[data-name="BSP_M_R_cad_link_nat_url_copy_str"]>span,
.hint[data-name="BSP_M_R_cad_link_spline_url_copy_str"]>span {
	left: -36px !important;
}

.hint[data-name="Cmn_Txt_039"]:after,
.hint[data-name="BSP_M_R_cad_link_nat_url_copy_str"]:after,
.hint[data-name="BSP_M_R_cad_link_spline_url_copy_str"]:after {
	left: 68px !important;
}

input[type="text"] {
	display: block;
	margin: 0;
	padding: 0 10px;
	box-sizing: border-box;
	width: 100%;
	height: 32px;
	border: 1px solid #D7D7D7;
	font-size: 12px;
}

input[type="text"].error {
	background: #FFFEEB;
	color: #C30D23;
}

.ja input[type="text"],
.cs input[type="text"],
.ct input[type="text"],
.kr input[type="text"] {
	padding-top: 2px;
	font-size: 16px;
}

.en input[type="text"] {
	padding-top: 1px;
	font-size: 15px;
}

.th input[type="text"] {
	font-size: 14px;
}

.ja input[type="text"] {
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

.en input[type="text"] {
	font-family: "Avenir Next", "Segoe UI", Verdana, sans-serif;
}

.de input[type="text"] {
	font-family: "Avenir Next", "Segoe UI", Verdana, sans-serif;
}

.cs input[type="text"] {
	font-family: "Heiti SC", "Microsoft Yahei", sans-serif;
}

.ct input[type="text"] {
	font-family: "Heiti TC", "Microsoft JhengHei", sans-serif;
}

.es input[type="text"] {
	font-family: "Avenir Next", "Segoe UI", Verdana, sans-serif;
}

.pt input[type="text"] {
	font-family: "Avenir Next", "Segoe UI", Verdana, sans-serif;
}

.ru input[type="text"] {
	font-family: "Avenir Next", "Segoe UI", Verdana, sans-serif;
}

.th input[type="text"] {
	font-family: sans-serif;
}

.kr input[type="text"] {
	font-family: sans-serif;
}

input[type="number"] {
	display: block;
	margin: 0;
	padding: 0 10px;
	box-sizing: border-box;
	width: 100%;
	height: 32px;
	border: 1px solid #D7D7D7;
	font-size: 12px;
}

input[type="number"].error {
	background: #FFFEEB;
	color: #C30D23;
}

.ja input[type="number"],
.cs input[type="number"],
.ct input[type="number"],
.kr input[type="number"] {
	padding-top: 2px;
	font-size: 16px;
}

.en input[type="number"] {
	padding-top: 1px;
	font-size: 15px;
}

.th input[type="number"] {
	font-size: 14px;
}

.ja input[type="number"] {
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

.en input[type="number"] {
	font-family: "Avenir Next", "Segoe UI", Verdana, sans-serif;
}

.de input[type="number"] {
	font-family: "Avenir Next", "Segoe UI", Verdana, sans-serif;
}

.cs input[type="number"] {
	font-family: "Heiti SC", "Microsoft Yahei", sans-serif;
}

.ct input[type="number"] {
	font-family: "Heiti TC", "Microsoft JhengHei", sans-serif;
}

.es input[type="number"] {
	font-family: "Avenir Next", "Segoe UI", Verdana, sans-serif;
}

.pt input[type="number"] {
	font-family: "Avenir Next", "Segoe UI", Verdana, sans-serif;
}

.ru input[type="number"] {
	font-family: "Avenir Next", "Segoe UI", Verdana, sans-serif;
}

.th input[type="number"] {
	font-family: sans-serif;
}

.kr input[type="number"] {
	font-family: sans-serif;
}

select {
	margin: 0;
	padding: 0 10px;
	box-sizing: border-box;
	width: 100%;
	height: 32px;
	border: none;
	border-bottom: 2px solid #C9CACA;
	background: #F7F8F8;
	font-size: 12px;
	padding-right: 40px;
}

select.error {
	background-color: #FFFEEB;
	color: #C30D23;
}

.appearance select {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	background-image: url(../images/pulldown_pc.png);
	background-repeat: no-repeat;
	background-position: right top;
}

.appearance select::-ms-expand {
	display: none;
}

.ja select,
.cs select,
.ct select,
.kr select {
	padding-top: 2px;
	font-size: 16px;
}

.en select {
	padding-top: 1px;
	font-size: 15px;
}

.th select {
	font-size: 14px;
}

.ja select {
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

.en select {
	font-family: "Avenir Next", "Segoe UI", Verdana, sans-serif;
}

.de select {
	font-family: "Avenir Next", "Segoe UI", Verdana, sans-serif;
}

.cs select {
	font-family: "Heiti SC", "Microsoft Yahei", sans-serif;
}

.ct select {
	font-family: "Heiti TC", "Microsoft JhengHei", sans-serif;
}

.es select {
	font-family: "Avenir Next", "Segoe UI", Verdana, sans-serif;
}

.pt select {
	font-family: "Avenir Next", "Segoe UI", Verdana, sans-serif;
}

.ru select {
	font-family: "Avenir Next", "Segoe UI", Verdana, sans-serif;
}

.th select {
	font-family: sans-serif;
}

.kr select {
	font-family: sans-serif;
}

.servicename {
	background-color: #404040;
	width: 100%;
	position: absolute;
	z-index: 999;
	left: 0;
	bottom: 0;
}

.servicename h2 {
	font-size: 15px !important;
	text-align: left;
	color: #fff;
	font-weight: normal;
	line-height: 1.75;
	max-width: 984px;
	margin: 0 auto;
	padding-left: 1em;
}

.header-container {
	position: absolute;
	width: 100%;
	height: 233px;
}

.page-container {
	position: relative;
	width: 100%;
	height: 100%;
	background: url(../images/preloader_l.gif) no-repeat center;
}

.page {
	position: absolute;
	top: 0;
	padding-top: 233px;
	padding-bottom: 110px;
	box-sizing: border-box;
	width: 100%;
	min-height: 100%;
	background: #fff;
}

.pageCalc {
	position: absolute;
	top: 0;
	padding-top: 143px;
	padding-bottom: 110px;
	box-sizing: border-box;
	width: 100%;
	min-height: 100%;
	background: #fff;
}

article {
	margin: 0 auto;
	padding: 10px 10px 0;
	box-sizing: border-box;
	width: 1024px;
}

article>p {
	margin-top: 20px;
	text-align: center;
}

h2 {
	text-align: center;
	font-size: 20px;
}

.ja h2,
.cs h2,
.ct h2,
.th h2,
.kr h2 {
	font-size: 24px;
}

h3 {
	position: relative;
	margin: 0;
	padding: 15px 20px 0;
	height: 40px;
	box-sizing: border-box;
	background: #333;
	color: #fff;
	font-weight: normal;
	text-align: center;
	font-size: 12px;
}

.ja h3,
.cs h3,
.ct h3,
.kr h3 {
	padding-top: 13px;
	font-size: 20px;
}

.en h3 {
	padding-top: 10px;
	font-size: 18px;
}

.th h3 {
	font-size: 14px;
}

h4 {
	margin-top: 20px;
	padding: 4px 0 0 4px;
	border-left: 4px solid #0069AF;
	font-weight: normal;
	font-size: 12px;
}

h4:first-child {
	margin-top: 0;
}

.ja h4,
.cs h4,
.ct h4 .kr h4 {
	font-size: 18px;
}

.th h4 {
	font-size: 14px;
}

.control-label {
	display: block;
	margin-top: 20px;
}

.control-label:first-child {
	margin-top: 0;
}

.control-wrap {
	margin-top: 10px;
}

.control-wrap:first-child {
	margin-top: 0;
}

.error-message {
	margin-top: 10px;
	color: #C30D23;
}

.ja .error-message,
.cs .error-message,
.ct .error-message,
.th .error-message,
.kr .error-message {
	font-size: 14px;
}

section {
	margin: 40px 10px 0;
}

section>div {
	padding: 20px;
	background: #EFEFEF;
}

section>div>p:first-child {
	line-height: 1.2;
}

section>div>a {
	margin: 20px 0 0;
}

section.accordion {
	position: relative;
}

section.accordion>h3 {
	padding: 24px 40px 0;
	box-sizing: border-box;
	height: 60px;
	border-bottom: 2px solid #595757;
	background: #0069AF;
	cursor: pointer;
	position: relative;
}

section.accordion>h3:after {
	content: "";
	position: absolute;
	top: 50%;
	background-image: url(/tools/designer/images/sprites/pc.png);
	background-position: -58px -88px;
	width: 14px;
	height: 12px;
	margin-top: -6px;
}

section.accordion>h3:after {
	right: 20px;
}

section.accordion>div {
	display: none;
}

section.accordion-disabled {
	position: relative;
}

section.accordion-disabled>h3 {
	padding: 24px 40px 0;
	box-sizing: border-box;
	height: 60px;
	border-bottom: 2px solid #595757;
	background: gray;
	cursor: pointer;
	color: darkgray;
	position: relative;
}

section.accordion-disabled>h3:after {
	content: "";
	position: absolute;
	top: 50%;
	background-image: url(/tools/designer/images/sprites/pc.png);
	background-position: -58px -88px;
	width: 14px;
	height: 12px;
	margin-top: -6px;
}

section.accordion-disabled>h3:after {
	right: 20px;
}

section.accordion-disabled>div {
	display: none;
}

section.accordion.open>h3 {
	position: relative;
}

section.accordion.open>h3:after {
	content: "";
	position: absolute;
	top: 50%;
	background-image: url(/tools/designer/images/sprites/pc.png);
	background-position: -40px -88px;
	width: 14px;
	height: 12px;
	margin-top: -6px;
}

section.accordion.open>h3:after {
	right: 20px;
}

section.accordion.open>div {
	display: block;
}

.ex-icon {
	background-image: url(../images/sprites/ex.png);
	background-size: 25px;
	background-repeat: no-repeat;
	width: 28px;
	height: 24px;
	position: relative;
	display: inline-block;
	margin-left: 4px;
	vertical-align: bottom;
	cursor: pointer;
}

.ja section.accordion>h3,
.cs section.accordion>h3,
.ct section.accordion>h3,
.kr section.accordion>h3 {
	padding-top: 24px;
}

.ja section.accordion-disabled>h3,
.cs section.accordion-disabled>h3,
.ct section.accordion-disabled>h3,
.kr section.accordion-disabled>h3 {
	padding-top: 24px;
}

.form {
	margin: 40px 10px 0;
}

.form:after {
	content: "";
	display: block;
	clear: both;
}

.form .left {
	float: left;
	width: 494px;
}

.form .right {
	float: right;
	width: 450px;
}

.form .right>div img {
	display: block;
	margin: 0 auto;
	width: 450px;
}

.tab-control .tabs:after {
	content: "";
	display: block;
	clear: both;
}

.tab-control .tabs>div {
	display: none;
	float: left;
	padding: 10px 0 8px;
	background: #727171;
	color: #FFF;
	text-align: center;
}

.tab-control .tabs>div:first-child {
	border-top: 8px solid #e61e19;
}

.tab-control .tabs>div:first-child+div {
	border-top: 8px solid #17489d;
}

.tab-control .tabs>div:first-child+div+div {
	border-top: 8px solid #17933d;
}

.tab-control .tabs>div:first-child+div+div+div {
	border-top: 8px solid #ffff00;
}

.tab-control .tabs>div.now {
	background: #DCDDDD;
	color: #3E3A39;
}

.tab-control[data-tab-count="1"] .tabs>div {
	width: 100%;
}

.tab-control[data-tab-count="1"] .tabs>div:first-child {
	display: block;
}

.tab-control[data-tab-count="2"] .tabs>div {
	width: 50%;
}

.tab-control[data-tab-count="2"] .tabs>div:first-child,
.tab-control[data-tab-count="2"] .tabs>div:first-child+div {
	display: block;
}

.tab-control[data-tab-count="3"] .tabs>div {
	width: 33.33%;
}

.tab-control[data-tab-count="3"] .tabs>div:first-child,
.tab-control[data-tab-count="3"] .tabs>div:first-child+div,
.tab-control[data-tab-count="3"] .tabs>div:first-child+div+div {
	display: block;
}

.tab-control[data-tab-count="4"] .tabs>div {
	width: 25%;
}

.tab-control[data-tab-count="4"] .tabs>div:first-child,
.tab-control[data-tab-count="4"] .tabs>div:first-child+div,
.tab-control[data-tab-count="4"] .tabs>div:first-child+div+div,
.tab-control[data-tab-count="4"] .tabs>div:first-child+div+div+div {
	display: block;
}

.tab-control .tab-pages>div {
	display: none;
	padding: 20px;
	background: #DCDDDD;
}

.tab-control .tab-pages>div.now {
	display: block;
}

.nav-bottom {
	margin: 40px auto 0;
	width: 50%;
}

.nav-bottom.row {
	width: auto;
}

.nav-bottom .col:first-child a {
	margin: 0 10px;
}

.nav-bottom .col:first-child+.col a {
	margin: 0 10px;
}

.ja a.tdLink,
.ja a.thLink,
.ja a.thLinkcenter,
.ja a.thLinknote,
.cs a.tdLink,
.cs a.thLink,
.cs a.thLinkcenter,
.cs a.thLinknote,
.ct a.tdLink,
.ct a.thLink,
.ct a.thLinkcenter,
.ct a.thLinknote,
.kr a.tdLink,
.kr a.thLink,
.kr a.thLinkcenter,
.kr a.thLinknote {
	padding-top: 0;
	font-size: 16px;
}

.tdLink,
.thLink,
.thLinkcenter,
.thLinknote {
	padding: 0;
	height: auto;
	border-bottom: none;
	cursor: pointer;
}

.tdLink {
	background: #DCDDDD;
	text-align: left;
	color: blue;
}

.thLink {
	background: #C9CACA;
	text-align: left;
	color: #3E3A39;
}

.thLinkcenter {
	background: #C9CACA;
	text-align: center;
	color: #3E3A39;
}

.thLinknote {
	background: #DCDDDD;
	text-align: left;
	color: #3E3A39;
}

.thImage {
	background-image: url(../images/sprites/pc.png);
	background-position: -32px -54px;
	width: 28px;
	height: 24px;
	margin-bottom: -8px;
	margin-left: 2px;
}

.obsolete {
	display: none;
}

.funcNextBtn_linkStyle:hover,
.funcNextBtn_linkStyle:hover>span {
	background-color: #2a79d8;
	color: #FFFFFF;
}

.funcBackBtn_linkStyle:hover,
.funcBackBtn_linkStyle:hover>span,
.funcBackBtn_linkStyle:focus,
.funcBackBtn_linkStyle:focus>span {
	background-color: #2f4f4f;
	color: #FFFFFF;
}

.moveSameBtn_linkStyle {
	background-color: #cd1b2f;
}

.moveSameBtn_linkStyle,
.moveSameBtn_linkStyle span {
	cursor: pointer;
}

.moveSameBtn_linkStyle:hover,
.moveSameBtn_linkStyle:hover>span {
	background-color: #ae1223;
	color: #FFFFFF;
}

.moveNewBtn_linkStyle {
	background-color: #99ccff;
	color: black;
}

.moveNewBtn_linkStyle,
.moveNewBtn_linkStyle span {
	cursor: pointer;
}

.moveNewBtn_linkStyle:hover,
.moveNewBtn_linkStyle:hover>span {
	background-color: #73c2fb;
}

.header_linkStyle,
.font_linkStyle {
	cursor: pointer;
}

.header_linkStyle:hover,
.header_linkStyle:hover>span,
.font_linkStyle:hover>span {
	color: white;
	background-color: #6090EF;
}

.header_linkStyle span,
.font_linkStyle span {
	color: blue;
	text-decoration: underline;
	font-weight: normal;
}

.font_linkStyle span span {
	color: white;
	text-decoration: none;
}

.help_linkStyle {
	cursor: pointer;
}

.help_linkStyle span {
	color: blue;
	text-decoration: underline;
}

.help_linkStyle:hover,
.help_linkStyle:hover>span {
	color: white;
	background-color: #6090EF;
}

.reset-link-style {
	padding-top: initial;
	font-size: initial;
	text-decoration: underline;
	color: blue;
	display: initial;
	padding: initial;
	box-sizing: initial;
	height: initial;
	border-bottom: none;
	background: initial;
	text-align: initial;
}

.reset-link-style:visited {
	color: blue;
}

.reset-link-style:hover,
.reset-link-style:active {
	color: white;
	text-decoration: underline;
}

.ja .reset-link-style,
.cs .reset-link-style,
.ct .reset-link-style,
.kr .reset-link-style {
	padding-top: initial;
	font-size: initial;
}

.header_linkStyle:hover .reset-link-style {
	color: white;
}

.font_linkStyle:hover a {
	color: white;
}

.cell_linkStyle:hover a {
	color: white;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {

.ja,
.cs,
.ct,
.kr {
	font-size: 16px;
}

.en {
	font-size: 14px;
}

.th {
	font-size: 14px;
}

.ja a,
.cs a,
.ct a,
.kr a {
	padding-top: 22px;
	font-size: 18px;
}

.th a {
	padding-top: 22px;
	font-size: 14px;
}

.ja table,
.cs table,
.ct table,
.kr table {
	font-size: 14px;
}

.ja input[type="text"],
.cs input[type="text"],
.ct input[type="text"],
.kr input[type="text"] {
	padding-top: 0;
	font-size: 14px;
}

.en input[type="text"] {
	padding-top: -1;
	font-size: 13px;
}

.ja input[type="number"],
.cs input[type="number"],
.ct input[type="number"],
.kr input[type="number"] {
	padding-top: 0;
	font-size: 14px;
}

.en input[type="number"] {
	padding-top: -1;
	font-size: 13px;
}

.ja select,
.cs select,
.ct select,
.kr select {
	padding-top: 0;
	font-size: 14px;
}

.en select {
	padding-top: -1;
	font-size: 13px;
}

h2 {
	font-size: 16px;
}

.ja h2,
.cs h2,
.ct h2,
.th h2,
.kr h2 {
	font-size: 22px;
}

.ja h3,
.cs h3,
.ct h3,
.kr h3 {
	font-size: 18px;
}

.en h3 {
	padding-top: 12px;
	font-size: 16px;
}

.ja h4,
.cs h4,
.ct h4 .kr h4 {
	font-size: 16px;
}

.ja section.accordion>h3,
.cs section.accordion>h3,
.ct section.accordion>h3,
.kr section.accordion>h3 {
	padding-top: 22px;
}

.ja section.accordion-disabled>h3,
.cs section.accordion-disabled>h3,
.ct section.accordion-disabled>h3,
.kr section.accordion-disabled>h3 {
	padding-top: 22px;
}

.form {
	margin: 40px auto 0;
	width: 728px;
}

.form .left {
	width: 258px;
}

.ja a.tdLink,
.ja a.thLink,
.ja a.thLinkcenter,
.ja a.thLinknote,
.cs a.tdLink,
.cs a.thLink,
.cs a.thLinkcenter,
.cs a.thLinknote,
.ct a.tdLink,
.ct a.thLink,
.ct a.thLinkcenter,
.ct a.thLinknote,
.kr a.tdLink,
.kr a.thLink,
.kr a.thLinkcenter,
.kr a.thLinknote {
	padding-top: 0;
	font-size: 14px;
}

}

@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.3020833333333333), only screen and (min-width: 768px) and (min-resolution: 125dpi), only screen and (min-width: 768px) and (min-resolution: 1.3dppx) {

a.icon-arrow-left:after {
	background-image: url(/tools/designer/images/sprites/pc@2x.png);
	background-position: 0px -84px;
	background-size: 112px 104px;
	width: 14px;
	height: 20px;
}

a.icon-arrow-left:after {
	margin-top: -10px;
}

a.icon-arrow-right:after {
	background-image: url(/tools/designer/images/sprites/pc@2x.png);
	background-position: -92px -44px;
	background-size: 112px 104px;
	width: 14px;
	height: 20px;
}

a.icon-arrow-right:after {
	margin-top: -10px;
}

a.icon-save:after {
	background-image: url(/tools/designer/images/sprites/pc@2x.png);
	background-position: -92px 0px;
	background-size: 112px 104px;
	width: 20px;
	height: 20px;
}

a.icon-save:after {
	margin-top: -10px;
}

a.icon-pdf:after {
	background-image: url(/tools/designer/images/sprites/pc@2x.png);
	background-position: -92px -22px;
	background-size: 112px 104px;
	width: 18px;
	height: 20px;
}

a.icon-pdf:after {
	margin-top: -10px;
}

a.icon-plus:after {
	background-image: url(/tools/designer/images/sprites/pc@2x.png);
	background-position: -92px -66px;
	background-size: 112px 104px;
	width: 16px;
	height: 16px;
}

a.icon-plus:after {
	margin-top: -8px;
}

a.icon-plus-only:after {
	background-image: url(/tools/designer/images/sprites/pc@2x.png);
	background-position: -92px -66px;
	background-size: 112px 104px;
	width: 16px;
	height: 16px;
}

a.icon-plus-only:after {
	margin-top: -8px;
}

a.icon-plus-only:after {
	margin-left: -8px;
}

a.icon-minus-only:after {
	background-image: url(/tools/designer/images/sprites/pc@2x.png);
	background-position: -16px -84px;
	background-size: 112px 104px;
	width: 16px;
	height: 16px;
}

a.icon-minus-only:after {
	margin-top: -8px;
}

a.icon-minus-only:after {
	margin-left: -8px;
}

a.small.icon-arrow-right:after {
	background-image: url(/tools/designer/images/sprites/pc@2x.png);
	background-position: -78px -58px;
	background-size: 112px 104px;
	width: 9px;
	height: 12px;
}

a.small.icon-arrow-right:after {
	margin-top: -6px;
}

a.small.icon-save:after {
	background-image: url(/tools/designer/images/sprites/pc@2x.png);
	background-position: -78px -32px;
	background-size: 112px 104px;
	width: 12px;
	height: 12px;
}

a.small.icon-save:after {
	margin-top: -6px;
}

.hint.question {
	background-image: url(/tools/designer/images/sprites/pc@2x.png);
	background-position: -48px -58px;
	background-size: 112px 104px;
	width: 28px;
	height: 24px;
}

.hint.exclamation {
	background-image: url(/tools/designer/images/sprites/pc@2x.png);
	background-position: -48px -32px;
	background-size: 112px 104px;
	width: 28px;
	height: 24px;
}

.appearance select {
	background-image: url(../images/pulldown_pc@2x.png);
	background-size: 30px 30px;
}

section.accordion>h3:after {
	background-image: url(/tools/designer/images/sprites/pc@2x.png);
	background-position: -50px -84px;
	background-size: 112px 104px;
	width: 14px;
	height: 12px;
}

section.accordion>h3:after {
	margin-top: -6px;
}

section.accordion-disabled>h3:after {
	background-image: url(/tools/designer/images/sprites/pc@2x.png);
	background-position: -50px -84px;
	background-size: 112px 104px;
	width: 14px;
	height: 12px;
}

section.accordion-disabled>h3:after {
	margin-top: -6px;
}

section.accordion.open>h3:after {
	background-image: url(/tools/designer/images/sprites/pc@2x.png);
	background-position: -34px -84px;
	background-size: 112px 104px;
	width: 14px;
	height: 12px;
}

section.accordion.open>h3:after {
	margin-top: -6px;
}

}

@media screen and (max-width: 1023px) {

article {
	margin: 0;
	width: auto;
}

}

@media screen and (max-width: 767px) {

.ja,
.cs,
.ct,
.kr {
	font-size: 14px;
}

.en {
	font-size: 13px;
}

.th {
	font-size: 12px;
}

a {
	padding: 17px 20px 0;
	box-sizing: border-box;
	height: 46px;
}

a.icon-arrow-left:after {
	background-image: url(/tools/designer/images/sprites/sp@2x.png);
	background-position: -61px -37px;
	background-size: 69px 77px;
	width: 7px;
	height: 10px;
}

a.icon-arrow-left:after {
	margin-top: -5px;
}

a.icon-arrow-left:after {
	left: 10px;
}

a.icon-arrow-right:after {
	background-image: url(/tools/designer/images/sprites/sp@2x.png);
	background-position: -38px -17px;
	background-size: 69px 77px;
	width: 7px;
	height: 10px;
}

a.icon-arrow-right:after {
	margin-top: -5px;
}

a.icon-arrow-right:after {
	right: 10px;
}

a.icon-save:after {
	background-image: url(/tools/designer/images/sprites/sp@2x.png);
	background-position: -47px -20px;
	background-size: 69px 77px;
	width: 14px;
	height: 14px;
}

a.icon-save:after {
	margin-top: -7px;
}

a.icon-save:after {
	right: 10px;
}

a.icon-pdf:after {
	background-image: url(/tools/designer/images/sprites/sp@2x.png);
	background-position: -24px -17px;
	background-size: 69px 77px;
	width: 12px;
	height: 14px;
}

a.icon-pdf:after {
	margin-top: -7px;
}

a.icon-pdf:after {
	right: 10px;
}

a.icon-plus:after {
	background-image: url(/tools/designer/images/sprites/sp@2x.png);
	background-position: -49px -37px;
	background-size: 69px 77px;
	width: 10px;
	height: 10px;
}

a.icon-plus:after {
	margin-top: -5px;
}

a.icon-plus:after {
	right: 10px;
}

a.icon-plus-only:after {
	background-image: url(/tools/designer/images/sprites/sp@2x.png);
	background-position: -49px -37px;
	background-size: 69px 77px;
	width: 10px;
	height: 10px;
}

a.icon-plus-only:after {
	margin-top: -5px;
}

a.icon-plus-only:after {
	margin-left: -5px;
}

a.icon-minus-only:after {
	background-image: url(/tools/designer/images/sprites/sp@2x.png);
	background-position: -21px -49px;
	background-size: 69px 77px;
	width: 10px;
	height: 10px;
}

a.icon-minus-only:after {
	margin-top: -5px;
}

a.icon-minus-only:after {
	margin-left: -5px;
}

a.small {
	padding-top: 17px;
	box-sizing: border-box;
	height: 46px;
}

a.small.icon-arrow-right:after {
	background-image: url(/tools/designer/images/sprites/sp@2x.png);
	background-position: -38px -17px;
	background-size: 69px 77px;
	width: 7px;
	height: 10px;
}

a.small.icon-arrow-right:after {
	margin-top: -5px;
}

a.small.icon-save:after {
	background-image: url(/tools/designer/images/sprites/sp@2x.png);
	background-position: -47px -20px;
	background-size: 69px 77px;
	width: 14px;
	height: 14px;
}

a.small.icon-save:after {
	margin-top: -7px;
}

.ja a,
.cs a,
.ct a,
.kr a {
	padding-top: 16px;
	font-size: 16px;
}

.ja a.small,
.cs a.small,
.ct a.small,
.kr a.small {
	padding-top: 17px;
}

.en a.small {
	padding-top: 17px;
}

.th a {
	padding-top: 17px;
	font-size: 12px;
}

.th a.small {
	padding-top: 17px;
}

.header-container table td,
.header-container table th,
.page-container table td,
.page-container table th {
	padding: 7px 5px 5px;
}

.header-container table.reflow,
.page-container table.reflow {
	display: block;
}

.header-container table.reflow tbody,
.header-container table.reflow tr,
.header-container table.reflow td,
.page-container table.reflow tbody,
.page-container table.reflow tr,
.page-container table.reflow td {
	display: block;
}

.header-container table.reflow th,
.page-container table.reflow th {
	display: none;
}

.header-container table.reflow td,
.page-container table.reflow td {
	position: relative;
	padding: 0;
	border: none;
	background: transparent;
	text-align: left;
}

.header-container table.reflow .reflow-h,
.page-container table.reflow .reflow-h {
	display: block;
	margin: 20px 0 10px;
	padding: 4px 0 0 4px;
	border-left: 4px solid #C30D23;
}

.header-container table.reflow .reflow-h>span:first-child,
.page-container table.reflow .reflow-h>span:first-child {
	display: inline;
}

.header-container table.reflow tr:first-child+tr .reflow-h,
.page-container table.reflow tr:first-child+tr .reflow-h {
	margin-top: 0;
}

.header-container table.reflow .reflow-table,
.page-container table.reflow .reflow-table {
	display: table;
	width: 100%;
	margin-top: 2px;
}

.header-container table.reflow .reflow-th,
.header-container table.reflow .reflow-td,
.page-container table.reflow .reflow-th,
.page-container table.reflow .reflow-td {
	display: table-cell;
	padding: 5px;
	word-wrap: break-word;
	vertical-align: middle;
}

.header-container table.reflow .reflow-th,
.page-container table.reflow .reflow-th {
	width: 100px;
	background: #C9CACA;
}

.header-container table.reflow .reflow-td,
.page-container table.reflow .reflow-td {
	background: #DCDDDD;
}

.header-container table.reflow .reflow-button,
.page-container table.reflow .reflow-button {
	display: block;
	margin-top: 10px;
}

.ja table,
.cs table,
.ct table,
.kr table {
	font-size: 14px;
}

.row.pc>.col {
	float: none;
	width: auto;
}

.hint.question {
	background-image: url(/tools/designer/images/sprites/sp@2x.png);
	background-position: -47px 0px;
	background-size: 69px 77px;
	width: 22px;
	height: 18px;
}

.hint.exclamation {
	background-image: url(/tools/designer/images/sprites/sp@2x.png);
	background-position: 0px -17px;
	background-size: 69px 77px;
	width: 22px;
	height: 18px;
}

.hint>span {
	padding: 8px;
	box-sizing: border-box;
	width: 300px;
}

input[type="text"] {
	padding: 0 5px;
	box-sizing: border-box;
	height: 46px;
}

.ja input[type="text"],
.cs input[type="text"],
.ct input[type="text"],
.kr input[type="text"] {
	padding-top: 0;
	font-size: 14px;
}

.en input[type="text"] {
	padding-top: -1;
	font-size: 13px;
}

input[type="number"] {
	padding: 0 5px;
	box-sizing: border-box;
	height: 46px;
}

.ja input[type="number"],
.cs input[type="number"],
.ct input[type="number"],
.kr input[type="number"] {
	padding-top: 0;
	font-size: 14px;
}

.en input[type="number"] {
	padding-top: -1;
	font-size: 13px;
}

select {
	padding: 0 8px;
	box-sizing: border-box;
	height: 46px;
	padding-right: 55px;
}

.appearance select {
	background-image: url(../images/pulldown_sp@2x.png);
	background-size: 44px 44px;
}

.ja select,
.cs select,
.ct select,
.kr select {
	padding-top: 0;
	font-size: 14px;
}

.en select {
	padding-top: -1;
	font-size: 13px;
}

.page {
	padding-top: 90px;
	padding-bottom: 70px;
}

.pageCalc {
	padding-top: 190px;
	padding-bottom: 70px;
}

article {
	padding: 20px 0 0;
}

article>p {
	margin: 10px 10px 0;
}

h2 {
	font-size: 14px;
}

.ja h2,
.cs h2,
.ct h2,
.th h2,
.kr h2 {
	font-size: 18px;
}

h3 {
	padding: 8px 10px 0;
	box-sizing: border-box;
	height: 26px;
}

.ja h3,
.cs h3,
.ct h3,
.kr h3 {
	padding-top: 7px;
	font-size: 16px;
}

.en h3 {
	padding-top: 7px;
	font-size: 14px;
}

.ja h4,
.cs h4,
.ct h4 .kr h4 {
	font-size: 14px;
}

.control-wrap {
	margin-top: 5px;
}

.error-message {
	margin-top: 5px;
}

.ja .error-message,
.cs .error-message,
.ct .error-message,
.th .error-message,
.kr .error-message {
	font-size: 12px;
}

section {
	margin: 20px 10px 0;
}

section>div {
	padding: 20px 10px;
}

section.accordion {
	margin: 0;
}

section.accordion>h3 {
	padding: 17px 20px 0;
	box-sizing: border-box;
	height: 46px;
}

section.accordion>h3:after {
	background-image: url(/tools/designer/images/sprites/sp@2x.png);
	background-position: -35px -37px;
	background-size: 69px 77px;
	width: 12px;
	height: 10px;
}

section.accordion>h3:after {
	margin-top: -5px;
}

section.accordion>h3:after {
	right: 10px;
}

section.accordion-disabled {
	margin: 0;
}

section.accordion-disabled>h3 {
	padding: 17px 20px 0;
	box-sizing: border-box;
	height: 46px;
}

section.accordion-disabled>h3:after {
	background-image: url(/tools/designer/images/sprites/sp@2x.png);
	background-position: -35px -37px;
	background-size: 69px 77px;
	width: 12px;
	height: 10px;
}

section.accordion-disabled>h3:after {
	margin-top: -5px;
}

section.accordion-disabled>h3:after {
	right: 10px;
}

section.accordion.open>h3:after {
	background-image: url(/tools/designer/images/sprites/sp@2x.png);
	background-position: -21px -37px;
	background-size: 69px 77px;
	width: 12px;
	height: 10px;
}

section.accordion.open>h3:after {
	margin-top: -5px;
}

section.accordion.open>h3:after {
	right: 10px;
}

.ja section.accordion>h3,
.cs section.accordion>h3,
.ct section.accordion>h3,
.kr section.accordion>h3 {
	padding-top: 16px;
}

.ja section.accordion-disabled>h3,
.cs section.accordion-disabled>h3,
.ct section.accordion-disabled>h3,
.kr section.accordion-disabled>h3 {
	padding-top: 16px;
}

.form {
	margin: 20px 10px 0;
}

.form .left {
	float: none;
	margin-top: 20px;
	width: auto;
}

.form .right {
	float: none;
	margin-top: 20px;
	width: auto;
}

.form .right>div {
	overflow: auto;
}

.form .right>div img {
	width: 300px;
}

.tab-control .tabs>div {
	padding: 14px 0;
}

.tab-control .tab-pages>div {
	padding: 20px 10px;
}

.nav-bottom {
	margin-top: 20px;
	width: auto;
}

.nav-bottom .col:first-child a {
	margin: 0 1px 0 0;
}

.nav-bottom .col:first-child+.col a {
	margin: 0 0 0 1px;
}

.ja a.tdLink,
.ja a.thLink,
.ja a.thLinkcenter,
.ja a.thLinknote,
.cs a.tdLink,
.cs a.thLink,
.cs a.thLinkcenter,
.cs a.thLinknote,
.ct a.tdLink,
.ct a.thLink,
.ct a.thLinkcenter,
.ct a.thLinknote,
.kr a.tdLink,
.kr a.thLink,
.kr a.thLinkcenter,
.kr a.thLinknote {
	padding-top: 0;
	font-size: 14px;
}

}

