@charset "UTF-8";
/*****************************************************************************************/
/*                  共通の属性                                                           */
/*****************************************************************************************/
/* BODYタグ属性 */
BODY {
	margin: 0em;
	background-color : #FFFFFF;
	color: #000000;
	font-family: 'ＭＳ Ｐゴシック', sans-serif;
}
/* textarea属性 */
TEXTAREA {
	font-family: 'ＭＳ ゴシック', sans-serif;
	resize:none;
}
/* input属性 */
INPUT {
	font-family: 'MS UI Gothic', sans-serif;
}
/* Aタグ属性 */
A:link {
	color: #0066CC;
}
A:active {
	color: #0066CC;
}
.menu_link A:visited {
	color: #0066CC;
}

A:hover {
	color: #FF0000;
}

/* 告知バナー内部のAタグ属性 */
div.abolition-banner > A:link {
	color: #FFFFFF;
}
div.abolition-banner > A:active {
	color: #FFFFFF;
}
div.abolition-banner > A:hover {
	color: #FFFFFF;
}

/* ヘッダー(上部)  */
.HeaderUpper {
	width : 100%;
	background-color : #FFFFFF;
}

/* フッター  */
.Footer {
	width : 100%;
/*	background-color : #DCDCDC;*/
/*	background-color : #339933;*/
	background-color : #FFDD00;
}

/* フッターの文字色  */
.FFooter {
/*	color: #FFFFFF;*/
	color: #666666
}

.footer-link a:link {
	color: #000000;
	font-style: normal;
	font-weight: normal;
	text-decoration: normal;
}
.footer-link a:visited {
	color: #000000;
	font-style: normal;
	font-weight: normal;
	text-decoration: normal;
}
.footer-link a:hover {
	color: #000000;
	font-style: normal;
	font-weight: normal;
	text-decoration: normal;
}
.footer-link a:active {
	color: #000000;
	font-style: normal;
	font-weight: normal;
	text-decoration: normal;
}

/* カラーパレットのボタン背景 */
.palette {
	border-width: 0;
	background-color: white;
}

/* カレンダーのボタン背景 */
.calendar {
	border-width: 0;
	background-color: white;
}

.HeadBack {
	margin: 0px;
	padding: 0px;
}
.clearboth {
	clear: both;
	margin: 0;
	padding: 0;
	line-height: 0;
	height: 1%;
}

/*****************************************************************************************/
/*                                               位置属性（Align & Valign）                                                  */
/*****************************************************************************************/
.AlignCenter {
	text-align: center;
	margin-left:auto;
	margin-right:auto;
}
.AlignRight {
	text-align: right;
}
.AlignLeft {
	text-align: left;
}
.AlignLeftValignTop {
	text-align: left;
	vertical-align: top;
}
.ValignBottom {
	vertical-align: bottom;
}
.ValignTop {
	vertical-align: top;
}
.ValignMiddle {
	vertical-align: middle;
}
.TableDetailValignTop {
	vertical-align: top;
	background-color : #B0E2FF;
}
.ValignTopPaddingOn {
	vertical-align: top;
	padding-top: 5px;
	padding-left: 40px;
	padding-right: 0px;
}
.FloatRight {
	float: right;
}
.FloatLeft {
	float: left;
}

.HtmlPreviewTableDetail {
	font-size: 80%;
	vertical-align: top;
	background-color : #FFFFFF;
	word-break : break-all;
}
/*****************************************************************************************/
/*                                                         フォント属性                                                          */
/*****************************************************************************************/
/* 標準の文字サイズ */
.FStandard {
	font-size: 80%;
}
/* 中間の文字サイズ */
.FMiddle {
	font-size: 75%;
}/* 小さめの文字サイズ */
.FSmall{
	font-size: 60%;
}
/* 大きめの文字サイズ */
.FBig{
	font-size: 90%;
}
/* より大きめの文字サイズ */
.FBigger{
	font-size: 110%;
}
/* かなり大きめの文字サイズ */
.FMoreBig{
	font-size: 170%;
}
/* 太字 */
.FBold {
	font-weight: bold;
}

/* 大きめ太字 */
.FBiggerBold {
	font-size: 120%;
	font-weight: bold;
}
/* 2015/10/28 h_murata ADD START */
/* 大きめ赤太字 */
.FBiggerBoldred {
	font-size: 100%;
	font-weight: bold;
	/* background-color : #E7E7E7; */
	color: #FF0000;
}
/* 2015/10/28 h_murata ADD END */

/* エラー文字 */
.FError {
/**
	background-color: #FF0000;
	color: #000000;
**/
}

/* エラー文字右詰 */
.FErrorRight {
	text-align : right;
}

/* エラー文字 */
.FErrorMsg {
	font:normal normal normal 10pt/10pt 'ＭＳ ゴシック', sans-serif;
	color: #FF0000;
	font-weight: bold;
}

/* エラー文字 */
.FErrorMsgListHead {
	color: #FF0000;
	font-weight: bold;
}

/* エラー文字 */
.FErrorMsgListBody {
	color: #FF0000;
}

/* 強調文字 */
.FAccent {
	color: #FF0000;
	font-weight: bold;
}

/* 強調文字 */
.FAccent2 {
	color: #333399;
	font-weight: bold;
}

/* 強調文字 */
.FPoint {
	color: #FF0000;
}

/* 強調文字 */
.FPointNotice {
	color: #FF0000;
}

/* メッセージ文字 */
.FMessage {
	font:normal normal normal 10pt/10pt 'ＭＳ ゴシック', sans-serif;
	font-weight: bold;
	color: #0000FF;
}

/* メッセージ文字 */
.FMessageListHead {
	color: #0000FF;
	font-weight: bold;
}
/* メッセージ文字 */
.FMessageListBody {
	color: #0000FF;
}

/* 極小の文字サイズ */
.FSmallest{
	font-size: 10%;
}

/* メニュー用の文字サイズ */
.FMenuStandard {
	font-size: 10pt;
}
/* Tableのヘッダ部 */
.FTableHeader {
	color : #FFFFFF;
	font-weight: bold;
	word-break : break-all;
}

/* TableHeaderの余白 */
.LeftPadding {
	padding-left: 20px;
}

/* Tableのサブヘッダ部 */
.TableSubHeader {
	margin-top: 10px;
}

/* タイトル */
.FPopTitle {
	font-size: 150%;
	font-weight : bold;
}
/* サブタイトル */
.FSubTitle {
	color : #000099;
	font-size: 90%;
	font-weight : bold;
}

/* サブタイトル */
.FSubTitleConditionDynamic {
	color : #008B00;
	font-size: 90%;
	font-weight : bold;
}

/* サブタイトル */
.FSubTitleConditionSql {
	color : #EEAD0E;
	font-size: 90%;
	font-weight : bold;
}

/* サブタイトル */
.FSubTitleConditionSpecial {
	color : #EE30A7;
	font-size: 90%;
	font-weight : bold;
}

/* 例外の強調文字 */
.FExceptionPoint {
	color: #0000FF;
}

.WordBreake {
	word-break : break-all;
}

.HeadColorDetailZebra{
	background-color:#DAB8A0;
}
.HeadColorDetailZebraOdd{
	background-color:#C0C0C0;
}

/*****************************************************************************************/
/*                                                         ログイン                      */
/*****************************************************************************************/
/* お知らせ */
.FMainInfo {
	color : #000099;
	font-weight: bold;
	font-size: 90%;
}
/* お知らせのメッセージ */
.FMainInfoMsg {
	color : #000000;
	font-size: 80%;
}

/*****************************************************************************************/
/*                                                         管理者側                      */
/*****************************************************************************************/
/* 隠し領域 */
.MyBook{
position: absolute;
border-color: blue;
border-style:solid;
border-width: 1px 1px 1px 1px;
background-color: white;
float: left;
text-align: left;
display:none;
z-index: 1;
}

.MyBook UL{
width:auto;
float: left;
margin-left: 10px;
margin-right: 10px;
padding: 5px;
}

.MyBook UL LI{
margin-bottom: 5px;
}



/********** 共通 **********/
.TableList {
border-width:0px;
border-collapse: collapse;
}
.DetailBorder {
	border-style:solid;
	border-color:#FFFFFF;
	border-width:1px 1px 0px 1px;
}

.DetailNoBorder {
	border-style:solid;
	border-color:#FFFFFF;
	border-width:0px 1px 0px 1px;
}
/* テーブル明細 奇数行 */
.DetailEven {
	background-color : #DDDDDD;
	word-break : break-all;
}

/* テーブル明細 偶数行 */
.DetailOdd {
	background-color : #DDDDDD;
	word-break : break-all;
}

/* テーブル明細 偶数行 右寄せ */
.DetailOddRight {
	background-color : #DDDDDD;
	text-align : right;
}

/* テーブル明細 ゼブラ奇数行 */
.DetailZebraOdd {
	background-color : #E7E7E7;
	word-break : break-all;
}

/* テーブル明細 ゼブラ */
.DetailZebra {
	background-color : #F0DCC5;
	word-break : break-all;
}

/* テーブル明細 ゼブラ */
.DetailInput {
	background-color : #FFCCCC;
	word-break : break-all;
}

/* テーブル明細 削除済み行 */
.DetailDel{
	background-color : #A0A0A0;
	word-break : break-all;
}

/* テーブル明細 選択行 */
.DetailSelect {
	background-color : #FF33CC;
}

/* テーブルヘッダー */
.TableHeader {
/**	background-color : #009999; */
	background-color : #FF8800;
	word-break : break-all;
}

/* テーブルヘッダー */
.HiddenTableHeader {
/**	background-color : #009999; */
	background-color : #a7a7a7;
	word-break : break-all;
}


/* Tableのヘッダ部 */
.FTableHeader {
	color : #FFFFFF;
	font-weight: bold;
    white-space: nowrap;
}

/* Tableのヘッダ部 */
.HiddenFTableHeader {
	color : #000000;
	font-weight: bold;
    white-space: nowrap;
}

.FTableHeaderAnnotation {
	font-size: smaller;
}

.FTableHeaderSort a:link {
	color : #FFFFFF;
	font-weight: bold;
	text-decoration: normal;
}
.FTableHeaderSort a:visited {
	color : #FFFFFF;
	font-weight: bold;
	text-decoration: normal;
}
.FTableHeaderSort a:hover {
	color : #FFFFFF;
	font-weight: bold;
	text-decoration: normal;
}
.FTableHeaderSort a:active {
	color : #FFFFFF;
	font-weight: bold;
	text-decoration: normal;
}

/* 個人情報用背景色 */
.backColorRed{
	background-color: #ffdab9
}

/* テーブル明細 薄いグレー */
.DetailLightGrey{
	background-color : #C0C0C0;
	word-break : break-all;
}

/********** TOP画面 **********/
/* コンテンツのスペース */
.ContentSpace{
	margin-left:20px;
}

/* 選択されたタブ */
.TopActiveTab{
	border-left:  1px solid gray;
	border-top: 1px solid gray;
	border-right: 1px solid gray;
	text-align: center;
}

/* 選択されていないタブ */
.TopNonActiveTab{
	border-left:  1px solid gray;
	border-top: 1px solid gray;
	border-right: 1px solid gray;
	background-color: #DCDCDC;
	text-align: center;
}

/* メニュータブ*/
.TopMenuTab{
	margin-top: 0px;
	margin-bottom: 0px;
}

/* メニュー一覧 */
.TopMenuList{
	border: 1px solid gray;
	cell-spacing: 0px;
	width: 960px;
	margin-top: 0px;
	margin-bottom: 0px;
}

/********** MENU画面 **********/
/* 管理者メニュー用 */
.SideBar * {
  margin:                     0;
  padding:                    0;
  text-decoration:            none;
  text-transform:             none;
  text-indent:                0;
  font-weight:                normal;
  list-style-type:            none;
}
.SideBar{
  background-color:#ebfee9;
  font-size: 80%;
}

/********** アンケート：機種依存文字 **********/
/* ヘッダ */
.FDependencyHeader {
	font-size: 140%;
	font-weight : bold;
}
/* サブヘッダ */
.FDependencyHeaderSub {
	font-size: 100%;
	font-weight : bold;
}
label.chk{
	font-size: 80%;
}
.admStd{
	font-size: 85%;
}
#enq_body{
	margin: auto;
	width: 560px;
}

/********** 条件検索 **********/
/* 条件Aのバックグラウンドカラー */
.BGConditionAColor{
	background-color: #FFFFCC;
}

.BGConditionBColor{
/**
		background-color: #E0FFFF;
*/
}

/* 条件SQLのバックグラウンドカラー */
.BGConditionSQLColor{
	background-color: #CCFFCC;
}


/********** ターゲティング（条件検索） **********/
/* テーブルヘッダー */
.TableHeaderConditionB {
	background-color : #90EE90;
	word-break : break-all;
}

/* テーブル明細 */
.TableDetail {
/*	background-color : #DDDDDD;*/
/*	background-color : #EEF7A1;*/
	background-color : #E7E7E7;
	word-break : break-all;
}
/* テーブル明細２ */
.TableDetailSub {
	background-color : #CCFFCC;
	word-break : break-all;
}

/* テーブル明細３ */
.TableDetailSub2 {
	background-color: #c8c8c8;
	word-break : break-all;
}

/* テーブル明細(赤字) */
.TableDetailRed {
/*	background-color : #DDDDDD;*/
/*	background-color : #EEF7A1;*/
	background-color : #E7E7E7;
	word-break : break-all;
	color: #FF0000;
}

/* テーブル明細(削除）*/
.TableDetailDel {
	background-color : #A0A0A0;
	word-break : break-all;
}

/* テーブル明細(店舗評価用）*/
.TableDetailEstimate {
	width : 235px !important;
	word-break : break-all !important;
	white-space : normal !important;
}

/* リスト背景 */
.ListBGColor {
	background-color : #EEEEEE;
}

/* リスト背景 */
.ListBGColorRed {
	background-color : #ff9999;
}

/* テーブル明細 */
.TableDetailConditionB {
	background-color : #C1FFC1;
}
/* テーブルヘッダー */
.TableHeaderConditionSp {
	background-color : #FFAEB9;
	word-break : break-all;
}
/* テーブル明細 */
.TableDetailConditionSp {
	background-color : #FFC0CB;
}
/* テーブルヘッダー */
.TableHeaderConditionSql {
	background-color : #FFF68F;
	word-break : break-all;
}
/* テーブル明細 */
.TableDetailConditionSql {
	background-color : #FFFFCC;
}
/* 条件行 */
.ConditionRow {
	width: 520px;
	margin: 5px 0px;
}
/* 条件ヘッダー */
.RowConditionHeader {
	font-size: 100%;
/**	border-bottom:0px solid #CCC;*/
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	height:15px;
	text-align : left;
}

/* 条件ヘッダーのボタン */
.ConditionHeaderBtn {
	float: left;
	margin-right:2px;
	margin-left:2px;
	cursor : pointer;
}

.ConditionHeaderBtnNotCursor {
	float: left;
	margin-right:2px;
	margin-left:2px;
}


/*****************************************************************************************/
/*                                                              その他                                                           */
/*****************************************************************************************/


/********** ログイン **********/
/* お気に入りに追加 */
.AddFavorite {
	color : #0000FF;
	cursor : hand;
}
.OshiraseTable {
	background: #FFFFFF;
	border: 3px solid #B3CDEE;
}
.LoginTable {
	background: #EBEEFA;
	border: 3px solid #CFD6F1;
}
.IdTable {
	border: 3px solid #CFD6F1;
}
.IdTableTable {
	color: #FFFFFF;
	padding-left: 12px;
}
.LoginTd {
	padding-left: 16px;
	font-style: normal;
	color: #333333;
}
.AutoLogin {
	background-color : #FFFFCC;
}
.IDCol {
	background-color : #6F8EC1;
}
.PasswordCol {
	background-color : #7593C2;
}

/********** ログアウト **********/
.Logout {
	color: #336699;
	border: 3px solid #CFD6F1;
	background: #FFFFE8;

}


/********** Ajax **********/
#suggest {
	position:absolute;
	table-layout:fixed;
	background-color: #FFFFFF;
	border: 1px solid #CCCCFF;
	z-index: 2;
}
#suggest div {
	padding: 1px;
	overflow: hidden;
	white-space: nowrap;
}
#suggest div.select{
	color: #FFFFFF;
	background-color: #3366FF;
}
#suggest div.over{
	background-color: #99CCFF;
}

.suggest {
	position:absolute;
	table-layout:fixed;
	background-color: #FFFFFF;
	border: 1px solid #CCCCFF;
	z-index: 2;
}
.suggest div {
	padding: 1px;
	overflow: hidden;
	white-space: nowrap;
}
.suggest div.select{
	color: #FFFFFF;
	background-color: #3366FF;
}
.suggest div.over{
	background-color: #99CCFF;
}

/********** opptionColection **********/
.manageOptColectStyle{
	width: 290px;
	height:150px;
}
.optColectStyle{
	width: 300px;
	height:150px;
}
.optColectStyle_Bigger{
	width: 520px;
	height:280px;
	font-family: 'ＭＳ ゴシック', sans-serif;
	white-space: pre;
}
.menuPaternColectStyle{
	width: 450px;
	height:280px;
	font-family: 'ＭＳ ゴシック', sans-serif;
	white-space: pre;
}
.menuColectStyle{
	width: 520px;
	height:280px;
	font-family: 'ＭＳ ゴシック', sans-serif;
	white-space: pre;
}
.itemSizeColectStyle{
	width: 650px;
	height:280px;
	font-family: 'ＭＳ ゴシック', sans-serif;
	white-space: pre;
}
.optionGroupColectStyle{
	width: 450px;
	height:280px;
	font-family: 'ＭＳ ゴシック', sans-serif;
	white-space: pre;
}
.optColectStyle_Bigger_Edit{
	width: 820px;
	height:110px;
	font-family: 'ＭＳ ゴシック', sans-serif;
	white-space: pre;
}
.optColectStyle_Bigger_Edit_Long{
	width: 880px;
	height:110px;
	font-family: 'ＭＳ ゴシック', sans-serif;
	white-space: pre;
}
.optColectStyle_Biggest_Edit_Long{
	width: 880px;
	height:290px;
	font-family: 'ＭＳ ゴシック', Osaka-Mono;
	font-size: 14px;
	white-space: pre;
	line-height:50px
}

.optColectStyle_Bigger_Edit_Long_X{
	width: 880px;
	height:110px;
	font-family: 'ＭＳ ゴシック', Osaka-Mono;
	font-size: 14px;
	white-space: pre;
}
.orderInfoHistoryOptColectStyle{
	width: 370px;
	height:305px;
}

/********** パスワード変更画面 **********/

.FieldStyle {
	border-width : 3px;
/*	border-color : #6699FF; */
/*	border-color : #009999; */
	border-color : #AA8800;
	border-style : groove;
	padding : 0 5px 5px 5px;
}

/* 基本情報一括設定のボタン */
.InfoAllSetHeaderBtn {
	float: left;
	margin-right:2px;
	margin-left:2px;
	cursor : pointer;
	font-size: 95%;
}

.TopMenuTitle {
	color: #3358A3;
	height: 24px;
	width: 352px;
	padding-left: 12px;
	font-weight: bold;
}

/* テーマカラーの文字色 */
.Tchar {
	color: #FF8800
}

/* ネットスーパー導入 店舗一覧用 */
.ns_shoplist_scr_y_only{
	overflow-y: auto;overflow-x: hidden; height:260px;
}

/* エリア緊急ストップ画面用 */
.mcommon_area_scr_y_only{
	overflow-y: auto;overflow-x: hidden; height:260px;
}

/* テーマカラーの文字色 */
.MailMagaTextAreaVeiw {
	font-family: 'ＭＳ ゴシック', sans-serif;
}

/********** ポップアップヘルプ **********/

.PopupField {
	padding: 1;
	position: absolute;
	display: none;
	z-index: 9999;
}

.PopupFrame {
	padding: 1;
	background-color : #FFFFFF;
	color : #000000;
	border: 2px ridge #FFFFFF;
	z-index: 9999;
}

.PopupTitle {
	position:relative;
	border-bottom: 1px solid #FFFFFF;
	background-color : #FF8800;
	color : #FFFFFF;
	font-weight: bold;
	width: 100%;
	height: 25px;
	text-align:left;
	font-size:100%;
}
.PopupTitle span {
	position:relative;
	top:6px;
	left:10px;
	font-size:100%;
}

.PopupBody {
	width: 100%;
	text-align: left;
	margin-left:auto;
	margin-right:auto;
	margin: 5px;
	word-wrap:break-word;
	font-size:100%;
}

.PopupClose {
	position:absolute;
	cursor: pointer;
	right:6px;
	top:6px;
}

.PopupClose span {
	position:relative;
	top:0px;
	right:0px;
	text-align:right;
}

.PopupIFrame {
	display:  none;
	position: absolute;
	z-index: 5;
	border: 0px;
}

/********** 配達エリア注文条件設定画面 **********/
.OrderConditionListTop {
	vertical-align:top;
	padding-top: 6px;
}
.OrderConditionListTextTop {
	vertical-align:top;
	padding-top: 2px;
}

.infoMsg {
    font-size:12px;
    color:#FF0000;
    /*font-weight:bold;*/
}

.storeSearchArea {
    width:960px;
}

/********** 関連商品情報一覧子画面 **********/
.StockoutInfoTableDetail {
	background-color : #FFFFFF;
	word-break : break-all;
}

.StockoutInfo {
	height:240;
	width:750;
	overflow-y:auto;
}

/* 2012/09/11 画面UI標準化対応 START */
/* 加盟店管理画面文言 */
.Attention {
	font:normal normal normal 10pt/10pt 'ＭＳ Ｐゴシック', sans-serif;
        font-weight:bold;
        color : #009933;
}
/* 2012/09/11 画面UI標準化対応 END */

.ime_disable{
    ime-mode: disabled;
}

/* 2012/09/11 画面UI標準化対応 START */
.otherMsg {
	font-family: 'ＭＳ Ｐゴシック', sans-serif;
	color : #000000;
	font-size:12px;
}
/* 2012/09/11 画面UI標準化対応 END */

div.scrollable {
	height: 150px;
	overflow: auto;
}

/* D案件 ADD START */
/********** オーダー連携チェーン情報一覧子画面 **********/
.OrderLinkChainInfoTableDetail {
	background-color : #FFFFFF;
	word-break : break-all;
}

.OrderLinkChainInfo {
	height:240;
	width:410;
	overflow-y:auto;
}
/* D案件 ADD END */

.deliAreaBlockLink-sectionTable {
	margin-top: 17px;
}
.deliAreaBlockLink-sectionTitle {
	font-size: 130%;
	margin-bottom: 0px;
}

.deli-area-block-link-input select[multiple="multiple"],
.deli-area-block-link-reference select[multiple="multiple"]{
	height: 25em;
}

.font-color-red {
	color: red;
}

/* 共通ログインのボタン背景 */
.cognitoLoginButton {
	border-width: 0;
	background-color: #FB8801;
	color: white;
	text-align: center;
	cursor: pointer;
}

/*新社内管理ログイン矢印の位置調整*/
.cognitoLoginArrow {
	float: left;
	text-align: left;
	margin-top: 8px;
}
/*ログインメッセージの位置調整*/
.loginMessage {
	margin-right: 5px;
}

/*OfficeLoginのフィールドスタイル*/
.OfficeLoginFieldStyle {
	border-width : 3px;
	border-color : #AA8800;
	border-style : groove;
	padding : 10px 35px 5px 35px;
}

/* 高さが7行分のテキストエリア */
.height-7-em-textarea {
	height: calc(1.4em * 7);
	line-height: 1.3;
}

/* 注文ID欄のwidth */
.orderIdWidth {
	width: 11em;
}

/* 商品一括DL/UL機能廃止周知バナー */
.abolition-banner {
	background-color: rgba(52, 106, 255, 0.9);
	color: white;
	padding: 0.5em 2rem;
	margin: 0 20px 0 0;
	border-radius: 0.5rem;
	font-weight: normal;
	text-align: left;
	line-height: 1.4em;
	box-sizing: border-box;
}