/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2014/04/03, 16:25:12
    Author     : User
*/

/*
html {
    overflow-y: scroll;
}

input[type="text"],
input[type="password"] {
    height: 16px;
    vertical-align: middle;
}

input[type="hidden"] {
    display: none;
}

select {
    height: 22px;
    margin: 2px 0;
    vertical-align: middle;
}

input[type="submit"],
button {
    vertical-align: middle;
}

label {
    vertical-align: middle;
    line-height: 24px;
}

#container {
    width: 100%;
    margin: 0 auto;
}

#header {
    height: 50px;
    background-color: #E5E5E5;
    border-bottom: 15px solid #BCBDC0;
}

#header .auth {
    text-align: right;
    line-height: 25px;
}

#content {
    min-height: 500px;
}

#footer {
    height: 50px;
    line-height: 50px;
    background-color: #E5E5E5;
}

#footer .copyright {
    font-size: small;
    text-align: right;
}

input.btnreset, 
button.btnreset,
input.btnclear, 
button.btnclear {
    height: 22px;
    background: skyblue;
    border: 1px solid steelblue;
    border-radius: 2px;
    color: white;
}
*/

input[type=text],
select,
textarea {
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "メイリオ","Verdana", "Times New Roman", Times, serif;
}

img {
    vertical-align: middle;
}

.FormTableStyle input,
.FormTableStyle textarea {
    margin: 0;
}

input, select, button, label {
    vertical-align: middle;
}

input[type=radio],
.FormTableStyle input[type=radio],
input[type=checkbox],
.FormTableStyle input[type=checkbox]{
    margin: auto 2px;
}

embed {
    display: none;
}

input[type=button],
input[type=submit],
button {
    min-width: 80px;
    min-height: 30px;
    line-height: normal;
}

input[type=file] {
    height: 30px;
}

input[type=text], 
input[type=password],
select {
    height: 23px;
}

input[type=text], 
input[type=password],
select, 
textarea {
    margin: 2px;
    padding-left: 2px;
    border: solid 1px rgb(127, 157, 185);
    /*background-color: white;*/
}

input[type=text]:focus, 
input[type=password]:focus, 
select:focus, 
textarea:focus {
    border: solid 1px red !important;
    background-color: rgb(255, 255, 204);
}

label + select,
span + select {
    margin-left: 5px;
}


.jsdate {
    width: 13ex;
}

.jqgrid_del_row {
    border: solid 1px darkgray; 
    color: red; 
    background: mistyrose ;
}


.ime-off {
    ime-mode: disabled;
}

.ime-han {
    ime-mode: inactive;
}

.ime-zen {
    ime-mode: active;
}




.logout a {
    text-decoration: none;
}



#LogoImage {
    width: auto;
    height: 50px;
}

#LoginSet {
    width: 500px;
    margin: 0 auto;
    padding-top: 20px;
}

#LoginSet label {
    font-weight: bold;
    font-size: 105%;
}

#LoginSet .ButtonStyle1 {
    width: 170px;
    margin: 0 auto;
}

#LoginSet .LoginButton {
    width: 210px;
}
#LoginSet .LoginButton a {
    min-width: 170px;
}


.CrumbList {
    margin-bottom: 10px;
    font-size: 80%;
}

.CrumbList .Current,
.CrumbList .nowPage {
    font-weight: bold;
}



.SearchForm {
    margin-bottom: 10px;
}

.FormLine {
    display: table;
    table-layout: fixed;
}

.FormLine .FormCell {
    display: table-cell;
    padding: 1px 5px;
    vertical-align: middle
}

.FormCellL {
    display: table-cell;
    padding: 1px 5px;
    text-align: left;
    vertical-align: middle
}

.FormCellC {
    display: table-cell;
    padding: 1px 5px;
    text-align: center;
    vertical-align: middle
}

.FormCellR {
    display: table-cell;
    padding: 1px 5px;
    text-align: right;
    vertical-align: middle
}

.ButtonLine {
    display: table;
    width : 100%;
    table-layout: fixed;
}

input.picklist_btn,
button.picklist_btn {
    min-width: 50px;
    min-height: 25px;
    line-height: normal;
}

.AddUpdInfo {
    table-layout: fixed;
}

.AddUpdInfo tr th {
    width: 30%;
    text-align: center;
}

.AddUpdInfo tr th + td {
    width: 30%;
    text-align: center;
}

.AddUpdInfo tr th + td + td {
    width: 40%;
    text-align: center;
}


/* common Override
=========================================================================================== */


.himit#HeaderArea {
    border-top: solid 5px #e60027;
}

.admin#HeaderArea {
    border-top: solid 5px #4169e1;
}

#HeaderSet {
    display: table;
    table-layout: fixed;
}

#HeaderSet > .HeaderCell {
    display: table-cell;
    vertical-align: middle;
}

.LoginCompany {
    font-size: 70%;
}

#UltraGlobalNavi > .BtnOpen {
    float: none;
}

#UltraGlobalNavi > .BtnOpen > a {
    display: inline-block;
    height: 53px;
    line-height: 53px;
    font-size: inherit;
}

.admin#HeaderArea #UltraGlobalNavi .BtnOpen a:link, 
.admin#HeaderArea #UltraGlobalNavi .BtnOpen a:visited {
    background-color: #4169e1;
}

.admin#HeaderArea #UltraGlobalNavi .BtnOpen a:hover, 
.admin#HeaderArea #UltraGlobalNavi .BtnOpen a:active {
    background-color: #483d8b;
}

#VerticalLocalNavi {
    position: absolute;
    width: 300px;
    z-index: 100;
}

#VerticalLocalNavi li.Current a {
    background-color: #b1000e;
    color: #fff;
    background-image: url(../img/bg_v_navi_current.gif);
    background-repeat: no-repeat;
    background-position: center left;
}

#Contents {
    min-height: 400px;
    padding: 10px 0;
}

#Footer {
    padding: 20px 0;
}

h2.NonDeco {
    margin: 0;
    padding: 0;
    background: none;
}

.PageTitleStyle4 {margin: 0 0 10px;}

.FormTableStyle th label { display: block; }
.FormTableStyle .FullInput { display: block; width: 97%; }

.FormTableStyle td {
    word-break: break-all;
    word-wrap: break-word;
}

.FormTableStyle th {
    text-align: center;
}

.FormTableStyle th,
.FormTableStyle td {
    font-size: 100%;
    padding: 2px 4px;
}

.FormTableStyle input[type="text"],
.FormTableStyle textarea,
.FormTableStyle select, 
.FormTableStyle input[type="password"] {
    padding: 0;
    padding-left: 2px;
    border: solid 1px #ddd;
}

.FormTableStyle input[type="text"], 
.FormTableStyle input[type="password"], 
.FormTableStyle textarea, 
.FormTableStyle select {
    margin: 0;
    border: 1px solid rgb(127, 157, 185)
}


/* jqgrid jquery-ui Override
=========================================================================================== */

.ui-datepicker-trigger {
    vertical-align: middle;
}

.ui-jqgrid td {
    border: none;
}

.ui-jqgrid td,
.ui-jqgrid th {
    text-align: inherit;
    font-size: 110%;
}

.ui-button {
    height: auto;
    min-height: 0;
    min-width: 0;
}

.ui-jqgrid-sortable {
    line-height: 17px;
}

.ui-jqgrid input.ui-pg-input {
    height: 18px;
    line-height: 120%;
    font-size: 100%;
}

.ui-jqgrid select.ui-pg-selbox {
    height: 20px;
    line-height: 120%;
    font-size: 100%;
}

.ui-jqgrid .ui-pager-control td table {
    margin: 0 auto;
}

.ui-jqgrid + .ButtonLine {
    margin-top: 5px;
}

.ui-jqgrid + .ButtonLine .FormCellL {
    padding: 0;
}