/*
    各サイト用共通CSS

    S.Tateishi@TEXNOS 新規作成    
*/


body {
    color:black;
}

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

/*起票入力の明細部で使用*/
.table > thead > tr > td.tbl-frame,
.table > tbody > tr > td.tbl-frame,
.table > tfoot > tr > td.tbl-frame,
.table > thead > tr > th.tbl-frame,
.table > tbody > tr > th.tbl-frame,
.table > tfoot > tr > th.tbl-frame,
.table > thead > tr.tbl-frame > td,
.table > tbody > tr.tbl-frame > td,
.table > tfoot > tr.tbl-frame > td,
.table > thead > tr.tbl-frame > th,
.table > tbody > tr.tbl-frame > th,
.table > tfoot > tr.tbl-frame > th {
	background-color: #1995dc;
	color: white;
}

.success-msg {
	color: #317eac;
	font-size: 17px;
	font-weight: bold;
}

/* ↓↓↓サイト全体で使用↓↓↓*/
.text-align-right {
    text-align: right;
}

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

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

.bg-color-green {
    background-color: rgb(204,223,203);
}
.color-green {
    color: rgb(204,223,203);
}
.bg-color-orange {
    background-color: rgb(255,106,92);
} 
.color-orange {
    color: rgb(255,106,92);
}

.bg-color-darkgreen {
    background-color: rgb(5,101,113);
}
.color-darkgreen{
    color: rgb(5,101,113);
}

.text-danger {
    color: rgb(255,0,0);
}
/* ↑↑↑サイト全体で使用↑↑↑*/
/* ↓↓↓サブメニュー対応↓↓↓*/
/*ドロップダウンリストからさらにドロップダウンリストを発生させる為のCSS */
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover > a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

/* ↑↑↑サブメニュー対応↑↑↑*/

/* ↓↓↓　ヘッダー＆フッターの設定　↓↓↓*/
/*　画面上部と下部の設定　*/

.input-group .form-control {
    z-index:inherit;
}
#header ul {
    margin-bottom: 0px;
    padding:0px;
}

.header, .site-footer {
    margin: 0px;
    padding: 10px
}

.header, .site-footer {
    background-color: white;
    padding: 10px;
    margin: 0px;
}

.copyright-bar {
    height: 30px;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
}


/* 点滅アニメーション */
.flash {
	animation: Flash1 1.5s 5;
}

@keyframes Flash1 {
	50% {
		opacity: 0;
	}
}

#header-message-update-btn {
	font-size: 12px;
	font-family: 'Yu Gothic UI Semibold',sans-serif;
	font-weight: 400;
	color: white;
	background-color: rgb(255,106,92);
	box-shadow: none;
	text-align: center;
	margin: 0 0px 5px -5px;
	display: inline-block;
	border-radius: 5px;
	padding: 0px;
	text-decoration: none;
	min-width: 90%;
	height: 20px;
}



/* パンくずリストのバー*/
.topic-path-bar {
	height: 20px;
	color: black;
	display: flex;
	text-align: left;
	justify-content: flex-start;
	align-items: center;
	border-radius: 5px;
	margin: 2px 0 2px 0;
	padding: 0 0 0 20px;
	font-weight: bold;
	font-family: "Yu Gothic UI Semibold",sans-serif;
}

#topic-path {
    margin: 10px 0;
    padding-left: 0px;
}

    #topic-path li {
        display: inline;
        line-height: 110%;
        list-style-type: none;
    }

        #topic-path li dummy:after {
            content: " > ";
        }

/* 画面タイトルバー */
.page-tite-bar {
	color: white;
	min-height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
	font-size: x-large;
	font-family: 'Yu Gothic UI Semibold',sans-serif;
}

/*JAマークの調整用 */
div.site-image {
    /*margin-right:20px;*/
}

.site-image .img {
	object-fit: contain;
	transform-origin: 0 0;
	transform: scale(0.33);
}

/* 画面をスクロールさせた際に、上部を固定する為のCSS */
.is-fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
}

.padding {
    padding:10px
}

.margin{
    margin: 10px
}

/*トップページのボタン用*/
a.top {
	width: 250px;
	font-size: 20px;
	font-family: 'Yu Gothic UI Semibold',sans-serif;
	font-weight: 600;
	color: white;
	background-color: rgb(255,106,92);
	box-shadow: 4px 2px 1px 0px grey;
	text-align: center;
	margin: 20px 20px 10px 20px;
	display: inline-block;
	border-radius: 5px;
	padding: 5px;
	text-decoration: none;
}

/* 画面上部のボタン（ログアウトと利用ガイド）用*/
#basic-button-area {
    padding-right: 1.5px;
}

a.head {
	width: 100%;
	font-size: 13px;
	font-family: 'Yu Gothic UI Semibold',sans-serif;
	color: white;
	background-color: rgb(5,101,113);
	text-align: left;
	display: inline-block;
	border-radius: 5px;
	padding: 5px 0px 5px 3px;
	text-decoration: none;
	margin: 0px 0 2px 0;
}

a.head.disabled {
    opacity:0.5;
}

/* ↑↑↑  ヘッダー＆フッターの設定  ↑↑↑*/

/* パネルの設定 */
.panel-body {
    text-align: center;
    padding-top: 5px;
}

.panel-body > ul {
    padding-left: 0px;
}


.panel-body > ul > li {
    list-style: none;
    word-wrap: break-word;
    text-align: left;
}

.bg-color-green .panel-body {
    background-color: rgb(204,223,203);
}

.panel-title {
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	font-family: 'Yu Gothic UI Semibold',sans-serif;
}

.panel-primary {
    border-color:navy;
}

.panel-primary > .panel-heading {
    background-color: rgb(5,101,113);
}


/*文字の色*/
.text-black {
	font-family: 'Yu Gothic UI Semibold',sans-serif;
	font-weight: 600;
	font-size: 16pt;
}

.text-red {
	font-family: 'Yu Gothic UI Semibold',sans-serif;
	font-weight: 600;
	color: rgb(255,106,92);
	font-size: 16pt;
}

/*背景の色とフォント*/
.body-content {
	background-color: rgb(204,223,203);
	font-family: 'Meiryo UI',sans-serif;
	padding: 10px;
}
/*ボタンでのリンクのマウスオーバー時に変化しないように制御*/
a.button-link {
    text-decoration: none;
    color: coral;
}

/*画面上部のサイトエリア*/
#site-name {
    height:46px;
}

/*画面上部のサイト名のフォント*/
a.site-name {
	font-size: 35px;
	font-family: 'Yu Gothic UI Semibold',sans-serif;
	font-weight: 600;
	color: rgb(255,106,92);
	text-decoration: none;
	padding-left: 20px;
}

/*bootstrap の余白調整*/
@media (min-width: 720px) {
    .container {
        max-width: 100%;
    }

}

@media (min-width: 992px) {
    .container {
        max-width: 100%;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 100%;
    }
}

.row {
    margin-left: 0;
    margin-right: 0;
}

/* リストの点は基本的に消す */
li {
    list-style:none;
}

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    background-color: inherit;
}

/*お気に入り以外のメニューボタンの位置調整用*/
.btn-group .justified {
    float: none;
    display: table-cell;
}


.top-msg {
	font-size: 20px;
	font-family: 'Meiryo UI',sans-serif;
	font-weight: 600;
	color: rgb(255,51,0);
}

/* ログイン画面 */

#password {
	text-align: right;
	font-size: 20px;
	font-weight: bold;
	font-family: 'Yu Gothic UI Semibold',sans-serif;
	padding: 0px 20px 0px 0px;
}

#userid {
	text-align: right;
	font-size: 20px;
	font-weight: bold;
	font-family: 'Yu Gothic UI Semibold',sans-serif;
	padding: 0px 20px 0px 0px;
}

.btn-login {
	width: 200px;
	font-size: 20px;
	font-family: 'Yu Gothic UI Semibold',sans-serif;
	font-weight: 600;
	color: white;
	background-color: rgb(255,106,92);
	box-shadow: 4px 2px 1px 0px grey;
	text-align: center;
	margin: 10px;
	display: inline-block;
	border-radius: 5px;
	padding: 5px;
	text-decoration: none;
}

/* お知らせ */
table.osirase.meisai {
    width: 100%;
    text-align: left;
    word-break: break-all;
    overflow:scroll;
    border:none;
        
}

    table.osirase.meisai td {
        padding: 6px;
        padding: 6px;
        border-left: none;
        border-right: none;
        border-top: none;
    }

table.osirase.meisai.top [name=TITEL]{
    border-right: solid 1px; 
    border-color: #dddddd;
}

.panel-body.gm-msg{
    overflow:auto;
}
/* 組織の共通部品用 */
/* 
    フォームがHTML全体の幅からはみ出さないようにBootstrapのCSSを上書きする 
    はみ出すと下部に余計なスクロールバーが出てしまい、
    chromeで以下のような現象が発生する。
    　縦幅を横のスクロールバーが消えるギリギリまで伸ばす。
    　その状態でプルダウンやスクロール等を操作すると、スクロールバーが出たり消えたりする
*/
.form-horizontal .form-group {
    margin-left: 0px;
    margin-right: 0px;
}