@charset "UTF-8";

h1 {
	display: none;
}
h2 {
	font-family: "HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO","ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","メイリオ",Yu Gothic,YuGothic,sans-serif,Verdana,serif;
	color: #0074e8;
	font-size: 1.6em;
	border-bottom: solid 1pt transparent;
	padding: 2.0em 0 1.0em;
	padding-left: 20pt;
	margin-top: 0pt;
	white-space: nowrap;
	background-image:  url(../image/SANAI_TITLE_LONG.png) ; background-repeat:no-repeat;
}

/* 必須 (ラベルと入力項目を一括制御) */
.label__fa-required,
.label__fa-required option{
	color : #ff0000;			/* ラベル文字:赤 */
}
.item__fa-required,
.field .item__fa-required,
.g_field .item__fa-required,
.item__fa-required option,
.field .item__fa-required option,
.g_field .item__fa-required option{
	background-color : #ffffc8;	/* 項目背景色:REQUIREDに近い色 */
}

/* NONEDITABLE (入力項目の色目を変更) */
.item__fa-noneditable,
.field .item__fa-noneditable
.g_field .item__fa-noneditable,
.item__fa-noneditable option,
.field .item__fa-noneditable option,
.g_field .item__fa-noneditable option{
	color : #000000;  /* 文字色:黒 */
	background-color : #f2f2f2;	/* 項目背景色:薄いグレー */
	pointer-events : none;	/* @NONEDITABLEと同様に入力無効化 */
}
/* NONEDITABLE2 (入力項目の色目を変更) */
.item__fa-noneditable2,
.field .item__fa-noneditable2
.g_field .item__fa-noneditable2,
.item__fa-noneditable2 option,
.field .item__fa-noneditable2 option,
.g_field .item__fa-noneditable2 option{
	color : #000000;  /* 文字色:黒 */
	background-color : #f2f2f2;	/* 項目背景色:薄いグレー */
}

/* EDITABLE */
.item__fa-editable,
.field .item__fa-neditable
.g_field .item__fa-neditable,
.item__fa-neditable option,
.field .item__fa-neditable option,
.g_field .item__fa-neditable option{
	color : #000000;  /* 文字色:黒 */
	background-color : #ffffff;	/* 項目背景色:薄いグレー */
	pointer-events : auto;	/* @EDITABLEと同様に入力有効化 */
}

/* 画面最下部の空白対応 */
#PART_sidO_DMY_BOX {
       display: none;
}


/* ■■■　項目ごとにサイズなどを共通化させたい場合に"_global_user.css"で設定　■■■ */
/* 入力項目を共通的にサイズ調整 */
#sidI_comp_id{
	width: 70px;
}
#sidI_client_id{
	width: 120px;
}
#sidI_user_id{
	width: 150px;
}
#sidI_goods_id{
	width: 200px;
}


/* ボタンのアイコンサイズ設定 */
.fa-icon-large20{
 font-size: 20px ;
}
.fa-icon-large22{
 font-size: 22px ;
}
.fa-icon-large24{
 font-size: 24px ;
}

/* 表示項目の共通表示カスタマイズ */
#sidO_GID1{
	color: #0074e8;
}
#sidO_GID2{
	color: #0074e8;
}


/* 一覧の共通表示カスタマイズ */
/* フィールド幅 */
*[id$="sidG_comp_na"]{
	width : 300px;
}
*[id$="sidG_client_na"]{
	width : 200px;
}
/* 表示位置 */
*[id$="sidG_comp_na_field"]{
	text-align: center;
}
*[id$="sidG_client_na_field"]{
	text-align: center;
}

#sidA_cart{  /* 買い物かごへボタン */
	background-color: #ffffff;
	color: #0080ff;
	background-image : none;
	border-radius: 20px;
		/* 背景色を無色に */
	background : transparent;
	/* 枠線を消す */
	border : none;
	/* クリックした際に枠線をnone消す */
	outline: none;
	/* 影を消す */
	box-shadow : none;
}
[id$="sidA_DELIVERY_ADDRESS"]{  /* お届け先ボタン */
	background-color: #ffffff;
	color: #0080ff;
	background-image : none;
	border-radius: 20px;
		/* 背景色を無色に */
	background : transparent;
	/* 枠線を消す */
	border : none;
	/* クリックした際に枠線をnone消す */
	outline: none;
	/* 影を消す */
	box-shadow : none;
}


/* 通常ボタン共通カスタマイズ */
/* ■■■　ボタンのカスタマイズについては全て"_global_user.css"で設定し、各画面ごとのcssでの設定は行わないこと */
/* ■■■　ボタンを丸くする設定パターンなので、システムごとに設定内容は要変更 */
#sidA_CLOSE {  /* 閉じるボタン */
	width : 120px;
	background-image : none;
	border-radius: 15px;
}
#sidA_BACK {  /* 戻るボタン */
	width : 120px;
	background-image : none;
	border-radius: 15px;
}
#sidA_UPD{  /* 更新ボタン */
	width : 120px;
	background-image : none;
	border-radius: 15px;
}
#sidA_DEL{  /* 削除ボタン */
	width : 120px;
	background-image : none;
	color : white;
	background-color: RED;
	border-radius: 15px;
}
#sidA_EXTRACT{  /* 抽出ボタン */
	width : 120px;
	background-image : none;
	border-radius: 15px;
}
#sidA_PASSWORD{  /* パスワード再設定ボタン */
	width : 140px;
	background-image : none;
	border-radius: 15px;
}
#sidA_cart_in{  /* 買い物カゴへ入れるボタン */
	background-image : none;
	border-radius: 15px;
}
#sidA_cart_in{  /* 買い物カゴへ入れるボタン */
	background-image : none;
	border-radius: 15px;
}
#sidA_shopping{  /* 買い物を続けるボタン */
	background-image : none;
	border-radius: 15px;
}
#sidA_order{  /* 注文入力ボタン */
	background-image : none;
	border-radius: 15px;
}
#sidA_CONFIRMED{  /* 注文確定ボタン */
	width : 120px;
	background-image : none;
	border-radius: 15px;
}
#sidA_schedule{  /* 入荷予定ボタン */
	background-image : none;
	border-radius: 15px;
}
#sidA_DECISION{  /* 決定ボタン */
	width : 120px;
	background-image : none;
	border-radius: 15px;
}
#sidA_CLEAR{  /* 選択クリアボタン */
	width : 120px;
	background-image : none;
	border-radius: 15px;
}
#sidA_CART_CANCEL{  /* 注文取消ボタン */
	width : 170px;
	background-image : none;
	color : white;
	background-color: RED;
	border-radius: 15px;
}
#sidA_NEW_ORDER{  /* 新規注文ボタン */
	width : 120px;
	background-image : none;
	color : white;
	/*background-color : #40e0d0;*/  /* turquoise */
	border-radius: 15px;
}
#sidA_CANCEL{  /* キャンセルボタン */
	width : 120px;
	background-image : none;
	color : white;
	background-color: RED;
	border-radius: 15px;
}
#sidA_SEND_MAIL{  /* メール送信 */
	background-image : none;
	border-radius: 15px;
}
#sidA_CREATE{  /* 年間カレンダー生成 */
	background-image : none;
	border-radius: 15px;
}
#sidA_SETTING{  /* 祝日基本設定 */
	background-image : none;
	border-radius: 15px;
}

#sidA_IMPORT1{  /* CSV取込1 */
	background-image : none;
	border-radius: 15px;
}
#sidA_IMPORT2{  /* CSV取込2 */
	background-image : none;
	border-radius: 15px;
}
#sidA_IMPORT3{  /* CSV取込3 */
	background-image : none;
	border-radius: 15px;
}
#sidA_IMPORT4{  /* CSV取込4 */
	background-image : none;
	border-radius: 15px;
}
#sidA_IMPORT5{  /* CSV取込5 */
	background-image : none;
	border-radius: 15px;
}
#sidA_IMPORT6{  /* CSV取込6 */
	background-image : none;
	border-radius: 15px;
}

#sidA_CSV{  /* CSV出力ボタン */
	background-image : none;
	border-radius: 15px;
}
[id$="sidA_CSV_BK"]{  /* 再出力ボタン */
	background-image : none;
	border-radius: 15px;
}

#sidA_PRI{  /* 印刷ボタン */
	width : 120px;
	background-image : none;
	border-radius: 15px;
}
#sidA_PRI2{  /* 再印刷ボタン */
	width : 140px;
	background-image : none;
	border-radius: 15px;
}



#sidA_BACKWORD{  /* 後方ボタン */
	background-image : none;
	border-radius: 20px;
}
#sidA_FORWARD{  /* 前方ボタン */
	background-image : none;
	border-radius: 20px;
}
#sidA_LAYTEST{  /* 最新ボタン */
	background-image : none;
	border-radius: 20px;
}
#sidA_TODAY{  /* 今日ボタン */
	background-image : none;
	border-radius: 20px;
}


#sidA_PREV_Y{  /* 前年ボタン */
	background-image : none;
	border-radius: 15px;
}
#sidA_PREV_M{  /* 前月ボタン */
	background-image : none;
	border-radius: 15px;
}
#sidA_NEXT_Y{  /* 翌年ボタン */
	background-image : none;
	border-radius: 15px;
}
#sidA_NEXT_M{  /* 翌月ボタン */
	background-image : none;
	border-radius: 15px;
}
#sidA_NOW_YM{  /* 今月ボタン */
	background-image : none;
	border-radius: 15px;
}

/* 一覧ボタンカスタマイズ */
*[id$="sidA_G_APPROVAL_LOCK"]{
	border-radius: 20px;
}
*[id$="sidA_G_APPROVAL_UNLOCK"]{
	border-radius: 20px;
}
*[id$="sidA_OFFICE"]{  /* 営業所ボタン */
	border-radius: 20px;
}
[id$="sidA_MS102"]{  /* 営業所情報ボタン */
	background-image : none;
	border-radius: 20px;
}
[id$="sidA_MS110"]{  /* 乗務員情報ボタン */
	background-image : none;
	border-radius: 20px;
}
[id$="sidA_MS120"]{  /* 車両情報ボタン */
	background-image : none;
	border-radius: 20px;
}
[id$="sidA_MAIL"]{  /* 招待メールボタン */
	background-image : none;
	border-radius: 20px;
}
[id$="sidA_CLR_psw"]{  /* パスワードクリアボタン */
	background-image : none;
	border-radius: 20px;
}

[id$="sidA_trash_can"]{  /* 買い物かごへボタン */
	background-color: RED;
	color: #0080ff;
	background-image : none;
	border-radius: 20px;
		/* 背景色を無色に */
	background : transparent;
	/* 枠線を消す */
	border : none;
	/* クリックした際に枠線をnone消す */
	outline: none;
	/* 影を消す */
	box-shadow : none;
}
[id$="sidA_G_CANCEL"]{  /* 注文行削除ボタン-id=2用 */
	background-color: #ffffff;
	color: RED;
	background-image : none;
	border-radius: 20px;
		/* 背景色を無色に */
	background : transparent;
	/* 枠線を消す */
	border : none;
	/* クリックした際に枠線をnone消す */
	outline: none;
	/* 影を消す */
	box-shadow : none;
}
[id$="sidA_G_CANCELx"]{  /* 注文行削除ボタン-id=1用 */
	background-color: #ffffff;
	color: RED;
	background-image : none;
	border-radius: 20px;
		/* 背景色を無色に */
	background : transparent;
	/* 枠線を消す */
	border : none;
	/* クリックした際に枠線をnone消す */
	outline: none;
	/* 影を消す */
	box-shadow : none;
}
[id$="sidA_G_GOODS_CANCEL"]{  /* 注文品番一括削除ボタン-id=2用 */
	background-color: #ffffff;
	color: RED;
	background-image : none;
	border-radius: 20px;
		/* 背景色を無色に */
	background : transparent;
	/* 枠線を消す */
	border : none;
	/* クリックした際に枠線をnone消す */
	outline: none;
	/* 影を消す */
	box-shadow : none;
}
[id$="sidA_G_GOODS_CANCELx"]{  /* 注文品番一括削除ボタン-id=1用 */
	background-color: #ffffff;
	color: RED;
	background-image : none;
	border-radius: 20px;
		/* 背景色を無色に */
	background : transparent;
	/* 枠線を消す */
	border : none;
	/* クリックした際に枠線をnone消す */
	outline: none;
	/* 影を消す */
	box-shadow : none;
}
[id$="sidA_G_ADR_DEL"]{  /* お届け先削除ボタン */
	background-color: #ffffff;
	color: RED;
	background-image : none;
	border-radius: 20px;
		/* 背景色を無色に */
	background : transparent;
	/* 枠線を消す */
	border : none;
	/* クリックした際に枠線をnone消す */
	outline: none;
	/* 影を消す */
	box-shadow : none;
}


/* フォントサイズ */
/* 0.8emサイズ */
.all__font08{
	font-size: 0.8em;
}
/* 0.9emサイズ */
.all__font09{
	font-size: 0.9em;
}
/* 1.0emサイズ */
.all__font10{
	font-size: 1.0em;
}
/* 1.1emサイズ */
.all__font11{
	font-size: 1.1em;
}
/* 1.2emサイズ */
.all__font12{
	font-size: 1.2em;
}
/* 2.0emサイズ */
.all__font20{
	font-size: 2.0em;
}

/* デフォルトスタイル・文字色 */
/* デフォルトスタイル・文字色 */
.all__BLACK{
	color : #000000;  /* black */
}
.all__SILVER{
	color : #c0c0c0;  /* silver */
}
.all__GRAY{
	color : #808080;  /* gray */
}
.all__WHITE{
	color : #ffffff;  /* white */
}
.all__MAROON{
	color : #800000;  /* maroon */
}
.all__RED{
	color : #ff0000;  /* red */
}
.all__PURPLE{
	color : #800080;  /* purple */
}
.all__FUCHSIA{
	color : #ff00ff;  /* fuchsia */
}
.all__GREEN{
	color : #008000;  /* green */
}
.all__LIME{
	color : #00ff00;  /* lime */
}
.all__OLIVE{
	color : #808000;  /* olive */
}
.all__YELLOW{
	color : #ffff00;  /* yellow */
}
.all__NAVY{
	color : #000080;  /* navy */
}
.all__BLUE{
	color : #0000ff;  /* blue */
}
.all__TEAL{
	color : #008080;  /* teal */
}
.all__AQUA{
	color : #00ffff;  /* aqua */
}
.all__ORANGE{
	color : #ff8040;  /* orange */
}
.all__ORDER{
	color : #0074e8;  /* Web受注イメージ色 */
}

/* デフォルトスタイル・背景色 */
.all__BGBLACK{
	background-color : #000000;  /* black */
}
.all__BGSILVER{
	background-color : #c0c0c0;  /* silver */
}
.all__BGGRAY{
	background-color : #808080;  /* gray */
}
.all__BGWHITE{
	background-color : #ffffff;  /* white */
}
.all__BGMAROON{
	background-color : #800000;  /* maroon */
}
.all__BGRED{
	background-color : #ff0000;  /* red */
}
.all__BGPURPLE{
	background-color : #800080;  /* purple */
}
.all__BGFUCHSIA{
	background-color : #ff00ff;  /* fuchsia */
}
.all__BGGREEN{
	background-color : #008000;  /* green */
}
.all__BGLIME{
	background-color : #00ff00;  /* lime */
}
.all__BGOLIVE{
	background-color : #808000;  /* olive */
}
.all__BGYELLOW{
	background-color : #ffff00;  /* yellow */
}
.all__BGNAVY{
	background-color : #000080;  /* navy */
}
.all__BGBLUE{
	background-color : #0000ff;  /* blue */
}
.all__BGTEAL{
	background-color : #008080;  /* teal */
}
.all__BGAQUA{
	background-color : #00ffff;  /* aqua */
}

/* ロック状態の背景色 */
.item__BGLOCK,
.field .item__BGLOCK,
.g_field .item__BGLOCK,
.item__BGLOCK option,
.field .item__BGLOCK option,
.g_field .item__BGLOCK option{
	background-color : #f9f9f9;  /* 薄いグレー */
}

/* 赤の太字 */
.all__BRED{
	color : #ff0000;  /* red */
	font-weight : bold;	  /* 太字 */
}

/* 青の太字 */
.all__BBLUE{
	color : #0000ff;  /* blue */
	font-weight : bold;	  /* 太字 */
}

/* 点滅 */
.all__BLINK{
	animation: blinking 1s step-end infinite;
}
@keyframes blinking {
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}

/* 左揃え(水平方向) */
.item__LEFT,
.field .item__LEFT,
.g_field .item__LEFT,
.item__LEFT option,
.field .item__LEFT option,
.g_field .item__LEFT option{
	text-align: left;  /* 左揃え(水平方向) */
}
/* 中央揃え(水平方向) */
.item__CENTER,
.field .item__CENTER,
.g_field .item__CENTER,
.item__CENTER option,
.field .item__CENTER option,
.g_field .item__CENTER option{
	text-align: center;  /* 中央揃え(水平方向) */
}
/* 右揃え(水平方向) */
.item__RIGHT,
.field .item__RIGHT,
.g_field .item__RIGHT,
.item__RIGHT option,
.field .item__RIGHT option,
.g_field .item__RIGHT option{
	text-align: right;  /* 右揃え(水平方向) */
}
/* 上揃え(垂直方向) */
.item__TOP,
.field .item__TOP,
.g_field .item__TOP,
.item__TOP option,
.field .item__TOP option,
.g_field .item__TOP option{
	vertical-align: top;  /* 上揃え(垂直方向) */
}
/* 中央揃え(垂直方向) */
.item__MIDDLE,
.field .item__MIDDLE,
.g_field .item__MIDDLE,
.item__MIDDLE option,
.field .item__MIDDLE option,
.g_field .item__MIDDLE option{
	vertical-align: middle;  /* 中央揃え(垂直方向) */
}
/* 下揃え(垂直方向) */
.item__BOTTOM,
.field .item__BOTTOM,
.g_field .item__BOTTOM,
.item__BOTTOM option,
.field .item__BOTTOM option,
.g_field .item__BOTTOM option{
	vertical-align: bottom;  /* 下揃え(垂直方向) */
}

/*

/* 更新行のマークの部分に「更新」を表示させる例  */
.UPDATE::before {
    content: "更新";
    color: blue;
    font-weight: bold;
}

/* 追加行のマークの部分に「追加」を表示させる例  */
.INSERT::before {
    content: "追加";
    color: #d09a0b;
    font-weight: bold;
}

/* 削除行のマークの部分に「削除」を表示させる例  */
.DELETE::before {
    content: "削除";
    font-weight: bold;
}

/* ステータス列の幅の設定を変える例 (g はグループの項目コードを小文字にした文字列)  */
#TH_g tr td:nth-of-type(1) {
    width: 82px;
}

*/

/* 画面最下部の空白対応	　→　O_DMY_BOXが画面へ配置されていることが前提(CO000_PARAM_01が部分入出力で最後へ設定されていればOK) */
#PART_sidO_DMY_BOX {
       display: none;
}

.ui-field-contain{
	border-width: 0;
	border-style: none;
	padding-bottom: 0;
}

.fontawesome_button{
  font-family: "fontawesome","メイリオ", Meiryo,"ヒラギノ角ゴ ProN W3","Hiragino   Kaku Gothic ProN","游ゴシック", YuGothic,Verdana,sans-serif;
  font-size:10.5pt;
}