body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    font-size: 10pt;
    max-width: 280px;
}

/* BootStrap Custom
----------------------------------------------------------*/
.alert {
    padding: 5px;
    margin-bottom: 13px;
}
.navbar-inverse .navbar-brand-active a{
    color: #fff;
}

.navbar .divider-vertical {
    height: 50px;
    margin: 0 9px;
    border-right: 1px solid #5E5E5E;
    border-left: 2px solid #F2F2F2;
}

/* 選択済みメニュー */
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
    background-color:#777777;
}

/* メニューの枠線 */
.navbar-nav>li>a, .navbar-nav>li>a:focus, .navbar-nav>li>a:hover {
    border-left:solid 1px #777777;
}

.navbar-nav>li.OD50>a,.navbar-nav>li.OD50>a:focus,.navbar-nav>li.OD50>a:hover{
    border-right: solid 1px #777777;
}

.navbar-nav.navbar-right>li>a,.navbar-nav.navbar-right>li>a:focus,.navbar-nav.navbar-right>li>a:hover,.navbar-nav.navbar-right>li>a:visited{
    border-right: solid 1px #777777;
}

.navbar-nav > .open > a,.navbar-nav > .open > a:hover, .navbar-nav > .open > a:active,.navbar-nav > .open > a:focus {
    border-left: solid 1px #777777;
    border-right: solid 1px #777777;
}

.navbar-inverse .divider-vertical {
    border-right-color: #5E5E5E;
    border-left-color: #111111;
}

@media (max-width: 767px) {
.navbar-collapse .nav > .divider-vertical {
    display: none;
  }
}

/* 各画面共通
----------------------------------------------------------*/
.title_area {
    margin-left:auto;
    margin-right:auto; 
    margin-top : -20px;
    margin-bottom : 15px;
    width:980px;
}
/* .title_areaを基にして作成 */
.title_area_fluid {
    margin-left:auto;
    margin-right:auto; 
    margin-top : -20px;
    margin-bottom : 15px;
}
.message_area {
    margin-left:auto;
    margin-right:auto; 
    margin-top : 10px;
    margin-bottom : -2px;
    width:980px;
}
/* .message_areaを基にして作成 */
.message_area_fluid {
    margin-left:auto;
    margin-right:auto; 
    margin-top : 10px;
    margin-bottom : -10px;
}
.search_condition {
    margin-left:auto;
    margin-right:auto; 
    margin-top : 10px;
    margin-bottom : 10px;
    width:980px;
}
.search_condition_title{
    padding:5px;
    font-weight:bold;
    font-family:Arial;
    font-size:14px;
    border:1px solid #ddd;
    background:#eee;
    cursor: pointer;
}
.search_condition_item {
    padding:25px;
    font-family:Arial;
    font-size:13px;
    border:1px solid #ddd;
}
.search_option_item {
    padding:25px;
    font-family:Arial;
    font-size:14px;
    margin-top : -30px;
}
.search_result_title{
    padding:5px;
    font-weight:bold;
    font-family:Arial;
    font-size:14px;
    border:1px solid #ddd;
    background:#eee;
}
.search_result {
    margin-left:auto;
    margin-right:auto; 
    margin-top : -20px;
    margin-bottom : 10px;
    width:980px;
}
.pagination_area {
    text-align: center;
    margin-top : -30px;
    margin-bottom : -44px;
}
.search_result_count {
    margin-bottom: -11px;
    margin-left: 6px;
}
.form_input_area {
    padding: 9px 14px;
    margin-left:auto;
    margin-right:auto; 
    margin-top : 10px;
    margin-bottom : 10px;
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
    border-radius: 4px;
    width:980px;
}
/* .form_input_areaを基にして作成 */
.form_input_area_fluid {
    padding: 9px 14px;
    margin-left:auto;
    margin-right:auto; 
    margin-top : 10px;
    margin-bottom : 10px;
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
    border-radius: 4px;
}
.form_button_area {
    margin:20px 0px 5px 0px;
    text-align:right;
}
.control-label-result {
    color: darkblue;
}
img#preloaderAnimation {
    POSITION: relative;
    TOP: 50%;
    LEFT: 50%;
}
div#preLoaderDiv {
    position: fixed;
    _position: absolute;
    _top: expression(eval(document.body.scrollTop));
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1040;
    background-color: white;
    opacity: 0.7;
    filter: alpha(opacity=70);
}
.ui-autocomplete {
    max-height: 271px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    border:1px solid #222;
    position:absolute;
}
h1 {
    padding : 0px;
    margin : 0px;
}
.footer {
    margin: 0px auto 0px auto;
    text-align:center;
    width:980px;
}
.row-condition {
  margin-bottom: 15px;
}

.pcbtn {
    width:130px
}

/* input
----------------------------------------------------------*/
input.very_short1 {
    width : 50px;
}
input.very_short2 {
    width : 75px;
}
input.very_short3 {
    width : 25px;
}
input.short1 {
    width : 100px;
}
input.short2 {
    width : 125px;
}
input.middle1 {
    width : 150px;
}
input.middle2 {
    width : 175px;
}
input.large1 {
    width : 200px;
}
input.large2 {
    width : 225px;
}

/* table
----------------------------------------------------------*/
table {
    border-collapse: collapse;
    table-layout:fixed;
}
table.boder_add {
    border-top : solid 1px #dddddd;
    border-left : solid 1px #dddddd;
}
table.boder_add tbody tr th, table.boder_add tbody tr td {
    border-right : solid 1px #dddddd;
    border-bottom : solid 1px #dddddd;
}
table.boder_none, table.boder_none tbody tr th, table.boder_none tbody tr td {
    border : none;
}
table.list_table_01 {
    margin: 0px 0px 0px 0px;
    border : solid 1px #999999;
    width:98%;
}
table.list_table_01 th {
    font-weight : bold;
    text-align : center;
    vertical-align:middle;
    background : #eeeeee;
    border : solid 1px #dddddd;
    color : #333333;
    padding : 5px;
}
table.list_table_01 th.verylong {
    width : 600px;
}
table.list_table_01 th.long {
    width : 300px;
}
table.list_table_01 th.semilong {
    width : 250px;
}
table.list_table_01 th.middle {
    width : 200px;
}
table.list_table_01 th.semimiddle {
    width : 150px;
}
table.list_table_01 th.short {
    width : 100px;
}    
table.list_table_01 th.veryshort {
    width : 50px;
}
table.list_table_01 th.thin {
    width : 25px;
}
table.list_table_01 td {
    text-align : left;
    vertical-align : middle;
    background : #ffffff;
    border : solid 1px #dddddd;
    color : #333333;
    padding : 5px;
    word-break: break-all;
}
.table_type01 {
    width:100%;
}
.table_type01 thead tr th {
    height:20px;
    background-color : #eeeeee;
    border-top : solid 1px #eeeeee;
    border-bottom : dotted 1px #eeeeee;
    font-size : 11pt;
}
.table_type01 tbody tr td.data{
    width:75%;
    color : #666666;
    cursor: pointer;
    background-color: #fafafa;
    padding : 3px;
}