/*-------------------------------------*
 * 新決済システム
 *	 共通スタイルシート（テキストのフォントサイズやスタイルを定義するCSSファイル （決済GW・統合ポータル共用））
 *-------------------------------------*/
/***************************************/
/*  共通部分                           */
/***************************************/
/*--- ステップ表示 ---*/

b.step_now {
	vertical-align:middle;
	color: #ff0000;
	font-size: 11pt;
}
a.step_link {
	font: 11pt Arial,sans-serif;
	color: #000000;
}
td.center {
	text-align: center;
	white-space: nowrap;
}
/*--- 強調ラベル ---*/

.exlabel {
	vertical-align:middle;
	color: #ff0000;
}

div.content_route span.l1, div.content_route span.l2, div.content_route span.l3, div.content_route span.l4, div.content_route span.l5{
	visibility: visible;
}
div.route_l1 span.l1{
	color: #FF0000;
	font-weight:bold;
}
div.route_l2 span.l2{
	color: #FF0000;
	font-weight:bold;
}
div.route_l3 span.l3{
	color: #FF0000;
	font-weight:bold;
}
div.route_l4 span.l4{
	color: #FF0000;
	font-weight:bold;
}
div.route_l5 span.l5{
	color: #FF0000;
	font-weight:bold;
}



/* Fatalエラー画面のフォント */
td.fatalfont {
	font: bold 11pt Arial,sans-serif;
	color: #ff0000;
	text-align: left;
}

/** Systemエラー画面 */
h3.error_title {
    font: bold 18px Arial,sans-serif;
    color: #333333;
    border-left:solid 10px #339966;
    border-bottom:solid 1px #cccccc;
    padding-top:3px;
    padding-bottom:1px;
    padding-left:10px;
    background-color:#ffffff;
}

/* Systemエラー画面のフォント */
td.errorfont {
	font: bold 11pt Arial,sans-serif;
	color: #ff0000;
	text-align: left;
}
/** Fatalエラー画面 */
h3.fatal_title {
    font: bold 18px Arial,sans-serif;
    color: #ff0000;
    border-left:solid 10px #ff0000;
    border-bottom:solid 1px #ff0000;
    padding-top:1px;
    padding-bottom:1px;
    padding-left:10px;
    background-color:#ffffff;
}

div.fatalfont{
  background-color:#ffffff;
}

table.fatal_table{
  background-color:#ffffff;
  /*border:medium solid #696969;*/
}

span.fatal_font{
  font-size : 16pt;
  color:red;
  font-weight: bold;
}

td.fatal_border{
 background-color:#cccccc;
}
/*--  入力値  ---*/
.inputfile {
	font-size: 10pt;
	color: #0000FF;
	background-color: #FFFFFF;
}

.inputnum {
	padding-right: 3px;
	font-size: 10pt;
	color: #0000FF;
	background-color:"#FFFFFF";
	text-align: left;
	ime-mode: disabled;
}

.inputnum2len {
	padding-right: 3px;
	font-size: 10pt;
	color: #0000FF;
	background-color:"#FFFFFF";
	text-align: left;
	ime-mode: disabled;
	width:30px;
}

.inputmail {
	padding-right: 3px;
	font-size: 10pt;
	color: #0000FF;
	background-color:"#FFFFFF";
	text-align: left;
	ime-mode: inactive;
}

.inputfull {
	padding-right: 3px;
	font-size: 10pt;
	color: #0000FF;
	background-color:"#FFFFFF";
	text-align: left;
	ime-mode: active;
}

th.gw_settleinfo {
    width: 810;
    background-color: #FFE775;
	border-right: #ff9900 6px solid;
	border-left: #ff9900 6px solid;
	border-top: #ff9900 1px solid;
	border-bottom: #ff9900 1px solid;
	font: bold 30px Arial,sans-serif;
	color: #333333;
}

div.gw_menu_txtarea {
	overflow:auto;

	scrollbar-face-color: #ffcc66;
	scrollbar-highlight-color: #ffcc66;
	scrollbar-shadow-color: #ffcc66;
	scrollbar-3dlight-color: #ff9966;
	scrollbar-arrow-color: #ff9966;
	scrollbar-track-color: #ffcc66;
	scrollbar-darkshadow-color: #ff9966;

	white-space:nowrap;
	font: normal 12px Arial,sans-serif;
}
/***************************************/
/*  ヘッダ                             */
/***************************************/

table.toptitle {
	border-right-width: 1px;
	border-top-width: 10px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-style:solid;
    border-color:#ff9900;
	background-color: #ffcc33;
}

table.topnavigation{
	border-right-width: 1px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 10px;
	border-style:solid;
    border-color:#ffcc66;
	background-color: #ffcc33;
}

table.head_menu {
	font-size: 11pt;
    background-color:#ff9900;
}


td.head_main {
	font: bold 18px Arial,sans-serif;
}

span.head_main_sub {
    font: bold 12px Arial,sans-serif;
}

td.head_link {
	text-align:right;
	font: normal 12px Arial,sans-serif;
}

td.head_sub {
	vertical-align:bottom;
	text-align:right;
	font: normal 12px Arial,sans-serif;
}
a.logo {
    background-color:#ffffff;
    text-decoration:none;
}

/***************************************/
/*  フッタ                             */
/***************************************/
td.bottom {
	vertical-align:bottom;
	text-align:right;
	border-width: 1px;
	border-style:solid;
	border-color:#ff9900;
	padding-right: 5px;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	font: bold 11px Arial,sans-serif;
	color: #000000;
	background-color: #ffcc33;
}

table.foot_menu {
	font-size: 11pt;
    background-color:#ff9900;
}
table.head_menu {
	font-size: 11pt;
    background-color:#ff9900;
}
tr.head_menu_outer {
	font-size: 11pt;
    background-color:#ffffff;
}

/***************************************/
/*  メイン                             */
/***************************************/
table.main_body {
	font-size: 11pt;
    background-color:#ff9900;
}

table.tableborder {
	font-size: 11pt;
	background-color: #000000;
	word-break: break-all;
}

tr.main_body {
	font-size: 11pt;
    background-color:#ffffff;
}

td.tra_dispheader {
	text-align: center;
	vertical-align:middle;
	white-space: nowrap;
	background: #FFCC66;
	line-height: 140%;
	font-family: "ＭＳ ゴシック", sans-serif;
	word-break: break-all;
}

td.tra_dispfield {
	background: #F0F8FF;
	white-space: nowrap;
	align: center;
	vertical-align:middle;
	word-break: break-all;
	font-family: "ＭＳ ゴシック", sans-serif;
	line-height: 140%;
}

td.cmt_dispheader {
	text-align: left;
	vertical-align:middle;
	color:red;
	font-size:12px;
	font-weight: bold;
	white-space: nowrap;
	line-height: 140%;
	font-family: "ＭＳ ゴシック", sans-serif;
	word-break: break-all;
}

/***************************************/
/*  ボタン属性                         */
/***************************************/
/*-- 20171205追加*/
.img_menu {
    -webkit-touch-callout: none;
    -webkit-user-select: none; /* Disable selection/copy in UIWebView */
}
/*-- 一般のボタン（タブレット用） ---*/
.normal_button {
	height: 32pt;
	font-size: 16pt;
	border-radius:20px;
}
/*-- 一般のボタン ---*/
.old_button {
	width: 65t;
	height: 16pt;
	font-size: 10pt;
}
/*--  メニュー・ログインボタン  ---*/
.login_button {
	width: 50pt;
	font-size: 10pt;
}
/*--  カレンダーで使用するボタン  ---*/
.calendar_button {
	width: 40pt;
	height: 15pt;
	font-size: 10pt;
}
/*--  表で使用するボタン  ---*/
.find_button {
	width: 30pt;
	height: 15pt;
	font-size: 10pt;
}
.search_button {
	width: 40pt;
	font-size: 10pt;
}
/*-- 前・次ページ遷移 ---*/
.locate_button {
	width: 40pt;
	font-size: 10pt;
}

/*-- 明細で使用するボタン ---*/
.detail_button {
	width: 40pt;
	font-size: 10pt;
}

.detail_button_long {
	width: 60pt;
	font-size: 10pt;
}
/*--  リンク  ---            */
a:hover {
	LEFT: 2px; COLOR: #ffffff;
	POSITION: relative;
	TOP: 1px;
	BACKGROUND-COLOR: #ff6600;
	TEXT-DECORATION: underline;
}
a:active {
	FONT: bold 11px Arial,sans-serif;
	COLOR: #ffffff;
	BACKGROUND-COLOR: #ff6600;
}
a:link {
	COLOR: #000033;
}

a.default {
	FONT: bold 11px Arial,sans-serif;
}
a.bottom_link {
	FONT: bold 9pt Arial,sans-serif;
	COLOR: #000033;
}
/*--  コンボボックス  ---            */
select.inputbyte {
	font-size: 10pt;
	color: #0000FF;
	background-color: #FFFFFF;
	ime-mode: disabled;
}

a.sort {
	font: 11pt Arial,sans-serif;
	color: #000000;
}

/***************************************/
/*  統合ポータルログイン               */
/***************************************/
th.login_list {
	font: bold 11px Arial,sans-serif;
	color: #ffffff;
	background-color: #008080;
	white-space: nowrap;
	vertical-align: middle;
	font-size: 10pt;
}

input.login_input {
	font-size: 10pt;
	color: #0000FF;
	background-color: #FFFFFF;
	ime-mode: disabled;
}

/***************************************/
/*  統合ポータルメニュー               */
/***************************************/
span.menu_count {
    font: bold 15px Arial,sans-serif;
	text-align:right;
}

table.menu_count {
	border-width: 1px;
	border-style:solid;
	border-color:#ff9900;
	border-collapse: collapse;
}

td.menu_count_title {
    font: bold 14px Arial,sans-serif;
	text-align:center;
	border: solid 1px #ff9900;
}

td.menu_count_column {
    font: bold 14px Arial,sans-serif;
	text-align:right;
	border: solid 1px #ff9900;
}

td.menu_header {
    font: bold 14px Arial,sans-serif;
    color: #333333;
    background-color:#fffe75;
	border: solid 1px #ff9900;
}

div.menu_display {
	border-width: 1px;
	border-style:solid;
	border-color:#ff9900;
	padding-right: 1px;
	padding-left: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
}

.menu_display_nxt{
    margin-top:1em;
}
.menu_display_cnthdr{
    margin:5px 0 0 5px;
}
.menu_display_cnttbl{
    padding-left:25px;
}
div.margin_top {
	margin-top: 5px;
}
div.menu_txtarea {
	overflow:auto;
	width:600;
	height:90;
	scrollbar-face-color: #ffcc66;
	scrollbar-highlight-color: #ffcc66;
	scrollbar-shadow-color: #ffcc66;
	scrollbar-3dlight-color: #ff9966;
	scrollbar-arrow-color: #ff9966;
	scrollbar-track-color: #ffcc66;
	scrollbar-darkshadow-color: #ff9966;
	border:none;
	white-space:nowrap;
	font: normal 12px Arial,sans-serif;
}
a.menu_link {
	FONT: bold 9pt Arial,sans-serif;
	COLOR: #000033;
}
span.menu_headerlabel {
	vertical-align:middle;
	font-size: 7.5pt;
	color: #ff0000;
}
b.menu_exlabel {
	color: #ff0000;
	font-size: 11pt;
}

span.menu_fontintxtarea {
	color: #000000;
	font-size: 10pt;
}

table.menu_info {
	background-color: #ff9933;
}


th.menu_info {
	border-right: #ff6600 1px solid;
	border-top: #ff6600 1px solid;
	font: bold 11px Arial,sans-serif;
	border-left: #ff6600 1px solid;
	color: #ffffff;
	border-bottom: #ff6600 1px solid;
}
td.menu_info {
	font: 11px Arial,sans-serif;
	color: #000033;
	background-color: #ffffff;
}
select.menu_inputbyte {
	font-size: 9pt;
	color: #000000;
	background-color: #FFFFFF;
}
small.menu_label{
	color: #000000;
	font-size: 9pt;
}

span.menu_insistence {
    font: bold 15px Arial,sans-serif;
}

.menu_long_button {
	width: 60pt;
	height: 16pt;
	font-size: 10pt;
}
.logout_button {
	width: 75t;
	height: 17pt;
	font-size: 10pt;
}

.keiho_desc{
    padding-left:45px;
    padding-bottom:1em;
}

/*警報系のため色が目立つように*/
h2.alarm_header {
    font: bold 18px Arial,sans-serif;
    color: #333333;
    border-left:solid 10px #A52A2A;
    border-bottom:solid 1px #A52A2A;
    padding-top:3px;
    padding-bottom:1px;
    padding-left:10px;
    background-color:#FA8072;
}

div.alarm_display {
	border-width: 1px;
	border-style:solid;
	border-color:#A52A2A;
	padding-right: 1px;
	padding-left: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
}

/***************************************/
/*  統合ポータルお知らせエリア         */
/***************************************/
div.menu_txtarea {
	overflow:auto;
	width:600;
	height:90;
	scrollbar-face-color: #ffcc66;
	scrollbar-highlight-color: #ffcc66;
	scrollbar-shadow-color: #ffcc66;
	scrollbar-3dlight-color: #ff9966;
	scrollbar-arrow-color: #ff9966;
	scrollbar-track-color: #ffcc66;
	scrollbar-darkshadow-color: #ff9966;
	border:none;
	white-space:nowrap;
	font: normal 12px Arial,sans-serif;
}

table.menu_info {
	background-color: #ff9933;
}

/***************************************/
/*  パスワード再発行画面               */
/***************************************/
div.login_passbody {
	border-right: #ff9999 1px solid;
	padding-right: 7px;
	border-top: #ff9999 1px solid;
	padding-left: 7px; padding-bottom: 7px;
	font: 11px Arial,sans-serif;
	border-left: #ff9999 1px solid;
	color: #666666;
	padding-top: 7px;
	border-bottom: #ff9999 1px solid;
}
div.login_pass_subtitle {
	border-right: 0px double;
	padding-right: 5px;
	border-top: #ff69b4 4px double;
	padding-left: 5px;
	padding-bottom: 5px;
	font: bold 11px/130% Arial,sans-serif;
	border-left: 0px double;
	color: #666666;
	padding-top: 5px;
	border-bottom: #ff69b4 4px double;
	text-align: center;
}


/***************************************/
/*  メニュー                           */
/***************************************/
/*--- メニュー ---*/

h2.menu_header {
    font: bold 18px Arial,sans-serif;
    color: #333333;
    border-left:solid 10px #ff9900;
    border-bottom:solid 1px #ff9900;
    padding-top:3px;
    padding-bottom:1px;
    padding-left:10px;
    background-color:#FFE775;
}
th.menu_header {
    font: bold 14px Arial,sans-serif;
    color: #333333;
    background-color:#fffe75;
	border: solid 1px #ff9900;
}

td.menu_header2{
    font: bold 18px Arial,sans-serif;
    color: #333333;
    border-left:solid 10px #ff9900;
    border-bottom:solid 1px #ff9900;
    padding-top:3px;
    padding-bottom:1px;
    padding-left:10px;
    background-color:#FFE775;
}
/***************************************/
/*  お知らせ内容変更                   */
/***************************************/
table.inf_disp {
	background-color: #ff9933;
}

th.inf_disp {
	border-right: #ff6600 1px solid;
	border-top: #ff6600 1px solid;
	font: bold 11px Arial,sans-serif;
	border-left: #ff6600 1px solid;
	color: #ffffff;
	border-bottom: #ff6600 1px solid;
}
td.inf_disp {
	font: 11px Arial,sans-serif;
	color: #000033;
	background-color: #ffffff;
}
small.inf_labelhead {
	color: #000000;
	font-size: 10pt;
}

div.inf_txtarea {
	overflow:auto;
	width:600;
	height:90;
	scrollbar-face-color: #ffcc66;
	scrollbar-highlight-color: #ffcc66;
	scrollbar-shadow-color: #ffcc66;
	scrollbar-3dlight-color: #ff9966;
	scrollbar-arrow-color: #ff9966;
	scrollbar-track-color: #ffcc66;
	scrollbar-darkshadow-color: #ff9966;
	font: normal 12px Arial,sans-serif;
}

textarea.inf_inputfull {
	padding-right: 3px;
	font-size: 10pt;
	color: #000000;
	background-color:"#FFFFFF";
	text-align: left;
	ime-mode: active;
}

/***************************************/
/*   お客様情報照会                   */
/***************************************/
tr.customerref_dispheader {
	text-align: center;
	vertical-align:middle;
	white-space: nowrap;
	background: #ffcc66;
	line-height: 140%;
	font-family: "ＭＳ ゴシック", sans-serif;
	word-break: break-all;
}

tr.customerref_dispdetailconfpanel {
	background: #ffffcc;
	font-size: 11pt;
	word-break: break-all;
	font-family: "ＭＳ ゴシック", sans-serif;
}

td.customerref_dispheader {
	text-align: center;
	vertical-align:middle;
	white-space: nowrap;
	background: #ffcc66;
	line-height: 140%;
	font-family: "ＭＳ ゴシック", sans-serif;
	word-break: break-all;
}

td.customerref_dispfield {
	background-color: #f0f8ff;
	white-space: nowrap;
	align: center;
	word-break: break-all;
	font-family: "ＭＳ ゴシック", sans-serif;
}

td.customerref_dispfield_url {
	background-color: #f0f8ff;
	align: center;
	word-break: break-all;
	font-family: "ＭＳ ゴシック", sans-serif;
}

input.customerref_long_button {
	width: 65pt;
	height: 16pt;
	font-size: 10pt;
}

/***************************************/
/*   決済依頼個別登録                  */
/***************************************/
tr.settleentry_dispheader {
	text-align: center;
	vertical-align:middle;
	white-space: nowrap;
	background: #ffcc66;
	line-height: 140%;
	font-family: "ＭＳ ゴシック", sans-serif;
	word-break: break-all;
}

td.navigation {
	
	vertical-align:middle;
	white-space: nowrap;
	background: #ffcc66;
	line-height: 140%;
	font-family: "ＭＳ ゴシック", sans-serif;
	word-break: break-all;
}
td.settleentry_dispheader_optional {
	text-align: center;
	vertical-align:middle;
	white-space: nowrap;
	background: #ffcc66;
	line-height: 140%;
	font-family: "ＭＳ ゴシック", sans-serif;
	word-break: break-all;
}
td.settleentry_dispheader_optional_regular {
	text-align: center;
	vertical-align:middle;
	white-space: nowrap;
	background: #FFFFCC;
	line-height: 140%;
	font-family: "ＭＳ ゴシック", sans-serif;
	word-break: break-all;
}

td.settleentry_dispheader_mandatory {
	text-align: center;
	vertical-align:middle;
	white-space: nowrap;
	background: #ffcc99;
	line-height: 140%;
	font-family: "ＭＳ ゴシック", sans-serif;
	word-break: break-all;
}

td.settleentry_dispfield {
	background-color: #f0f8ff;
	white-space: nowrap;
	align: center;
	word-break: break-all;
	font-family: "ＭＳ ゴシック", sans-serif;
}

td.settleentrymail_dispfield {
	background-color: #ffffcc;
	white-space: nowrap;
	align: center;
	word-break: break-all;
	font-family: "ＭＳ ゴシック", sans-serif;
	font-size:medium;
}

/***************************************/
/*   決済依頼一括登録                  */
/***************************************/
tr.import_error_list {
	background: #ffccff;
	font-size: 11pt;
	word-break: break-all;
	font-family: "ＭＳ ゴシック", sans-serif;
}

/***************************************/
/*  出荷情報登録                       */
/***************************************/
td.send_dispheader {
	text-align: center;
	vertical-align:middle;
	white-space: nowrap;
	background: #FFCC66;
	line-height: 140%;
	font-family: "ＭＳ ゴシック", sans-serif;
	word-break: break-all;
}
td.send_dispheadernec {
	vertical-align: middle;
	text-align: center;
	background: #FFCC99;
	color: #000000;
	white-space: nowrap;
	font-family: "ＭＳ ゴシック", sans-serif;
	word-break: break-all;
}
td.send_dispfield {
	BACKGROUND-COLOR: #F0F8FF;
	white-space: nowrap;
	align: center;
	word-break: break-all;
	font-family: "ＭＳ ゴシック", sans-serif;
	vertical-align:middle;
	line-height: 140%;
}
tr.send_dispheader {
	text-align: center;
	vertical-align:middle;
	white-space: nowrap;
	background: #FFCC66;
	line-height: 140%;
	font-family: "ＭＳ ゴシック", sans-serif;
	word-break: break-all;
}
tr.send_dispdetailpanel {
	background: #FFFFCC;
	font-size: 11pt;
	font-family: "ＭＳ ゴシック", sans-serif;
	word-break: break-all;
}
tr.send_disppanelrev {
	background: #FFFFCC;
	font-size: 11pt;
	font-family: "ＭＳ ゴシック", sans-serif;
	word-break: break-all;
}
tr.send_disperrorpanel {
	background: #FFCCFF;
	font-size: 11pt;
	word-break: break-all;
}

td.send_labelmark {
    font: bold 16px Arial,sans-serif;
    color: #333333;
    border-left:solid 10px #ff9900;
    padding-left:10px;
}
small.send_infolabel {
	color: #000000;
	font-size: 11pt;
}
small.send_exinfolabel {
	color: #ff0000;
	font-size: 11pt;
}
small.send_labelreg {
	color: #000000;
	font-size: 11pt;
}
/*  送り状登録               */
b.send_labelregmenu {
	color: #333366;
	font-size: 11pt;
}

/***************************************/
/*  お客様情報・環境設定               */
/***************************************/
span.chang_red {
	vertical-align:middle;
	color: #ff0000;
	font-size: 10pt;
}

span.chang_black {
	vertical-align:middle;
	color: #000000;
	font-size: 10pt;
}

/***************************************/
/*  出荷・配送状況確認画面             */
/***************************************/

h2.shipment_header {
    font: bold 18px Arial,sans-serif;
    color: #333333;
    padding-top:3px;
    padding-bottom:1px;
    padding-left:10px;
}

/****************************************/
/* Validatorエラー強調用                */
/****************************************/
table.errCodeTable{
	font: bold 15px Arial,sans-serif;
	text-align:center;
	font-weight:bold;
	color:red;
}

div.errCodeDiv{
	font: bold 15px Arial,sans-serif;
	font-weight:bold;
	color:red;
}

pre {
	white-space: -moz-pre-wrap; /* Mozilla */
   	white-space: -pre-wrap;     /* Opera 4-6 */
   	white-space: -o-pre-wrap;   /* Opera 7 */
   	white-space: pre-wrap;      /* CSS3 */
   	word-wrap: break-word;      /* IE 5.5+ */
   	overflow: auto;
   	font-family: "ＭＳ ゴシック", sans-serif;
   	*font-family: "ＭＳ ゴシック", sans-serif;  /* IE 6+ */
	*font-size: 11pt !important; /* IE 6+ */
   	font-style: normal;
   	font-weight: 400px;
   	margin: 0;
   	padding: 0;
}

/****************************************/
/* ファイル一括取込                     */
/****************************************/
input.file_style {
    width:500px;
}

/****************************************/
/* 削除・追加・全件削除ボタン           */
/****************************************/
input.send_button {
    width:90px;
    height:20px;
}

b.logout_exlabel {
	color: #5882FA;
	font-size: 11pt;
}