@charset 'UTF-8';
/* CSS Document */

/* z-index

9999	nav ul li ul.sub

*/

/* -------------------------------------------------------- common */

body
{
    background: #fff;
}
div.inner
{
    width: 1000px;
    margin: 0 auto;
}
.fl
{
    float: left;
}
.fr
{
    float: right;
}
a
{
    outline: none;
}
a:focus,
*:focus
{
    outline: none;
}
.default
{
    display: block;
}

/* placeholder */

::-webkit-input-placeholder {
	color: #8f8f8f;
	opacity: 1;
}

:-moz-placeholder {
	color: #8f8f8f;
}


::-moz-placeholder {
	color: #8f8f8f;
	opacity: 1;
}

:-ms-input-placeholder {
	color: #8f8f8f;
}

:placeholder-shown {
	color: #8f8f8f;
}

/* -------------------------------------------------------- header */

header
{
    background: #003e6c;
}
header > div.inner
{
    padding: 1em 0;
}
header div.utility ul
{
    padding: .5em;
}
header div.utility ul li
{
    font-size: 1.2rem; /* 12px */

    display: inline;

    color: #fff;
}
header div.utility ul li a
{
    text-decoration: underline;

    color: #fff;
}
header div.utility ul li a:hover
{
    text-decoration: none;

    color: #fff;
}

header div.bottom
{
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    background: #fff;
}
header div.bottom.fixed
{
    position: fixed;
    z-index: 9999;
    top: 0;

    width: 100%;

    transition: all .1s ease-in-out;

    border: none;
    background: rgba(255,255,255,.5);
    box-shadow: 0 3px 0 rgba(0,0,0,.1);
}
header div.bottom.fixed:hover
{
    background: #fff;
}
header div.logo
{
    font-size: 2.4rem; /* 24px */
    font-weight: bold;
}
header div.logo a
{
    display: block;

    color: #fff;
}

/* -------------------------------------------------------- nav */
header div.menuButton
{
    display: none;
}
nav
{
    /* background: #ffffff; */
    position: relative;

    width: 100%;
}
nav div.inner
{
    /*  background: #ffffff; */
    z-index: 9999;
    top: 0;
    left: 0;

    box-sizing: border-box;
    width: 1000px;
}
nav ul
{
    display: table;
}
nav ul li
{
    /* position: relative; */
    display: table-cell;

    vertical-align: middle;
}
nav > div.inner > ul > li > a::after
{
    position: absolute;
    z-index: 1000;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 0;

    content: '';
    transition: all .1s ease-in-out;

    background: #003e6c;
}
nav > div.inner > ul > li > a:hover::after,
nav > div.inner > ul > li > a.current::after
{
    left: 0;

    height: 3px;
}
nav ul li a
{
    font-weight: bold;
    line-height: 1.2;

    position: relative;

    display: block;

    box-sizing: border-box;
    width: 100%;
    padding: 1em;

    text-align: center;
    /* color: #003e6c; */

    color: #848484;
}
nav ul li a:hover
{
    /* color: #848484; */
    color: #003e6c;
}
nav ul li a.current
{
    /* color: #848484; */
    color: #003e6c;
}
nav > div.inner > ul > li > a::before
{
    position: absolute;
    top: 50%;
    right: 0;

    width: 1px;
    height: 16px;
    margin-top: -8px;

    content: '';

    background: #eee;
}
nav > div.inner > ul > li:first-child > a::before
{
    position: absolute;
    top: 50%;
    right: 0;

    width: 1px;
    height: 16px;
    margin-top: -8px;

    content: '';

    background: #eee;
}
nav > div.inner > ul > li:last-child > a::before
{
    position: relative;
    top: auto;
    right: 0;

    width: 0;
    height: 0;
    margin-top: 0;

    content: '';

    background: none;
}

/* -------------------------------------------------------- section common */

div.wrapper
{
    width: 1000px;
    margin: 0 auto;
}

div.wrapper.mini
{
    width: 500px;
}

div.wrapper.modal
{
    box-sizing: border-box;
    width: 100%;
    padding: 1rem;
}


/* -------------------------------------------------------- footer */

footer
{
    padding: .5em 0;

    text-align: center;

    background: #eee;
}

/* detail */

div.detail
{
    box-sizing: border-box;
    padding: 3rem 0;
}

/* ------------------------------------------------------------------------------------------------------------------------------------ status */

div.status ul
{
    font-size: 1.3rem;

    margin-bottom: 2rem;
    padding: 1rem;

    text-align: center;

    border-radius: 5px;
    background: #f7f5f1;
}

div.status ul li
{
    font-weight: bold;

    position: relative;

    display: inline-block;

    width: 11%;
    margin: 0 2% 0 0;
    padding: .2em 1em;

    text-align: center;

    border: 1px solid #ddd;
    border-radius: 5px;
    /* background: #ECE6E3; */
}

div.status ul li:last-child
{
    margin: 0;
}

/* status 作成中 承認待ち 承認済み 受注 作業中 売り上げ */

div.status ul li.during
{
    color: #30a4b1;
    border: 2px solid #30a4b1;
    background: #fff;
}

div.status ul li.during.current
{
    color: #fff;
    background: #30a4b1;
}

div.status ul li.pending
{
    color: #73a580;
    border: 2px solid #73a580;
    background: #fff;
}
div.status ul li.pending.current
{
    color: #fff;
    background: #73a580;
}
div.status ul li.approved
{
    color: #aba84b;
    border: 2px solid #aba84b;
    background: #fff;
}
div.status ul li.approved.current
{
    color: #fff;
    background: #aba84b;
}
div.status ul li.received
{
    color: #f49280;
    border: 2px solid #f49280;
    background: #fff;
}
div.status ul li.received.current
{
    color: #fff;
    background: #f49280;
}
div.status ul li.working
{
    color: #f46138;
    border: 2px solid #f46138;
    background: #fff;
}
div.status ul li.working.current
{
    color: #fff;
    background: #f46138;
}
div.status ul li.sales
{
    color: #dd3b1d;
    border: 2px solid #dd3b1d;
    background: #fff;
}
div.status ul li.sales.current
{
    color: #fff;
    background: #dd3b1d;
}

div.status ul li::before
{
    position: absolute;
    top: 50%;
    right: -13px;

    width: 8px;
    height: 8px;
    margin-top: -5px;

    content: '';
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);

    border-top: 2px solid #ccc;
    border-right: 2px solid #ccc;
}

div.status ul li:last-child::before
{
    position: relative;
    top: 0;
    right: 0;

    width: 0;
    height: 0;
    margin: 0;

    content: '';

    border: none;
}


/* ------------------------------------------------------------------------------------------------------------------------------------ div.detail */

div.detail div.header
{
    padding: 1rem 0 0;
}


div.detail div.header div.title
{
    margin-bottom: 1em;
    padding-bottom: .5em;

    border-bottom: 3px solid #003e6c;
}

div.detail div.header div.title h1
{
    font-size: 2rem;
    line-height: 1.1;
}

/* ------------------------------------------------------------------------------------------------------------------------------------ .contents */

.contents
{
    box-sizing: border-box;
}

.contents a
{
    position: relative;

    text-decoration: underline;
}

.contents a:hover
{
    text-decoration: none;
}

.contents a.arrow
{
    position: relative;

    display: inline-block;

    padding: 0 0 0 1em;

    vertical-align: middle;
    text-decoration: none;
}

.contents a.arrow::before
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 3px;

    width: 4px;
    height: 4px;
    margin: auto;

    content: '';
    transition: all .2s ease-in;
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);

    border-top: 1px solid #337ab7;
    border-right: 1px solid #337ab7;
}



.contents a.arrow:hover::before
{
    left: 5px;

    border-top: 1px solid #337ab7;
    border-right: 1px solid #337ab7;
}

/* ------------------------------------------------------------------------------------------------------------------------------------ setting */

.contents img
{
    display: block;
}

.contents .fs1
{
    font-size: 8pt;
}
.contents .fs2
{
    font-size: 10pt;
}
.contents .fs3
{
    font-size: 12pt;
}
.contents .fs4
{
    font-size: 14pt;
}
.contents .fs5
{
    font-size: 18pt;
}
.contents .fs6
{
    font-size: 24pt;
}
.contents .fs7
{
    font-size: 36pt;
}

.contents .imgL
{
    display: block;
    float: left;

    margin: 0 1% 0 0;
}

.contents .imgR
{
    display: block;
    float: right;

    margin: 0 0 0 1%;
}

.contents .imgC
{
    display: block;

    margin: 0 auto;
}

.contents .imgL .caption,
.contents .imgR .caption
{
    font-size: 1.2rem;

    color: #939393;
}


.contents .w5
{
    width: 5%;
}
.contents .w10
{
    width: 10%;
}
.contents .w20
{
    width: 20%;
}
.contents .w24
{
    width: 24%;
}
.contents .w30
{
    width: 30%;
}
.contents .w32
{
    width: 32%;
}
.contents .w40
{
    width: 40%;
}
.contents .w45
{
    width: 45%;
}
.contents .w50
{
    width: 50%;
}
.contents .w60
{
    width: 60%;
}
.contents .w70
{
    width: 70%;
}
.contents .w80
{
    width: 80%;
}
.contents .w90
{
    width: 90%;
}
.contents .w100
{
    width: 100%;
}

.contents .tc
{
    text-align: center;
}

.contents .tl
{
    text-align: left;
}

.contents .tr
{
    text-align: right;
}

.contents .fit
{
    width: 100%;
}

.contents .m_t0
{
    margin-top: 0;
}
.contents .m_t20
{
    margin-top: 20px;
}
.contents .m_u5
{
    margin-bottom: 5px;
}
.contents .m_u10
{
    margin-bottom: 10px;
}
.contents .m_u20
{
    margin-bottom: 20px;
}
.contents .m_u40
{
    margin-bottom: 40px;
}
.contents .m_u60
{
    margin-bottom: 60px;
}
.contents .m_u80
{
    margin-bottom: 80px;
}
.contents .nomgn
{
    margin: 0;
}

.contents p
{
    margin: 1em 0;
}

.contents .wrap
{
    overflow: hidden;
}

.contents h2
{
    /* background: #f6f6f6; */
    font-size: 1.5rem; /* 15px */
    font-weight: bold;
    line-height: 1.5;
    /* display: inline-block; */

    display: block;

    margin: 3em 0 .5em;
    padding: 0;
    /* border-bottom: 3px solid #fe5700; */
    /* border: 3px solid #fe5700 */
    /* border-bottom: 3px solid #fe5700; */
    padding: 0;
    /* display: inline-block; */

    border-bottom: 4px solid #f2f2f2;
}

.contents h2:after
{
    display: block;
    visibility: hidden;
    clear: both;

    height: 0;

    content: '.';
}

.contents h2:before
{
    /*
	content: "■";
	padding-right: 0.1em;
	color: #fe5700;
	font-size: 116%;
	*/
}

.contents > h2:first-child
{
    margin: 1em 0 .5em;
}

.contents h3
{
    font-size: 2.5rem; /* 18px */
    font-weight: bold;

    margin: 3em 0 .5em;
    /* border-bottom: 1px dotted #dddddd; */
}

.contents h2 + h3
{
    margin: 1em 0 .5em;
}

.contents h4
{
    font-size: 1.6rem; /* 16px */

    display: inline-block;

    margin: 1em 0 0;
    /* border-bottom: 3px solid #fe5700; */
}

.contents h3 + h4
{
    margin: 0;
}

/* ------------------------------------------------------------------------------------------------------------------------------------ ul */

.contents ul
{
    margin: 10px 0 20px;
    padding: 0;
}

.contents ul li
{
    position: relative;

    margin: 0;
    padding: 0 0 0 15px;
}

.contents ul li::before
{
    position: absolute;
    top: 10px;
    left: 0;

    width: 8px;
    height: 8px;
    margin-right: .5em;

    content: '';
    transition: all .3s ease-out 0s;

    border-radius: 50%;
    background: #343434 none repeat scroll 0 0;
}

.contents ul li.list-unstyled
{
    padding: 0;

    list-style: none;

    background: none;
}

.contents ul li ul li
{
    margin: 0;
    padding: 0;

    list-style: none;

    background: none;
}

.contents ul li ul li:before
{
    content: '・';
}


.contents ol
{
    margin: 10px 0 20px 20px;
    padding: 0;
}

.contents ol li
{
    margin: 0;
    padding: 0 0 10px;
}


/* ------------------------------------------------------------------------------------------------------------------------------------ pagination */

.contents ul.pagination
{
    clear: both;

    margin: 0;
    margin-bottom: 1em;
    padding: 0;
    padding: 1em 0;

    text-align: center;
}

.contents ul.pagination li
{
    display: inline;

    margin: 0;
    padding: 0;
}

.contents ul.pagination li::before
{
    position: relative;
    top: 0;
    left: 0;

    width: auto;
    height: auto;
    margin: 0;

    content: '';
    transition: none;

    background: none;
}

.contents ul.pagination li a
{
    font-weight: bold;

    display: inline-block;

    margin: 0 .1em;
    padding: .3em .7em;

    text-decoration: none;

    color: #848484;
    border: 1px solid #f0f0f0;
    border-radius: 5px;
    background: #f0f0f0;
}

.contents ul.pagination li a:hover,
.contents ul.pagination li.active a
{
    color: #fff;
    background: #003e6c;
}

/* ------------------------------------------------------------------------------------------------------------------------------------ table */

.contents table.deco-tb
{
    font-size: 1.3rem;

    width: 100%;
    margin: 0 0 20px;

    border-collapse: collapse;

    text-align: left;
    /* vertical-align: middle; */

    border: 1px solid #ddd;

}

.contents table.deco-tb.tableSelector
{
	width: 100% !important;
	box-sizing: border-box:
}

.contents table.deco-tb th.t_top
{
    /* border-bottom: 3px double #E3E3E3; */
    vertical-align: middle;

    border-top: 3px solid #d0cfc8;
}

.contents table.deco-tb th
{
    padding: 8px 10px;

    text-align: left;
    vertical-align: middle;
    /* color: #ffffff; */
    /* white-space: nowrap; */

    border: 1px solid #ccc;
    background: #f7f5f1;
}

.contents table.deco-tb td.t_top
{
    /* border-bottom: 3px double #E3E3E3; */
    vertical-align: middle;

    border-top: 3px solid #d0cfc8;
}

.contents table.deco-tb td
{
    padding: 8px 10px;

    vertical-align: middle;
    /* white-space: nowrap; */

    border: 1px solid #ccc;
}

/* ------------------------------------------------------------------------------------------------------------------------------------ list */

.contents table.deco-tb.list
{
    font-size: 1.1rem;
}

.contents table.deco-tb.list th
{
    padding: 4px 5px;
}

.contents table.deco-tb.list td
{
    padding: 4px 5px;
}

/* addition */

.contents table.deco-tb.list input,
.contents table.deco-tb.list textarea
{
    font-size: 1.1rem;

    padding: .2em .5em;
}
/*
@-moz-document url-prefix() {
	.contents table.deco-tb.list input,
	.contents table.deco-tb.list textarea
 	{
		 line-height: 1.3;
	 }
}
*/

.contents table.deco-tb.list input::-moz-focus-inner,
.contents table.deco-tb.list textarea::-moz-focus-inner
{
    padding: 0;

    border: 0;
}

.contents table.deco-tb.list select
{
    overflow: hidden;
    /* height: 38px; */

    height: 27px;
    padding: 0 .5em;
    /* white-space: nowrap; */

            text-overflow: ellipsis;

    -webkit-text-overflow: ellipsis;
         -o-text-overflow: ellipsis;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.contents table.deco-tb.list div.selectWrap
{
    height: 27px;
}

.contents table.deco-tb.list .row.wide div.td
{
    padding: 4px 40px 4px 0;
}

/*
.contents table.deco-tb.list thead.scroll-head,
.contents table.deco-tb.list tbody.scroll-body {
	display: block;
	width: 100%;
}

.contents table.deco-tb.list tbody.scroll-body {
	height: 300px;
	overflow-y: scroll;
}
*/

.contents table.deco-tb tr.clickable
{
    cursor: pointer;
    transition: all .1s ease-out 0s;
}

.contents table.deco-tb tr.clickable:hover
{
    background: #f7f5f1;
}


.contents div.listBox
{
    overflow-y: scroll;

    max-height: 200px;
    margin-bottom: 3rem;

    border-bottom: 1px solid #ddd;
}


/* ------------------------------------------------------------------------------------------------------------------------------------ div.utilities */

.contents div.utilities
{
    font-size: 1.3rem;

    display: table;

    margin: 0 0 3rem;

    border-collapse: collapse;

    text-align: left;
    vertical-align: middle;
}

.contents div.utilities .row
{
    padding: 5px 0;

    border-bottom: 1px solid #efefef;
}

.contents div.utilities div.th
{
    font-weight: bold;
    /* background: #eee; */
    /* color: #ffffff; */

    display: table-cell;

    padding: 4px 0 4px 10px;

    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
}

.contents div.utilities div.th::after
{
    padding: 0 .3em;

    content: ':';
}

.contents div.utilities div.td
{
    display: table-cell;

    padding: 4px 10px 4px 0;

    vertical-align: middle;
}

.contents div.utilities div.td.sm
{
    display: table-cell;

    padding: 4px 5px 4px 0;

    vertical-align: middle;
}

/* addition */

.contents div.utilities.form input,
.contents div.utilities.form textarea
{
    font-size: 1.3rem;

    padding: .2em;
}

.contents div.utilities.form input.sm,
.contents div.utilities.form textarea.sm
{
    font-size: 1.2rem;

    padding: .3em .2em;
}

.contents div.utilities.form select
{
    overflow: hidden;
    /* height: 38px; */

    height: 27px;
    padding: 0 2em 0 .5em;
    /* white-space: nowrap; */

            text-overflow: ellipsis;

    -webkit-text-overflow: ellipsis;
         -o-text-overflow: ellipsis;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.contents div.utilities.form div.selectWrap
{
    height: 27px;
}

.contents div.utilities .row.wide div.td
{
    padding: 4px 40px 4px 0;
}

/* ------------------------------------------------------------------------------------------------------------------------------------ deco-box */

.contents .deco-box
{
    position: relative;

    margin-bottom: 1.5em;
    padding: 1.5em;

    background: #f6f6f6;
}

.contents .deco-box-line
{
    position: relative;

    margin-bottom: 1.5em;
    padding: 1.5em;

    border: 5px solid #f6f6f6;
    background: #fff;
}

/* ------------------------------------------------------------------------------------------------------------------------------------ form */



.contents .form p.line
{
    display: inline;

    margin: 0;
}

.contents .form th
{
    /* min-width: 200px; */
}

.contents .form td.sub
{
    width: 110px;

    vertical-align: middle;

    background: #f7f5f1;
}

.contents .alert
{
    color: #ff100a;
}

.contents label,
.postalcode
{
    /* white-space: nowrap; */
}

.contents .form input,
.contents .form textarea
{
    box-sizing: border-box;
    padding: .5em;

    transition: all .2s ease-in-out;

    border: none;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: #f9f9f9;
}


.contents .form .custom-combobox input
{
    border-radius: 5px 0 0 5px;
}

/*
.contents .form .custom-combobox input + a
{
	height: auto;
	min-height: 23px;
	border-left: none;
	vertical-align: top;
}
*/

.contents .form  .custom-combobox
{
    position: relative;

    display: inline-block;
}

.contents .form .custom-combobox-toggle
{
    position: absolute;
    top: 0;
    bottom: 0;

    margin-left: -1px;
    padding: 0;
}

.contents .form .custom-combobox-input
{
    margin: 0;
    padding: 5px 10px;
}

.contents .form input.err,
.contents .form textarea.err
{
    border: 1px solid #a94442;
    background: #ffeeef;
}

.contents input:focus,
.contents textarea:focus
{
    border: none;
    border: 1px solid #eee;
    outline: none;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(102, 175, 233, .6);
}

.contents input.err:focus,
.contents textarea.err:focus
{
    border: none;
    border: 1px solid #eee;
    outline: none;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(169, 68, 66, .075);
}

.contents input:active,
.contents textarea:active
{
    border: none;
    border: 1px solid #eee;
    outline: none;
    background: #fff;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .125) inset;
}

/* セレクトボックス */

.contents .form select
{
    font-size: 100%;

    width: 100%;
    min-width: 80px;
    height: 38px;
    padding: 0 2em 0 .5em;

    cursor: pointer;

    border: 1px solid #d6d6d6;
    border-radius: 5px;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.contents .form select.err
{
    border: 1px solid #a94442;
    background: #ffeeef;
}


.contents .form select::-ms-expand
{
    display: none;
}

.contents .form select:focus
{
    box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(102, 175, 233, .6);

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.contents .form select.err:focus
{
    box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(169, 68, 66, .2);

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.contents .form div.selectWrap
{
    position: relative;

    display: inline-block;
    /* width: 50%; */

    height: 38px;
}

.contents .form div.selectWrap::after
{
    position: absolute;
    top: 55%;
    right: 10px;

    display: block;

    width: 0;
    height: 0;
    margin-top: -4px;

    content: '';

    border: 4px solid transparent;
    border-top: 4px solid #888;
}

.contents .form label:hover
{
    color: #2b91fc;
}

/* ------------------------------------------------------------------------------------------------------------------------------------ .btn */
/* .btn .default */

.contents .btns .btn
{
    display: inline-block;
}

.contents .btn
{
    font-weight: bold;
    line-height: 1.5;

    display: block;

    box-sizing: border-box;
    margin: 0 auto 1em;
    padding: .2em 2em;

    cursor: pointer;
    text-align: center;
    white-space: nowrap;
    text-decoration: none;

    color: #fff;
    border: none;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: #eee;
}

.contents table .btn
{
    margin: 0 auto;
    padding: .2em .5em;
}

.contents .btn.red
{
    border: 1px solid #f74c00;
    background: #f74c00;
}
.contents .btn.blue
{
    border: 1px solid #1dade2;
    background: #1dade2;
}
.contents .btn.green
{
    border: 1px solid #00b47c;
    background: #00b47c;
}
.contents .btn.yellow
{
    color: #343434; border: 1px solid #f7ca00;
    background: #f7ca00;
}
.contents .btn.gray
{
    color: #464646; border: 1px solid #ddd;
    background: linear-gradient(to bottom, #fff, #e6e6e6);
}

.contents .btn.status
{
    color: #003e6c; border: 2px solid #003e6c;
    background: linear-gradient(to bottom, #fff, #fff);
}

.contents .btn:hover
{
    filter: brightness(105%);
}

.contents .btn.status:hover
{
    color: #fff; border: 2px solid #003e6c;
    background: linear-gradient(to bottom, #003e6c, #003e6c);
}

/* status 作成中 承認待ち 承認済み 受注 作業中 売り上げ 差戻 失注 承認済み(承認者が全員承認していないパターン) */

.contents .btn.status.during
{
    color: #30a4b1;
    border: 2px solid #30a4b1;
    background: #fff;
}

.contents .btn.status.during:hover
{
    color: #fff;
    background: #30a4b1;
}

.contents .btn.status.pending
{
    color: #73a580;
    border: 2px solid #73a580;
    background: #fff;
}
.contents .btn.status.pending:hover
{
    color: #fff;
    background: #73a580;
}
.contents .btn.status.approved
{
    color: #aba84b;
    border: 2px solid #aba84b;
    background: #fff;
}
.contents .btn.status.approved:hover
{
    color: #fff;
    background: #aba84b;
}
.contents .btn.status.received
{
    color: #f49280;
    border: 2px solid #f49280;
    background: #fff;
}
.contents .btn.status.received:hover
{
    color: #fff;
    background: #f49280;
}
.contents .btn.status.working
{
    color: #f46138;
    border: 2px solid #f46138;
    background: #fff;
}
.contents .btn.status.working:hover
{
    color: #fff;
    background: #f46138;
}
.contents .btn.status.sales
{
    color: #dd3b1d;
    border: 2px solid #dd3b1d;
    background: #fff;
}
.contents .btn.status.sales:hover
{
    color: #fff;
    background: #dd3b1d;
}

.contents .btn.status.remand
{
    color: #4a7edd;
    border: 2px solid #4a7edd;
    background: #fff;
}
.contents .btn.status.remand:hover
{
    color: #fff;
    background: #4a7edd;
}
.contents .btn.status.failure
{
    color: #929292;
    border: 2px solid #929292;
    background: #fff;
}
.contents .btn.status.failure:hover
{
    color: #fff;
    background: #929292;
}
.contents .btn.status.notall
{
    color: #9c4bab;
    border: 2px solid #9c4bab;
    background: #fff;
}
.contents .btn.status.notall:hover
{
    color: #fff;
    background: #9c4bab;
}

.contents .btn.status.norequest
{
    color: #4a9c4b;
    border: 2px solid #4a9c4b;
    background: #fff;
}

.contents .btn.status.norequest:hover
{
    color: #fff;
    background: #4a9c4b;
}
/* ------------------------------------------------------------------------------------------------------------------------------------ tab */

.contents #tab01:target ~ div.tabContents div.content:nth-child(1),
.contents #tab02:target ~ div.tabContents div.content:nth-child(2),
.contents #tab03:target ~ div.tabContents div.content:nth-child(3),
.contents #tab04:target ~ div.tabContents div.content:nth-child(4),
.contents #tab05:target ~ div.tabContents div.content:nth-child(5),
.contents #tab06:target ~ div.tabContents div.content:nth-child(6)
{
    display: block;
}

.contents #tab02:target ~ div.tabContents div.content:first-child,
.contents #tab03:target ~ div.tabContents div.content:first-child,
.contents #tab04:target ~ div.tabContents div.content:first-child,
.contents #tab05:target ~ div.tabContents div.content:first-child,
.contents #tab06:target ~ div.tabContents div.content:first-child
{
    display: none;
}
/*
.contents #tab01:not(:target) ~ ul.tabBtn li:nth-child(1) a,
.contents #tab02:not(:target) ~ ul.tabBtn li:nth-child(2) a,
.contents #tab03:not(:target) ~ ul.tabBtn li:nth-child(3) a,
.contents #tab04:not(:target) ~ ul.tabBtn li:nth-child(4) a,
.contents #tab05:not(:target) ~ ul.tabBtn li:nth-child(5) a,
.contents #tab06:not(:target) ~ ul.tabBtn li:nth-child(6) a {
	color: #848484;
	background: #f0f0f0;
}
*/
/*
.contents #tab01:not(:target) ~ ul.tabBtn li:nth-child(1) a {
	color: #fff;
	background: #003e6c;
}
*/
/*
.contents #tab01:target ~ ul.tabBtn li:nth-child(1) a,
.contents #tab02:target ~ ul.tabBtn li:nth-child(2) a,
.contents #tab03:target ~ ul.tabBtn li:nth-child(3) a,
.contents #tab04:target ~ ul.tabBtn li:nth-child(4) a,
.contents #tab05:target ~ ul.tabBtn li:nth-child(5) a,
.contents #tab06:target ~ ul.tabBtn li:nth-child(6) a {
	color: #fff;
	background: #003e6c;
}
*/

.contents #tab01:target ~ ul.tabBtn li:not(:nth-child(1)) a
{
    color: #848484; background: #f0f0f0;
}
.contents #tab02:target ~ ul.tabBtn li:not(:nth-child(2)) a
{
    color: #848484; background: #f0f0f0;
}
.contents #tab03:target ~ ul.tabBtn li:not(:nth-child(3)) a
{
    color: #848484; background: #f0f0f0;
}
.contents #tab04:target ~ ul.tabBtn li:not(:nth-child(4)) a
{
    color: #848484; background: #f0f0f0;
}
.contents #tab05:target ~ ul.tabBtn li:not(:nth-child(5)) a
{
    color: #848484; background: #f0f0f0;
}
.contents #tab06:target ~ ul.tabBtn li:not(:nth-child(6)) a
{
    color: #848484; background: #f0f0f0;
}

.contents div.trigger
{
    display: none;
}

.contents ul.tabBtn
{
    margin: 0;
    padding: 0;
}

.contents ul.tabBtn li
{
    position: relative;

    display: inline;

    margin: 0;
    padding: 0;
}

.contents ul.tabBtn li::before
{
    position: relative;
    top: 0;
    left: 0;

    width: auto;
    height: auto;
    margin: 0;

    content: '';
    transition: none;

    background: none;
}

.contents ul.tabBtn li a
{
    font-weight: bold;

    display: inline-block;

    padding: .5em 1em;

    text-decoration: none;

    color: #848484;
    border-radius: 5px 5px 0 0;
    background: #f0f0f0;
}

.contents div.tabContents
{
    position: relative;

    width: 100%;
}

.contents div.tabContents div.content
{
    position: relative;
    top: 0;

    display: none;

    box-sizing: border-box;
    width: 100%;
    padding: 1em 0;
    /* border-radius: 0px 5px 5px 5px; */

    animation: fadeIn .2s;

    border-top: 2px solid #f0f0f0;
}
/*
.contents #tab01 ~ ul.tabBtn li:nth-child(1) a {
	color: #fff;
	background: #003e6c;
}
*/
.contents div.tabContents div.content:first-child
{
    display: block;
}

.contents ul.tabBtn li a.current
{
    color: #fff !important;
    background: #003e6c !important;
}


/* ------------------------------------------------------------------------------------------------------------------------------------ comment */

.contents table.deco-tb.list span.comment
{
    font-weight: bold;

    text-decoration: underline;

    color: #337ab7;
}

.contents table.deco-tb.list span.comment:hover
{
    position: relative;

    cursor: pointer;
    text-decoration: none;
}

.contents table.deco-tb.list span.comment span
{
    position: absolute;
    z-index: 100;
    top: .4em;
    left: 2em;

    display: none;
    overflow: hidden;

    box-sizing: border-box;
    min-width: 300px;
    padding: 1em;

    list-style: outside none none;

    color: #333;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    background: #fff;
}

.contents table.deco-tb.list span.comment:hover span
{
    display: block;
}


div.detail div.message
{
    box-sizing: border-box;
    margin-bottom: 1em;
    padding: 1em;

    border-radius: 5px;
}

div.detail div.message.success
{
    color: #3c763d;
    border: 1px solid #d6e9c6;
    background-color: #dff0d8;
}

div.detail div.message.error
{
    color: #a94442;
    border: 1px solid #ebccd1;
    background-color: #f2dede;
}

.ui-autocomplete
{
	height: 15em;
	overflow-y: scroll;
	overflow-x: hidden;
}

.contents .form .err input.ui-autocomplete-input
{
    border-top: 1px solid #a94442;
    border-left: 1px solid #a94442;
    border-bottom: 1px solid #a94442;
    background: #ffeeef;
}

.contents .form .err a.custom-combobox-toggle
{
    border-top: 1px solid #a94442;
    border-right: 1px solid #a94442;
    border-bottom: 1px solid #a94442;
    background: #ffeeef;
}

input.input_num
{
  ime-mode: disabled;
  text-align: right;
}

.contents form#indexSearch div.utilities .row
{
	padding: 0;
}