/************************************************************
*   全体
************************************************************/
html, body {
    margin      :   0;
    padding     :   0;
    font-size   :   10.5pt;
    text-shadow :   0 1px 1px #ccc;
}

h1 {
    margin      :   20px 0;
    padding     :   0;
    text-align  :   center;
    font-size   :   30px;
    line-height :   30px;
}

img {
    border  :   0;
}

table {
    border-collapse :   separate;
}

input[type=submit],
input[type=button],
input[type=reset],
button {
    text-shadow :   0 1px 0 #fff;
}

#base {
    max-width   :   1280px;
    margin      :   0 auto;
}



/************************************************************
*   汎用
************************************************************/

.center > * {
    margin-left :   auto;
    margin-right:   auto;
}

.text-center,
.text-center * {
    text-align  :   center;
}
.text-left,
.text-left * {
    text-align  :   left;
}
.text-right,
.text-right * {
    text-align  :   right;
}


.box-center {
    margin-left :   auto;
    margin-right:   auto;
}

.no-border,
.no-border tr > * {
    border  :   none;
}


.error {
    color   :   #f00;
}
td.error {
    padding :   10px 0;
}

/*  プレロード画像  */
.preload {
    background  :   url(/img/icon/preloader.gif) center no-repeat;
}


/************************************************************
*   header
************************************************************/

header nav {
    list-style  :   none;
}
header nav ul {
    margin  :   0;
    padding :   0;
}
header nav li {
    display :   inline-block;
}


/************************************************************
*   テーブル
************************************************************/

/*  一覧        */
.list-table {
    width       :   100%;
    margin      :   0 auto;
    box-sizing  :   border-box;
    border      :   none;
}

.list-table > * > tr > * {
    padding :   5px 3px;
    border  :   0px solid #000;
}
.list-table > thead {
    text-shadow :   0 1px 0 #fff;
    padding  :   2px;
}
.list-table > thead > tr > th {
    box-shadow  :   1px 0px 0px rgba(225,225,225,0.3) inset,
                   -1px 0px 0px rgba(225,225,225,0.3) inset,
                    0px 1px 1px rgba(0,0,0,0.1) inset,
                    0px -1px 1px rgba(0,0,0,0.3) inset,
                    0px 1px 3px #666;
    background  :   #ddd;
    background  :   linear-gradient(top, #eee 0%, #ddd 50%, #ccc 50%, #bbb 100%);
    background  :   linear-gradient(top, #eee 0%, #ddd 50%, #ccc 50%, #bbb 100%);
}

.list-table > thead > tr > :first-child {
    border-radius   :   0.5em 0 0 0.5em;
}
.list-table > thead > tr > :last-child {
    border-radius   :   0 0.5em 0.5em 0;
}

.list-table > tbody > tr:nth-child(even) {
    background  :   #eee;
}


.list-table > tbody > tr.clickable :not(.no-click) {
    cursor  :   pointer;
}





/*  一覧テーブルメニュー  */
.list-menu {
    margin          :   1em 0.5em;
    padding         :   2px;
    border-radius   :   5px;
    background      :   #eee;
    list-style      :   none;
    box-shadow  :  -1px 0px 0px rgba(225,225,225,0.3) inset,
                    1px 0px 0px rgba(225,225,225,0.3) inset,
                    0px -1px 1px rgba(0,0,0,0.1) inset,
                    0px 1px 1px rgba(0,0,0,0.3) inset,
                    0px -1px 3px #666;
}
.list-menu li {
    float       :   left;
    padding     :   5px;
    border-width:   0 1px;
    border-style:   solid;
    border-color:   transparent #ccc transparent #fff;
}
.list-menu li:first-child {
    border-left :   0;
}
.list-menu li:last-child {
    border-right :  0;
}

.list-menu:after {
    content :   '';
    display :   block;
    clear   :   both;
}


/*  入力        */
.input-table {
    margin  :   0 auto;
    border  :   1px solid #777;
    border-radius   :   0.5em;
    box-shadow  :   1px 0px 0px rgba(225,225,225,0.3),
                   -1px 0px 0px rgba(225,225,225,0.3),
                    0px 1px 1px rgba(0,0,0,0.1),
                    0px -1px 1px rgba(0,0,0,0.3),
                    0px 2px 3px #aaa;
}

.input-table > tbody > tr > th {
    width       :   25%;
    background  :   #ddd;
    background  :   linear-gradient(top, #eee 0%, #ddd 50%, #ccc 50%, #bbb 100%);
    background  :   linear-gradient(top, #eee 0%, #ddd 50%, #ccc 50%, #bbb 100%);
    white-space :   nowrap;
}
    
.input-table > tbody > tr:first-child > th {
    border-radius   :   0.5em 0 0 0;
}
.input-table > tbody > tr:first-child > td {
    border-radius   :   0 0.5em 0 0;
}
.input-table > tbody > tr:last-child > th {
    border-radius   :   0 0 0 0.5em ;
}
.input-table > tbody > tr:last-child > td {
    border-radius   :   0 0 0.5em 0;
}

.input-table > tbody > tr > * {
    border  :   1px solid #ccc;
}

.required:after {
    content :   '*';
    margin  :   0 5px;
    color   :   #f00;
}


/*  項目ごとの標準の幅  */
th.check, td.check {
    width   :   1.5em;
}
th.date, td.date{
    width   :   6em;
}
th.number, td.number{
    width   :   3em;
}



/************************************************************
*   ボタン
************************************************************/

.buttons {
    margin      :   1em 0;
    text-align  :   center;
}
.buttons > input {
    min-width   :   100px;
    margin      :   0 1em;
}



.button {
    padding         :   5px 10px;
    border-top      :   1px solid #999;
    border-radius   :   20px;
    box-shadow      :   1px 0px 0px rgba(225,225,225,0.3) inset,
                       -1px 0px 0px rgba(225,225,225,0.3) inset,
                        0px 1px 1px rgba(0,0,0,0.1) inset,
                        0px -1px 1px rgba(0,0,0,0.3) inset,
                        0px 1px 3px #666;
    background      :   #ddd;
    background      :   linear-gradient(top, #eee 0%, #ddd 50%, #ccc 50%, #bbb 100%);
    background      :   linear-gradient(top, #eee 0%, #ddd 50%, #ccc 50%, #bbb 100%);
    text-shadow     :   0 1px 0 #fff;
    font-size       :   20px;
    cursor          :   pointer;
}
.button:hover {
    box-shadow  :   1px 0px 0px rgba(128,225,255,0.3) inset,
                   -1px 0px 0px rgba(128,225,255,0.3) inset,
                    0px 1px 1px rgba(0,32,64,0.1) inset,
                    0px -1px 1px rgba(0,32,64,0.3) inset,
                    0px 1px 9px #67f;
    background  :   #9de;
    background  :   linear-gradient(top, #bef 0%, #ade 50%, #9cd 50%, #8bc 100%);
    background  :   linear-gradient(top, #aef 0%, #9de 50%, #8cd 50%, #7bc 100%);
    text-shadow :   0 1px 0 #cff;
}
.button:active {
    box-shadow  :   1px 0px 0px rgba(128,225,255,0.3) inset,
                   -1px 0px 0px rgba(128,225,255,0.3) inset,
                    0px 1px 1px rgba(0,32,64,0.1) inset,
                    0px -1px 1px rgba(0,32,64,0.3) inset,
                    0px 1px 9px #67f,
                    0px 5px 10px rgba(0,0,0,0.5) inset;
    text-shadow :   0 1px 0 #add;
}




/************************************************************
*   cform
************************************************************/

.cform-memo {
    margin  :   0 5px;
    color   :   #666;
}
.cform-memo:before {
    content :   '* ';
}


/************************************************************
*   sorter
************************************************************/

.sorter a {
    font-size   :   7pt;
}
.sorter-current {
    color   :   #f00;
}


/************************************************************
*  jquery-ui
************************************************************/

/*  datepicker調整  */
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width   :   40%;
}