@charset "Shift_JIS";


/* 
基本ユニット
表組みタイプ
指示・注意書き等
アクションボタン
エラーチップ
テキスト入力のスタイル

セレクトボックス装飾
ラジオボタン・チェックボックス装飾
*/


/* 基本ユニット（FormUnit dl） --------------------------------------------------- */

.FormUnit h2 {
margin: 0 0 10px 0;
font-size: 18px !important;
color: #337bc6;
}

.FormUnit dl {
display: table;
width: 100%;
}

.FormUnitWrap {
margin: 0 0 50px 0;
border-left: solid 1px #b3cce6;
border-top: solid 1px #b3cce6;
}

.FormUnit dt,
.FormUnit dd {
display: table-cell;
padding: 20px 20px;
border-bottom: solid 1px #b3cce6;
vertical-align: middle;
}

.FormUnit dt {
width: 25%;
padding-right: 15px;
font-weight: bold;
background: #f6f6f6;
}

.FormUnit dd {
width: 75%;
border-right: solid 1px #b3cce6;
}

/* 必須アイコン */
.FormUnit dt span {
display: block;
padding: 0 50px 0 0;
background: url(../img/sys/order/Icon_Mandatory.png) no-repeat right center;
}


/* 表組みタイプ --------------------------------------------------- */

/* Table1 */
.FormUnit .Table1 th {
border-right: none;
}

/* Table2 */
.FormUnit .Table2 {
border-left: none;
border-top: none;
}

.FormUnit .Table2 th {
border-bottom: none;
}


/* 指示・注意書き等  --------------------------------------------------- */

/* リード */
.FormUnit .LeadMain {
margin: 0 0 20px 0;
font-weight: bold;
}

.FormUnit .Lead {
margin: 0 0 10px 0;
font-weight: bold;
}

/* 注釈 */
.FormUnit .NoteUpper {
margin: 0 0 5px 0;
font-size: 93%;
line-height: 1.5em;
}

.FormUnit .NoteMiddle {
margin: 10px 0 10px 0;
font-size: 93%;
line-height: 1.5em;
}

.FormUnit .NoteLower {
margin: 5px 0 0 0;
font-size: 93%;
line-height: 1.5em;
}

.FormUnit .NoteSide {
margin: 0 0 0 5px;
font-size: 93%;
}

/* ガイドリンク  */
.FormUnit .GuideLink {
margin: 0 0 0 15px;
font-size: 12px;
font-weight: normal;
}

.FormUnit .GuideLink a {
padding: 0 0 0 15px;
background: url(../images/common/icon/Icon_LinkAllowCircleS.png) no-repeat;
background-position: 0 48%;
}

/* 入力内容注釈  */
.FormUnit .InNote {
margin: 20px 0 0 0;
padding: 15px 0 0 0;
border-top: 1px solid #e6e6e6;
}

.FormUnit .InNote p {
margin: 8px 0 0 0;
font-size: 12px;
}

.FormUnit .InNote p:first-child {
margin: 0 0 0 0;
}

/* ご案内欄  */
.FormUnit .NoticeArea {
margin: 0 0 20px 0;
}


/* アクションボタン  --------------------------------------------------- */
.FormAction {
text-align: center;
}

.FormAction input {
margin: 0 15px;
vertical-align: middle;
}


/* エラーチップ  --------------------------------------------------- */

.FormUnit .ErrTip  {
display: inline-block;
margin: 0 0 10px 0;
background: url(../img/sys/order/Texture_ErrTipAllow.png) no-repeat;
background-position: 5% 100%;
}

.FormUnit .ErrTip span {
display: inline-block;
margin: 0 0 10px 0;
padding: 5px 10px 5px 15px;
border-radius: 5px;
line-height: 1.6em;
color: #ffffff;
background: #e90000;
}


/* テキスト入力のスタイル  --------------------------------------------------- */

.FormUnit input[type=text],
.FormUnit input[type=password],
.FormUnit textarea {
height: 2.2em;
padding: 0 10px;
border: 1px solid #b3cce6;
border-radius: 5px 5px;
box-sizing: border-box;
box-shadow: inset 1px 1px 1px 0px #d5d5d5;
line-height: 2.2em;
vertical-align: middle;
background: #fff;
}

.FormUnit textarea {
width: 500px;
height: 10em;
padding: 8px;
line-height: 1.4em;
}

.FormUnit input[type=image] {
vertical-align: middle;
}


/* セレクトボックス装飾（jquery.customSelect.min.jsを利用） --------------------------------------------------- */

span.customSelect {
border: 1px solid #b3cce6;
border-radius: 5px 5px;
box-sizing: border-box;
text-indent: 4px;
vertical-align: middle;
appearance: none;
background: #fff;
overflow: hidden;
height: 27px;
}

.customSelectInner {
padding-right: 30px;
background: url(../images/common/icon/Icon_SelectBox.png) no-repeat center right;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}

.customSelect.customSelectFocus {
background: #fff;
}

.Win .FormUnit span.customSelect {
font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;	/* ウインドウでのフォント設定（optionのフォントを変更できないため） */
}

/* サイズ：小 */
.SelectBoxS span.customSelect {
height: 25px;
font-size: 12px;
}

.Win .SelectBoxS span.customSelect {
line-height: 1.9em;	/* Windows用調整 */
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.Win .SelectBoxS span.customSelect {
	line-height: 2.0em;	/* Windows chrome用調整 */
	}
}

@-moz-document url-prefix() {
	.Mac .SelectBoxS .customSelectInner {
	padding-right: 0;
	}
	.Mac .SelectBoxS span.customSelect {
	line-height: 2.0em;	/* Mac Firefox用調整 */
	}
}

/* サイズ：大 */
.SelectBoxL span.customSelect {
height: 30px;
font-size: 14px;
line-height: 2.1em;
}

.Win .SelectBoxL span.customSelect {
line-height: 2.0em;	/* Windows用調整 */
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.Win .SelectBoxL span.customSelect {
	line-height: 2.1em;	/* Windows chrome用調整 */
	}
}

@-moz-document url-prefix() {
	.Mac .SelectBoxL .customSelectInner {
	padding-right: 0;
	}
	.Mac .SelectBoxL span.customSelect {
	line-height: 2.0em;	/* Mac Firefox用調整 */
	}
}


/* ラジオボタン・チェックボックス装飾 --------------------------------------------------- */

.FormUnit input[type=radio],
.FormUnit input[type=checkbox] {
/* display: inline-block; */
margin-right: 6px;
}

.FormUnit input[type=radio] + label,
.FormUnit input[type=checkbox] + label {
position: relative;
margin-right: 12px;
font-size: 14px;
line-height: 1.7em;
cursor: pointer;
}

@media (min-width: 1px) /* IE8以下対策 */ {

	.FormUnit input[type=radio],
	.FormUnit input[type=checkbox] {
	display: none;
	margin: 0 0 0 -10px;
/* 	opacity: 0; */
	}
	
	.FormUnit input[type=radio] + label,
	.FormUnit input[type=checkbox] + label {
	display: inline-block;
	padding: 0 0 0 24px;
	}
	
	.FormUnit input[type=radio] + label::before,
	.FormUnit input[type=checkbox] + label::before {
	display: block;
	position: absolute;
	top: 11px;
	left: 0;
	width: 18px;
	height: 18px;
	margin-top: -9px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #fff;
	content: "";
	}
	
	.FormUnit input[type=radio] + label::before {
	border: 1px solid #98b6d6;
	border-radius: 30px;
	box-shadow: inset 1px 1px 1px 0px #d5d5d5;
	}
	
	.FormUnit input[type=checkbox] + label::before {
	border: 1px solid #98b6d6;
	border-radius: 5px;
	box-shadow: inset 1px 1px 1px 0px #d5d5d5;
	}
	
	.FormUnit input[type=radio]:checked + label::before,
	.FormUnit input[type=checkbox]:checked + label::before {
	border: none;
	box-shadow: none;
	background: #337bc6;
	}
	
	.FormUnit input[type=radio]:checked + label::after,
	.FormUnit input[type=checkbox]:checked + label::after {
	content: "";
	display: block;
	position: absolute;
	top: 12px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
	
	/* ラジオボタン選択時の中央ドット */
	.FormUnit input[type=radio]:checked + label::after {
	left: 5px;
	width: 8px;
	height: 8px;
	margin-top: -5px;
	border-radius: 8px;
	background: #fff;
	}
	
	/* チェックボックス選択時のチェックマーク */
	.FormUnit input[type=checkbox]:checked + label::after {
	left: 4px;
	width: 12px;
	height: 7px;
	margin-top: -6px;
	border-left: 3px solid #fff;
	border-bottom: 3px solid #fff;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	}

}

div.sender_change_ {
	margin-bottom: 40px;
}
div.senderdata {
	margin-top: -30px;
}

/* エラーチップ  --------------------------------------------------- */

.FormUnit .ErrTipNovelty  {
display: inline-block;
margin: 0 0 10px 0;
background: url(../img/sys/order/Texture_ErrTipAllow.png) no-repeat;
background-position: 5% 100%;
}

.FormUnit .ErrTipNovelty span {
display: inline-block;
margin: 0 0 10px 0;
padding: 5px 10px 5px 15px;
border-radius: 5px;
line-height: 1.6em;
color: #ffffff;
background: #e90000;
}
 /* 非アクティブ */.FormUnit .Disabled {opacity: 0.3;}