﻿/* IEにおいて、スクロールバーがコンテンツに重ならないようにする */
@-ms-viewport
{
    width: auto;
}

*, pre { font-family: "Helvetica Neue",Helvetica,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif; }
html, body { height:100%; }
.container-full {
	width: 100%;
	height: 100%;
	padding: 1px;
}

.container#portal {
	width: 98%;
	height: 100%;
	padding-top: 10px;
}

/* ヘッダーボタン */
.navbar { margin-bottom: -1px; }
.menu-bar a {
	min-width: 90px;
	height: 58px;
}

/* タブ */
/*.nav-tabs > li > a { border: 1px solid #ddd; background-color: #eee; }*/
.nav-tabs > li > a { border: 1px solid #A5A5A5; background-color: #dedede; }
.nav-tabs.nav-sub-tabs > li > a { line-height: 0.1; color: #0b60ac }
.nav-tabs li
{
    display:inline-block;
    vertical-align:middle;
    text-align:center;
}

.nav-tabs > li > a:hover {
  border-color: #A5A5A5 #A5A5A5 #dddddd;
}
.nav > li > a:hover, .nav > li > a:focus{
  color: #0b60ac;
}

/* 選択中のタブ */
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #211453;
  border: 1px solid #b8b8b8;
  border-bottom-color: transparent;
}

/* 地図 */
.map-content {
	padding: 1px;
	height:100%;
	min-height:100%;
	overflow-x: hidden;
	overflow-y: hidden;
}
.map-content iframe {
	width:100%;
	height:100%;
	min-height:100%;
}

/* 表 */
/****************************************************/
/* TABLE表/GRID表 */
/****************************************************/

/* TABLE表 */
.table thead > tr > th, .table tbody > tr > th {
/*	background-color: #f5f5f5;*/
 	border: 1px solid #ddd;
	background-color: #eeeeee;
    background-color: #edf0ff;
 	border-top: 1px solid #a6a6a6;
 	border-top: 1px solid #d3d9f8;
 	border-bottom: 1px solid #a6a6a6;
    border-bottom: 1px solid #d3d9f8;
 	/*text-align: center;*/
}
.table thead > tr > th { vertical-align:middle; }
.table tbody > tr > th { text-align: center; }
.table > caption + thead > tr:first-child > th, 
.table > colgroup + thead > tr:first-child > th, 
.table > thead:first-child > tr:first-child > th, 
.table > caption + thead > tr:first-child > td, 
.table > colgroup + thead > tr:first-child > td, 
.table > thead:first-child > tr:first-child > td {
	border: 1px solid #ddd;
	border: 1px solid #a6a6a6;
    border: 1px solid #d3d9f8;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  vertical-align: bottom;
	border: 1px solid #a6a6a6;
  border: 1px solid #d3d9f8;
}
.table-bordered {
  border: 1px solid #a6a6a6;
  border: 1px solid #d3d9f8;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #a6a6a6;
  border: 1px solid #d3d9f8;
}

/****************************************************/
/* GRID表 */
/****************************************************/

/* 外枠 */
div.pq-grid.ui-widget.ui-widget-content {
    border: 1px solid #a6a6a6;
}

/* ヘッダー1 */
div.pq-grid-title.ui-corner-top{
    /*background-color:#c5f5f5;*/
    border-bottom: 1px solid #a6a6a6;
}

/* ヘッダー2 */
.pq-grid div.pq-header-outer.ui-widget-header{
    /*background-color:#c5f5f5;*/
    border-bottom: 1px solid #a6a6a6;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
    border-bottom: 1px solid #000000;
}

/* 行ヘッダー */
.pq-grid tr td.pq-grid-number-cell{

}

/* 入力フィールド */
.control-label-sm { padding-top: 4px !important; }
.input-group select.input-sm { height: 32px; }
a.input-group-addon.btn-default { color: #fff; }
.form-condensed .col-xs-1,
.form-condensed .col-xs-2, 
.form-condensed .col-xs-3, 
.form-condensed .col-xs-4, 
.form-condensed .col-xs-5, 
.form-condensed .col-xs-6, 
.form-condensed .col-xs-7, 
.form-condensed .col-xs-8, 
.form-condensed .col-xs-9, 
.form-condensed .col-xs-10, 
.form-condensed .col-xs-11, 
.form-condensed .col-xs-12,
.form-condensed .col-sm-1, 
.form-condensed .col-sm-2, 
.form-condensed .col-sm-3, 
.form-condensed .col-sm-4, 
.form-condensed .col-sm-5, 
.form-condensed .col-sm-6, 
.form-condensed .col-sm-7, 
.form-condensed .col-sm-8, 
.form-condensed .col-sm-9, 
.form-condensed .col-sm-10, 
.form-condensed .col-sm-11, 
.form-condensed .col-sm-12 { 
    padding-left: 5px; 
    padding-right: 5px; }
.form-condensed .panel-form .form-group { margin-left: 0; margin-right: 0; }
.form-condensed .panel.panel-form { padding-top: 20px; }
.fields-group { border-left: 1px solid #ddd; border-radius: 15px; }

.titleCell
{
        background-color:   #f4f9fe;
        text-align: left;
}
.inputNum
{                            
        text-align: right;                        
}
.inputChar
{ 
        text-align: left;
}
.fontsize-small
{
        font-size: 12px;
}

/* 入力フィールドのタイトル */
.control-label.form-control-static {
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    margin-right: -12px;
    margin-left: 12px;
}
.form-control {
  height: 28px;
  padding: 4px 4px;
  color: #000000;
}
.input-group-addon {
  padding: 4px 4px;
  color: #000000;
}
.btn-default-100 {
  width: 100%;
}

.btn-default-normal-width {
  width: 160px;
}


@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: 0px;
  }
}

body {
    background-color: #ffffff;
    /*background-image:linear-gradient(#ffffff, #1ad6fd 50%, #1d62f0)*/
}

.bg-primary{
    background-color: #000097;
    color:#d0ffff;
}


/* タイトルの背景色 */
.main_title{
     /*background-color: #0024ff;*/
}

/* メニュータイトルの背景色 */
.jts-header-menu-bar {
    background: linear-gradient(to bottom,  rgba(109,179,242,1) 0%,rgba(109,179,242,1) 4%,rgba(84,163,238,1) 11%,rgba(2,92,219,1) 100%);
}

/* 1段目の背景色 */
.navbar{
 /*background-image: linear-gradient(to bottom, #f2f9fe, #d6f0fd);*/

}

/* 2段目の背景色 */
.panel-default > .panel-heading {
    background-color: #bad7f1;
}
.panel-default > .panel-footer {
    background-color: #bad7f1;
    width : 100%;
    position: fixed;
    bottom : 0;
}

/* btn-primary */
.btn-primary{
    /*background-image:linear-gradient(#1d62f0, #1d62f0);*/
    background: linear-gradient(to bottom,  rgba(109,179,242,1) 0%,rgba(109,179,242,1) 4%,rgba(84,163,238,1) 7%,rgba(2,92,219,1) 100%);
}

.btn-primary-jts-menu{
    border-top:none;
    border-right-color:#ffffff;
    border-left-color:#ffffff;
}

.btn-primary:hover{
    /*background-image:linear-gradient(#ff9500, #ff9500);*/
    background-image: linear-gradient(to bottom,  rgba(2,92,219,1) 0%,rgba(2,92,219,1) 4%,rgba(2,92,219,1) 11%,rgba(2,92,219,1) 100%);
    border-top:none;
    border-right-color:#ffffff;
    border-left-color:#ffffff;
}

/* btn-default */
.btn-default{
    /*background-image:linear-gradient(#7b7d7d, #7b7d7d);*/
    background-image: linear-gradient(to bottom, #a67939, #845108);
    background: linear-gradient(to bottom,  rgba(109,179,242,1) 0%,rgba(109,179,242,1) 4%,rgba(84,163,238,1) 7%,rgba(2,92,219,1) 100%);
}
.btn-default:hover{
    background-image:linear-gradient(#ff9500, #ff9500);
    background-image: linear-gradient(to bottom,  rgba(2,92,219,1) 0%,rgba(2,92,219,1) 4%,rgba(2,92,219,1) 11%,rgba(2,92,219,1) 100%);
    border:1px solid #ff7200;
    border:1px solid #ffffff;
}

/* btn-info */
.btn-info:hover {
    background: linear-gradient(to bottom,  rgba(109,179,242,1) 0%,rgba(109,179,242,1) 4%,rgba(84,163,238,1) 11%,rgba(2,92,219,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    color: #f6f77b;
    border: 1px solid #0c75d2;
}

/* btn-system */
.btn-system {
    background-image: linear-gradient(to bottom, #3093c7, #1c5a85);
    border: 1px solid #808080/*#2e2f2f*/;
    color: #ffffff;
}
.btn-system:hover {
    background-image:linear-gradient(#ff9500, #ff9500);
    border:1px solid #ff7200;
}
.btn-system:active,
.btn-system.active,
.open > .dropdown-toggle.btn-system {
  color: #ffffff;
  background-color: #1c5a85;
  border-color: #1c5a85;
}

a{
    /*color: #3399f3;*/ /* bootstrapと同じ */
    color: #199BFA;
}
a:hover,
a:focus {
  color: #0000ff;
  color: #ff6600; /*オレンジ*/
  color: darkblue;
  text-decoration: underline;
}



/* 一覧表 */
.table-list thead > tr > th,
.table-list tbody > tr > th,
.table-list tbody > tr > td,
.table-list thead > tr > th > titleCell,
.table-list tbody > tr > th > titleCell,
.table-list tbody > tr > td > titleCell {
    height: 20px !important;
    font-size: 12px !important;  
    padding: 5px 10px;  
}
.table-list .btn-sm {
    padding: 1px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    height: 20px;
}