@charset "utf-8";

/* #############################################################

[ 検索 ]

適用範囲：I ヘルプ　ベースファイル

※追記・改変の際はウェブマスタに問い合わせること

############################################################# */


/* -------------------------------------------------------------- 
見出し系
-------------------------------------------------------------- */


/* 大見出し */
.helpContentHeading {
	margin: 20px 0 5px;
	padding: 0 0 0 0;
}

/* 大見出し背景 */
.helpContentBody {
	padding: 10px 0 0;
	background: url(../../images/order/order-content-body-bg.gif) repeat-x left top;
	/zoom: 1;
}
.helpContentBody:after{ content:"."; display:block; clear:both; height:0; visibility: hidden; }

/* h1 テキストリンク */

.helpContentHeading.heading {position: relative;}
*:first-child+html .helpContentHeading.heading {position: relative; height: 40px;}

.helpContentHeading.heading .h1-title {
	float:left;
	width:750px;
}
.helpContentHeading.heading .asideBtn {
	position: absolute;
	top: 0;
	right: 0;
}

.helpContentHeading.heading .asideLink {
	float:right;
	font-size:1.2em;
}

/*画像見出しの横付きリンク*/
.mod_headingHelpBlankLink {
	margin: 0 10px 0 0;
	display: block;
	line-height: 38px;
}

.mod_headingHelpBlankLink a {
	color:#1b72e9;
}

.mod_headingHelpBlankLink a.coWhite {
	color:#fff;
}

.mod_textHeading .sTxt,
.mod_iconHeading .sTxt{
	font-size:0.5em;
}

/* ステップナビ（パンくず） */
.flowPath {
}

.flowPath .step {
	padding: 0 5px 0 0;
}

/* リード文 */
.topTxt {font-size:1.2em; line-height:1.4;}
.secTxt {font-size:1.2em; line-height:1.4; padding-top:10px; font-weight:bold;}
.secTxt strong {
	font-size:1.3em;
}
.secTxt span {
	font-weight:normal;
}
.secTxt2 {font-size:1.2em; line-height:1.4; padding-top:10px;}
.secTxt3 {font-size:1.2em; line-height:1.4; padding-bottom:10px;}
.topcompTxt {font-size:1.6em; line-height:1.4;}
.topcompTxt strong {color:#d80000;}
.topcompTxt2 {font-size:1.6em; line-height:1.4;}

.compImg {padding-top:2px;}

.outBox {background-color:#efefef;}


/* -------------------------------------------------------------- 
/上書きcss
-------------------------------------------------------------- */
/*ブルー枠*/
.mod_confirmNote.confirm-box {
	padding-top:8px;
	padding-bottom:8px;
}
.mod_confirmNote.confirm-box dl dt.heading {
	color:#333;
	font-size:12px;
	font-weight:normal;
	margin-bottom:0;
	padding-top:3px;
	line-height:1.4;
}
.mod_confirmNote.confirm-box dl dt.heading.blue-txt {
	color:#4BA4FF;
	font-size:1.6em;
	font-weight:bold;
}
.mod_confirmNote .text {
	margin:0 !important;
}

/* -------------------------------------------------------------- 
共通カラム系
-------------------------------------------------------------- */

.helpComBox {
	width:761px;
	margin-top:40px;
}
.helpComBox.fast {margin-top:20px;}
.helpComBox.none {margin-top:0px;}
.helpComBox:after{ content:"."; display:block; clear:both; height:0; visibility: hidden; }


.helpComSecBox {
	width:761px;
	margin-top:30px;
}
.helpComSecBox.fast {margin-top:10px;}
.helpComSecBox.step {margin-top:20px;}
.helpComSecBox:after{ content:"."; display:block; clear:both; height:0; visibility: hidden; }

/* アンケート　必須、任意サイズ */
.helpComSecBox .mod_sectionBase .mod_optTextHeadingH3 strong {font-size:0.75em; vertical-align: text-top;}

.helpComBox01 {
	width:761px;
	margin-top:20px;
}
.helpComBox01.fast {margin-top:20px;}
.helpComBox01.none {margin-top:0px;}
.helpComBox01:after{ content:"."; display:block; clear:both; height:0; visibility: hidden; }

/* -------------------------------------------------------------- 
入力用テーブル系
-------------------------------------------------------------- */

.userInputTbl {
	width:761px;
	border-collapse:collapse;
}

.userInputTbl .line {
	margin-top:8px;
	border-top:1px dotted #c3c3c3;
}


/* 幅指定
--------------------------------------------- */

.userInputTbl .itemHeadCol {width:130px;}
.userInputTbl.col2 .itemHeadCol {width:65px;_width:58px;}
*:first-child+html .userInputTbl.col2 .itemHeadCol {width:58px;}

.userInputTbl .itemMustCol {width:45px;}
.userInputTbl .itemInputCol {width:369px;}
.userInputTbl .itemInput2Col {width:575px;}

.userInputTbl .itemNoteCol {width:150px;}
.userInputTbl .w40 {
	width:42px !important;
	/width:40px !important;
}
.userInputTbl .w145 {
	width:145px !important;
	/width:130px !important;
}
.userInputTbl .w400 {
	width:400px !important;
}


/* TH指定
--------------------------------------------- */

.userInputTbl th {
	font-size:1.2em;
	line-height:1.4;
	font-weight:bold;
	background:#dfebf7;
	text-align:left;
	vertical-align:middle;
	border-top:2px solid #c3c3c3;
	border-bottom:2px solid #c3c3c3;
	border-left:none;
}
.userInputTbl.col2 th.itemHeadCol {width:115px;_width:128px;}
*:first-child+html .userInputTbl.col2 th.itemHeadCol {width:128px;}

.userInputTbl.colGray th {
	font-size:1.2em;
	line-height:1.4;
	font-weight:bold;
	background:#efefef;
	text-align:left;
	vertical-align:middle;
	border-top:2px solid #c3c3c3;
	border-bottom:2px solid #c3c3c3;
	border-left:none;
}
.userInputTbl.col2 th.border-r {
	border-right:1px solid #c3c3c3;
}
.userInputTbl th.continue {
	border-bottom:none;
}


/* TD指定
--------------------------------------------- */

.userInputTbl td {
	font-weight:normal;
	text-align:left;
	vertical-align:middle;
	color:#000000;
	font-size:1.2em;
	line-height:1.4;
	border-top:2px solid #c3c3c3;
	border-bottom:2px solid #c3c3c3;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
}
.userInputTbl .lastCell {border-right: none;}

.userInputTbl td.continue {
	border-bottom:none;
}

/* normal table */
.userInputTbl.normalTbl th {
	border-left:1px solid #c3c3c3;
	border-width:1px;
}
.userInputTbl.normalTbl td {
	border-width:1px;
}

/* itemMust */

.userInputTbl .itemMust {
	text-align:center;
}
.userInputTbl .itemMust strong {
	font-weight:normal;
}

/* itemInput */

.enqueteConf .userInputTbl td.itemInput2 {
	width:auto;
	padding:0;
	margin:0;
	border-right:1px solid #c3c3c3;
}

.userInputTbl .itemInput.last-col {
	border-right:0;
}
.userInputTbl .itemInput.error {
	background:#ffeae9;
}

.enqueteConf .userInputTbl td.itemInput2 .tategaki01 {
	font-size:0.834em;
	width:100%;
}
.enqueteConf .userInputTbl td.itemInput2 .tategaki01 thead th {
	background:#efefef;
	border-top:none;
}
.enqueteConf .userInputTbl td.itemInput2 .tategaki01 thead th.fastCell {
	background:#fff;
	width:200px;
	border:none;
}
.enqueteConf .userInputTbl td.itemInput2 .tategaki01 tbody th {
	background:#fff;
	border-bottom:none;
	border-left:none;
}
.enqueteConf .userInputTbl td.itemInput2 .tategaki01 tbody td {
	border-bottom:none;
}
.enqueteConf .userInputTbl td.itemInput2 .tategaki01 tbody td .checkL {font-size:1.8em; line-height:1;}

.userInputTbl .itemInput .txt {padding-bottom:3px; color:#000000;}
.userInputTbl .itemInput .txt img {
	padding-bottom:4px;
	padding-right:5px;
}

.userInputTbl .itemInput .txt.important {
	font-weight: bold;
	color: #d80000;
}
.userInputTbl .itemInput .txtExample {padding-top:3px; color:#000000;}

.userInputTbl .itemInput .btmPad {padding-bottom:8px;}

.userInputTbl .itemInput .usePoint {padding-top:3px; font-size:1.167em;}

.userInputTbl .inlineTbl {
	width:auto !important;
	padding:0 !important;
	margin:0 !important;
	text-align:left !important;
	background:none !important;
	border:none !important;
	font-size:inherit !important;
}

.userInputTbl .inlineTbl th,
.userInputTbl .inlineTbl td {
	width:auto !important;
	padding:0 !important;
	margin:0 !important;
	text-align:left !important;
	background:none !important;
	border:none !important;
	vertical-align:middle;
	font-size:inherit !important;
}
.userInputTbl .inlineTbl td label {
	/font-size:0.9em;
}

.userInputTbl .inlineTbl .pad-r,
.userInputTbl .inlineTbl .pad-r {
	padding:0 5px 0 0 !important;
}

.userInputTbl .inlineTbl .pad-r2,
.userInputTbl .inlineTbl .pad-r2 {
	padding:0 10px 0 0 !important;
}

.userInputTbl .itemInput .width01 {width:30px;}
.userInputTbl .itemInput .width02 {width:45px;}
.userInputTbl .itemInput .width03 {width:350px;}
.userInputTbl .itemInput .width04 {width:260px;}
.userInputTbl .itemInput .width05 {width:310px;}
.userInputTbl .itemInput .width06 {width:200px;}
.userInputTbl .itemInput .width07 {width:130px;}
.userInputTbl .itemInput .width08 {width:100px;}
.userInputTbl .itemInput .inputTextarea {width:345px; height:200px;}

.userInputTbl .itemInput .infoIcn {
	margin-top:5px;
	padding:4px 0 4px 34px;
	text-align:left;
	background: url(../../images/order/order-attention-icn.png) left no-repeat;
}

.userInputTbl .itemInput .s-infoIcn {
	margin:5px 0 3px;
	padding:4px 0 4px 26px;
	text-align:left;
	background: url(../../images/shared/icn/extension-icn.png) left no-repeat;
}

.userInputTbl .itemInput .dotline{
	margin-top:8px;
	padding-top:8px;
	border-top:1px dotted #c3c3c3;
}
.userInputTbl .itemInput p.pbot {
	padding-top:3px;
}
.userInputTbl .itemInput p.blank-link {
	font-size:0.9em;
}
.userInputTbl .itemInput p.blank-link img {
	vertical-align:-2px;
}
.userInputTbl .itemInput .itemInput2ColTxtWrap {
	word-wrap:break-word;
	width:565px;
	overflow:visible;
	*overflow: auto;
}

/* itemNote */

.userInputTbl .itemNote {
	color:#333333;
	font-size:1em;
	background:#efefef;
	border-right: none;
}

.userInputTbl .itemNote p {
	padding-bottom:8px;
}
.userInputTbl .itemNoteList li{
	background: url(../../images/shared/icn/dot-icn.gif) no-repeat left 6px;
	padding-left: 6px;
}
.userInputTbl .itemNoteList li.red{
	background:url(../../images/order/dot-red-icn.gif) no-repeat left 6px;
}

.userInputTbl .itemNoteList li.mgn{
	margin-top:8px;
}

.userInputTbl .itemNoteList li.stxt{
	font-size:0.834em;
}

.userInputTbl .itemNoteList li.important{
	font-weight: bold;
	color: #d80000;
}


/* -------------------------------------------------------------- 
アンケート　入力
-------------------------------------------------------------- */

.enqueteBox {
	width:761px;
	margin-top:10px;
}
.enqueteBox:after{ content:"."; display:block; clear:both; height:0; visibility: hidden;}


/* text */
.enqueteBox .inputRule {font-size:1em; line-height:1.4;}
.enqueteBox .attentionTxt {font-size:1em; line-height:1.4; padding-top:10px; margin-top:10px; clear:both; border-top:1px dotted #c3c3c3;}

/* 画像 1つ */
.enqueteBox .pic {padding-top:10px;}

/* フォームエリア */
.enqueteBox .inputArea {padding-top:10px; font-size:1.2em; line-height:1.4;}
.enqueteConf .inputArea {padding-top:0px; !important}
.enqueteBox .inputArea:after{ content:"."; display:block; clear:both; height:0; visibility: hidden;}

/* フォームサイズ */
.enqueteBox .inputArea .width01 {width:350px;}
.enqueteBox .inputArea .width02 {width:200px;}
.enqueteBox .inputArea .width03 {width:150px;}

.enqueteBox .inputArea .inputTextarea01 {width:350px;} /*20130216*/
.enqueteBox .inputArea .inputTextarea02 {width:600px;} /*20130216*/
.enqueteBox .inputArea .inputTextarea03 {width:345px; height:200px;}

/* ラジオ、チェックボックス */
.enqueteBox .inlineTbl {
	width:auto !important;
	padding:0 !important;
	margin:0 !important;
	text-align:left !important;
	background:none !important;
	border:none !important;
}

.enqueteBox .inlineTbl th,
.enqueteBox .inlineTbl td {
	width:auto !important;
	padding:0 !important;
	margin:0 !important;
	text-align:left !important;
	background:none !important;
	border:none !important;
	vertical-align:middle !important;
	font-size:inherit !important;
}

.enqueteBox .inlineTbl td input {font-size:1em !important;}

.enqueteConf .inlineTbl th,
.enqueteConf .inlineTbl td {
	width:auto !important;
	padding:0 0 5px !important;
	margin:0 !important;
	text-align:left !important;
	background:none !important;
	border:none !important;
	vertical-align:middle !important;
	font-size:0.858em !important;
	word-wrap:break-word;
}

.enqueteBox .inlineTbl .pad-r,
.enqueteBox .inlineTbl .pad-r {
	padding:0 5px 0 0 !important;
}

.enqueteBox .inlineTbl .pad-r2,
.enqueteBox .inlineTbl .pad-r2 {
	padding:0 10px 0 0 !important;
}


/* ラジオ、チェックボックス　画像付き 4列 */
.enqueteBox .inputArea .picCheck-fast {
	float:left;
	width:150px;
	margin-left:0px;
	text-align:left;
}

.enqueteBox .inputArea .picCheck-conf {
	float:left;
	width:150px;
	margin-top:10px;
	margin-left:8px;
	text-align:left;
}

.enqueteBox .inputArea .picCheck {
	float:left;
	width:150px;
	margin-left:53px;
	text-align:left;
}

.enqueteBox.enqueteConf .inputArea .picCheck-fast {margin-left:8px;}
.enqueteBox.enqueteConf .picCheck {margin-left:45px;}

.enqueteBox .inputArea .flNone {float:none;}


/* テーブル 入力用
--------------------------------------------- */

.enqueteTblMatrix {
	width:761px;
	border-collapse:collapse;
}

.enqueteTblMatrix .colGray {
	background:#efefef !important;
}

/* Head TH指定 */
.enqueteTblMatrix thead th {
	padding:8px;
	font-weight: normal;
	background:#dfebf7;
	text-align: center;
	vertical-align:top;
	border-top:2px solid #c3c3c3;
	border-bottom:2px solid #c3c3c3;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
}

.enqueteTblMatrix tbody th {
	padding:8px;
	font-weight:bold;
	background:#efefef;
	text-align: center;
	vertical-align:middle;
	border-top:2px solid #c3c3c3;
	border-bottom:2px solid #c3c3c3;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
}

.enqueteTblMatrix th.colGray {
	background:#efefef;
	font-weight:bold;
}
.enqueteTblMatrix th.colGray2 {
	background:#dadada;
}

.enqueteTblMatrix th.colBlue {
	background:#dfebf7;
	font-weight: normal;
}


/* TD指定 */

.enqueteTblMatrix td {
	padding:8px;
	font-weight:normal;
	text-align: center;
	vertical-align:middle;
	color:#333333;
	border-top:2px solid #c3c3c3;
	border-bottom:2px solid #c3c3c3;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
}

.enqueteTblMatrix td input.text {
	width:90%;
}
/* 縦書き */
.enqueteTblMatrix.tategaki01 thead th.fastCell {
	width:300px;
}
.enqueteTblMatrix.tategaki01 thead th {
	padding:8px 0;
}
.enqueteTblMatrix.tategaki01 td {
	padding:0;
}
.enqueteTblMatrix.tategaki01 td input {
	margin:0;
}


/* テーブル 確認用
--------------------------------------------- */

.enqueteConf .userInputTbl.normalTbl td .enqueteTblMatrixConf {
	width: 100%;
	border-collapse:collapse;
}

.enqueteConf .userInputTbl.normalTbl td .enqueteTblMatrixConf .fastCell {border-left: none !important;}
.enqueteConf .userInputTbl.normalTbl td .enqueteTblMatrixConf .lastCell {border-right: none !important;}


/* Head TH指定 */
.enqueteConf .userInputTbl.normalTbl td .enqueteTblMatrixConf thead th {
	width: auto;
	padding:8px;
	font-weight: normal;
	background:#efefef;
	text-align: center;
	vertical-align:middle;
	border-top: none;
	border-bottom: none;
	border-left: none;
	border-right:1px solid #c3c3c3;
	font-size:1em;
}

.enqueteConf .userInputTbl.normalTbl td .enqueteTblMatrixConf tbody th {
	width: auto;
	padding:8px;
	font-weight:bold;
	background:#fff;
	text-align: center;
	vertical-align:middle;
	border-top:1px solid #c3c3c3;
	border-bottom: none;
	border-left: none;
	border-right:1px solid #c3c3c3;
	font-size:1em;
}

.enqueteConf .userInputTbl.normalTbl td .enqueteTblMatrixConf th.colGray {
	background:#efefef;
	font-weight: normal;
}
.enqueteConf .userInputTbl.normalTbl td .enqueteTblMatrixConf th.colGray2 {
	background:#fff;
	font-weight:bold;
}

.enqueteConf .userInputTbl.normalTbl td .enqueteTblMatrixConf th.colBlue {
	background:#dfebf7;
}


/* TD指定 */

.enqueteConf .userInputTbl.normalTbl td .enqueteTblMatrixConf td {
	width: auto;
	padding:8px;
	font-weight:normal;
	text-align: center;
	vertical-align:middle;
	color:#333333;
	border-top:1px solid #c3c3c3;
	border-bottom: none;
	border-left: none;
	border-right:1px solid #c3c3c3;
	font-size:1em;
	word-wrap:break-word;
}

.enqueteConf .userInputTbl.normalTbl td .enqueteTblMatrixConf td .checkL {font-size:1.8em; line-height:1;}

.enqueteConf .userInputTbl.normalTbl td .enqueteTblMatrixConf td input.text {
	width:90%;
}



/* -------------------------------------------------------------- 
regiSide
-------------------------------------------------------------- */

.regiSide {
	width:176px;
	text-align:left;
	background:#efefef;
}

.regiSide.mgn {
	margin:20px 0 0;
}

.regiSide .sideAttentionBox {
	width:166px;
	margin:0;
	padding:6px 5px 14px;
	text-align:left;
	border-top:1px solid #fff;
	border-bottom:1px solid #c3c3c3;
}

.regiSide .sideAttentionBox_none {
	width:166px;
	margin:0;
	padding:6px 5px 14px;
	text-align:left;
	border-top:1px solid #fff;
	border-bottom:none;
}

.regiSide dl {
	width:176px;
	margin:0;
	padding:0;
	text-align:left;
}

.regiSide dl dt {
	width:176px;
	margin:0;
	padding:0;
	text-align:left;
}

.regiSide dl dd {
	width:161px;
	margin:0;
	padding:8px 10px 0 0;
	text-align:left;
}

.regiSide dl dd ul.mgn {padding:10px 0 0;}

.regiSide dl dd li {
	padding-left:1em;
	padding-bottom:5px;
	font-size: 1.2em;
	line-height: 1.4;
	background:url(../../images/order/dot-icn.gif) 5px 7px no-repeat;
}

.regiSide dl dd li.tRed {
	color:#d80000;
	background:url(../../images/order/dot-red-icn.gif) 5px 7px no-repeat;
}

.regiSide dl dd .sideTxt {
	margin:5px 0 0;
	padding:0;
	text-align:justify;
	font-size:1.2em;
	line-height:1.4;
	/text-justify: inter-ideograph;
}

.regiSide dl dd .sideTxt:first-child {
	margin: 0;
}

.regiSide dl dd .sideTxtred {
	margin:0;
	padding:5px 0 0;
	text-align:left;
	font-size:1.2em;
	line-height:1.4;
	color:#d80000;
}

.regiSide dl dd .linkTxt {
	margin:8px 3px 0 0;
	font-size:1.2em;
	line-height:1.4;
}

.regiSide dl dd .linkTxt.mgn {
	margin:5px 3px 10px 0;
}


/* -------------------------------------------------------------- 
バナー
-------------------------------------------------------------- */

.contactBnr {padding-top:10px;}
.contactBnr.mgn {padding-top:40px;}


/* -------------------------------------------------------------- 
点線
-------------------------------------------------------------- */

.dotLine {
	width:761px;
	margin-top:10px;
	border-top:1px dotted #c3c3c3;
}


/* -------------------------------------------------------------- 
角丸グレーボックス
-------------------------------------------------------------- */

.grayBox {
	width:761px;
	padding:0;
	margin:10px 0 0;
	background:url(../../images/help/help-box-btm-bg.gif) bottom no-repeat;
}
.grayBox:after{ content:"."; display:block; clear:both; height:0; visibility: hidden; }

.grayBox-top {
	width:731px;
	padding:12px 15px;
	margin:0;
	background:url(../../images/help/help-box-top-bg.gif) top no-repeat;
}
.grayBox-top:after{ content:"."; display:block; clear:both; height:0; visibility: hidden; }

.grayBox .title {
	font-size:1.4em;
	line-height:1.4;
	padding-left:16px;
	background:url(../../images/help/square-icn.gif) left 5px no-repeat;
}
.grayBox .title.mgn {
	margin-top:20px;
}

.grayBox .Numberlist {
	margin:10px 0 0;
}
.grayBox .Numberlist:after{ content:"."; display:block; clear:both; height:0; visibility: hidden; }

.grayBox .Numberlist li {
	float:left;
	width:330px;
	padding-left:5px;
	font-size:1.2em;
	line-height:1.4;
}

.grayBox .text {
	font-size:1.2em;
	line-height:1.4;
}
.grayBox .text.mgn {
	margin-top:10px;
}

.grayBox .text li {
	margin-top:0;
}

.grayBox .colGray {
	color: #717171;
}


/* -------------------------------------------------------------- 
ヒントボックス
-------------------------------------------------------------- */

.hintBox {
	width:731px;
	padding:9px 15px 15px;
	margin:12px 0 0;
	background:#efefef;
}
.hintBox:after{ content:"."; display:block; clear:both; height:0; visibility: hidden; }

.hintBox .loginBtn {
	float:right;
	width:156px;
	padding-top:22px;
}

.hintBox dl {
	float:left;
	width:560px;
}
.hintBox dl.noBtn {
	float: none;
	width:731px;
}

.hintBox dl dt {
	font-size:1.4em;
	line-height:1.4;
	padding:0px 0 3px 28px;
	background:url(../../images/shared/icn/hint-icn-02.png) left 0px no-repeat;
}

.hintBox dl dd {
	font-size:1.2em;
	line-height:1.4;
	padding:5px 0 0;
}



/* -------------------------------------------------------------- 
ステップ
-------------------------------------------------------------- */

.stepBox {
	width:761px;
	margin-top:8px;
	padding-bottom:20px;
	background:url(../../images/help/application-step-arr-btm-bg.gif) center bottom no-repeat;
}
.stepBox.none {padding-bottom:0px;background:none;}
.stepBox:after{ content:"."; display:block; clear:both; height:0; visibility: hidden; }


/* イラスト */
.stepBox .stepPic {
	float:left;
	width:146px;
	text-align:center;
}

/* テキスト */
.stepBox .stepTxt {
	float:right;
	width:605px;
	text-align:left;
}

.stepBox .stepTxt .text {
	font-size:1.2em;
	line-height:1.4;
}

.stepBox .stepTxt dl {
}

.stepBox .stepTxt dl dt {
	font-size:1.4em;
	line-height:1.4;
}

.stepBox .stepTxt dl dd {
	font-size:1.2em;
	line-height:1.4;
	padding:10px 0 20px 30px;
}


/* -------------------------------------------------------------- 
2013.2.15 改修分
-------------------------------------------------------------- */
/* ヘッダー */
#header_enquete {
    margin: 10px 0;
    width: 100%;
    border-bottom: 1px solid rgb(153, 153, 153);
    padding-bottom: 10px;
    position: relative;
}
/* 文字拡縮ボタン */
.ui_fsChangeBox_help{
    top: 20px !important;
}
/* フッター */
#footer_enquete {
    padding: 10px 0px;
    clear: both;
    background-color: rgb(239, 239, 239);
}
#footer_enquete .copyright {
    padding: 0px 20px 0px 0px;
    text-align: right;
}
/* ファイルアップロード */
.enqueteBox .file-input {
    font-size: 0.85em;
    line-height: 1.4;
    vertical-align: middle;
};
.enqueteBox .file-input span{
    height: 14px;
    vertical-align: middle;
    display:inline-block;
    /display:inline;
    /zoom: 1;
}
.enqueteBox .file-input input{
    font-size: 12px;
    vertical-align: middle;
    display:inline-block;
    /display:inline;
    /zoom: 1;
}
span.label {
    margin-right: 5px;
}

/* -------------------------------------------------------------- 
2015.1.15 返品受付所画面追加分
-------------------------------------------------------------- */
.helpComSecBoxReturn .itemHeadCol {
	width: 20%;
}
.helpComSecBoxReturn .itemInput2Col {
	width: 80%;
}
.helpComSecBoxReturn .userInputTbl .itemInput .itemInput2ColTxtWrap {
	width:auto;
}
.helpComSecBoxReturn .orderNumber {
	font-weight:bold;
	font-size:40px;
}
.helpComSecBoxReturn table .right {
	border-right:solid 1px #c3c3c3;
}

/* -------------------------------------------------------------- 
2016.6.9 FAQパーツ
-------------------------------------------------------------- */
.faqArea {
  border-top: 1px dashed #c3c3c3;
  border-bottom: 1px dashed #c3c3c3;
  font-size: 1.2em;
  line-height: 1.4;
  margin: 20px 0;
  padding: 20px 0;
}
.faqArea .title {
  font-weight: bold;
}
.faqArea #resultList {
  border: 1px solid #c3c3c3;
  margin: 15px 0 10px 0;
  padding: 5px 5px 15px;
}
.faqArea #resultList em {
  background-color: #fafad2;
  font-weight: bold;
}
.faqArea #resultList .answer {
  border-bottom: 3px solid #0080c0;
  padding-bottom: 10px;
}
.faqArea #resultList .answer.last {
  border-bottom: none;
  padding-bottom: 0;
}
.faqArea #resultList .question {
  border-bottom: 1px solid #c0c0c0;
  padding: 10px 0 6px;
}
.faqArea #resultList .itiran {
  min-width: 700px;
  overflow: hidden;
  position: relative;
}
.faqArea #resultList .itiran .itiranTitle {
  text-align: left;
}
.faqArea #resultList .itiran .itiranTitle .headIcon {
  height: 20px;
  padding-left: 3px;
  vertical-align: top;
  width: 20px;
}
.faqArea #resultList .itiran .itiranTitle .headIcon img {
  width: 20px;
  height: 20px;
}
.faqArea #resultList .itiran .itiranTitle .contents01, .faqArea #resultList .itiran .itiranTitle .contents02 {
  padding-left: 10px;
  vertical-align: middle;
  width: 620px;
}
.faqArea #resultList .itiran .itiranTitle .date01, .faqArea #resultList .itiran .itiranTitle .date02 {
  padding: 0 10px 0 40px;
  text-align: right;
  vertical-align: top;
  width: 80px;
}
.faqArea #resultList .itiran .itiranDetail {
  min-height: 24px;
}
.faqArea #resultList .itiran .itiranDetail .detail {
  margin-left: 36px;
}
.faqArea #resultList .itiran .itiranDetail .detail .detailText {
  padding: 6px 8px 0 0;
}
.faqArea #resultList .itiran .itiranDetail .detailIcon {
  display: inline-block;
  height: 100%;
  left: -2px;
  position: absolute;
  top: 0;
  width: 24px;
}
.faqArea #resultList .itiran .itiranDetail .detailIcon img {
  width: 20px;
  height: 20px;
  left: 5px;
  position: absolute;
  top: 8px;
}
.faqArea .link {
  text-align: right;
}

.faqPtn01 #resultList .question.last {
  border-bottom: none;
  padding-bottom: 0;
}
.faqPtn01 #resultList .question.open.last {
  border-bottom: 1px solid #c0c0c0;
  padding-bottom: 6px;
}
.faqPtn01 #resultList .answer {
  display: none;
}
.faqPtn01 #resultList .itiran .itiranTitle .contents01, .faqPtn01 #resultList .itiran .itiranTitle .contents02 {
  cursor: pointer;
}
.faqPtn01 #resultList .itiran .itiranTitle .contents01:hover, .faqPtn01 #resultList .itiran .itiranTitle .contents01:active, .faqPtn01 #resultList .itiran .itiranTitle .contents02:hover, .faqPtn01 #resultList .itiran .itiranTitle .contents02:active {
  text-decoration: underline;
}

.faqPtn02 #resultList .answer {
  display: block;
}

/* -------------------------------------------------------------- 
2016.7.22 返品申し込み
-------------------------------------------------------------- */
.reasonTbl .reasonTbl_q01 .inlineTbl td label {
	padding-right: 10px;
}
.reasonTbl .reasonTbl_q02 .inlineTbl td {
	padding-bottom: 5px !important;
}
.reasonTbl .reasonTbl_q02 .inlineTbl td.last {
	padding-bottom: 0px !important;
}
.reasonTbl .itemInput .headTxt {
	color: #172397;
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom:3px;	
}
.reasonTbl .itemInput textarea {
	width: 352px;
	height: 100px;
}

/* -------------------------------------------------------------- 
MSDS
-------------------------------------------------------------- */
table.orderTable {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 100%;
}

table.orderTable th{
    background-color: #dfebf7;
    border: 1px solid #b7b7b7;
    font-size: 1.2em;
    line-height: 1.4;
    font-weight: bold;
    padding: 10px;
    vertical-align: middle;
    text-align: center;
}

table.orderTable td{
	padding: 15px;
	border: 1px solid #b7b7b7;
    font-weight: normal;
    text-align: left;
    vertical-align: middle;
    color: #000000;
    font-size: 1.2em;
    line-height: 1.4;
}

table.orderTable .th_center,
table.orderTable .td_center{
    vertical-align: middle;
    text-align: center;
}

table.orderTable td .itemPack::after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
table.orderTable .initialHide{
    display:none;
}
table.orderTable td .itemPack p.img {
    float: left;
    margin: 0 15px 0 0 !important;
}
table.orderTable td .itemPack ul {
    float: left;
    width: 385px;
    margin: 0 !important;
}
table.orderTable td .itemPack li.name {
    margin-top: 5px;
}
table.orderTable td .itemPack li.makerName .contentLabel,
table.orderTable td .itemPack li.name .contentLabel{
    display: inline-block;
    float: left;
    width:62px;
}table.orderTable td .itemPack li.makerName .colon,
table.orderTable td .itemPack li.name .colon{
    margin-right: -7px;
    float: left;
}
table.orderTable td .itemPack li.makerName .inContent,
table.orderTable td .itemPack li.name .inContent{
    display: inline-block;
    float: left;
    padding-left: 10px;
}
table.orderTable td .itemPack li.makerName:after,
table.orderTable td .itemPack li.name:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
table.orderTable td .itemPack + .notice{
    margin-top:8px;
}
table.orderTable p.planorderList {
    margin-top:10px
}
table.orderTable p.planorderList label {
    width: 80px;
    display: inline-block;
}
table.orderTable .errorRow {
  background-color: #fadfe1;
}
ul.orderTableBottom {
    font-size: 1.2em;
    line-height: 1.4;
    margin-top: 10px;
}
ul.orderTableBottom li.add {
    float: left;
    background: url("/resource/images/order/2014new_sprite_basketIco.png") no-repeat;
    background-position: -1px -172px;
    padding: 0 0 0 16px;
}

ul.orderTableBottom li.clear {
    float: right;
    background: url("/resource/images/order/2014new_sprite_basketIco.png") no-repeat;
    background-position: -23px -140px;
    padding: 0 0 0 16px;
}

ul.orderTableBottom::after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.enqueteBox .inlineTbl.type2 th,
.enqueteBox .inlineTbl.type2 td{
	padding:5px 0 !important;
}

.infoSelect2,
.infoSelect3{
    display:none;
}
.enqueteBox .inlineTbl.type2 .width-fax{
	width: 45px;
}
.enqueteBox .inlineTbl.type2 .pad-r{
	padding: 0 5px 0 0 !important;
}
.enqueteBox .inlineTbl.type2 .pad-r15{
	padding: 0 15px 0 0 !important;
}
.inContentText::after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.inContentText .contentLabel {
    display: inline-block;
    float: left;
    margin-right:-7px;
}
.inContentText .inContent {
    display: inline-block;
    float: left;
    padding-left:10px;
}

.userInputTbl .itemInput .itemPack {
	margin-bottom:15px;
}
.userInputTbl .itemInput .itemPack:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.userInputTbl .itemInput .itemPack p.img {
	float:left;
	margin-right:15px;
}
.userInputTbl .itemInput .itemPack ul {
	float:left;
	width:525px;
}
.userInputTbl .itemInput .itemPack2 {
	margin-bottom:15px;
}
.userInputTbl .itemInput .itemPack2 ul {
	width:600px;
}
.userInputTbl .itemInput .itemPack li.orderNum,
.userInputTbl .itemInput .itemPack2 li.orderNum,
.userInputTbl .itemInput .itemPack li.makerName,
.userInputTbl .itemInput .itemPack2 li.makerName,
.userInputTbl .itemInput .itemPack li.name,
.userInputTbl .itemInput .itemPack2 li.name {
	margin-bottom:2px;
}
.userInputTbl .itemInput .itemPack li.orderNum:after,
.userInputTbl .itemInput .itemPack2 li.orderNum:after,
.userInputTbl .itemInput .itemPack li.makerName:after,
.userInputTbl .itemInput .itemPack2 li.makerName:after,
.userInputTbl .itemInput .itemPack li.name:after,
.userInputTbl .itemInput .itemPack2 li.name:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.userInputTbl .itemInput .itemPack li .contentLabel,
.userInputTbl .itemInput .itemPack2 li .contentLabel{
    display: inline-block;
    float: left;
    width: 62px;
}
.userInputTbl .itemInput .itemPack li .colon,
.userInputTbl .itemInput .itemPack2 li .colon{
    margin-right: -7px;
    float: left;
}
.userInputTbl .itemInput .itemPack li .inContent,
.userInputTbl .itemInput .itemPack2 li .inContent{
    display: inline-block;
    float: left;
    padding-left: 10px;
}

/* -------------------------------------------------------------- 
2017.3.3 返品申し込み完了：医療品表示追加
-------------------------------------------------------------- */
.helpComSecBoxReturn.type2 td:first-child,
.helpComSecBoxReturn.type2 td:first-child + * + * {
    font-size: 14px;
    font-weight: bold;
}
p.medical_item_intermingled{
    position: relative;
    padding: 7px 155px 7px 0;
}
p.medical_item_intermingled span{
	padding: 5px 10px;
	border: 2px solid #c00;
	font-weight: bold;
	color: #c00;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	height: 17px;
	width: 122px;
	text-align: center;
}


/* -------------------------------------------------------------- 
2016/12/01 eug2016
-------------------------------------------------------------- */
.eug2016 .mainArea {
  width: 761px !important;
  margin: 0 auto;
}

.eug2016 .mod_confirmNote .mod_bullet-list {
  background: none;
	padding-left: 29px;
}

.eug2016 .userInputTbl {
  width: 100%;
}

.eug2016 .userInputTbl th {
  width: 130px;
}

.eug2016 .userInputTbl .itemMust {
  width: 27px;
}

.eug2016 .userInputTbl .itemInput {
  width: 390px;
}


 .eug2016 .normalTbl th {
	 width: 180px;
 }
 .eug2016 .normalTbl .itemInput .itemInput2ColTxtWrap{
	 width: auto;
 }
 .eug2016 .normalTbl .itemInput {
	 width: 581px;
 }
 

.eug2016 .userInputTbl .itemNote {
  width: 130px;
}

.eug2016 .inputArea .inlineTbl td {
  padding-bottom: 15px !important;
  vertical-align: top;
}

.eug2016 .inputArea .inlineTbl td .adressBox {
  display: none;
}

.eug2016 .inputArea .inlineTbl td .adressFeed {
  margin-top: 4px;
}

.eug2016 .inputArea .inlineTbl td .adressFeed textarea {
  width: 364px;
}

.eug2016 .inputArea .inlineTbl td .adressFeed textarea:disabled {
  background-color: #efefef;
}

.eug2016 .inputArea td {
	vertical-align: baseline;
}

.eug2016 .optionalList td:nth-child(1) {
	vertical-align: top;
}

.eug2016 .inputArea td .limit {
  padding-top: 5px;
}

.eug2016 .txtList p {
	font-size:0.834em;
	margin-bottom: 10px;
}

.eug2016 .noticeSec p {
	margin-top: 20px;
}

.eug2016 .line {
	margin-bottom: 8px;
	font-size: 0.834em;
	border-top: none;
	border-bottom: 1px dotted #c3c3c3;
}

.eug2016 .itemInput .moduleLink {
	font-size: 0.834em;
}

.eug2016 .itemInput .itemNoteList {
	margin: 0 0 8px 5px;
}

.eug2016 .regardBox {
  padding: 10px 0;
  font-size: 130%;
}

.eug2016 .regardBox ul {
  margin-top: 10px;
}

.eug2016 .regardBox ul li {
  color: #d80000;
}

.eug2016 .contactBox {
  margin: 10px 0;
}

.eug2016 .contactBox .txt {
  margin-top: 5px;
  padding-bottom: 5px;
}

.eug2016 .contactBox .contactNum {
  width: 200px;
}

.eug2016 .contactBox .contactNum:disabled {
  background-color: #efefef;
}


.eug2016 .topLaterInner {
  padding: 8px 10px;
  background-color: #ffffff;
}
.eug2016 .topLaterBox {
  margin: 20px 0 0;
  border: 2px solid #d80000;
}
.eug2016 .topLaterInner p {
    font-weight: bold;
    color: #d80000;
    font-size: 14px;
}


/* -------------------------------------------------------------- 
2018/5/29 noticeList
-------------------------------------------------------------- */
.help-noticeList > li{
  margin-bottom: 3px;;
  padding-left: 14px;
  position: relative;
  font-size: 1.2em;
  line-height: 1.4;
}
.help-noticeList > li:before {
  content: '※';
  position: absolute;
  left: 0px;
}

.itemNote .help-noticeList > li{
  font-size: 1em;
}

.itemNote .help-noticeList > li.dot:before{
  content: '・';
}


/* -------------------------------------------------------------- 
2019/07/29 /en/ AddContent
-------------------------------------------------------------- */
h1.en-title {
  background: url(/resource/images/help/h1-icon.png) no-repeat 0 0;
  min-height: 40px;
  padding-left: 55px;
  color: #172397;
  font-size: 32px;
  line-height: 1.2;
  font-weight: normal;
}

.userInputTbl .itemInput .inputTextarea.en-style {
  height: 300px;
}

.mod_userGuideBoxA .btnBack a.en-btnBack {
  display: inline-block;
  height: 30px;
	min-width: 100px;
  padding: 0 11px;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 13px;
  line-height: 28px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  border: 1px solid #cecece;
  background: #f2f2f2;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
  background: #f2f2f2 linear-gradient(to bottom, #fff, #f2f2f2);
  color: #333 !important;
}

.mod_userGuideBoxA .btnBack a.en-btnBack:hover {
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
  background: #f2f2f2 linear-gradient(to bottom, #f2f2f2, #fff);
}

.mod_userGuideBoxA .btnBack a.en-btnBack span {
  display: inline-block;
  background: url("/resource/images/shared/2018new_sprite_common.png") no-repeat;
  width: 7px;
  height: 10px;
  margin: 0 5px 0 0;
  background-position: -190px -40px;
}

.mod_userGuideBoxA .btnNext a.en-btnNext {
  min-width: 150px;
  height: 49px;
  border-radius: 4px;
  box-sizing: border-box;
  text-decoration: none !important;
  cursor: pointer;
  border-bottom: 1px solid #e79656;
  background: #fda128;
  background: -webkit-linear-gradient(#fda128, #fd8629);
  background: linear-gradient(#fda128, #fd8629);
  color: #fff !important;
  padding: 0 40px 0 30px;
  font-size: 18px;
  line-height: 1.5;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
}

.mod_userGuideBoxA .btnNext a.en-btnNext:hover{
  background: #fd8629;
  background: -webkit-linear-gradient(#fd8629, #fda128);
  background: linear-gradient(#fd8629, #fda128);
}

.mod_userGuideBoxA .btnNext a.en-btnNext:before{
  position: absolute;
  top: 50%;
  right: 30px;
  display: block;
  width: 15px;
  height: 3px;
  content: '';
  background-color: #fff;
  margin-top: -6px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.mod_userGuideBoxA .btnNext a.en-btnNext:after{
  position: absolute;
  top: 50%;
  right: 30px;
  display: block;
  width: 15px;
  height: 3px;
  content: '';
  background-color: #fff;
  margin-top: 3px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.mod_userGuideBoxC .btnHome a.en-btnHome {
  display: inline-block;
  height: 30px;
  min-width: 100px;
  padding: 0 11px;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 13px;
  line-height: 28px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  border: 1px solid #cecece;
  background: #f2f2f2;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
  background: #f2f2f2 linear-gradient(to bottom, #fff, #f2f2f2);
  color: #333 !important;
}

.mod_userGuideBoxC .btnHome a.en-btnHome span {
  display: inline-block;
  background: url("/resource/images/shared/2018new_sprite_common.png") no-repeat;
  background-position-x: 0%;
  background-position-y: 0%;
  width: 7px;
  height: 10px;
  margin: 0 5px 0 0;
  background-position: -190px -55px;
}

.mod_userGuideBoxC .btnHome a.en-btnHome:hover{
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
  background: #f2f2f2 linear-gradient(to bottom, #f2f2f2, #fff);
}

.en-compText {
  color: #333;
  font-size: 25px;
  line-height: 1.2;
  padding: 10px 0;
}

.userInputTbl .en-itemNoteList li{
  background: url(../../images/shared/icn/dot-icn.gif) no-repeat left 6px;
  padding-left: 6px;
}

.userInputTbl .en-itemNoteList li + li{
  margin-top: 5px;
}

.userInputTbl .en-itemNoteList li.red{
  background:url(../../images/order/dot-red-icn.gif) no-repeat left 6px;
}

.userInputTbl .en-itemNoteList li.mgn{
  margin-top:8px;
}

.userInputTbl .en-itemNoteList li.stxt{
  font-size:0.834em;
}

.userInputTbl .en-itemNoteList li.important{
  font-weight: bold;
  color: #d80000;
}

.userInputTbl .inlineTbl .min120 {
  min-width: 120px;
}