@charset "UTF-8";

input,
select,
textarea {
	vertical-align: middle;
	outline: none;
}
.HTMLTag_:after{
	content:"※HTMLタグ利用可能";
	font-size:12px;
}

input[type=text],
textarea {
	padding: 2px 5px;
	border: 1px solid #bababa;
}

textarea {
	min-height: 60px;
}

label {
	white-space: nowrap;
}

input[type=text]:focus,
textarea:focus {
	background-color: #f0ffdc;
}

#popup #content .section_inc_sc_ .sc_ {
}

.sc_ dt,
.sc_ dd {
	display: inline-block;
	color: #505050;
	line-height: 1.5;
}

.sc_ dt {
	font-weight: bold;
}

.section_title_bt_set_ {
	position: relative;
	min-height: 28px;
	margin-bottom: 10px;
}

.section_title_bt_set_right_ {
	position: relative;
}

#bt_add_address,
.section_rounded_ .bt_add_common_ {
	display: inline-block;
	padding: 3px 14px 3px 28px;
	border: none;
	background: #78ab3c url(../img/contents/bg_in_bt_add_address.png) no-repeat 8px 6px;
}

.table_popup_common_ {
	border-top: 1px solid #dedede;
	border-left: 1px solid #dedede;
}

.table_popup_common_ th,
.table_popup_common_ td {
	padding: 4px 10px;
	border-right: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	line-height: 1.6;
}

.table_popup_common_ th {
	background-color: #b4b4b4;
	color: #fff;
	font-weight: bold;
}



/* ---------------------------------------------------------------
	ポップアップ 会員グループ　
--------------------------------------------------------------- */
h2.title_popup_sub_ {
	margin-bottom:10px;
	padding: 0;
	border-bottom: none;
	font-size: 18px;
	line-height: 1.4;
	color: #000;
}



/* ---------------------------------------------------------------
	ポップアップ お問い合わせ
--------------------------------------------------------------- */
.section_gray_field_ {
	margin-bottom: 40px;
	padding: 6px;
	background-color: #f0f0f0;
	border-bottom: 1px solid #b4b4b4;
}

.section_gray_field_ td {
	background-color: #fff;
}

/* ---------------------------------------------------------------
	ポップアップ 注文履歴
--------------------------------------------------------------- */
.section_rounded_inner_ {
	padding:  19px;
}



.bt_search_wrap_ {
	clear: both;
	text-align: center;
}

/* ---------------------------------------------------------------
	ポップアップ クーポン
--------------------------------------------------------------- */

.txt_overflow_hidden_ {
	display: block;
	width:210px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

.txt_caution_ {
	display: block;
	margin: 20px 0;
	color: #ff2828;
	font-weight: bold;
}



/* ---------------------------------------------------------------
	ポップアップ バリエーション商品
--------------------------------------------------------------- */
.table_edit_title_ {
	width: 100%;
}

th.th_edit_title_ {
	width: 185px;
}

/* ---------------------------------------------------------------
	ポップアップ バリエーション商品一括登録
--------------------------------------------------------------- */
p.title_category_level_ {
	margin-top: 2px;
	margin-bottom: 10px;
	color: #505050;
	font-weight: bold;
}

.scroll_category_level_area_ select {
	height: 244px;
	width: 100%!important;
}

.bt_submit_with_number_ {
}

/* ---------------------------------------------------------------
	ポップアップ 商品の編集 画像設定
--------------------------------------------------------------- */

#popup #content.popup_mini_ .section_input_buttons_ p {
	display: inline;
}

#popup #content.popup_mini_ .section_dt_wide_ dl .section_input_schedule_ input[type=text].input_middle_ {
	width: 130px;
}

/* ---------------------------------------------------------------
	ポップアップ（ミニ） 商品の編集 画像設定
--------------------------------------------------------------- */

.firefox #popup #content.popup_mini_ .section_bargain_detail_ input.txt_input_form_meduim_ {
	width: 297px;
}

/* ---------------------------------------------------------------
	ポップアップフォーム要素
--------------------------------------------------------------- */

.title_with_border_left {
	padding-left: 9px;
	border-left: 6px solid #C71749;
	color: #505050;
	font-size: 18px;
	font-weight: bold;
	line-height: 1;
}

.title_icon_border_left_ {
	margin-bottom: 4px;
	padding-left: 8px;
	border-left: 6px solid #C71749;
	color: #505050;
	font-weight: bold;
	line-height: 1.2;
}

.txt_note_ {
	font-size: 12px;
	margin-left: 10px;
}

.section_dt_table_cell_ dl {
	display: table;
	width: 100%;
	margin-bottom: 10px;
	border-bottom: none;
}

.section_dt_table_cell_ dt
{
	width: 120px;
	font-weight: bold;
}

.section_dt_table_cell_ dt,
.section_dt_table_cell_ dd {
	display: table-cell;
	float: none;
	height: auto;
	margin: 0;
	color: #505050;
	vertical-align: middle;
}

.txt_normal_ {
	color: #505050;
	font-weight: normal;
}

.section_two_columns_unequally_ .left_column_ input[type=text].input_narrow_ {
	width: 62px;
}

.border_top_bottom1_ {
	padding: 14px 0;
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
}

.txt_color_gray_ {
	color: #505050;
}

.title_upload_image_ {
	padding:0 13px 13px;
	font-size: 14px;
	color: #505050;
}

/* ---------------------------------------------------------------
	ワンカラム用設定
--------------------------------------------------------------- */

/* 大見出し */
.title_section_ {
	padding: 5px 20px;
	border-bottom: 1px solid #787878;
	color: #0064b4;
	font-size: 24px;
	font-weight: bold;
}

/* 検索結果表示用 */
.title_result_number_ {
	margin-bottom:10px;
	padding: 0;
	border-bottom: none;
	font-size: 18px;
	line-height: 1.4;
	color: #000;
}

/* 背景青 */
.title_bg_blue_ {
	margin-bottom: 10px;
	padding: 7px 10px;
	background-color: #505050;
	border-bottom: none;
	font-size: 18px;
	font-weight: bold;
	line-height: 1;
	color: #fff;
}
h2.title_bg_blue_ {
	margin-bottom: 10px;
	padding: 7px 10px;
	background-color: #505050;
	border-bottom: none;
	font-size: 18px;
	font-weight: bold;
	line-height: 1;
	color: #fff;
}

.txt_font_14px {
	font-size: 14px;
}

.one_column_ .left_column_,
.one_column_ .right_column_ {
	width: 579px;
}

.table_one_column_common_ {
	width: 100%;
	border-top: 1px solid #dedede;
	border-left: 1px solid #dedede;
}

.table_one_column_common_.table_width_auto_ {
	width: auto;
}

.table_one_column_common_ th,
.table_one_column_common_ td {
	padding: 4px 10px;
	border-right: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	line-height: 1.6;
}

.table_one_column_common_ th {
	background-color: #b4b4b4;
	color: #fff;
	font-weight: bold;
	text-align: center;
}

.table_one_column_common_ tr.tr_even td {
	background-color: #F6F6F6;
}

.table_one_column_common_ tr:hover td {
	background-color: #F9E8ED;
}

span.title_form_ {
	display: inline-block;
	margin-right: 14px;
}

hr,
.border_bottom1_ {
	border-bottom: 1px solid #dcdcdc;
	margin-bottom: 10px;
}

/* link */
.link_icon_blank_,
.link_icon_arrow_ {
	padding-left: 15px;
}

.link_icon_blank_ {
	background: url(../img/contents/icon_link_blank.png) no-repeat 0 4px;
}

.link_icon_arrow_ {
	background: url(../img/contents/bg_arrow_red.png) no-repeat 1px 4px;
}

/* バリエーション商品編集 */
.section_control_bt_ {
	padding-bottom: 20px;
	font-size: 0;
}

.section_control_bt_ span,
.section_control_bt_ input {
	font-size: 14px;
}

.table_varietion_edit_ .col_edit_size_ p {
	width: 72px;
}

.table_varietion_edit_ .col_edit_page_ p {
	width: 128px;
}

.col_edit_url_ a {
	text-decoration: underline;
	color: #505050;
}

/* 絞り込み項目使用有無 */
.usefilter_ label {
	float: left;
}
.table_popup_common_ .cat_41 label {
	float: left;
}
/* ---------------------------------------------------------------
	お問い合わせ検索
--------------------------------------------------------------- */
.section_three_columns_unequally_ dt,
.section_one_column_ dt {
	position:relative;
	top: 3px;
}

.section_three_columns_unequally_ dt {
	width: 149px;
	line-height: normal;
}

.section_one_column_ dt {
	width: 136px;
	line-height: normal;
}

.section_table_wrap_field_ {
	margin-top: 20px;
	padding: 6px;
	background-color: #f0f0f0;
}

.section_table_wrap_field_.section_table_wrap_reply_ {
	background-color: #d5f5e9;
}

.section_form_disply_table_ dl {
	display: table;
	margin-bottom: 10px;
}

.section_form_disply_table_ dt,
.section_form_disply_table_ dd {
	display: table-cell;
	vertical-align: top;
}

.section_form_disply_table_ dt {
	width: 140px;
	padding-top:2px;
	font-weight: bold;
}

.section_form_disply_table_ dd {
	width: 760px;
}

.section_form_disply_table_ dd input[type=text],
.section_form_disply_table_ dd textarea {
	width: 748px;
}

.section_form_disply_table_ dd input[type=text].input_narrow_ {
	width: 268px;
}

.section_form_disply_table_ .section_input_list_ label {
	margin-right: 15px;
	white-space: nowrap;
}

textarea.textarea_high_ {
	min-height: 132px;
}

/* ---------------------------------------------------------------
	クーポンイベント管理
--------------------------------------------------------------- */
.one_column_.section_coupon_event_managed_ {
}

/* ---------------------------------------------------------------
	クーポン管理
--------------------------------------------------------------- */
.section_single_line_ dt {
	margin-right: 15px;
	font-weight: bold;
}

.section_single_line_ dt.txt_weight_normal_,
.section_single_line_ .txt_weight_normal_ dt {
	font-weight: normal;
}
/*
.section_single_line_ dt span {
	color: #eb6400;
}
*/

.section_bt_input_wrap_ {
	width: 530px;
	margin-top: 20px;
	text-align: right;
}

.section_bt_input_wrap_ label {
	margin-right: 15px;
	white-space: nowrap;
}

/* ---------------------------------------------------------------
	カテゴリの設定
--------------------------------------------------------------- */
.table_one_column_category_ th,
.table_one_column_category_ td {
	width: 72px;
	text-align: center;
}

.table_one_column_category_ .col_category_class_ {
	width: 260px;
}

.table_one_column_category_ .col_category_sub_ {
	width: auto;
}

.table_one_column_category_ td.col_category_class_ a {
	margin-left: 10px;
}

/* ---------------------------------------------------------------
	カテゴリの編集
--------------------------------------------------------------- */
.title_common_sub_ {
	margin-bottom: 10px;
	font-weight: bold;
}

/* ---------------------------------------------------------------
	イベントの設定
--------------------------------------------------------------- */


.table_one_column_event_ th,
.table_one_column_event_ td {
	text-align: center;
}

/* ---------------------------------------------------------------
	イベントの編集
--------------------------------------------------------------- */

.section_two_columns_unequally_.section_image_select_ {
	padding-bottom: 20px;
}

.table_event_item_,
.table_event_event_ {
	width: 899px;
}

/* ---------------------------------------------------------------
	会員グループ組み合わせ
--------------------------------------------------------------- */
.select_customer_group_ {
	display: inline-block;
	width: 470px; 
	margin: 0 40px 0;
	padding: 10px;
	vertical-align:top;
}
.select_customer_group_ .header_ {
	width: 100%;
	font-size: 16px;
	text-align: center;
}

.select_customer_group_ .label_  { width: 110px; }
.select_customer_group_ .search_ { width: 80px;  }
.diagram_group_ {
	margin: 10px 0 20px;
	padding: 10px;
}
.diagram_ {
	display: inline-block;
	width: 370px;
	padding: 10px 0 20px;
	text-align: center;
	cursor: pointer;
}
.diagram_:hover { background-color: #B1F5C7; }
.diagram_ img {
	width: 260px;
	height: 170px;
}
.input_customer_group {
	width: 50%;
	margin: 0 auto;
	padding: 10px;
}
[name=cg_combine] .input_focus_ {
	border: 3px solid #ff0000;
}
[name=cg_combine] .input_unfocus_ {
	border: 3px solid #ffffff;
}

/* ---------------------------------------------------------------
	クーポン分析
--------------------------------------------------------------- */
.bonus_type_range_ {
	padding-left: 1.5em;
}
.bonus_type_show_ {
	display: inline-block;
}
.bonus_type_hide_ {
	display: none;
}

/* ---------------------------------------------------------------
	定期購入出荷予測
--------------------------------------------------------------- */
.ship_expected_list_hover_:hover {
	background-color: #e4effe;
}

/* ---------------------------------------------------------------
	管理者お知らせ通知
--------------------------------------------------------------- */
.systemnotify_info_body_ {
	width: 430px;
	height: 200px;
	white-space: pre-wrap;
	overflow-wrap: break-word;
	overflow-y: scroll;
}

/* ---------------------------------------------------------------
	マニュアルリンクボタン
--------------------------------------------------------------- */
.manual-button {
	position: fixed;
	bottom: 20px;
	right: 20px;
	border: none;
	height: 100px;
	width: 100px;
	border-radius: 50%;
	background-image: url('../img/manual/manual_button.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}

.manual-button:hover {
	background-image: url('../img/manual/manual_hover_button.png');
}