/*リセットCSS*/
a{text-decoration: none}
a:visited{text-decoration: none}
ul,ol{list-style: none}
img{vertical-align: middle}
textarea{resize: none;}

/*フルードイメージ ↓BootStrapのMediaObjectの画像が表示されなくなるので一旦無効化 */
/*img{max-width: 100%}*/

/*タイポグラフィ*/
html{
  /*font-family: verdana, sans-serif;*/
  font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGOTHIC";
  line-height: 1.5;
  margin:0;
  padding:0;
}

/*ボディ全体*/
body{
    margin: 0 auto;
    text-align: left;
    /*position: fixedのヘッダ用*/
    /*padding-top: 70px;*/
    background: #f5f5f5;
}
#div-body{
  /*width: 90%;*/
  /*max-width: 1200px;*/
  background: #fff;
  /*padding-top: 30px;*/
  /*border: 1px solid red;*/
}

/*ヘッダテンプレート*/

.cs-head-mng{
  /*width: 90%;*/
  /*max-width: 1200px;*/
  margin: 0 auto;
  padding:10px;
  /*height:70px;*/
  color: #FFF;
  background-color: #55acee;
  box-shadow:0 3px 5px rgba(0,0,0,.22);
  transition:.3s ease-in-out;
}
.cs-head-logo{
  display: block;
  width: 100px;
  height: 300px;
  float: left;
  margin-top: 6px;
  margin-bottom: 8px;
  margin-left: 10px;
}
.cs-head-menu{
  float: right;
  margin-top: 6px;
  margin-right: 10px;
}
.cs-relative{position: relative;}

#div-header{
  background: #fff;
  height: 40px;
  margin:0; padding:0;
  padding-left: 10px;
}
#sp-version{
  float: right;
  margin-right: 40px;
  color: #4682B4;
  font-weight: bold;
}
#div-htreg{height: 30px;}

#sp-title{
  display: inline-block;
  margin: 8px 20px 0 10px;
  font-weight: bold;
  color: #483d8b;
}


/*フッタテンプレート*/
#div-footer{
  height: 100px;
  background: #fff;
  margin: 40px auto 0 auto;
  padding:0;
  font-size: 12px;
}
#div-ftline{
  height: 2px;
  background: #a9a9a9;
  margin:0 0 4px 0;
  padding:0;
}
#sp-cpr{
  display: inline-block;
  margin-bottom: 20px;
}
.cs-ftlink{
  color: grey;
  margin-left: 10px;
  margin-right: 10px;
}
.cs-ftlink:hover{
  color: #1e90ff;
  text-decoration: underline;
}


/*ページャテンプレート*/
.cs-pgdiv{
  float: left;
  margin: 2px 0 2px 6px;
  /*border: 1px solid red;*/
}
#ul-pager{
  padding:0;
  margin:0;
}
.cs-pgbg{
  font-size: 14px;
  font-weight: bold;
  color: #a52a2a;
  /*background: #a52a2a;*/
}
.cs-pghidden{display: none;}


/*ローディング画像の位置*/
.cs-loading{
    position:absolute;
    left:45%;
    top:40%;
    margin-left:-30px;
    display: none;
    z-index: 20000;
}





/* 汎用スタイル */
.cs-pointer{cursor: pointer;}
.cs-hidden{display: none!important;}
.cs-center{text-align: center!important;}
.cs-right{text-align: right;}
.cs-left{text-align: left;}
.cs-pd0{padding: 0!important;}
.cs-pd4{padding: 4px;}
.cs-pd10{padding: 10px;}
.cs-pd20{padding: 20px;}
.cs-pdl20{padding-left: 20px;}
.cs-mg0{margin: 0;}
.cs-mg10{margin: 10px;}
.cs-mgauto{margin: 0 auto;}
.cs-mb6{margin-bottom: 6px;}
.cs-mb10{margin-bottom: 10px;}
.cs-mb20{margin-bottom: 20px;}
.cs-mb30{margin-bottom: 30px;}
.cs-mt4{margin-top: 4px;}
.cs-mt10{margin-top: 10px;}
.cs-mt20{margin-top: 22px;}
.cs-mt30{margin-top: 30px;}
.cs-mtm4{margin-top: -4px;}
.cs-mtm6{margin-top: -6px;}
.cs-mtm8{margin-top: -8px;}
.cs-mtm10{margin-top: -10px;}
.cs-mtm20{margin-top: -20px;}
.cs-ml4{margin-left: 0px;}
.cs-ml10{margin-left: 10px;}
.cs-ml20{margin-left: 20px;}
.cs-ml30{margin-left: 30px;}
.cs-ml50{margin-left: 50px;}
.cs-mr5{margin-right: 5px;}
.cs-mr10{margin-right: 10px;}
.cs-mr20{margin-right: 20px;}
.cs-mr30{margin-right: 30px;}
.cs-ft12{font-size: 12px;}
.cs-ft14{font-size: 14px;}
.cs-ft15{font-size: 15px;}
.cs-ft16{font-size: 16px;}
.cs-ft18{font-size: 18px;}
.cs-cl-666{color: #999;}
.cs-cl-red{color: #ff0000;}
.cs-bgcolor{background: #e6e6fa;}
.cs-bg-wblue{background: #e0ffff;}
.cs-bg-ryellow{background: #ffc;}
.cs-bg-purple{background: #483d8b;}
.cs-cl-white{color: #fff;}
.cs-border-black{border: 1px solid black;}
.cs-border-red{border: 1px solid red;}
.cs-border-blue{border: 1px solid blue;}
.cs-border-grey{border: 1px solid grey;}
.cs-border-white{border: 1px solid white;}
.cs-border-none{border: none!important;}

.cs-ftbold{font-weight: bold;}
.cs-block{display: block;}
.cs-inblock{display: inline-block;}
.cs-en{color: #006400 !important;}
.cs-km{color: #a52a2a !important;}
.cs-required{background: #FFFFCC;}
.cs-target{background: #ccccff;}

.cs-vmid{vertical-align: middle;}

.table{word-break: break-all;}



/*ログイン画面*/
.card-container{
    max-width: 350px;
    padding: 40px 40px;
}
.card {
    background-color: #fff;
    /* just in case there no content*/
    padding: 20px 25px 30px;
    margin: 0 auto 25px;
    margin-top: 50px;
    /* shadows and rounded borders */
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}
.profile-img-card {
    width: 96px;
    height: 96px;
    margin: 0 auto 10px;
    display: block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.profile-name-card {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin: 10px 0 0;
    min-height: 1em;
}


/*レスポンシブ対応 最下部に記載！！！*/

@media screen and (max-width: 767px){

  .mb-hidden{display: none;}

  /*リスト画面ヘッダ部のページャテンプレを下に回り込ませる*/
  .cs-lhdiv2{position: relative;}

  .mb_hidden{display: none;}

  .pc-ml20{margin-left: 10px;}

}

@media screen and (min-width: 768px){

  .pc-hidden{display: none;}

  .pc-inblock{display: inline-block;}

  .pc-ml20{margin-left: 20px;}
  .pc-ml30{margin-left: 30px;}

}

/* 最大幅1208pxとして諸々固定 */
@media screen and (min-width: 1280px){
  /*#id-header, #div-body{
    width: 1280px;
    margin: 0 auto;
  }*/
  .pc-inblock{display: inline-block;}
}



.cs-loginuser{
  float: right;
  font-size: 12px;
  margin-top: 10px;
  margin-right: 20px;
}

.cs-logout{
  position: absolute;
  top: 16px;
  right: 10px;
  text-align: right;
}
.cs-logoutlink{
  /*color: #55acee;*/
  color: #fff;
}


.breadcrumb2 {
  margin-left: 30px;
  /*background: #51a8ff;*/
  /*padding: 9px 10px;*/
  font-size: 1.0em;
  overflow: hidden;
}
.breadcrumb2 li{
  display:inline;/*横に並ぶように*/
  list-style: none;
  /*font-weight: bold;/*太字*/
}
.breadcrumb2 li:after{/* >を表示*/
  content: '>';
  padding: 0 3px;
  color: #696969;
}
.breadcrumb2 li:last-child:after{
  content: '';
}
.breadcrumb2 li a {
    text-decoration: none;
    color: #0000cd;
}
.breadcrumb2 li a:hover {
    text-decoration: underline;
}


.cs-btgrp-select{
  display: inline-block;
  float: right;
}


.cs-mouseoverrow{background: #e6e6fa!important;}
.selectedrow{background: #87ceeb!important;}
.cs-bt1{
  display: inline-block;
  width: 110px;
  margin: 4px;
}

.cs-bt2{
  padding: 2px 10px;
  font-size: 12px;
}
.cs-bt3{
  font-size: 16px;
  font-weight: bold;
  padding: 2px 8px;;
}

.table td{padding: 6px;}
.table th{padding: 4px; font-weight: normal!important;}

.cs-minilist td{
  padding: 4px;
  font-size: 13px;
}

.cs-cpt{font-size: 12px;}

.cs-listsmh{
  font-size: 11px;
  margin-left: -4px;
}
.cs-sche1{
  width: 30px;
}

.form-detail label{font-size: 13px!important;}
.form-detail{font-size: 13px!important;}

.cs-fleft{float: left!important;}
.cs-fright{float: right!important;}


.zdo_drawer_nav{
  color: #fff;
  background: grey;
  height: 100%;
}
.zdo_drawer_nav_wrapper{
  overflow-y: scroll;
 -webkit-overflow-scrolling: touch;
}
.zdo_drawer_nav .cs-dmmenu{
  border-bottom: 1px solid #c0c0c0;
}
.zdo_drawer_nav .cs-dmtitle{
  font-weight: bold;
}

.cs-btlogout{
  position: fixed;
  top: 18px;
  left:170px;
  width: 100px;
  height: 26px;
  color: #fff;
  text-align: center!important;
  line-height: 1.0em;
  background: #ffcc00;
  font-weight: bold!important;
  /*background: radial-gradient(#ffffcc,#ffcc00);*/
}
.cs-btlogout:hover{background: #0099ff;}


[v-cloak]{display: none;}


/* カレンダー　*/

.cs-calmdd{
  display : inline-block;
  margin-bottom: 4px;
}
.cs-caltbM td{
  padding: 0!important;
  width: 14%;
}
.cs-caltbW td{
  padding: 0!important;
}
.cs-caltbD td{
  padding: 0!important;
}

.cs-caltbW .cs-th0{
  padding: 0!important;
  width: 9%;
}
.cs-caltbW .cs-th1{
  padding: 0!important;
  width: 13%;
  height: 50px;
}
.cs-caltbD .cs-th0{
  padding: 0!important;
  width: 20%;
}
.cs-caltbD .cs-th1{
  padding: 0!important;
  width: 80%;
  height: 50px;
}

.cs-calcell{
  width: 100%;
  position: relative;
  z-index: 1;
}
.cs-scheM{
  z-index: 2;
  position: relative;
}
.cs-scheD{
  font-size: 12px;
  z-index: 2;
}
.cs-ddw{
  display: block;
  font-size: 20px;
  font-weight: bold;
  color: #808080;
  text-align: center;
  line-height: 40px;
}

.cs-p-calpp{
  font-size: 12px;
}
.cs-link-calpp{
  display: inline-block;
  margin: 0 4px;
}

.cs-selected-syain{
  background: #ffcc66;
}

.cs-cardtxt{
  margin-top: 0px;
  margin-bottom: 3px;
  font-size: 13px;
}

.cs-sidemenu{
  background: grey;
}

.cs-listTitle{
  display: inline-block;
  font-size: 24px;
  font-weight: bold;
  margin-left: 20px;
  margin-right: 20px;
}


#nav-tab .active{
  background: #a9a9a9;
  color: #fff;
  font-weight: bold;
}

/* SearchBox */

.cs-searchbg{
  background: #dcdcdc;
}
.search_container{
  position: relative;
  box-sizing: border-box;
  display: block;
  padding: 3px 10px;
  border-radius: 20px;
  height: 2.2em;
  width: 90%;
  overflow: hidden;
  background: #fff;
  border: 1px solid #3879D9;
  margin-top: 8px;
  margin-bottom: 8px;
}
.search_container input[type="text"]{
  border: none;
  height: 2.0em;
  background: #fff;
}
.search_container input[type="text"]:focus {
  outline: 0;
}
.search_container input[type="button"]{
  cursor: pointer;
  font-family: FontAwesome;
  font-size: 1.3em;
  border: none;
  background: none;
  color: #3879D9;
  position: absolute;
  height: 2.5em;
  right: 8px;
  top: -10px;
  outline : none;
}
.search_container ::-webkit-input-placeholder {
  color: grey;
}

.cs-link{
  cursor: pointer;
  color: #1e90ff;
}
.cs-link:hover{
  text-decoration: underline;
}
.cs-rtitle{
  display: block;
}


.cs-headline{
  line-height: 1.6em;
  color: #FFF;
  background-color: #55acee;
  box-shadow:0 3px 5px rgba(0,0,0,.22);
  transition:.3s ease-in-out;
}

.cs-menutitle{
  display: block;
  line-height: 2.0em;
  height: 32px;
  background: #696969;
  color: #fff;
  font-size: 1.0em;
}

.cs-notyet{
  color: #c0c0c0;
}

.cs-tb1-col1{
  width: 130px;
  background: #f5f5f5;
  color: #696969;
  font-weight: bold;
  line-height: 1.3em;
  /*
  background: #6495ed;
  color: #fff;
  */
}

.input-group-text{
  /*background: #6495ed;*/
  /*background: #3C8DBC;
  color: #fff;*/
  color: #000;
}

.input-group-text{font-size: 10pt!important;}

.col-form-label{font-size: 10pt!important;}

.custom-control-label{font-size: 10pt!important;}

.cs-ft10pt{font-size: 10pt!important;}

.cs-searchtitle{
  position: absolute;
  width: 70px;
  height: 20px;
  top: 0px;
  left: 0px;
  background: #1e90ff;
  font-size: 10pt;
  color: #fff;
}

.cs-searchbtn{
  position: absolute;
  bottom: 4px;
  right: 8px;
  padding: 0px;
  width: 130px;
}

.cs-searchbtn2{
  position: absolute;
  bottom: 4px;
  right: 148px;
  padding: 0px;
  width: 130px;
}

.cs-searchbtn3{
  position: absolute;
  bottom: 4px;
  right: 286px;
  padding: 0px;
  width: 130px;
}

.cs-searchbtn4{
  position: absolute;
  bottom: 4px;
  right: 424px;
  padding: 0px;
  width: 130px;
}

.cs-searchbtn5{
  position: absolute;
  bottom: 4px;
  right: 562px;
  padding: 0px;
  width: 130px;
}

.cs-searchbtn6{
  position: absolute;
  bottom: 4px;
  right: 700px;
  padding: 0px;
  width: 130px;
}

.cs-homemenu a:hover {
    text-decoration: underline;
    color: #4169e1;
}

.cs-tbtitle{
  border-left: 4px solid #4169e1;
  padding-left: 6px;
}


.cs-cpl-col1{
  width: 100px;
  background: #f5f5f5;
  color: #696969;
  font-weight: bold;
  line-height: 1.3em;
}
.cs-cpl-col2{
  width: 150px;
  color: #000;
  /*font-weight: bold;*/
  line-height: 1.3em;
}

.cs-ul-home{
  margin: 0;
  padding: 0;
}
.cs-ul-home li{
  margin-bottom: 20px;
}

/*複数ドロップダウンのスタイル調整*/
.form-check{
  float:left!important;
  /*text-align:left!important;*/
  font-size:12px!important;
  padding-left:0px!important;
}

/* フォトリスト対応 */
  .square-frame {
      /*border: 1px dotted #999;*/
  }
  .square-content {
      display: inline-block;
      height: 0;
      width: 23%;
      padding-bottom: 23%;
  }