@charset "euc-jp";
/*
bootstrap以外のCSS記載
2016.01.25_takeshita
 */

/*-- header----------------------------------*/
#header{
    background:#69821b;
}
#header .bg-info{
    background:none !important;
}


/*-- h1・logout --*/
#header .bg-info .h_ttl{
    padding-left:0;
}
#header .bg-info h1{
    position:relative;
    color:#fff;
    font-size:25px;
    margin:15px 0 13px;
    padding:15px 0 10px 60px;
    letter-spacing:1px;
}

#header .bg-info h1:before{
    content:url(../images/icon_mark.png);
    position:absolute;
    top:0;
    left:0;
}

#header .bg-info .logout a{
    display:block;
    width:100%;
    margin-top:15px;
    padding:15px 0;
    text-align:center;
    border:3px solid #dccb18;
    color:#fff;
    font-weight:bold;
}
#header .bg-info .logout a:before{
    content:url(../images/icon_arrow.gif);
    padding-right:5px;
}

/*-- navi --*/
#header .navi .col-md-2{
    padding:10px 10px 8px;
}
#header .navi .col-md-2 a{
    font-size:15px;
}

#header .navi .bg-danger{
    background:#fff !important;
}
#header .navi .bg-danger a{
    font-weight:bold;
}
#header .navi  .bg-danger a:before{
    content:url(../images/icon_arrow_yellow.gif);
    margin-right:5px;
}

#header .navi .bg-warning{
    background:#99ab4e !important;
}
#header .navi  .bg-warning a{
    color:#fff !important;

}
#header .navi  .bg-warning a:before{
    content:url(../images/icon_arrow.gif);
    margin-right:5px;
}

/*-- header 管理サイト----------------------------*/
#header.h_manage{
    background:#007bbb;
}
#header.h_manage .bg-info .logout a{
    border-color:#83ccd2;
}
#header.h_manage .navi .bg-warning{
    background:#38a1db !important;;
}


/*-- footer----------------------------------*/
#footer{
    background:#c0a354;
    border-bottom:3px solid #e6b422;
}
#footer .container{
    background:none;
    text-align:center;
}
#footer .container h2{
    color:#fff;
    font-size:18px;
    font-weight:bold;
    letter-spacing:1px;
    margin:15px 0;
}

/*-- footer 管理サイト----------------------------*/
#footer.f_manage{
    background:#69821b;
    border-color:#82ae46;
}

/*-- subttl----------------------------------*/
h3.subttl{
    font-size:21px;
    font-weight:bold;
    color:#69821B;
    border:3px solid #69821B;
    border-right:none;
    border-left:none;
    padding:15px 0 15px 40px;
    margin-bottom:25px;
    position:relative;
}
h3.subttl:before{
    content:url(../images/icon_ume.gif);
    position:absolute;
    left:0;
    top:11px;
}


.manage_login h2{
    position:relative;
    color:#fff;
    font-size:25px;
    margin:15px 0 13px;
    padding:15px 0 10px 60px;
    letter-spacing:1px;
}

/*-- subttl 管理サイト----------------------------*/
.main_manage  h3.subttl{
    color:#007bbb;
    border-color:#007bbb;
}

/*-- main----------------------------------*/

#main{
    margin-bottom:60px;
}

#main .btn_new{
    width:100% !important;
    padding:10px 0 !important;
    font-size:14px !important;
    font-weight:bold !important;
    background:#ec6800 !important;
    border-color:#ec6800 !important;
    color: white;
}

#main .btn-info{
	 color: white !important;
}


#main .btn-sort{
	 background-color: #216de1 !important;
	 --bs-btn-border-color: #216de1 !important;
	 
	--bs-btn-color: #000;
	--bs-btn-bg: #0dcaf0;
	--bs-btn-border-color: #0dcaf0;
	--bs-btn-hover-color: #000;
	--bs-btn-hover-bg: #31d2f2;
	--bs-btn-hover-border-color: #216de1;
	--bs-btn-focus-shadow-rgb: 11,172,204;
	--bs-btn-active-color: #000;
	--bs-btn-active-bg: #3dd5f3;
	--bs-btn-active-border-color: #216de1;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #000;
	--bs-btn-disabled-bg: #0dcaf0;
	--bs-btn-disabled-border-color: #0dcaf0;

}


#main .btn-gray{
	background-color: gray;
	color: white !important;
}


#main .btn-primary{
	color: #fff;
 	background-color: #337ab7;
 	border-color: #2e6da4;
}

#main .btn-default{
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

.contents_title{
	margin-top: 10px;	
}


/*-- table----------------------------------*/
#main table{
    border-bottom:3px solid #959595;
}
#main table tr th{
    background:#c89932;
    text-align:center;
    font-size:13px;
    border:1px solid #deb068;
    color:#fff;
    padding:8px 3px 7px;
    vertical-align: central;
}
#main table.info_table tr th:nth-of-type(2) ,
#main table.info_table tr th:nth-of-type(8) {
    width:75px;
}
#main table.info_table tr th:nth-of-type(3),
#main table.info_table tr th:nth-of-type(4),
#main table.info_table tr th:nth-of-type(9){
     width:80px;
}
#main table.info_table tr th:nth-of-type(6){
    width:200px;
}
#main table.info_table tr td:nth-of-type(2),
#main table.info_table tr td:nth-of-type(3),
#main table.info_table tr td:nth-of-type(4),
#main table.info_table tr td:nth-of-type(8),
#main table.info_table tr td:nth-of-type(9){
    font-size:13px;
}
#main table td {
    border:1px solid #ddd;
    padding:5px;
}
    
.c-tbl-blue {
  background-color: #e6fff2 !important;
}

.c-tbl-gray {
  background-color: #cccccc !important;
}

.c-tbl-yellow {
  background-color: #ffffcc !important;
}

.c-tbl-orange {
  background-color: #ffcc99 !important;
}

.c-tbl-pink {
  background-color: #ff99cc !important;
}


/*-- table 管理サイト----------------------------*/
.main_manage #main table tr th{
    background:#b9d08b;
    border:1px solid #aacf53;
}

/*-- form----------------------------------*/
#main.set_form{
    width:60%;
    margin:0 auto 60px;
}
@media screen and (max-width:992px) {
  #main.set_form{
      width:100%;
  }
 }

#main #edit_form .form-group .control-label:after{
    content:url(../images/icon_arrow_black.gif);
    margin-left:10px;
}

#main #edit_form .form-group{
	margin-bottom: 15px;
}

#main #edit_form .form-group .control-label{
	font-weight: 700;
}

#main #edit_form .form-group div input{
    width:100%;
}

#main #edit_form .form-group .btn-block{
    width:100%;
}

#main #edit_form .form-group .btn_save{
    width:300px;
    margin:20px auto 0;
}
#main #edit_form .form-group .btn_save button{
    padding:15px 0;
}
/*-- 詳細ページ----------------------------------*/
#main.edit{
    width:70%;
}
#main.edit .form-inline .form-control{
    margin-right:5px;
}

#main.edit #edit_form .form-group div.delete input{
    width:auto;
}

#main.edit #edit_form .form-group .btn_save02 button{
    margin-top:20px;
    padding:15px 0;
}

.main_user #main .btn_new{
    width:100%;
    padding:10px 0;
    font-size:14px;
    font-weight:bold;
    background:#ec6800;
    border-color:#ec6800;
}

/*--  管理サイト----------------------------*/
.main_manage .form-group select{
    margin-right:10px;
}

.main_manage  #main .btn_new{
    width:100% !important;
    padding:10px 0 !important;
    font-size:14px !important;
    font-weight:bold !important;
    background:#ec6800 !important;
    border-color:#ec6800 !important;
}

/*-- メッセージ-----------------------------------*/
.msgArea{
    padding:15px 0 8px;
    margin:0 0 15px;
    font-weight:bold;
    background:#dff0d8 !important;
}

.msgArea .bg-success{
	background-color: #dff0d8 !important;
}

/*-- エラーメッセージ-----------------------------------*/
#main #error_string{
    padding:15px 0 8px;
    margin-bottom:20px;
    font-weight:bold;
    color:red;
    background-color: orange  !important;
}

/*--添付ファイル----------------------------------*/
#main .btn_temp{
    margin-bottom:20px;
}

#main .btn_temp .bg-info{
    text-align:center;
    padding:10px 0;
    background:#FF2222;
}
#main .btn_temp .bg-info a{
    font-weight:bold;
    color:#fff;
    font-size:15px;
    letter-spacing:1px;
}
#main .btn_temp .bg-info a:before{
    content:url(../images/icon_arrow.gif);
    margin-right:5px;
}



small {
  font-size: .750em;
}