@charset "utf-8";

/* CSS Document */


/********************************************************************/
/* base element */
/********************************************************************/

body {
    font-size: 12px;
    font-feature-settings : "pkna";
}

img {
    border: none;
    -ms-interpolation-mode: bicubic;
}

nav ul, ul {
    list-style: none outside none;
}

input[type="file"],
input[type="radio"],
input[type="checkbox"],
input[type="radio"] + label[for],
input[type="checkbox"] + label[for],
label[for] img {
    cursor: pointer;
}

input[type="file"][disabled],
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][disabled] + label[for],
input[type="checkbox"][disabled] + label[for],
input[disabled] label[for] img {
    cursor: default;
}

a[href="javascript:void(0);"] {
    -webkit-touch-callout: none;
}


/********************************************************************/
/* size */
/********************************************************************/

.size10 {width: 10px;}
.size20 {width: 20px;}
.size25 {width: 25px;}
.size30 {width: 30px;}
.size35 {width: 35px;}
.size40 {width: 40px;}
.size45 {width: 45px;}
.size50 {width: 50px;}
.size55 {width: 55px;}
.size60 {width: 60px;}
.size65 {width: 65px;}
.size70 {width: 70px;}
.size75 {width: 75px;}
.size80 {width: 80px;}
.size85 {width: 85px;}
.size90 {width: 90px;}
.size95 {width: 95px;}
.size100 {width: 100px;}
.size110 {width: 110px;}
.size120 {width: 120px;}
.size130 {width: 130px;}
.size140 {width: 140px;}
.size150 {width: 150px;}
.size160 {width: 160px;}
.size170 {width: 170px;}
.size180 {width: 180px;}
.size190 {width: 190px;}
.size200 {width: 200px;}
.size210 {width: 210px;}
.size220 {width: 220px;}
.size230 {width: 230px;}
.size240 {width: 240px;}
.size250 {width: 250px;}
.size260 {width: 260px;}
.size270 {width: 270px;}
.size280 {width: 280px;}
.size290 {width: 290px;}
.size300 {width: 300px;}
.size310 {width: 310px;}
.size320 {width: 320px;}
.size330 {width: 330px;}
.size340 {width: 340px;}
.size350 {width: 350px;}
.size360 {width: 360px;}
.size370 {width: 370px;}
.size380 {width: 380px;}
.size390 {width: 390px;}
.size400 {width: 400px;}
.size410 {width: 410px;}
.size420 {width: 420px;}
.size430 {width: 430px;}
.size440 {width: 440px;}
.size450 {width: 450px;}
.size460 {width: 460px;}
.size470 {width: 470px;}
.size480 {width: 480px;}
.size490 {width: 490px;}
.size500 {width: 500px;}
.size510 {width: 510px;}
.size520 {width: 520px;}
.size530 {width: 530px;}
.size540 {width: 540px;}
.size550 {width: 550px;}
.size560 {width: 560px;}
.size570 {width: 570px;}
.size580 {width: 580px;}
.size590 {width: 590px;}
.size600 {width: 600px;}
.size610 {width: 610px;}
.size620 {width: 620px;}
.size630 {width: 630px;}
.size640 {width: 640px;}
.size650 {width: 650px;}
.size660 {width: 660px;}
.size670 {width: 670px;}
.size680 {width: 680px;}
.size690 {width: 690px;}
.size700 {width: 700px;}

.xxsmallsize {width: 30px;}
.item_order {width: 20px; font-size: 77%;}
.xsmallsize {width: 50px;}
.smallsize {width: 100px;}
.mediumsize {width: 150px;}
.largesize {width: 250px;}
.xslargesize {width: 340px;}
.xlargesize {width: 400px;}
.xxlargesize {width: 95%;}
.fullsize {width: 99%;}
#phone .fullsize {width: 96%;}
.searchform {width: 250px;}
#phone .searchform {width: 80%;}
input.signinsize {width: 470px; height: 40px;}

.fontxxlarge {font-size: 123.9%;}
.fontxlarge {font-size: 116%;}
.fontlarge {font-size: 108%;}
.fontsmall {font-size: 93%;}
.fontxsmall {font-size: 85%;}
.fontxxsmall {font-size:77%;}
.fontxxxsmall {font-size:59%;}


/********************************************************************/
/* text format */
/********************************************************************/

.word_break_normal {
    word-break: normal;
}

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

.smaller_text {
    font-size: 93%;
}

.ellipsis {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/********************************************************************/
/* box layout */
/********************************************************************/

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

.clear-both {
    clear: both;
}


/********************************************************************/
/* wrap table size */
/********************************************************************/

.liquid_width,
.wide_fixed_width {
    margin: 0;
    padding: 0;
    background-image: url("../img/bg.jpg");
}

.liquid_width {
    min-width: 980px;
}

.admin_popup .liquid_width {
    min-width: 755px;
}

.liquid_width #admin_wrapper_table {
    width: 90%;
    min-width: 980px;
    background-color: #FFFFFF;
}

.admin_popup .liquid_width #admin_wrapper_table {
    min-width: 755px;
}

.wide_fixed_width #admin_wrapper_table {
    width: 980px;
}

.admin_popup .wide_fixed_width #admin_wrapper_table {
    width: 755px;
}


/********************************************************************/
/* left side menu */
/********************************************************************/

#admin_main {
    margin: 0 10px 30px 0;
}

.admin_popup #admin_main {
    margin: 6px 0 20px 0;
}

#admin_main,
.left_admin_menu {
    margin-top: 20px;
}

.left_admin_menu {
    position: relative;
}

#close_left_admin_menu,
#open_left_admin_menu {
    width: 20px;
    height: 19px;
    padding: 0 8px;
    display: none;
    position: absolute;
    background-color: #000000;
    background-position: 8px top;
    background-repeat: no-repeat;
}

#close_left_admin_menu {
    background-image: url("../img/menu_close.png");
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    left: 15px;
    top: -20px;
}

/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
/*-----------------------------------------------------------*/
    #close_left_admin_menu {
        background-image: url("../img/menu_close_x2.png");
        background-size: 20px 19px;
    }
/*-----------------------------------------------------------*/
}

#open_left_admin_menu {
    background-image: url("../img/menu_open.png");
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    left: 0;
    top: -70px;
}

#open_left_admin_menu {
    top: -25px;
}

/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
/*-----------------------------------------------------------*/
    #open_left_admin_menu {
        background-image: url("../img/menu_open_x2.png");
        background-size: 20px 19px;
    }
/*-----------------------------------------------------------*/
}

#close_left_admin_menu:hover,
#open_left_admin_menu:hover {
    background-color: #333333;
}

#close_left_admin_menu:hover {
    margin-top: -2px;
    padding-bottom: 2px;
}

#open_left_admin_menu:hover {
    padding-top: 2px;
    background-position: 8px 2px;
}

#admin_left_menu_box {
    margin: 0 10px 0 9px;
}


/********************************************************************/
/* switch button of wide admin page width */
/********************************************************************/

.windowsize {
    position: relative;
}

.btn_windowsize {
    position: absolute;
    top: -23px;
    right: 8px;
}

.btn_windowsize {
    display: block;
    width: 35px;
    height: 22px;
    background: url("../img/btn_windowsize.png") no-repeat left top;
    cursor: pointer;
}

.btn_windowsize:hover {
    background-image: url("../img/btn_windowsize_o.png");
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.wide_ver {
    background-image: url("../img/btn_windowsize_wide.png");
}

.wide_ver:hover {
    background-image: url("../img/btn_windowsize_wide_o.png");
}


/********************************************************************/
/* right side main area */
/********************************************************************/

#inner_admin_main {
    min-width: 750px;
    margin: -5px 0 15px 0;
}

.admin_popup #inner_admin_main {
    min-width: 0;
}

/********************************************************************/
/* page title */
/********************************************************************/

.main_area_page_title {
    margin-bottom: 15px;
    padding: 0 5px;
    position: relative;
    border: #CCCCCC solid 1px;
    border-radius: 5px;
    background: #FFFFFF url("../img/title/title_bg.jpg") repeat-x scroll bottom left;
    text-align: left;
}

.main_table_color .main_area_page_title {
    margin: 0 0 15px 0;
    padding: 0 5px;
    text-align: left;
}

.main_area_page_title .inner_main_area_page_title {
    margin-left: 5px;
    margin-top: 1px;
    height: 2.1em;
    line-height: 2.1em;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
}

.main_area_page_title .page_title_opacity {
    display: inline-block;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.main_area_page_title .page_title_left_edge {
    width: 5px;
    height: 1.4em;
    margin-top: 0.7em;
    display: inline-block;
    border-radius: 5px;
    vertical-align: top;
}

.ie7 .main_area_page_title .page_title_left_edge {
    margin-top: 7px;
}

.main_area_page_title .page_title_right_edge {
    margin-right: 25px;
    position: absolute;
    right: 0;
    top: 0;
    height: 2.2em;
    line-height: 2.2em;
    display: inline-block;
    font-size: 14px;
}

.main_area_page_title .page_title_right_edge img {
    vertical-align: middle;
}

.main_area_page_title .page_title_circle {
    position: absolute;
    top: 36%;
    right: 7px;
}

.page_title_circle {
    width: 4px;
    height: 4px;
    display: inline-block;
    background-color: #FFFFFF;
    border-radius: 7px;
    border: transparent 3px solid;
}

div.main_area_page_title {
    line-height: 2.5em;
}

.title_sales_history_desc_cancel .page_title_text_bg {
    padding: 2px 10px 3px 10px;
    background-color: #F60402;
    border-radius: 15px;
    color: #FFFFFF;
}

.title_sales_history_desc_cancel .main_area_page_title .page_title_circle {
    border-color: #FB0206;
}

.title_sales_history_desc_cancel .main_area_page_title .page_title_left_edge {
    display: none;
}

.title_sales_history_desc_cancel .main_area_page_title .inner_main_area_page_title {
    margin-left: 0;
    margin-bottom: 2px;
}


/********************************************************************/
/* icon */
/********************************************************************/

.device_icon {
    height: 22px;
    display: inline-block;
    vertical-align: middle;
}

.pc_icon {
    width: 24px;
    background-image: url("../img/icon/icon_pc_only.png");
}

/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
/*-----------------------------------------------------------*/
    .pc_icon {
        background-image: url("../img/icon/icon_pc_only_x2.png");
        background-size: 24px 22px;
    }
/*-----------------------------------------------------------*/
}

.sp_icon {
    width: 18px;
    background-image: url("../img/icon/icon_sp_only.png");
}

/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
/*-----------------------------------------------------------*/
    .sp_icon {
        background-image: url("../img/icon/icon_sp_only_x2.png");
        background-size: 18px 22px;
    }
/*-----------------------------------------------------------*/
}

.mo_icon {
    width: 15px;
    background-image: url("../img/icon/icon_mo_only.png");
}

/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
/*-----------------------------------------------------------*/
    .mo_icon {
        background-image: url("../img/icon/icon_mo_only_x2.png");
        background-size: 15px 22px;
    }
/*-----------------------------------------------------------*/
}


/********************************************************************/
/* note of upper area */
/********************************************************************/

.global_note {
    margin: 0 5px 15px;
    padding: 0;
    text-align: left;
}

.inner_contents_box .global_note {
    margin: 0;
}

.admin_popup .global_note {
    margin: 5px 5px 30px 5px;
}

.global_note li {
    padding: 5px 5px 5px 15px;
    border-bottom: 1px dotted #CCCCCC;
    background-image: url("../img/icon_global.png");
    background-repeat: no-repeat;
    background-position: left center;
    list-style: none;
    line-height: 160%;
    word-break: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.admin_japanese .global_note li.icon_top_position {
    background-position: left 0.5em;
}

.admin_english .global_note li.icon_top_position {
    background-position: left 0.6em;
}

.admin_japanese .global_note li.icon_center_position,
.admin_english .global_note li.icon_center_position {
    background-position: left center;
}

.global_note li.without_list_icon {
    background: none;
}

.global_note li:first-child,
.global_note li.postop {
    border-top: 1px solid #CCCCCC;
}

/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
/*-----------------------------------------------------------*/
    .global_note li {
        background-image: url("../img/icon_global_x2.png");
        background-size: 15px 15px;
    }
/*-----------------------------------------------------------*/
}

.global_note .desc_product_icon {
    background: url("../img/icon/icon_item.gif") no-repeat 2px center;
}

.admin_japanese .global_note .desc_product_icon {
    padding-left: 20px;
}

.rounded_desc_box {
    position: relative;
    padding: 8px;
    border: #DDDDDD solid 1px;
    border-radius: 5px;
    background-color: #F8F7F7;
}

.rounded_desc_box .desc_with_icon {
    margin-bottom: 5px;
    padding: 0 5px 0 15px;
    text-align: left;
    background: url("../img/icon/icon_caption.gif") no-repeat 2px center;
}

.rounded_desc_box .desc_without_icon {
    margin: 0 20px;
}

.rounded_desc_box .global_note {
    margin-bottom: 0;
}

.rounded_desc_box .global_note .without_bg_icon {
    background-image: none;
}

.rounded_desc_box .global_note .without_border_bottom {
    border-bottom: none;
}

.rounded_desc_box .close_icon {
    position: absolute;
    top: 0px;
    left: 0px;
}

.rounded_desc_box .global_note li:first-child {
    border-top: none;
}

.rounded_desc_box .global_note li:last-child {
    border-bottom: none;
}

.global_note .use_border_bottom {
    border-bottom: 1px dotted #CCCCCC;
}

.font_emphasis {
    color: #ff3300;
}

.display_close_btn {
    padding-top: 15px;
}

.display_open_btn {
    padding-top: 9px;
}


/********************************************************************/
/* image */
/********************************************************************/

.vami {
    vertical-align: middle;
}

.v_a_top {
    vertical-align: top;
}

.v_a_bottom {
    vertical-align: bottom;
}

.imgalpha {
    opacity: 0.2;
    filter: alpha(opacity=20);
}


/*************************************************************/
/* common form */
/*************************************************************/

.form_note,
.form_side_note {
    line-height: 160%;
    background-color: #FFFFEE;
    color: #666666;
}

.form_note {
    padding: 5px;
}

.form_note p {
    margin: 0;
    padding: 0;
}

.form_side_note {
    padding: 2px;
    display: inline-block;
}

.emphasized_note {
    margin: 30px;
    padding: 15px;
    line-height: 200%;
    border: #ff0000 solid 2px;
    border-radius: 5px;
    background-color: #ffffee;
    color: #666666;
}

.upper_dotted_separator {
    border-top: 1px dotted #CCCCCC;
}

.inner_title {
    font-weight: bold;
}

.completion .inner_title {
    font-weight: normal;
}

.inner_title_normal {
    margin-bottom: 5px;
    display: block;
}

.trailing_label {
    margin-left: 5px;
    display: inline-block;
    line-height: 160%;
    word-break: normal;
}

.small_label {
    font-size: 10px;
}

.device_label {
    padding: 0 2px;
    font-weight: bold;
}

.select_box {
    margin: 2px 0;
    display: inline-block;
}

.available_html_icon_box .available_html_icon,
.available_html_icon_box .necessary_ssl_icon {
    margin-left: -5px;
}

.upper_area_input_box {
    margin-bottom: 3px;
    padding: 2px 10px;
    display: inline-block;
    border-radius: 3px;
    background-color: #FFFFFF;
}

.vertical_input_space {
    padding: 2px 0;
}

.vertical_input_large_space {
    padding: 5px 0;
}

.background_box {
    padding: 5px;
    background-color: #EBEBEB;
}

.recommended_option + label {
    min-height: 15px;
    display: inline-block;
    background: url("../img/icon/icon_preferred.gif") no-repeat center left;
}

/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
/*-----------------------------------------------------------*/
    .recommended_option + label {
        background-image: url("../img/icon/icon_preferred_x2.gif");
        background-size: 26px 15px;
    }
    .admin_english .recommended_option + label {
        background-size: 43px 15px;
    }
/*-----------------------------------------------------------*/
}

.admin_japanese .recommended_option + label {
    padding-left: 30px;
}

.admin_english .recommended_option + label {
    padding-left: 45px;
}

.require {
    color: #ff0000;
    font-weight: bold;
    padding-left: 5px;
    cursor: default;
}

.table_bg .has_check_parts {
    line-height: 180%;
}

.textarea_box,
.textarea_field,
.automatic_checkbox_area {
    display: block;
}

.check_list_item {
    display: inline-block;
    margin: 2px;
}

.check_item_case {
    margin: 5px;
    padding: 5px 5px 1px 5px;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
}

.check_item_case img {
    pointer-events: none;
}

label.check_item_case:hover {
    border-color: #666666;
    cursor: pointer;
}



/*************************************************************/
/* each page form */
/*************************************************************/

.mail_template_selection {
    max-width: 450px;
}

.ie8 .mail_template_selection,
.ie9 .mail_template_selection {
    width: 450px;
}


/********************************************************************/
/* cell property */
/********************************************************************/

.cellbold {
    font-weight: bold;
}

.cellleft {
    text-align: left;
}

.cellright {
    text-align: right;
}

.cellcenter {
    text-align: center;
}

.cellline {
    width: 100%;
    border-bottom: 1px dotted #CCCCCC;
    margin-bottom: 8px;
    padding-bottom: 8px;
}

td.cellline {
    width: auto;
}

.cellline_upper {
    width:100%;
    border-top: 1px dotted #CCCCCC;
    margin-top: 8px;
    padding-top: 8px;
    box-sizing: border-box;
}

td.cellline_upper {
    width: auto;
}

.cellline_dashed {
    width:100%;
    border-bottom: 1px dashed #CCCCCC;
    margin-bottom: 8px;
    padding-bottom: 8px;
}

.cellline_dashed_upper {
    width:100%;
    border-top: 1px dashed #CCCCCC;
    margin-top: 8px;
    padding-top: 5px;
}

.cellline,
.cellline_upper,
.cellline_dashed,
.cellline_dashed_upper,
.cell_no_line {
    line-height: 160%;
}

.cellnpadding {
    padding: 0;
    margin: 0;
}

.cellbpadding {
    padding: 15px 10px !important;
}

.tablemargintop {
    margin-top: 15px;
}

.tablemarginbottom {
    margin-bottom: 15px;
}


/********************************************************************/
/* display */
/********************************************************************/

.display_block {
    display: block;
}

.display_inline_block {
    display: inline-block;
}

.display_inline {
    display: inline;
}

.display_table {
    display: table;
    width: 100%;
    margin: 0;
    padding: 0;
}

.display_table .cellline,
.display_table .cellline_upper,
.display_table .cell_no_line,
.display_table .cellbottom {
    display: table-row;
}

.display_table .inner_title,
.display_table .inner_title_normal,
.display_table .inner_value {
    display: table-cell;
    padding: 5px 0;
}

.display_table .inner_title,
.display_table .inner_title_normal {
    width: 60px;
    min-width: 60px;
}

.display_table .size80 {
    width: 80px;
    min-width: 80px;
}

.display_table .size90 {
    width: 90px;
    min-width: 90px;
}

.display_table .size100 {
    width: 100px;
    min-width: 100px;
}

.display_table .size120 {
    width: 120px;
    min-width: 120px;
}

.display_table .cellline .inner_title,
.display_table .cellline .inner_title_normal,
.display_table .cellline .inner_value {
    border-bottom: 1px dotted #CCCCCC;
}

.display_table .cellline_upper .inner_title,
.display_table .cellline_upper .inner_title_normale,
.display_table .cellline_upper .inner_value {
    border-top: 1px dotted #CCCCCC;
}

.ie7 .display_table .cellline .inner_title,
.ie7 .display_table .cellline .inner_title_normal,
.ie7 .display_table .cellline .inner_value,
.ie7 .display_table .cellline_upper .inner_title,
.ie7 .display_table .cellline_upper .inner_title_normal,
.ie7 .display_table .cellline_upper .inner_value {
    border: none;
}

.cell_option_box {
    display: block;
    border-top: 1px dotted #CCCCCC;
    margin-top: 5px;
    padding-top: 5px;
}

.cell_empty_message {
    padding: 10px;
    text-align: center;
}

.alpha {
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.sticky_table_header th,
.sticky_table_header td,
.sticky_table_header_pc th,
.sticky_table_header_pc td {
    position: sticky;
    top: 0;
    z-index: 1;
}

@media screen and (max-width: 700px) {
    .sticky_table_header_pc th,
    .sticky_table_header_pc td {
        position: static;
    }
}

.sticky_left_cell_table > tbody > tr.sticky_table_header td:first-child {
    z-index: 2;
}

.sticky_left_cell_table > tr > td:first-child,
.sticky_left_cell_table > tbody > tr > td:first-child {
    position: sticky;
    left: 0;
    z-index: 1;
}


/*************************************************************/
/* border */
/*************************************************************/

.right_dotted_line {
    padding-right: 10px;
    display: inline-block;
    border-right: 1px dotted #CCCCCC;
}

.left_dotted_line {
    margin-left: 5px;
    padding-left: 10px;
    display: inline-block;
    border-left: 1px dotted #CCCCCC;
}


/*************************************************************/
/* right bottom link */
/*************************************************************/

.right_link_box {
    position: relative;
}

.inner_right_link_box {
    display: block;
    position: absolute;
    right: 0;
    top: 3px;
    text-align: left;
    z-index: 10;
}

.right_link_box .inner_right_link_box .right_link_config {
    width: auto;
    display: block;
    padding-left: 15px;
    background: url("../img/icon_global.png") no-repeat left center;
}


/*************************************************************/
/* link */
/*************************************************************/

.target_shop_url {
    display: inline-block;
}

.global_link,
.data_table .cell_data .global_link {
    width: auto;
    padding-left: 15px;
    background: rgba(0, 0, 0, 0) url("../img/icon_global.png") no-repeat scroll left center;
    display: inline-block;
}


/*************************************************************/
/* button */
/*************************************************************/

input[type="button"],
input[type="submit"],
input[type="image"] {
    cursor: pointer;
}

.opacity_btn:hover,
input[type="image"]:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.nowrap_box {
    white-space: nowrap;
}

.global_simple_btn,
.global_square_large_btn,
.global_square_small_btn,
.global_square_smallest_btn,
.global_square_minimum_btn {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.global_square_large_btn,
.global_square_small_btn,
.global_square_smallest_btn,
.global_square_minimum_btn {
    display: inline-block;
    background: #F9F9F9 url("../img/adminbtn/btn_main_bg.png") repeat-x scroll left bottom;
    border-color: #E1E1E1 #BBBBBB #BBBBBB #E1E1E1;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    color: #444444;
    font-weight: bold;
    outline: medium none;
}

.global_square_red_btn {
    background: #FFDDDD url("../img/adminbtn/btn_red_bg.png") repeat-x scroll left bottom;
}

.global_square_blue_btn {
    background: #E1F0FF url("../img/adminbtn/btn_blue_bg.png") repeat-x scroll left bottom;
}

.global_square_red_white_btn {
    color: #FFFFFF;
    background: linear-gradient(to bottom, #FF8686, #FF4545);
}

.ie9 .global_square_red_white_btn {
    background: #FF4545 none;
}

.global_square_orange_red_btn {
    color: #CC0000;
    background: linear-gradient(to bottom, #F5F2EF, #FED0A3);
}

.ie9 .global_square_orange_red_btn {
    background: #FED0A3 none;
}

.global_square_large_btn A,
.global_square_small_btn A,
.global_square_smallest_btn A,
.global_square_minimum_btn A,
.global_square_large_btn input[type="submit"],
.global_square_small_btn input[type="submit"],
.global_square_smallest_btn input[type="submit"],
.global_square_minimum_btn input[type="submit"],
.global_square_large_btn input[type="button"],
.global_square_small_btn input[type="button"],
.global_square_smallest_btn input[type="button"],
.global_square_minimum_btn input[type="button"] {
    font-family: "Lucida Grande",'Hiragino Kaku Gothic ProN','メイリオ','ＭＳ Ｐゴシック',"MS PGothic",sans-serif;
    display: inline-block;
    background-repeat: no-repeat;
    color: #444444;
    vertical-align: middle;
    text-decoration: none;
    text-align: left;
    text-indent: 25px;
    white-space: nowrap;
    text-shadow: 1px 1px 1px #FFFFFF, -1px -1px 1px #DDDDDD;
}

.global_square_red_btn A,
.global_square_red_btn input[type="submit"],
.global_square_red_btn input[type="button"] {
    text-shadow: 1px 1px 1px #FFDDDD, -1px -1px 1px #DDDDDD;
}

.global_square_blue_btn A,
.global_square_blue_btn input[type="submit"],
.global_square_blue_btn input[type="button"] {
    text-shadow: 1px 1px 1px #D7EBFF, -1px -1px 1px #DDDDDD;
}

.global_square_large_btn A:link,
.global_square_small_btn A:link,
.global_square_smallest_btn A:link,
.global_square_minimum_btn A:link {
    color: #444444;
}

.global_square_large_btn A,
.global_square_large_btn input[type="submit"],
.global_square_large_btn input[type="button"] {
    padding: 8px 10px 8px 5px;
    background-position: 8px center;
}

.admin_japanese .global_square_large_btn A,
.admin_japanese .global_square_large_btn input[type="submit"],
.admin_japanese .global_square_large_btn input[type="button"] {
    padding-top: 9px;
}

.global_square_large_btn A:link,
.global_square_large_btn input[type="submit"],
.global_square_large_btn input[type="button"] {
    font-size: 13px;
    text-indent: 23px;
}

.global_square_small_btn {
    border-radius: 4px;
}

.global_square_small_btn A:link,
.global_square_small_btn input[type="submit"],
.global_square_small_btn input[type="button"] {
    font-size: 12px;
    padding: 3px 10px 3px 5px;
    background-position: 5px center;
    text-indent: 20px;
}

.admin_japanese .global_square_small_btn A,
.admin_japanese .global_square_small_btn input[type="submitn"],
.admin_japanese .global_square_small_btn input[type="button"] {
    padding-top: 4px;
}

.global_square_smallest_btn {
    border-radius: 3px;
}

.global_square_smallest_btn A:link,
.global_square_smallest_btn input[type="submit"],
.global_square_smallest_btn input[type="button"] {
    font-size: 11px;
    padding: 1px 7px 1px 2px;
    background-position: 2px center;
    text-indent: 18px;
}

.global_square_minimum_btn {
    border-color: #999999;
    border-radius: 2px;
}

.global_square_minimum_btn A:link,
.global_square_minimum_btn input[type="submit"],
.global_square_minimum_btn input[type="button"] {
    text-align: center;
    text-indent: 0;
    padding: 0 1px;
    font-size: 10px;
}

.ie8 .global_square_minimum_btn A:link,
.ie9 .global_square_minimum_btn A:link,
.ie10 .global_square_minimum_btn A:link,
.ie8 .global_square_minimum_btn input[type="submit"],
.ie9 .global_square_minimum_btn input[type="submit"],
.ie10 .global_square_minimum_btn input[type="submit"],
.ie8 .global_square_minimum_btn input[type="button"],
.ie9 .global_square_minimum_btn input[type="button"],
.ie10 .global_square_minimum_btn input[type="button"] {
    padding: 1px 1px 0 1px;
    font-size: 11px;
}

.admin_japanese .global_square_minimum_btn A:link,
.admin_japanese .global_square_minimum_btn input[type="submit"],
.admin_japanese .global_square_minimum_btn input[type="button"] {
    min-width: 26px;
}

.admin_english .global_square_minimum_btn A:link,
.admin_english .global_square_minimum_btn input[type="submit"],
.admin_english .global_square_minimum_btn input[type="button"] {
    min-width: 30px;
    font-size: 10px;
}

.minimum_btn_right_space {
    margin-right: 2px;
}

.global_square_red_white_btn A,
.global_square_red_white_btn A:link,
.global_square_red_white_btn input[type="submit"],
.global_square_red_white_btn input[type="button"] {
    color: #FFFFFF;
    text-shadow: 1px 1px 1px #FF8686, -1px -1px 1px #FF4545;
}

.global_square_orange_red_btn A,
.global_square_orange_red_btn A:link,
.global_square_orange_red_btn input[type="submit"],
.global_square_orange_red_btn input[type="button"] {
    color: #CC0000;
}

.global_square_large_btn A:hover,
.global_square_small_btn A:hover,
.global_square_smallest_btn A:hover,
.global_square_minimum_btn A:hover,
.global_square_large_btn input[type="submit"]:hover,
.global_square_small_btn input[type="submit"]:hover,
.global_square_smallest_btn input[type="submit"]:hover,
.global_square_minimum_btn input[type="submit"]:hover,
.global_square_large_btn input[type="button"]:hover,
.global_square_small_btn input[type="button"]:hover,
.global_square_smallest_btn input[type="button"]:hover,
.global_square_minimum_btn input[type="button"]:hover {
    color: #444444;
    text-decoration: none;
}

.global_square_large_btn:hover,
.global_square_small_btn:hover,
.global_square_smallest_btn:hover,
.global_square_minimum_btn:hover {
    background: #F9F9F9 url("../img/adminbtn/btn_main_bg_o.png") repeat-x scroll left top;
}

.global_square_red_btn:hover {
    color: #444444;
    background: #FFDDDD url("../img/adminbtn/btn_red_bg_o.png") repeat-x scroll left top;
}

.global_square_blue_btn:hover {
    color: #444444;
    background: #E1F0FF url("../img/adminbtn/btn_blue_bg_o.png") repeat-x scroll left top;
}

.global_square_red_white_btn:hover {
    color: #FFFFFF;
    background: linear-gradient(to bottom, #FF4545, #FF8686);
}

.ie9 .global_square_red_white_btn:hover {
    background: #FF4545 none;
    opacity: 0.8;
}

.global_square_red_white_btn A:hover,
.global_square_red_white_btn input[type="submit"]:hover,
.global_square_red_white_btn input[type="button"]:hover {
    color: #FFFFFF;
}

.global_square_orange_red_btn:hover {
    color: #CC0000;
    background: linear-gradient(to bottom, #FED0A3, #F5F2EF);
}

.ie9 .global_square_orange_red_btn:hover {
    background: #FED0A3 none;
    opacity: 0.8;
}

.global_square_orange_red_btn A:hover,
.global_square_orange_red_btn input[type="submit"]:hover,
.global_square_orange_red_btn input[type="button"]:hover {
    color: #CC0000;
}

.global_square_large_btn input[type="submit"],
.global_square_small_btn input[type="submit"],
.global_square_smallest_btn input[type="submit"],
.global_square_large_btn input[type="button"],
.global_square_small_btn input[type="button"],
.global_square_smallest_btn input[type="button"] {
    margin: 0;
    border: none;
    background-color: transparent;
    line-height: 150%;
    font-weight: bold;
}

/* plain button*/

.admin_plain_btn .global_square_large_btn A,
.admin_plain_btn .global_square_large_btn input[type="submit"],
.admin_plain_btn .global_square_large_btn input[type="button"],
.admin_plain_btn .global_square_small_btn A,
.admin_plain_btn .global_square_small_btn input[type="submit"],
.admin_plain_btn .global_square_small_btn input[type="button"] {
    padding-left: 10px;
    text-indent: 3px;
}

.admin_plain_btn .global_square_smallest_btn A,
.admin_plain_btn .global_square_smallest_btn input[type="submit"],
.admin_plain_btn .global_square_smallest_btn input[type="button"] {
    padding-left: 7px;
    text-indent: 2px;
}

.ie8 .admin_plain_btn .global_square_large_btn A,
.ie9 .admin_plain_btn .global_square_large_btn A,
.ie10 .admin_plain_btn .global_square_large_btn A,
.ie8 .admin_plain_btn .global_square_large_btn input[type="submit"],
.ie9 .admin_plain_btn .global_square_large_btn input[type="submit"],
.ie10 .admin_plain_btn .global_square_large_btn input[type="submit"],
.ie8 .admin_plain_btn .global_square_large_btn input[type="button"],
.ie9 .admin_plain_btn .global_square_large_btn input[type="button"],
.ie10 .admin_plain_btn .global_square_large_btn input[type="button"],
.ie8 .admin_plain_btn .global_square_small_btn A,
.ie9 .admin_plain_btn .global_square_small_btn A,
.ie10 .admin_plain_btn .global_square_small_btn A,
.ie8 .admin_plain_btn .global_square_small_btn input[type="submit"],
.ie9 .admin_plain_btn .global_square_small_btn input[type="submit"],
.ie10 .admin_plain_btn .global_square_small_btn input[type="submit"],
.ie8 .admin_plain_btn .global_square_small_btn input[type="button"],
.ie9 .admin_plain_btn .global_square_small_btn input[type="button"],
.ie10 .admin_plain_btn .global_square_small_btn input[type="button"],
.ie8 .admin_plain_btn .global_square_smallest_btn A,
.ie9 .admin_plain_btn .global_square_smallest_btn A,
.ie10 .admin_plain_btn .global_square_smallest_btn A,
.ie8 .admin_plain_btn .global_square_smallest_btn input[type="submit"],
.ie9 .admin_plain_btn .global_square_smallest_btn input[type="submit"],
.ie10 .admin_plain_btn .global_square_smallest_btn input[type="submit"],
.ie8 .admin_plain_btn .global_square_smallest_btn input[type="button"],
.ie9 .admin_plain_btn .global_square_smallest_btn input[type="button"],
.ie10 .admin_plain_btn .global_square_smallest_btn input[type="button"] {
    text-indent: 0;
}

/* icon button */

.admin_icon_btn .global_square_large_btn A:link,
.admin_icon_btn .global_square_large_btn input[type="submit"],
.admin_icon_btn .global_square_large_btn input[type="button"] {
    padding-right: 5px;
}

.admin_icon_btn .global_square_small_btn A:link,
.admin_icon_btn .global_square_small_btn input[type="submit"],
.admin_icon_btn .global_square_small_btn input[type="button"] {
    padding-right: 5px;
}

.admin_icon_btn .global_square_smallest_btn A:link,
.admin_icon_btn .global_square_smallest_btn input[type="submit"],
.admin_icon_btn .global_square_smallest_btn input[type="button"] {
    padding-right: 2px;
}

.admin_icon_btn .blank_spacer {
    display: inline-block;
    text-indent: -9999px;
    overflow: hidden;
}

/* active status */

.active_btn .global_square_large_btn,
.active_btn .global_square_small_btn,
.active_btn .global_square_smallest_btn,
.active_btn .global_square_minimum_btn,
.active_btn .global_square_large_btn:hover,
.active_btn .global_square_small_btn:hover,
.active_btn .global_square_smallest_btn:hover,
.active_btn .global_square_minimum_btn:hover {
    border: none;
    background-image: none;
    box-shadow: none;
}

.active_btn A,
.active_btn input[type="submit"],
.active_btn input[type="button"],
.active_btn A:hover,
.active_btn input[type="submit"]:hover,
.active_btn input[type="button"]:hover {
    cursor: default;
    color: #999999;
}

/* background-image of button */

.admin_sendlist_btn A,
.admin_sendlist_btn input[type="submit"],
.admin_sendlist_btn input[type="button"] {
    background-image: url("../img/icon/icon_sendlist.png");
}

.admin_tagcheck_btn A,
.admin_tagcheck_btn input[type="submit"],
.admin_tagcheck_btn input[type="button"] {
    background-image: url("../img/icon/icon_tagcheck.png");
}

.admin_activate_cart_btn A,
.admin_activate_cart_btn input[type="submit"],
.admin_activate_cart_btn input[type="button"] {
    background-image: url("../img/icon/icon_btn_activate_cart.png");
}

.admin_activate_cart_btn .global_square_large_btn A:link,
.admin_activate_cart_btn .global_square_large_btn input[type="submit"],
.admin_activate_cart_btn .global_square_large_btn input[type="button"] {
    text-indent: 30px;
}

.admin_activate_cart_btn .global_square_small_btn A:link,
.admin_activate_cart_btn .global_square_small_btn input[type="submit"],
.admin_activate_cart_btn .global_square_small_btn input[type="button"] {
    text-indent: 27px;
}

.admin_add_btn A,
.admin_add_btn input[type="submit"],
.admin_add_btn input[type="button"] {
    background-image: url("../img/icon/icon_btn_add.png");
}

.admin_back_btn A,
.admin_back_btn input[type="submit"],
.admin_back_btn input[type="button"] {
    background-image: url("../img/icon/icon_btn_back.png");
}

.admin_cancel_btn A,
.admin_cancel_btn input[type="submit"],
.admin_cancel_btn input[type="button"] {
    background-image: url("../img/icon/icon_btn_cancel.png");
}

.admin_change_btn A,
.admin_change_btn input[type="submit"],
.admin_change_btn input[type="button"] {
    background-image: url("../img/icon/icon_btn_change.png");
}

.admin_check_btn A,
.admin_check_btn input[type="submit"],
.admin_check_btn input[type="button"] {
    background-image: url("../img/icon/icon_btn_check.png");
}

.admin_complete_btn A,
.admin_complete_btn input[type="submit"],
.admin_complete_btn input[type="button"] {
    background-image: url("../img/icon/icon_btn_complete.png");
}

.admin_creditcard_btn A,
.admin_creditcard_btn A:link,
.admin_creditcard_btn input[type="submit"],
.admin_creditcard_btn input[type="button"] {
    background-image: url("../img/icon/icon_btn_creditcard.png");
    text-indent: 40px;
}

.admin_convenience_btn A,
.admin_convenience_btn A:link,
.admin_convenience_btn input[type="submit"],
.admin_convenience_btn input[type="button"] {
    background-image: url("../img/icon/icon_btn_convenience.png");
    text-indent: 40px;
}

.admin_csvdesc_btn A,
.admin_csvdesc_btn input[type="submit"],
.admin_csvdesc_btn input[type="button"] {
    background-image: url("../img/icon/icon_btn_csvdesc.png");
}

.admin_delete_btn A,
.admin_delete_btn input[type="submit"],
.admin_delete_btn input[type="button"] {
    background-image: url("../img/icon/icon_btn_delete.png");
}

.admin_download_btn A,
.admin_download_btn input[type="submit"],
.admin_download_btn input[type="button"] {
    background-image: url("../img/icon/icon_btn_download.png");
}

.admin_edit_btn A,
.admin_edit_btn input[type="submit"],
.admin_edit_btn input[type="button"] {
    background-image: url("../img/icon/icon_btn_edit.png");
}

.admin_editor_btn A,
.admin_editor_btn input[type="submit"],
.admin_editor_btn input[type="button"] {
    background-image: url("../img/icon/icon_btn_editor.png");
}

.admin_hidden_btn A,
.admin_hidden_btn input[type="submit"],
.admin_hidden_btn input[type="button"] {
    background-image: url("../img/icon/icon_btn_hidden.png");
}

.admin_itemset_btn A,
.admin_itemset_btn input[type="submit"],
.admin_itemset_btn input[type="button"] {
    background-image: url("../img/icon/icon_btn_itemset.png");
}

.image_admin A,
.image_admin input[type="submit"],
.image_admin input[type="button"] {
    background-image: url("../img/icon/icon_btn_image.png");
}

.admin_mailsignin_btn A,
.admin_mailsignin_btn input[type="submit"],
.admin_mailsignin_btn input[type="button"] {
    background-image: url("../img/icon/icon_btn_mailsignin.png");
}

.admin_move_btn A,
.admin_move_btn input[type="submit"],
.admin_move_btn input[type="button"] {
    background-image: url("../img/icon/icon_btn_move.png");
}

.admin_note_btn A,
.admin_note_btn input[type="submit"],
.admin_note_btn input[type="button"] {
    background-image: url("../img/icon/icon_btn_note.png");
}

.admin_payment_btn A,
.admin_payment_btn input[type="submit"],
.admin_payment_btn input[type="button"] {
    background-image: url("../img/icon/icon_payment.png");
}

.admin_paypal_btn A,
.admin_paypal_btn input[type="submit"],
.admin_paypal_btn input[type="button"] {
    background-image: url("../img/icon/icon_btn_paypal.png");
}

.admin_paypal_btn .global_square_large_btn A:link,
.admin_paypal_btn .global_square_large_btn input[type="submit"],
.admin_paypal_btn .global_square_large_btn input[type="button"] {
    text-indent: 44px;
}

.admin_paypal_btn .global_square_small_btn A:link,
.admin_paypal_btn .global_square_small_btn input[type="submit"],
.admin_paypal_btn .global_square_small_btn input[type="button"] {
    text-indent: 41px;
}

.admin_paypal_btn .global_square_smallest_btn A:link,
.admin_paypal_btn .global_square_smallest_btn input[type="submit"],
.admin_paypal_btn .global_square_smallest_btn input[type="button"] {
    text-indent: 40px;
}

.admin_point_btn A,
.admin_point_btn input[type="submit"],
.admin_point_btn input[type="button"] {
    background-image: url("../img/icon/icon_btn_point.png");
}

.admin_preview_btn A,
.admin_preview_btn input[type="submit"],
.admin_preview_btn input[type="button"] {
    background-image: url("../img/icon/icon_btn_preview.png");
}

.admin_register_btn A,
.admin_register_btn input[type="submit"],
.admin_register_btn input[type="button"] {
    background-image: url("../img/icon/icon_btn_register.png");
}

.admin_remove_btn A,
.admin_remove_btn input[type="submit"],
.admin_remove_btn input[type="button"] {
    background-image: url("../img/icon/icon_btn_remove.png");
}

.admin_reset_btn A,
.admin_reset_btn input[type="submit"],
.admin_reset_btn input[type="button"] {
    background-image: url("../img/icon/icon_btn_reset.png");
}

.admin_retrieve_btn A,
.admin_retrieve_btn input[type="submit"],
.admin_retrieve_btn input[type="button"] {
    background-image: url("../img/icon/icon_btn_retrieve.png");
}

.admin_sample_btn A,
.admin_sample_btn input[type="submit"],
.admin_sample_btn input[type="button"] {
    background-image: url("../img/icon/icon_btn_sample.png");
}

.admin_send_btn A,
.admin_send_btn input[type="submit"],
.admin_send_btn input[type="button"] {
    background-image: url("../img/icon/icon_btn_send.png");
}

.admin_shopopen_btn A,
.admin_shopopen_btn input[type="submit"],
.admin_shopopen_btn input[type="button"] {
    background-image: url("../img/icon/icon_btn_shopopen.png");
}

.admin_sort_btn A,
.admin_sort_btn input[type="submit"],
.admin_sort_btn input[type="button"] {
    background-image: url("../img/icon/icon_btn_sort.png");
}

.admin_sortn_btn A,
.admin_sortn_btn input[type="submit"],
.admin_sortn_btn input[type="button"] {
    background-image: url("../img/icon/icon_btn_sortn.png");
}

.admin_uncheck_btn A,
.admin_uncheck_btn input[type="submit"],
.admin_uncheck_btn input[type="button"] {
    background-image: url("../img/icon/icon_btn_uncheck.png");
}

.admin_upload_btn A,
.admin_upload_btn input[type="submit"],
.admin_upload_btn input[type="button"] {
    background-image: url("../img/icon/icon_btn_upload.png");
}

.admin_variation_btn A,
.admin_variation_btn input[type="submit"],
.admin_variation_btn input[type="button"] {
    background-image: url("../img/icon/icon_btn_variation.png");

}

.admin_withdraw_btn A,
.admin_withdraw_btn input[type="submit"],
.admin_withdraw_btn input[type="button"] {
    background-image: url("../img/icon/icon_btn_withdraw.png");
}

.admin_tag_btn A,
.admin_tag_btn A:link,
.admin_tag_btn input[type="submit"],
.admin_tag_btn input[type="button"] {
    background-image: url("../img/icon/icon_btn_tag.png");
    text-indent: 28px;
}

/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
/*-----------------------------------------------------------*/
    .admin_sendlist_btn A,
    .admin_sendlist_btn input[type="submit"],
    .admin_sendlist_btn input[type="button"] {
        background-image: url("../img/icon/icon_sendlist_x2.png");
        background-size: 17px 17px;
    }
    .admin_tagcheck_btn A,
    .admin_tagcheck_btn input[type="submit"],
    .admin_tagcheck_btn input[type="button"] {
        background-image: url("../img/icon/icon_tagcheck_x2.png");
        background-size: 17px 17px;
    }
    .admin_activate_cart_btn A,
    .admin_activate_cart_btn input[type="submit"],
    .admin_activate_cart_btn input[type="button"] {
        background-image: url("../img/icon/icon_btn_activate_cart_x2.png");
        background-size: 25px 27px;
    }
    .admin_add_btn A,
    .admin_add_btn input[type="submit"],
    .admin_add_btn input[type="button"] {
        background-image: url("../img/icon/icon_btn_add_x2.png");
        background-size: 17px 17px;
    }
    .admin_back_btn A,
    .admin_back_btnn input[type="submit"],
    .admin_back_btnn input[type="button"] {
        background-image: url("../img/icon/icon_btn_back_x2.png");
        background-size: 17px 17px;
    }
    .admin_cancel_btn A,
    .admin_cancel_btn input[type="submit"],
    .admin_cancel_btn input[type="button"] {
        background-image: url("../img/icon/icon_btn_cancel_x2.png");
        background-size: 17px 17px;
    }
    .admin_change_btn A,
    .admin_change_btn input[type="submit"],
    .admin_change_btn input[type="button"] {
        background-image: url("../img/icon/icon_btn_change_x2.png");
        background-size: 17px 17px;
    }
    .admin_check_btn A,
    .admin_check_btn input[type="submit"],
    .admin_check_btn input[type="button"] {
        background-image: url("../img/icon/icon_btn_check_x2.png");
        background-size: 17px 17px;
    }
    .admin_complete_btn A,
    .admin_complete_btn input[type="submit"],
    .admin_complete_btn input[type="button"] {
        background-image: url("../img/icon/icon_btn_complete_x2.png");
        background-size: 17px 17px;
    }
    .admin_creditcard_btn A,
    .admin_creditcard_btn A:link,
    .admin_creditcard_btn input[type="submit"],
    .admin_creditcard_btn input[type="button"] {
        background-image: url("../img/icon/icon_btn_creditcard_x2.png");
        background-size: 34px 27px;
    }
    .admin_convenience_btn A,
    .admin_convenience_btn A:link,
    .admin_convenience_btn input[type="submit"],
    .admin_convenience_btn input[type="button"] {
        background-image: url("../img/icon/icon_btn_convenience_x2.png");
        background-size: 34px 27px;
    }
    .admin_csvdesc_btn A,
    .admin_csvdesc_btn input[type="submit"],
    .admin_csvdesc_btn input[type="button"] {
        background-image: url("../img/icon/icon_btn_csvdesc_x2.png");
        background-size: 17px 17px;
    }
    .admin_delete_btn A,
    .admin_delete_btn input[type="submit"],
    .admin_delete_btn input[type="button"] {
        background-image: url("../img/icon/icon_btn_delete_x2.png");
        background-size: 17px 17px;
    }
    .admin_download_btn A,
    .admin_download_btn input[type="submit"],
    .admin_download_btn input[type="button"] {
        background-image: url("../img/icon/icon_btn_download_x2.png");
        background-size: 17px 17px;
    }
    .admin_edit_btn A,
    .admin_edit_btn input[type="submit"],
    .admin_edit_btn input[type="button"] {
        background-image: url("../img/icon/icon_btn_edit_x2.png");
        background-size: 17px 17px;
    }
    .admin_editor_btn A,
    .admin_editor_btn input[type="submit"],
    .admin_editor_btn input[type="button"] {
        background-image: url("../img/icon/icon_btn_editor_x2.png");
        background-size: 17px 17px;
    }
    .admin_hidden_btn A,
    .admin_hidden_btn input[type="submit"],
    .admin_hidden_btn input[type="button"] {
        background-image: url("../img/icon/icon_btn_hidden_x2.png");
        background-size: 17px 17px;
    }
    .admin_itemset_btn A,
    .admin_itemset_btn input[type="submit"],
    .admin_itemset_btn input[type="button"] {
        background-image: url("../img/icon/icon_btn_itemset_x2.png");
        background-size: 17px 17px;
    }
    .image_admin A,
    .image_admin input[type="submit"],
    .image_admin input[type="button"] {
        background-image: url("../img/icon/icon_btn_image_x2.png");
        background-size: 17px 17px;
    }
    .admin_mailsignin_btn A,
    .admin_mailsignin_btn input[type="submit"],
    .admin_mailsignin_btn input[type="button"] {
        background-image: url("../img/icon/icon_btn_mailsignin_x2.png");
        background-size: 17px 17px;
    }
    .admin_move_btn A,
    .admin_move_btn input[type="submit"],
    .admin_move_btn input[type="button"] {
        background-image: url("../img/icon/icon_btn_move_x2.png");
        background-size: 17px 17px;
    }
    .admin_note_btn A,
    .admin_note_btn input[type="submit"],
    .admin_note_btn input[type="button"] {
        background-image: url("../img/icon/icon_btn_note_x2.png");
        background-size: 17px 17px;
    }
    .admin_payment_btn A,
    .admin_payment_btn input[type="submit"],
    .admin_payment_btn input[type="button"] {
        background-image: url("../img/icon/icon_payment_x2.png");
        background-size: 17px 17px;
    }
    .admin_paypal_btn A,
    .admin_paypal_btn input[type="submit"],
    .admin_paypal_btn input[type="button"] {
        background-image: url("../img/icon/icon_btn_paypal_x2.png");
        background-size: 37px 17px;
    }
    .admin_point_btn A,
    .admin_point_btn input[type="submit"],
    .admin_point_btn input[type="button"] {
        background-image: url("../img/icon/icon_btn_point_x2.png");
        background-size: 17px 17px;
    }
    .admin_preview_btn A,
    .admin_preview_btn input[type="submit"],
    .admin_preview_btn input[type="button"] {
        background-image: url("../img/icon/icon_btn_preview_x2.png");
        background-size: 17px 17px;
    }
    .admin_register_btn A,
    .admin_register_btn input[type="submit"],
    .admin_register_btn input[type="button"] {
        background-image: url("../img/icon/icon_btn_register_x2.png");
        background-size: 17px 17px;
    }
    .admin_remove_btn A,
    .admin_remove_btn input[type="submit"],
    .admin_remove_btn input[type="button"] {
        background-image: url("../img/icon/icon_btn_remove_x2.png");
        background-size: 17px 17px;
    }
    .admin_reset_btn A,
    .admin_reset_btn input[type="submit"],
    .admin_reset_btn input[type="button"] {
        background-image: url("../img/icon/icon_btn_reset_x2.png");
        background-size: 17px 17px;
    }
    .admin_retrieve_btn A,
    .admin_retrieve_btn input[type="submit"],
    .admin_retrieve_btn input[type="button"] {
        background-image: url("../img/icon/icon_btn_retrieve_x2.png");
        background-size: 17px 17px;
    }
    .admin_sample_btn A,
    .admin_sample_btn input[type="submit"],
    .admin_sample_btn input[type="button"] {
        background-image: url("../img/icon/icon_btn_sample_x2.png");
        background-size: 17px 17px;
    }
    .admin_send_btn A,
    .admin_send_btn input[type="submit"],
    .admin_send_btn input[type="button"] {
        background-image: url("../img/icon/icon_btn_send_x2.png");
        background-size: 17px 17px;
    }
    .admin_shopopen_btn A,
    .admin_shopopen_btn input[type="submit"],
    .admin_shopopen_btn input[type="button"] {
        background-image: url("../img/icon/icon_btn_shopopen_x2.png");
        background-size: 17px 17px;
    }
    .admin_sort_btn A,
    .admin_sort_btn input[type="submit"],
    .admin_sort_btn input[type="button"] {
        background-image: url("../img/icon/icon_btn_sort_x2.png");
        background-size: 17px 17px;
    }
    .admin_sortn_btn A,
    .admin_sortn_btn input[type="submit"],
    .admin_sortn_btn input[type="button"] {
        background-image: url("../img/icon/icon_btn_sortn_x2.png");
        background-size: 17px 17px;
    }
    .admin_uncheck_btn A,
    .admin_uncheck_btn input[type="submit"],
    .admin_uncheck_btn input[type="button"] {
        background-image: url("../img/icon/icon_btn_uncheck_x2.png");
        background-size: 17px 17px;
    }
    .admin_upload_btn A,
    .admin_upload_btn input[type="submit"],
    .admin_upload_btn input[type="button"] {
        background-image: url("../img/icon/icon_btn_upload_x2.png");
        background-size: 17px 17px;
    }
    .admin_variation_btn A,
    .admin_variation_btn input[type="submit"],
    .admin_variation_btn input[type="button"] {
        background-image: url("../img/icon/icon_btn_variation_x2.png");
        background-size: 17px 17px;
    }
    .admin_withdraw_btn A,
    .admin_withdraw_btn input[type="submit"],
    .admin_withdraw_btn input[type="button"] {
        background-image: url("../img/icon/icon_btn_withdraw_x2.png");
        background-size: 17px 17px;
    }
    .admin_tag_btn A,
    .admin_tag_btn input[type="submit"],
    .admin_tag_btn input[type="button"] {
        background-image: url("../img/icon/icon_btn_tag_x2.png");
        background-size: 25px 17px;
    }
/*-----------------------------------------------------------*/
}


/* global_simple_btn */

.global_simple_btn .medium_size_btn,
.global_simple_btn .small_size_btn {
    font-family: "Lucida Grande",'Hiragino Kaku Gothic ProN','メイリオ','ＭＳ Ｐゴシック',"MS PGothic",sans-serif;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    text-align: left;
    font-weight: normal;
    white-space: nowrap;
    border: none;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.global_simple_btn .medium_size_btn {
    font-size: 12px;
    padding: 3px 8px;
    border-radius: 5px;
}

.global_simple_btn .small_size_btn {
    font-size: 11px;
    padding: 0 4px;
    border-radius: 3px;
}

.global_simple_btn input.small_size_btn {
    padding-top: 1px;
    padding-bottom: 1px;
}

.global_simple_btn .btn_global_icon_box {
    width: 1em;
    height: 1em;
    margin-right: 0.3em;
    line-height: 1em;
    display: inline-block;
    text-align: center;
}

.global_simple_btn .medium_size_btn .btn_global_icon_box {
    padding: 1px;
    border-radius: 3px;
}

.global_simple_btn .small_size_btn .btn_global_icon_box {
    border-radius: 2px;
}

.global_simple_btn .dark_gray_color_btn {
    background-color: #999999;
    color: #FFFFFF;
}

.global_simple_btn .dark_gray_color_btn:hover {
    background-color: #AAAAAA;
}

.global_simple_btn .dark_gray_color_btn .btn_global_icon_box {
    background-color: #F5F5F5;
    color: #999999;
}

.global_simple_btn .blue_color_btn {
    background-color: #64B3D9;
    color: #FFFFFF;
}

.global_simple_btn .blue_color_btn:hover {
    background-color: #7BBBD8;
}

.global_simple_btn .blue_color_btn .btn_global_icon_box {
    background-color: #F5F5F5;
    color: #64B3D9;
}

.global_simple_btn .pink_color_btn {
    background-color: #FF6666;
    color: #FFFFFF;
}

.global_simple_btn .pink_color_btn:hover {
    background-color: #FF7F7F;
}

.global_simple_btn .pink_color_btn .btn_global_icon_box {
    background-color: #F5F5F5;
    color: #FF6666;
}


/*************************************************************/
/* header area */
/*************************************************************/

#admin_header .global_simple_btn .medium_size_btn {
    -ms-transform: scale(0.95);
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
}

.ie9 #admin_header .global_simple_btn .dark_gray_color_btn:link,
.ie9 #admin_header .global_simple_btn .dark_gray_color_btn:visited,
.ie9 #admin_header .global_simple_btn .dark_gray_color_btn:hover,
.ie9 #admin_header .global_simple_btn .dark_gray_color_btn:active {
    color: #FFFFFF;
    font-weight: normal;
}


/*************************************************************/
/* tag validation button */
/*************************************************************/

.validation_btn_box .admin_tagcheck_btn {
    position: relative;
    display: inline-block;
}

.validation_btn_box .admin_tagcheck_btn .validation_status {
    position: absolute;
    right: 2px;
    bottom: 2px;
    cursor: pointer;
}

.ie8 .validation_btn_box .admin_tagcheck_btn .validation_status,
.ie9 .validation_btn_box .admin_tagcheck_btn .validation_status {
    bottom: 1px;
}

.validation_btn_box .admin_tagcheck_btn A,
.validation_btn_box .admin_tagcheck_btn input[type="submit"],
.validation_btn_box .admin_tagcheck_btn input[type="button"] {
    padding-right: 20px;
}

.upper_validation_btn {
    margin-bottom: 1px;
}

.lower_validation_btn {
    margin-top: 5px;
}

.automatic_checkbox_area .validation_btn_box {
    margin-top: 7px;
}

.add_button_bottom_space .validation_btn_box {
    margin-bottom: 5px;
}


/*************************************************************/
/* open / close button */
/*************************************************************/

.cell_data .shown_area {
    padding-right: 90px;
    position: relative;
}

.toggle_btn_box .standard_toggle_btn A,
.cell_data .standard_toggle_btn A,
.cell_data .left_toggle_btn A,
.cell_data .left_all_change_btn A,
.cell_data .right_toggle_btn A,
.cell_data .right_all_change_btn A {
    padding: 5px 5px 5px 30px;
    display: block;
    background-position: left top;
    background-repeat: no-repeat;
}

.toggle_btn_box .standard_toggle_btn A,
.cell_data .standard_toggle_btn A {
    display: inline-block;
}

.cell_data .left_toggle_btn A,
.cell_data .right_toggle_btn A {
    position: absolute;
    bottom: -5px;
    right: 0;
}

.cell_data .right_all_change_btn A {
    float: right;
}

.cell_data .left_all_change_btn A {
    float: left;
}

.toggle_btn_box .data_open A,
.cell_data .data_open A {
    background-image: url("../img/icon_open.png");
}

/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
/*-----------------------------------------------------------*/
    .toggle_btn_box .data_open A,
    .cell_data .data_open A {
        background-image: url("../img/icon_open_x2.png");
        background-size: 30px 30px;
    }
/*-----------------------------------------------------------*/
}

.toggle_btn_box .data_close A,
.cell_data .data_close A {
    background-image: url("../img/icon_close.png");
}

/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
/*-----------------------------------------------------------*/
    .toggle_btn_box .data_close A,
    .cell_data .data_close A {
        background-image: url("../img/icon_close_x2.png");
        background-size: 30px 30px;
    }
/*-----------------------------------------------------------*/
}

.toggle_btn_box .has_elastic_btn .data_close A,
.cell_data .has_elastic_btn .data_open A,
.cell_data .has_elastic_btn .data_close A {
    width: auto;
}

.hover_row .td_color_02,
.hover_row .td_color_03,
.hover_row .td_color_04,
.hover_row .bg_pale_gray,
.hover_row .bg_pale_yellow,
.hover_row .cell_data,
.checked_area .td_color_02,
.checked_area .td_color_03,
.checked_area .td_color_03_p,
.checked_area .td_color_03_text,
.checked_area .td_color_03_html,
.checked_area .td_color_03_multi,
.checked_area .td_color_04,
.checked_area .td_color_05,
.checked_area .td_color_06,
#ajax_form .checked_area .color1,
#ajax_form .checked_area .color2,
#ajax_form .checked_area .color3,
.checked_area .bg_pale_gray,
.checked_area .bg_pale_yellow,
.checked_area .cell_data,
.hover_box {
    background-color: #FFFFCC;
}

.extension_view .cell_data .data_open,
.minimum_view .cell_data .data_close,
.minimum_view .extension_setting {
    display: none;
}

.all_toggle_area_shown .admin_list_item_row .data_close {
    display: none;
}

/* for IE/Edge (* Measures against corruption) */
.toggle_btn_text {
    font-family: "Lucida Grande",'Hiragino Kaku Gothic ProN','メイリオ','ＭＳ Ｐゴシック',"MS PGothic",sans-serif;
}


/*************************************************************/
/* batch list button */
/*************************************************************/

.disabled_bach .bach_button,
.disabled_bach .bach_button:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: default;
}

.disabled_bach .selected_batch {
    display: none;
}

.disabled_bach .none_batch {
    display: inline-block;
}

.enabled_bach .selected_batch {
    display: inline-block;
}

.enabled_bach .none_batch {
    display: none;
}


/*************************************************************/
/* title bar button */
/*************************************************************/

.wrap_title_area {
    position: relative;
    height: 2.25em;
    line-height: 2.25em;
}

.wrap_title_area .right_title_button {
    position: absolute;
    top: 0;
    right: 0;
}


/*************************************************************/
/* balloon help */
/*************************************************************/

.balloon .global_note {
    margin: 0;
    padding: 15px;
}

.balloon_help,
.layout_help {
    position: relative;
}

.balloon_help A,
.layout_help A,
.fix_menu .balloon_help A {
    width: 35px;
    height: 30px;
    position: absolute;
    top: -10px;
    right: 0;
    background-repeat: no-repeat;
    background-position: left top;
}

.balloon_help A,
.fix_menu .balloon_help A {
    background-image: url("../img/balloon_help.png");
}

/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
/*-----------------------------------------------------------*/
    .balloon_help A,
    .fix_menu .balloon_help A {
        background-image: url("../img/balloon_help_x2.png");
        background-size: 35px 30px;
    }
/*-----------------------------------------------------------*/
}

.layout_help A {
    background-image: url("../img/layout_help.png");
}

/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
/*-----------------------------------------------------------*/
    .layout_help A {
        background-image: url("../img/layout_help_x2.png");
        background-size: 35px 30px;
    }
/*-----------------------------------------------------------*/
}

.balloon_help .vami {
    margin-right: 5px;
}

.small_balloon A {
    width: 23px;
    height: 20px;
    background-image: url("../img/balloon_helps.png");
    top: -15px;
    right: -10px;
}

/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
/*-----------------------------------------------------------*/
    .small_balloon A {
        background-image: url("../img/balloon_helps_x2.png");
        background-size: 23px 20px;
    }
/*-----------------------------------------------------------*/
}

.balloon {
    width: 500px;
    padding: 4px 4px 6px;
    position: absolute;
    right: -235px;
    bottom: 28px;
    background-image: url("../img/balloon_bg.png");
    background-repeat: no-repeat;
    background-position: 250px bottom;
    text-align: left;
    z-index: 130;
    visibility: hidden;
}

/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
/*-----------------------------------------------------------*/
    .balloon {
        background-image: url("../img/balloon_bg_x2.png");
        background-size: 20px 6px;
    }
/*-----------------------------------------------------------*/
}

.small_balloon .balloon {
    right: -253px;
    bottom: 53px;
}

.header_balloon .balloon {
    right: -20px;
    bottom: 27px;
    background-position: 465px bottom;
}

.help_desc {
    margin: 0;
    padding: 15px;
    background-color: #FFFFFF;
    border: 4px solid #CC0000;
    border-radius: 5px;
    color: #000000;
    font-weight: normal;
    line-height: 160%;
    box-shadow: 5px 5px 10px rgba(0,0,0,0.4);
}

.help_desc li.posbottom {
    border-bottom: none;
}

.help_desc li strong {
    color: #CC0000;
}

.btn_balloon {
    margin: auto;
}

.btn_balloon A {
    top: -25px;
}

.link_icon A:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}


/*************************************************************/
/* selection list */
/*************************************************************/

.selection_area {
    padding: 30px;
}

.selection_list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display:  flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.selection_item {
    padding: 3px;
    display: -webkit-box;
    display:  flex;
    background: transparent;
    float: left;
}

.selection_button {
    width: 100%;
    padding: 0;
    background: none;
    border: 2px solid #CCCCCC;
    border-radius: 5px;
    -webkit-transition: transform 0.1s linear, color 0.1s linear;
    transition: transform 0.1s linear, color 0.1s linear;
    color: #666666;
    cursor: pointer;
}

.selection_button:hover {
    border: 2px solid #BBBBBB;
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
    color: #444444;
}

.checked_item .selection_button {
    border: 2px solid #666666;
    background-color: #F5F5F5;
}

.selection_image {
    display: block;
    text-align: center;
    color: #000000;
}

.selection_label {
    padding-top: 2px;
    display: block;
    border-top: 1px solid #EEEEEE;
}

.selection_button:hover .selection_label {
    border-top: 1px solid #DDDDDD;
}

.checked_item .selection_label {
    border-top: 1px solid #DDDDDD;
    font-weight: bold;
}

.selection_upper_box {
    margin-bottom: 15px;
    text-align: center;
}

.selection_title {
    padding: 0 5px;
    font-weight: bold;
}

.selection_lower_box {
    margin-top: 10px;
    padding-top: 5px;
    text-align: center;
}

.selection_preview_preload {
    width: 1em;
    height: 1em;
    display: inline-block;
    background-color: #F5F5F5;
}

.selection_item_mode .selection_direct_parts {
    display: none;
}

.selection_direct_mode .selection_item_parts {
    display: none;
}

.inner_selection_direct_parts {
    padding: 5px 0;
    display: inline-block;
}

.dummy_direct_input {
    vertical-align: middle;
}

.direct_cancel_btn {
    margin-left: 5px;
}

.selection_input_box {
    display: none;
}


/* menu icon selection */

.icon_selection_item {
    width: 140px;
}

.icon_selection_item .icon_font_box {
    padding: 5px;
}

.selection_icon_font {
    width: 1em;
    font-size: 22px;
}

.direct_input_note {
    margin-top: 5px;
    display: block;
}


/*************************************************************/
/* background for close action */
/*************************************************************/

#menu_close_background,
#close_background,
#black_out_background {
    background-color: #000000;
    position: absolute;
    left: 0;
    top: 0;
}

#menu_close_background {
    opacity: 0.2;
    z-index: 80;
}

#close_background {
    z-index: 115;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

#black_out_background {
    z-index: 20;
    opacity: 0.2;
    filter: alpha(opacity=20);
}


/*************************************************************/
/* close icon */
/*************************************************************/

.close_button {
    width: 35px;
    height: 35px;
    display: inline-block;
    background: url("../img/icon_naviclose.png") no-repeat center center;
    cursor: pointer;
}

.close_button:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.upper_right_close {
    position: absolute;
    top: -15px;
    right: -15px;
    display: inline-block;
}

/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
/*-----------------------------------------------------------*/
    .upper_right_close {
        background-image: url("../img/icon_naviclose_x2.png");
        background-size: 35px 35px;
    }
/*-----------------------------------------------------------*/
}

.balloon .upper_right_close {
    top: -10px;
    right: -10px;
}

.main_admin_navigation .submenu A button {
    color: #000;
}


/*************************************************************/
/* background-color */
/*************************************************************/

.bg_pale_gray {
    background-color: #F5F5F5;
}

.bg_pale_yellow {
    background-color: #FFFFEE;
}


/*************************************************************/
/* error */
/*************************************************************/

div.form_error {
    border: 3px solid #FF0000!important;
    background-color: #FFF4F4;
    padding: 10px;
    color: #CC0000;
}

.data_table_container .data_table .form_alpha th,
.data_table_container .data_table .form_alpha td {
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.alarm_box,
.good_box {
    margin: 10px 0 20px 0;
    text-align: center;
    line-height: 160%;
    font-size: 13px;
    font-weight: bold;
}

.alarm_box p,
.good_box p {
    margin: 0;
    padding: 0;
    line-height: 160%;
}

.alarm_status {
    color: #FF0000;
    padding-left: 5px;
    font-weight: bold;
}

.error_box {
    margin: 10px 0 20px 0;
    padding: 10px;
    border: 2px solid #FF0000;
    border-radius: 5px;
    background-color: #FFFFFF;
    text-align: left;
    line-height: 160%;
}

.error_status {
    color: #CC0000;
    padding-left: 5px;
}

span.alarm_status,
span.error_status {
    display: inline-block;
}

.alarm_status img,
.error_status img {
    padding-right: 3px;
}

.ok_box {
    margin: 10px 0 15px;
    padding: 10px;
    border: 1px solid #339900;
    border-radius: 5px;
    background-color: #FFFFFF;
    text-align: left;
}

.good_status,
.ok_status {
    color: #339900;
    padding-left: 5px;
}

.good_status img,
.ok_status img {
    padding-right: 3px;
}

.note_box {
    margin-bottom: 3px;
    text-align: left;
}

.note_status {
    padding-left: 5px;
    color: #CC0000;
    line-height: 160%;
    font-size: 12px;
}

.note_status img {
    padding-right: 3px;
}

.general_note {
    padding: 0 5px;
}

.general_note .general_marker {
    width: 16px;
    margin-right: 3px;
    display: inline-block;
    text-align: center;
    font-weight: bold;
}

.error_area {
    background-color: #FFF0F0;
}

.global_info {
    background-color: #ffffee;
    border: 1px solid #c1b1a9;
    padding: 10px;
}

.centering_message {
    margin: 10px 50px 20px 50px;
    text-align: center;
}


/*************************************************************/
/* float layout pattern */
/*************************************************************/

.layout_pattern_selection ul {
    margin: 0;
    padding: 0;
}

.layout_pattern_selection li {
    padding: 2px 0;
    float: left;
}

.layout_pattern_selection .product_detail_layout_setting li {
    width: 270px;
}

.layout_pattern_selection .radio_check_image {
    text-align: center;
}

.layout_pattern_selection .radio_check_row {
    height: 2em;
    line-height: 2em;
    text-align: center;
}


/*************************************************************/
/* list display */
/*************************************************************/

.liquid_width .icon_box_top,
.liquid_width .icon_box_bottom {
    width: 100%;
}

.liquid_width .fukidashi_box {
    left: auto;
    right: 0;
}

.list_row_separator {
    padding: 0;
}

.list_row_separator .separator_space {
    width: 4px;
    height: 4px;
    display: block;
}

.list_sorting_box {
    margin-top: 1px;
}

.updown_btn .disabled_button,
.list_sorting_box .disabled_button {
    visibility: hidden;
}

.updown_btn a:link {
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

.default_unordered_list_style {
    list-style: inside;
    list-style-type: disc;
}

.paragraph {
    margin: 1em 0;
}

.border_rim_box {
    padding: 5px;
    border: 5px solid #ebebeb;
}


/*************************************************************/
/* menu icon setting */
/*************************************************************/

.icon_preview_box {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.selection_setting_list .icon_preview_box {
    padding: 5px;
}

#ajax_form .icon_preview_box {
    padding: 0 5px;
}

.menu_icon_setting,
.button_icon_setting {
    position: relative;
    display: block;
}

.menu_icon_setting .fa,
.button_icon_setting .fa {
    width: 1em;
    font-size: 22px;
    text-align: center;
    cursor: default;
}

#ajax_form .menu_icon_setting .direct_input_btn {
    width: auto;
    padding: 0;
}


/*************************************************************/
/* photo upload */
/*************************************************************/

.imageuploader .image_button_display {
    cursor: default;
}

.imageuploader .file {
    cursor: pointer;
}


/*************************************************************/
/* fancybox */
/*************************************************************/

#fancybox-wrap #fancybox-content {
    border-color: #F9F9F9;
}

#fancybox-wrap #fancybox-outer,
#fancybox-title {
    background-color: #F9F9F9;
}

#fancybox-title {
    padding-bottom: 15px;
}

.fancybox-title-inside {
    text-align: center;
}

#fancybox-close:hover {
    opacity: 0.8; /* only modern browser of higher ie9 (filter has bug for alpha ping file) */
}


/*************************************************************/
/* HTML editor */
/*************************************************************/

.admin_popup #editormode {
    width: 280px;
    margin-left: auto;
    margin-right: 0;
}


/*************************************************************/
/* CodeMirror */
/*************************************************************/

.CodeMirror {
    width: 100%;
    height: 900px;
    font-family: 'Osaka-Mono', monospace;
    font-size: 13px;
}

.CodeMirror-search-hint {
    display: none;
}

.editor_mode_box {
    position: relative;
}

.editor_mode_box .loading {
    margin-top: -12px;
    margin-left: -12px;
    position: absolute;
    top: 50%;
    left: 50%;
}


/*************************************************************/
/* Date picker */
/*************************************************************/

body .ui-datepicker select.ui-datepicker-month,
body .ui-datepicker select.ui-datepicker-year {
    width: auto;
    max-width: 100%;
}

body .ui-datepicker select.ui-datepicker-month {
    margin-left: 5px;
}

body .ui-datepicker select.ui-datepicker-year {
    margin-right: 1px;
}

#ui-datepicker-div {
    z-index: 50 !important;
}

.ui-datepicker-buttonpane .ui-datepicker-current {
    opacity: 1;
}


/*************************************************************/
/* jQuery UI Dialog */
/*************************************************************/

.ui-dialog {
    z-index: 200 !important;
}

body .confirm_ui_dialog {
    padding: 10px;
}

.confirm_ui_dialog .ui-dialog-titlebar {
    display: none;
}

.confirm_ui_dialog .confirm_ui_messages {
    min-height: 0 !important;
    padding: 20px 0 10px 0;
    text-align: center;
    line-height: 180%;
}

body .confirm_ui_dialog .ui-dialog-buttonpane {
    padding-left: 0;
    padding-right: 0;
}

body .confirm_ui_dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none;
    text-align: center;
}

.confirm_ui_dialog .ui-widget-content {
    border: none;
}

.confirm_ui_dialog .ui-button {
    min-width: 100px;
}

.confirm_ui_dialog .ui-dialog-buttonpane .ui-button {
    margin-left: .4em;
    margin-right: .4em;
}


/*************************************************************/
/* Loading Display */
/*************************************************************/

.loading_box,
.async_image_loader .async_image_box {
    position: relative;
}

.loading {
    display: inline-block;
    width: 25px;
    height: 25px;
    background-image: url(../img/load.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

.loading_box .loading,
.loading_photo .loading {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -12.5px;
    margin-left: -12.5px;
}

.preload_image {
    width: 100%;
    height: auto;
}

/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
/*-----------------------------------------------------------*/
    .loading {
        background-image: url(../img/load_x2.gif);
        background-size: 25px 25px;
    }
/*-----------------------------------------------------------*/
}

.cell_loading_wrapper {
    position: relative;
}

.cell_loading_wrapper .loading {
    margin-top: -4px;
    margin-left: 4px;
    position: absolute;
    left: auto;
    top: auto;
}

/*************************************************************/
/* Sortable */
/*************************************************************/

.drag_cell {
    background-image: url("../img/icon_cell_move_x2.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 30px 30px;
    cursor: move;
}
.drag_row {
    border: 4px solid #e0dfe3;
    outline: 1px dashed #000000;
}
.drag_row th, .drag_row td {
    opacity: 0.6;
}

/*************************************************************/
/* hack */
/*************************************************************/

/* for unstable font size by touch device */
body {
    -webkit-text-size-adjust: 100%;
}


/*************************************************************/
/* colon */
/*************************************************************/

.admin_japanese .colon {
    display: inline-block;
    padding: 0px 3px;
}
.admin_english .colon {
    display: inline-block;
    padding-right: 3px ;
}

/*************************************************************/
/* ipadress */
/*************************************************************/
.ipadress {
    background-color: #F0F0F0;
    border-top: 1px solid #CCC;
    padding: 5px;
    margin-top: 10px;
    text-align: right;
}

/********************************************************************/
/* photo */
/********************************************************************/

.thumbnail {
    padding: 5px 0px 5px;
    background-color: #F0F0F0;
    margin-top: 10px;
}

.thumbnail ul,
.thumbnail li {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.thumbnail li {
    float: left;
    margin: 10px 5px 5px 5px;
    position: relative;
}

.thumbnail li.mainphoto {
    margin-top: 0px;
    padding: 15px 5px;
    background-position: left top;
    background-repeat: repeat-x;
    margin-right: 10px;
}

.set_photo li.mainphoto {
    margin-top: 0px;
    border: none;
    padding: 0px;
    background-color: transparent;
    background-image: none;
}

.set_photo {
    margin-bottom: 5px;
}

.thumbnail A:link,
.thumbnail A:visited,
.thumbnail .flash {
    display: block;
    padding: 9px 9px 20px 9px;
    background-color: #FFFFFF;
    border-top: 1px solid #F0F0F0;
    border-left: 1px solid #F0F0F0;
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    position: relative;
}

.thumbnail .mainphoto A:link,
.thumbnail .mainphoto A:visited {
    background-color: #FFFFFF;
}

.thumbnail A:hover {
    background-color: #F9F9F9;
    background-image: url(../img/photo_over.png);
    background-position: left center;
    border: 1px dashed #BBBBBB;
}

/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
/*-----------------------------------------------------------*/
    .thumbnail A:hover {
        background-image: url(../img/photo_over_x2.png);
        background-size: 80px 90px;
    }

/*-----------------------------------------------------------*/
}

.thumbnail .rightpos A:hover {
    background-image: url(../img/photo_over_right.png);
}

/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
/*-----------------------------------------------------------*/
    .thumbnail .rightpos A:hover {
        background-image: url(../img/photo_over_right_x2.png);
        background-size: 80px 90px;
    }

/*-----------------------------------------------------------*/
}

.thumbnail .mainphoto A:hover {
    background-image: url(../img/photo_over_left.png);
}

/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
/*-----------------------------------------------------------*/
    .thumbnail .mainphoto A:hover {
        background-image: url(../img/photo_over_left.png);
        background-size: 100px 113px;
    }

/*-----------------------------------------------------------*/
}

.thumbnail li.mainphoto img {
    margin-top: 3px;
}

.thumbnail li.mainphoto .icon_mainphoto {
    position: absolute;
    top: 2px;
    left: 20px;
    z-index: 2;
}

.thumbnail A.icon_photodelete,
.thumbnail A.icon_photodelete:visited,
.thumbnail A.icon_photodelete:hover,
.thumbnail .mainphoto A.icon_photodelete,
.thumbnail .mainphoto A.icon_photodelete:visited,
.thumbnail .mainphoto A.icon_photodelete:hover {
    display: block;
    width: 19px;
    height: 19px;
    position: absolute;
    bottom: 30px;
    right: -5px;
    background-image: url(../img/icon_photo_delete.png);
    background-color: transparent;
    border: none;
    text-indent: -9999px;
    padding: 0px;
    text-decoration: none;
}

.thumbnail .no_image_editor A.icon_photodelete,
.thumbnail .no_image_editor A.icon_photodelete:visited,
.thumbnail .no_image_editor A.icon_photodelete:hover {
    bottom: -5px;
    right: -5px;
}

/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
/*-----------------------------------------------------------*/
    .thumbnail A.icon_photodelete,
    .thumbnail A.icon_photodelete:visited,
    .thumbnail A.icon_photodelete:hover,
    .thumbnail .mainphoto A.icon_photodelete,
    .thumbnail .mainphoto A.icon_photodelete:visited,
    .thumbnail .mainphoto A.icon_photodelete:hover {
        background-image: url(../img/icon_photo_delete_x2.png);
        background-size: 19px 19px;
    }

/*-----------------------------------------------------------*/
}

.thumbnail .mainphoto A.icon_photodelete,
.thumbnail .mainphoto A.icon_photodelete:visited,
.thumbnail .mainphoto A.icon_photodelete:hover {
    bottom: 45px;
    right: 3px;
}

.thumbnail .mainphoto .no_image_editor A.icon_photodelete,
.thumbnail .mainphoto .no_image_editor A.icon_photodelete:visited,
.thumbnail .mainphoto .no_image_editor A.icon_photodelete:hover {
    bottom: 10px;
}

.set_photo .mainphoto A.icon_photodelete,
.set_photo .mainphoto A.icon_photodelete:hover {
    bottom: 30px;
    right: -5px;
}


.thumbnail li:first-child.no_image_editor A.icon_photodelete,
.thumbnail li:first-child.no_image_editor A.icon_photodelete:visited,
.thumbnail li:first-child.no_image_editor A.icon_photodelete:hover {
    bottom: -5px;
    right: -5px;
}


.set_photo {
    padding: 0px;
    background-color: transparent;
    margin-top: 5px;
}

.set_photo .mainphoto A:hover {
    background-color: #F9F9F9;
    background-image: none;
    border-top: 1px solid #F0F0F0;
    border-left: 1px solid #F0F0F0;
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
}

.icon_mainphoto {
    width: 70px;
    height: 20px;
}

.thumbnail .icon_image_editor  A:link,
.thumbnail .icon_image_editor  A:visited,
.thumbnail .icon_image_editor  A:hover,
.top_photo .icon_image_editor  A:link,
.top_photo .icon_image_editor  A:visited,
.top_photo .icon_image_editor  A:hover {
    padding: 0px;
    background-image: url(../img/list_tool_icon_editor.png);
    background-repeat: no-repeat;
    background-position: left top!important;
    width: 35px;
    height: 25px;
    overflow: hidden;
    margin: 10px auto 0px;
    border: none;
    display: block;
    cursor: pointer;
}

.top_photo .icon_image_editor  A:link,
.top_photo .icon_image_editor  A:visited,
.top_photo .icon_image_editor  A:hover {
    margin-bottom: 10px;
}

/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
/*-----------------------------------------------------------*/
    .thumbnail .icon_image_editor  A:link,
    .thumbnail .icon_image_editor  A:visited,
    .thumbnail .icon_image_editor  A:hover,
    .top_photo .icon_image_editor  A:link,
    .top_photo .icon_image_editor  A:visited,
    .top_photo .icon_image_editor  A:hover {
        background-image: url(../img/list_tool_icon_editor_x2.png);
        -webkit-background-size: 35px 50px;
        background-size: 35px 50px;
    }

/*-----------------------------------------------------------*/
}

.double_scale .thumbnail .icon_image_editor  A:link,
.double_scale .thumbnail .icon_image_editor  A:visited,
.double_scale .thumbnail .icon_image_editor  A:hover,
.top_photo .icon_image_editor  A:link,
.top_photo .icon_image_editor  A:visited,
.top_photo .icon_image_editor  A:hover {
    background-image: url(../img/list_tool_icon_editor_x2.png);
    -webkit-background-size: 35px 50px;
    background-size: 35px 50px;
}


.thumbnail .icon_image_editor  {
    background-color: transparent;
}

.thumbnail .icon_image_editor  A:hover,
.top_photo .icon_image_editor  A:hover {
    background-position: center bottom !important;
}

/* ************************************************************** */
/* overlay modal window */
/* ************************************************************** */

.overlay_locked {
    width: auto;
    overflow: hidden !important;
}

.overlay_locked .overlay_loading {
    height: 100%;
    min-height: 100%;
    background: url(../img/load_x2.gif) no-repeat center center;
    -webkit-background-size: 25px 25px;
    background-size: 25px 25px;
}

.uncontrollable_area {
    opacity: 1;
}

.overlay_locked .overlay_area {
    position: fixed;
}

.overlay_area {
    width: 100%;
    height: 120%; /* for iPhone url bar */
    min-height: 120%;
    position: absolute; /* for Opera Mini */
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -5000;
    display: block;
    overflow: scroll;
    line-height: 1.6;
    -webkit-overflow-scrolling: touch;
    background-color: rgba(255, 255, 255, 0.5);
}

.overlay_front {
    width: 90%;
/*max-width: 1200px;*/
    margin: 0;
    padding: 0;
    height: auto;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 510;
    overflow: visible;
    box-sizing: border-box;
    opacity: 1;
}

.dialog_overlay_area .overlay_front,
.confirm_overlay_area .overlay_front,
.alert_overlay_area .overlay_front {
    width: 90%;
    max-width: 600px;
}

.overlay_area .inner_overlay_front {
    position: relative;
}

.overlay_area .close_btn_box {
    margin: 5px;
    padding: 0 3px;
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    font-size: 20px;
    line-height: 20px;
}

.overlay_area .text_close_box {
    width: 35px;
    height: 35px;
    background: url("../img/icon_naviclose.png") no-repeat center center;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}

/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
/*-----------------------------------------------------------*/
    .overlay_area .text_close_box {
        background-image: url("../img/icon_naviclose_x2.png");
        background-size: 35px 35px;
    }
/*-----------------------------------------------------------*/
}

.close_btn_box .text_close_btn {
    display: none;
}


.overlay_area .text_close_box .text_close_btn {
    position: absolute;
    left: 3px;
    margin-top: -1px;
    top: 0;
    display: inli;
    color: #ffffff;
}

.overlay_area .modal_skin {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.7);
    box-sizing: border-box;
    background-color: #ffffff;
}

.overlay_area .modal_skin:after {
    content: "";
    display: block;
    clear: both;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
/* for iOS bug which box-shadow is disappeared when device orientation is landscape */
    .overlay_area .modal_skin {
        border-radius: 2px;
    }
}

.overlay_area .overlay_message_box {
    padding: 15px;
}

.overlay_area .overlay_message_note {
    margin-top: 20px;
    padding: 0;
    text-align: center;
}

.overlay_message .alert_box {
    margin: 0;
}

.close_btn {
    display: inline-block;
}

.close_btn img {
    border: none;
}

.overlay_close {
    padding: 0 5px 5px 5px;
    text-align: right;
}

.alert_message {
    padding: 20px 10px 10px 10px;
    text-align: center;
}

.overlay_alert_close {
    text-align: center;
}

.alert_form {
    padding: 15px 5px 15px 5px;
}

.alert_form .btn {
    text-align: center;
}

.confirmation_message {
    margin-top: 15px;
    padding: 20px 10px;
    text-align: center;
}

.confirmation_form {
    padding: 15px 5px;
}

.confirmation_form .btn_box {
    padding: 5px 0 0 0;
    text-align: center;
}

.confirmation_form .btn_box .global_btn {
    padding: 10px 5px;
    vertical-align: middle;
}

.confirm_overlay_area .yesinput,
.confirm_overlay_area .noinput {
    min-width: 120px;
}

.confirmation_form .btn_box {
    margin-top: 0;
}

/* for browser disabled icon font */
.btn_bg_filled {
    background-color: #000000;
}


/* ************************************************************** */
/* image editor */
/* ************************************************************** */

.image-editor .modal_skin {
    background-color: #000000;
}

.image-editor iframe {
    min-height: 95vh;
    border: none;
    border-radius: 10px;
    display: block;
}

.overlay_area.image-editor .overlay_front {
    min-width: 95vw;
}

.image-editor .overlay_front .modal_skin {
    border-radius: 10px;
}

.image-editor .close_btn_box {
    cursor: pointer;
}

.image-editor .close_btn_box:hover {
    opacity: 0.6;
}

.uploading {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url(../img/uploading-loader.gif);
    -webkit-background-size: 15px 15px;
    background-size: 15px 15px;
    background-repeat: no-repeat;
    background-position: left top;
    margin-left: 5px;
}

/********************************************************************/
/* dummy */
/********************************************************************/

.covering_wrapper {
    position: relative;
    display: inline-block;
}

.covering {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

/********************************************************************/
/* select2 */
/********************************************************************/

.select2-container--default .select2-results > .select2-results__options {
    max-height: 500px;
}
/********************************************************************/
/* margin */
/********************************************************************/
.deletemargin {margin: 0px;}
.smallmargin{ margin: 5px 0px;}
.largemargin { margin: 10px 0px;}
.margintop{margin-top: 5px;}
.marginbottom{margin-bottom: 5px;}
.marginleft{margin-left: 5px;}
.marginright{margin-right: 5px;}


/********************************************************************/
/* loading icon */
/********************************************************************/

.circle_loading_icon {
    box-sizing: border-box;
    width: 5px;
    height: 5px;
    display: inline-block;
    border-radius: 50%;
    box-shadow:
            0 -10px 0 #eee,     /*  上  */
            7px -7px 0 #ddd,  /* 右上 */
            10px 0 0 #ccc,      /*  右  */
            7px 7px 0 #bbb,   /* 右下 */
            0 10px 0 #aaa,      /*  下  */
            -7px 7px 0 #999,  /* 左下 */
            -10px 0 0 #666,     /*  左  */
            -7px -7px 0 #000; /* 左上 */
    animation: circle_loading_rotate 1s steps(8) 0s infinite;
}

@keyframes circle_loading_rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.button_loading_wrapper {
    position: relative;
}

.button_loading_wrapper .circle_loading_icon {
    position: absolute;
    inset: 0;
    margin-top: auto;
    margin-bottom: auto;
}


/********************************************************************/
/* flex layout */
/********************************************************************/

.flex_j_start {
    justify-content: flex-start;
}

.flex_j_end {
    justify-content: flex-end;
}

.flex_j_center {
    justify-content: center;
}


/********************************************************************/
/* product item search */
/********************************************************************/

.search_list_wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
}

.search_list_wrapper.disabled_search_list {
    opacity: 0.5;
    pointer-events: none;
    user-select: none;
}

.justify_content_center {
    justify-content: center;
}

html:has(dialog.search_list[open]) {
    overflow: hidden;
}

dialog.search_list::backdrop {
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
}

.search_list {
    max-width: 80vw;
    padding: 0;
    border: none;
    box-shadow: 3px 3px 10px #999;
    background-color: #FFF;
    border-radius: 5px;
}

.search_list ul {
    padding: 5px;
    margin: 0;
    min-width: 240px;
}

.search_list li {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #CCC;
    position: relative;
}

.search_list li button {
    width: 100%;
    margin: 0;
    padding: 8px 8px 8px 22px;
    display: flex;
    align-items: center;
    text-align: left;
    background-color: transparent;
    border: none;
    box-shadow: none;
    color: #000;
}

@media (hover: hover) {
    .search_list li button:hover {
        background-color: #f5f5f5;
    }
}

.search_list li:last-child {
    border-bottom: none;
}

.search_list li .itemname {
    padding: 8px;
    margin: 0;
}

.search_list li .model_number {
    margin-left: 5px;
    display: inline-block;
}

.search_list li img {
    object-fit: contain;
}

.search_list li .selected_item::before {
    content: '';
    width: 10px;
    height: 5px;
    border-left: 2px solid #000;
    border-bottom: 2px solid #000;
    transform: rotate(-45deg);
    position: absolute;
    left: 4px;
}

.search_list_box {
    position: relative;
}

.dialog_close_wrapper {
    width: 36px;
    margin-left: auto;
    margin-top: -27px;
    position: sticky;
    bottom: 0;
    right: 0;
    z-index: 99;
    text-align: right;
    overflow: hidden;
}

.dialog_close_button {
    margin-right: -1px;
    padding: 4px 8px;
    background-color: #000;
    border: none;
    border-radius: 0;
    box-shadow: none;
    color: #000;
    position: relative;
}

@media (hover: hover) {
    .dialog_close_button:hover {
        background-color: #333;
    }
}

.dialog_close_icon {
    width: 15px;
    height: 15px;
    display: inline-block;
    border: 2px solid #333; /* 枠の調整 */
    border-radius: 50%;  /* 丸みの度合い */
    background: #fff; /* ボタンの背景色 */
}

.dialog_close_icon::before, .dialog_close_icon::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2px; /* 棒の幅（太さ） */
    height: 10px; /* 棒の高さ */
    background: #333; /* バツ印の色 */
}

.dialog_close_icon::before {
    transform: translate(-50%,-50%) rotate(45deg);
}

.dialog_close_icon::after {
    transform: translate(-50%,-50%) rotate(-45deg);
}

.dummy_select_item_label {
    max-width: 100%;
    padding: 1px 5px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    box-sizing: border-box;
    border: #CCC 1px solid;
    border-radius: 3px;
    background-color: #fff;
    color: #000;
    vertical-align: middle;
    text-align: left;
}

#moderndesign .dummy_select_item_label {
    padding: 5px 5px 5px 10px;
    border-radius: 5px;
}

.dummy_select_item_label img {
    object-fit: contain;
    width: 20px;
    height: 20px;
    margin-right: -2px;
}

.dummy_select_item_label::after {
    content: '';
    width: 6px;
    min-width: 6px;
    height: 5px;
    margin-top: -3px;
    border-left: 2px solid #222;
    border-bottom: 2px solid #222;
    transform: rotate(-45deg);
}