/*!
 * ss2calendar.css v2.1
 * Copyright (c) 2020 C3 Corp. All rights reserved.
 * http://www.c-3.co.jp/
 */

  /* common */

  table{
    background-color: #ffffff;
  }

  body {
    background: #FCF9EE;		/* light beige */
    padding-top: 80px; /*80->50->0->50->200*/

	/* 180403 by mi */
	font-family: "Open Sans", "Helvetica Neue", Helvetica, "Arial", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;

	/* 190402 by mi for BS3->BS4 */
	font-size: 0.875rem;

   }

	/* 190403 by mi more small */
	.swal2-popup { font-size: 0.75rem ! important; } 

  @media ( min-width: 768px ) {
    #banner {
      min-height: 300px;
      border-bottom: none;
    }
    .bs-docs-section {
      margin-top: 8em;
    }
    .bs-component {
      position: relative;
    }
    .bs-component .modal {
      position: relative;
      top: auto;
      right: auto;
      left: auto;
      bottom: auto;
      z-index: 1;
      display: block;
    }
    .bs-component .modal-dialog {
      width: 90%;
    }
    .bs-component .popover {
      position: relative;
      display: inline-block;
      width: 220px;
      margin: 20px;
    }
    .nav-tabs {
      margin-bottom: 15px;
    }
    .progress {
      margin-bottom: 10px;
    }

  .navbar-right {
      margin-right: 0;
  }
  }


  /* --- SS2 style ---*/

/*
	ナビゲーションメニュー
 */

  .navbar {
    min-height: 20px;
    margin-bottom: 0px;
    padding: 5px 0;
    background-color: #E38692;		/* pink */
  }

  .navbar-brand {
    height: 24px;
    /*padding: 3px 15px;*/
    padding: 3.5px 15px;
    font-size: 22px;
    line-height: 24px;
  }
  
  .navbar-nav > li > a {
    padding-top: 3px;
    padding-bottom: 3px;
    margin-top: 3px;
    margin-bottom: 3px;
  }

  .navbar-toggle {	
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 7px 10px;
  }

  .navbar-toggler {
    border: 1px solid #ffffff;
  }
  .navbar-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
  }

  .navbar-default .navbar-toggle{
    background-color: #ccac8f;
    border: 1px solid #7f552a;
    
  }

  .navbar-default .navbar-toggle:focus,
  .navbar-default .navbar-toggle:hover{
    background-color: #dbaf83;
    border: 1px solid #7f552a;
    
  }

   .navbar-default .navbar-toggle .icon-bar{
    background-color: #7f552a;
  }

  .navbar-default .navbar-nav>li>a {
      background-color: #e0d2bc;
      border-color: #81511c;
      color: #333;
  }

  .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
      color: #000;
      background-color: #d3b286;
      border-color: #81511c;
  }

  .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
      color: #555;
      background-color: #d3b286;
      border-color: #81511c;
  }

  /* footer */
  footer {
    background-color:#E08285;
  }

  @media (min-width: 768px){
    .navbar-nav>li>.dropdown-menu {
      margin-top: 0; */
    }
  }
  .dropdown-menu>li>a{
    font-size: 12px;
  }

  .nav .glyphicon {	
  	margin-left: 3px;
  	margin-right: 3px;
    }

  .navbar label{
    color: #EFEFEF; /*さんがログインしています  yo*/
    padding-top: 3px;
  }



  @media (min-width: 768px){
      .navbar-nav>li:not(:last-child) {
          margin-right: 0;
      }
  }

  @media (min-width: 768px) and  (max-width: 950px){
      .navbar-nav>li>a {
          border-radius: 0;
      }
  }

  @media (min-width: 950px){
    .navbar-nav>li:not(:last-child) {
        margin-right: 5px;
    }
  }

  /*
    メッセージBOX
  */
  .ss2msgbox
  {
	background-color: #FFFBD5;	/* light yellow */
	color: #554422;				/* brown */
	border-color: #FBE481;		/* yellow */
	border-width: 0.5rem;
	border-radius: 30px;
  }

	/*
		ss2miniボタン用
	*/
	.btnYyk {
		background-color: #FFFFFF;
		font-size: 0.75rem;
		width: 30px;
		padding: 3px;
    }

  @media (min-width: 768px){
	.btnYyk {
		font-size: 1rem;
		height: 40px;
    }
  }

	/*
		input type-numberのスピンボタンを消す
	*/
	/* Chrome、Safari */
	input[type="number"]::-webkit-outer-spin-button,
	input[type="number"]::-webkit-inner-spin-button {
	    -webkit-appearance: none;
	    margin: 0;
	}
	/* Firefox、IE */
	input[type="number"] {
	    -moz-appearance:textfield;
	}


/*
	c3ボタンテーマ
 */

/* 
ボタン配色カスタマイズ（class=btn-c3primary）
 */
.btn-c3primary {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: .3s;
       -o-transition-duration: .3s;
          transition-duration: .3s;
  -webkit-transition-property: all;
       -o-transition-property: all;
          transition-property: all;
}
/* ---
.btn-c3primary:focus, .btn-c3primary.focus, .btn-c3primary:active:focus{
  color: #fff;
  background-color: #007FB1;
  border-color: #00668E;
}
---*/
.btn-c3primary:hover {
  color: #fff;
  background-color: #007FB1;
  border-color: #00729F;
}
.btn-c3primary:active, .btn-c3primary.active, .open > .btn-c3primary.dropdown-toggle {
  color: #fff;
  background-color: #6CBAD8;
  border-color: #61A6C1;
}
.open > .btn-c3primary.dropdown-toggle:hover, .open > .btn-c3primary.dropdown-toggle:focus, .open > .btn-c3primary.dropdown-toggle.focus {
  color: #fff;
  background-color: #1F91BE;
  border-color: #1C82AA;
}
.btn-c3primary:active, .btn-c3primary.active, .open > .btn-c3primary.dropdown-toggle {
  background-image: none;
}
.btn-c3primary.disabled, .btn-c3primary.disabled:hover, .btn-c3primary.disabled:focus, .btn-c3primary.disabled.focus, .btn-c3primary.disabled:active, .btn-c3primary.disabled.active, .btn-c3primary[disabled], .btn-c3primary[disabled]:hover, .btn-c3primary[disabled]:focus, .btn-c3primary[disabled].focus, .btn-c3primary[disabled]:active, .btn-c3primary[disabled].active, fieldset[disabled] .btn-c3primary, fieldset[disabled] .btn-c3primary:hover, fieldset[disabled] .btn-c3primary:focus, fieldset[disabled] .btn-c3primary.focus, fieldset[disabled] .btn-c3primary:active, fieldset[disabled] .btn-c3primary.active {
  background-color: #44A5CB;
  border-color: #3D93B6;
}
.btn-c3primary .badge {
  color: #44A5CB;
  background-color: #fff;
}

/* 
ボタン配色カスタマイズ（class=btn-c3primary-bak）
 */
.btn-c3primary-bak {
  color: #fff;
  background-color: #44A5CB;
  border-color: #3D93B6;
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: .3s;
       -o-transition-duration: .3s;
          transition-duration: .3s;
  -webkit-transition-property: all;
       -o-transition-property: all;
          transition-property: all;
}
.btn-c3primary-bak:focus, .btn-c3primary-bak.focus {
  color: #fff;
  background-color: #007FB1;
  border-color: #00668E;
}
.btn-c3primary-bak:hover {
  color: #fff;
  background-color: #007FB1;
  border-color: #00729F;
}
.btn-c3primary-bak:active, .btn-c3primary-bak.active, .open > .btn-c3primary-bak.dropdown-toggle {
  color: #fff;
  background-color: #6CBAD8;
  border-color: #61A6C1;
}
.btn-c3primary-bak:active:hover, .btn-c3primary-bak:active:focus, .btn-c3primary-bak:active.focus, .btn-c3primary-bak.active:hover, .btn-c3primary-bak.active:focus, .btn-c3primary.active-bak.focus, .open > .btn-c3primary-bak.dropdown-toggle:hover, .open > .btn-c3primary-bak.dropdown-toggle:focus, .open > .btn-c3primary-bak.dropdown-toggle.focus {
  color: #fff;
  background-color: #1F91BE;
  border-color: #1C82AA;
}
.btn-c3primary-bak:active, .btn-c3primary-bak.active, .open > .btn-c3primary-bak.dropdown-toggle {
  background-image: none;
}
.btn-c3primary-bak.disabled, .btn-c3primary-bak.disabled:hover, .btn-c3primary-bak.disabled:focus, .btn-c3primary-bak.disabled.focus, .btn-c3primary-bak.disabled:active, .btn-c3primary-bak.disabled.active, .btn-c3primary-bak[disabled], .btn-c3primary-bak[disabled]:hover, .btn-c3primary-bak[disabled]:focus, .btn-c3primary-bak[disabled].focus, .btn-c3primary-bak[disabled]:active, .btn-c3primary-bak[disabled].active, fieldset[disabled] .btn-c3primary-bak, fieldset[disabled] .btn-c3primary-bak:hover, fieldset[disabled] .btn-c3primary-bak:focus, fieldset[disabled] .btn-c3primary-bak.focus, fieldset[disabled] .btn-c3primary-bak:active, fieldset[disabled] .btn-c3primary-bak.active {
  background-color: #44A5CB;
  border-color: #3D93B6;
}
.btn-c3primary-bak .badge {
  color: #44A5CB;
  background-color: #fff;
}

/* 
ボタン配色カスタマイズ（class=btn-c3success）
 */
.btn-c3success {
  color: #fff;
  background-color: #5EC84E;
  border-color: #54B345;
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: .3s;
       -o-transition-duration: .3s;
          transition-duration: .3s;
  -webkit-transition-property: all;
       -o-transition-property: all;
          transition-property: all;
}
.btn-c3success:focus, .btn-c3success.focus {
  color: #fff;
  background-color: #23AC0E;
  border-color: #1C8A0B;
}
.btn-c3success:hover {
  color: #fff;
  background-color: #23AC0E;
  border-color: #209B0D;
}
.btn-c3success:active, .btn-c3success.active, .open > .btn-c3success.dropdown-toggle {
  color: #fff;
  background-color: #81D674;
  border-color: #73BF67;
}
.btn-c3success:active:hover, .btn-c3success:active:focus, .btn-c3success:active.focus, .btn-c3success.active:hover, .btn-c3success.active:focus, .btn-c3success.active.focus, .open > .btn-c3success.dropdown-toggle:hover, .open > .btn-c3success.dropdown-toggle:focus, .open > .btn-c3success.dropdown-toggle.focus {
  color: #fff;
  background-color: #3EBA2B;
  border-color: #1C8A0B;
}
.btn-c3success:active, .btn-c3success.active, .open > .btn-c3success.dropdown-toggle {
  background-image: none;
}
.btn-c3success.disabled, .btn-c3success.disabled:hover, .btn-c3success.disabled:focus, .btn-c3success.disabled.focus, .btn-c3success.disabled:active, .btn-c3success.disabled.active, .btn-c3success[disabled], .btn-c3success[disabled]:hover, .btn-c3success[disabled]:focus, .btn-c3success[disabled].focus, .btn-c3success[disabled]:active, .btn-c3success[disabled].active, fieldset[disabled] .btn-c3success, fieldset[disabled] .btn-c3success:hover, fieldset[disabled] .btn-c3success:focus, fieldset[disabled] .btn-c3success.focus, fieldset[disabled] .btn-c3success:active, fieldset[disabled] .btn-c3success.active {
  background-color: #5EC84E;
  border-color: #54B345;
}
.btn-c3success .badge {
  color: #5EC84E;
  background-color: #fff;
}

/* 
ボタン配色カスタマイズ（class=btn-c3info）
 */
.btn-c3info {
  color: #fff;
  background-color: #9D73BB;
  border-color: #8D67A8;
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: .3s;
       -o-transition-duration: .3s;
          transition-duration: .3s;
  -webkit-transition-property: all;
       -o-transition-property: all;
          transition-property: all;
}
.btn-c3info:focus, .btn-c3info.focus {
  color: #fff;
  background-color: #744199;
  border-color: #5D347A;
}
.btn-c3info:hover {
  color: #fff;
  background-color: #744199;
  border-color: #693A8A;
}
.btn-c3info:active, .btn-c3info.active, .open > .btn-c3info.dropdown-toggle {
  color: #fff;
  background-color: #B492CC;
  border-color: #A082B7;
}
.btn-c3info:active:hover, .btn-c3info:active:focus, .btn-c3info:active.focus, .btn-c3info.active:hover, .btn-c3info.active:focus, .btn-c3info.active.focus, .open > .btn-c3info.dropdown-toggle:hover, .open > .btn-c3info.dropdown-toggle:focus, .open > .btn-c3info.dropdown-toggle.focus {
  color: #fff;
  background-color: #8858AA;
  border-color: #5D347A;
}
.btn-c3info:active, .btn-c3info.active, .open > .btn-c3info.dropdown-toggle {
  background-image: none;
}
.btn-c3info.disabled, .btn-c3info.disabled:hover, .btn-c3info.disabled:focus, .btn-c3info.disabled.focus, .btn-c3info.disabled:active, .btn-c3info.disabled.active, .btn-c3info[disabled], .btn-c3info[disabled]:hover, .btn-c3info[disabled]:focus, .btn-c3info[disabled].focus, .btn-c3info[disabled]:active, .btn-c3info[disabled].active, fieldset[disabled] .btn-c3info, fieldset[disabled] .btn-c3info:hover, fieldset[disabled] .btn-c3info:focus, fieldset[disabled] .btn-c3info.focus, fieldset[disabled] .btn-c3info:active, fieldset[disabled] .btn-c3info.active {
  background-color: #9D73BB;
  border-color: #8D67A8;
}
.btn-c3info .badge {
  color: #9D73BB;
  background-color: #fff;
}

/* 
ボタン配色カスタマイズ（class=btn-c3warning）
 */
.btn-c3warning {
  color: #fff;
  background-color: #F3C759;
  border-color: #DAB24F;
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: .3s;
       -o-transition-duration: .3s;
          transition-duration: .3s;
  -webkit-transition-property: all;
       -o-transition-property: all;
          transition-property: all;
}
.btn-c3warning:focus, .btn-c3warning.focus {
  color: #fff;
  background-color: #F6CA06;
  border-color: #BE8B09;
}
.btn-c3warning:hover {
  color: #fff;
  background-color: #F6CA06;
  border-color: #D59B0A;
}
.btn-c3warning:active, .btn-c3warning.active, .open > .btn-c3warning.dropdown-toggle {
  color: #fff;
  background-color: #F6D580;
  border-color: #DCBE74;
}
.btn-c3warning:active:hover, .btn-c3warning:active:focus, .btn-c3warning:active.focus, .btn-c3warning.active:hover, .btn-c3warning.active:focus, .btn-c3warning.active.focus, .open > .btn-c3warning.dropdown-toggle:hover, .open > .btn-c3warning.dropdown-toggle:focus, .open > .btn-c3warning.dropdown-toggle.focus {
  color: #fff;
  background-color: #F0BA32;
  border-color: #BE8B09;
}
.btn-c3warning:active, .btn-c3warning.active, .open > .btn-c3warning.dropdown-toggle {
  background-image: none;
}
.btn-c3warning.disabled, .btn-c3warning.disabled:hover, .btn-c3warning.disabled:focus, .btn-c3warning.disabled.focus, .btn-c3warning.disabled:active, .btn-c3warning.disabled.active, .btn-c3warning[disabled], .btn-c3warning[disabled]:hover, .btn-c3warning[disabled]:focus, .btn-c3warning[disabled].focus, .btn-c3warning[disabled]:active, .btn-c3warning[disabled].active, fieldset[disabled] .btn-c3warning, fieldset[disabled] .btn-c3warning:hover, fieldset[disabled] .btn-c3warning:focus, fieldset[disabled] .btn-c3warning.focus, fieldset[disabled] .btn-c3warning:active, fieldset[disabled] .btn-c3warning.active {
  background-color: #F3C759;
  border-color: #DAB24F;
}
.btn-c3warning .badge {
  color: #F3C759;
  background-color: #fff;
}

/* 
ボタン配色カスタマイズ（class=btn-c3danger）
 */
.btn-c3danger {
  color: #fff;
  background-color: #D45D87;
  border-color: #BE5378;
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: .3s;
       -o-transition-duration: .3s;
          transition-duration: .3s;
  -webkit-transition-property: all;
       -o-transition-property: all;
          transition-property: all;
}
.btn-c3danger:focus, .btn-c3danger.focus {
  color: #fff;
  background-color: #BF1E56;
  border-color: #991845;
}
.btn-c3danger:hover {
  color: #fff;
  background-color: #BF1E56;
  border-color: #AC1B4E;
}
.btn-c3danger:active, .btn-c3danger.active, .open > .btn-c3danger.dropdown-toggle {
  color: #fff;
  background-color: #DF81A2;
  border-color: #C87391;
}
.btn-c3danger:active:hover, .btn-c3danger:active:focus, .btn-c3danger:active.focus, .btn-c3danger.active:hover, .btn-c3danger.active:focus, .btn-c3danger.active.focus, .open > .btn-c3danger.dropdown-toggle:hover, .open > .btn-c3danger.dropdown-toggle:focus, .open > .btn-c3danger.dropdown-toggle.focus {
  color: #fff;
  background-color: #CA3C6E;
  border-color: #991845;
}
.btn-c3danger:active, .btn-c3danger.active, .open > .btn-c3danger.dropdown-toggle {
  background-image: none;
}
.btn-c3danger.disabled, .btn-c3danger.disabled:hover, .btn-c3danger.disabled:focus, .btn-c3danger.disabled.focus, .btn-c3danger.disabled:active, .btn-c3danger.disabled.active, .btn-c3danger[disabled], .btn-c3danger[disabled]:hover, .btn-c3danger[disabled]:focus, .btn-c3danger[disabled].focus, .btn-c3danger[disabled]:active, .btn-c3danger[disabled].active, fieldset[disabled] .btn-c3danger, fieldset[disabled] .btn-c3danger:hover, fieldset[disabled] .btn-c3danger:focus, fieldset[disabled] .btn-c3danger.focus, fieldset[disabled] .btn-c3danger:active, fieldset[disabled] .btn-c3danger.active {
  background-color: #D45D87;
  border-color: #BE5378;
}
.btn-c3danger .badge {
  color: #D45D87;
  background-color: #fff;
}

/* 
ボタン配色カスタマイズ（class=btn-hkinfo）
 */
.btn-hkinfo {
  color: #fff;
  background-color: #9c27b0;
  border-color: #9525a8;
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: .3s;
       -o-transition-duration: .3s;
          transition-duration: .3s;
  -webkit-transition-property: all;
       -o-transition-property: all;
          transition-property: all;
}
.btn-hkinfo:focus, .btn-hkinfo.focus {
  color: #fff;
  background-color: #771e86;
  border-color: #380e3f;
}
.btn-hkinfo:hover {
  color: #fff;
  background-color: #771e86;
  border-color: #681a76;
}
.btn-hkinfo:active, .btn-hkinfo.active, .open > .btn-hkinfo.dropdown-toggle {
  color: #fff;
  background-color: #89229b;
  border-color: #7e208f;
}
.btn-hkinfo:active:hover, .btn-hkinfo:active:focus, .btn-hkinfo:active.focus, .btn-hkinfo.active:hover, .btn-hkinfo.active:focus, .btn-hkinfo.active.focus, .open > .btn-hkinfo.dropdown-toggle:hover, .open > .btn-hkinfo.dropdown-toggle:focus, .open > .btn-hkinfo.dropdown-toggle.focus {
  color: #fff;
  background-color: #5d1769;
  border-color: #380e3f;
}
.btn-hkinfo:active, .btn-hkinfo.active, .open > .btn-hkinfo.dropdown-toggle {
  background-image: none;
}
.btn-hkinfo.disabled, .btn-hkinfo.disabled:hover, .btn-hkinfo.disabled:focus, .btn-hkinfo.disabled.focus, .btn-hkinfo.disabled:active, .btn-hkinfo.disabled.active, .btn-hkinfo[disabled], .btn-hkinfo[disabled]:hover, .btn-hkinfo[disabled]:focus, .btn-hkinfo[disabled].focus, .btn-hkinfo[disabled]:active, .btn-hkinfo[disabled].active, fieldset[disabled] .btn-hkinfo, fieldset[disabled] .btn-hkinfo:hover, fieldset[disabled] .btn-hkinfo:focus, fieldset[disabled] .btn-hkinfo.focus, fieldset[disabled] .btn-hkinfo:active, fieldset[disabled] .btn-hkinfo.active {
  background-color: #9c27b0;
  border-color: #9525a8;
}
.btn-hkinfo .badge {
  color: #9c27b0;
  background-color: #fff;
}



/* 
ボタングラデーション  変化の調整 （danger）
 */

/* 選択されたとき */
.btn-danger:focus, .btn-danger.focus {
  color: #fff;
  background-color: #ad1a0f;
  border-color: #7d1108;
}
/* マウスオン */
.btn-danger:hover {
  color: #fff;
  background-color: #ad1a0f;
  border-color: #af2217;
}
/* 押し込んだとき */
.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus {
  color: #fff;
  background-color: #79150d;
  border-color: #7d1b13;
}
/* 
ボタングラデーション  変化の調整 （primary）
 */
.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #0a65ad;
  border-color: #105d9a;
}
.btn-primary:hover {
  color: #fff;
  background-color: #0a65ad;
  border-color: #0d62a5;
}
.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus {
  color: #fff;
  background-color: #09518a;
  border-color: #0d4f84;
}

/* 
ボタングラデーション  変化の調整 （success）
 */

.btn-success:focus, .btn-success.focus {
  color: #fff;
  background-color: #306d33;
  border-color: #2b5a2d;
}
.btn-success:hover {
  color: #fff;
  background-color: #306d33;
  border-color: #2b5f2e;
}
.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus {
  color: #fff;
  background-color: #29522b;
  border-color: #214023;
}

/* 
ボタングラデーション  変化の調整 （info）
 */

.btn-info:focus, .btn-info.focus {
  color: #fff;
  background-color: #61196d;
  border-color: #4f1958;
}
.btn-info:hover {
  color: #fff;
  background-color: #61196d;
  border-color: #5a1a65;
}
.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus {
  color: #fff;
  background-color: #4e1258;
  border-color: #491352;
}



/*===============================
  (3)コントローラー部分修正 yo
================================*/

  /* 上下余白の調整 yo */
  #mycontroller{
    margin: 0 auto 6px;
    overflow: hidden;
    white-space: nowrap; /*改行しない 17/12/06*/
  }

  #mycontroller .col-md-4{
    padding: 0;
  }
  #mycontroller label{
    font-weight: normal;
  }

  /* ボタン共通設定 mi */
  #mycontroller button{
    margin: 0 auto 0px;
    padding: 7px 11px 5px 11px;		/* 180403 by mi padding-bottom 7->5 */
    font-size: 18px;
    text-decoration: none;
    font-weight: bold;
	height: 42px;
  }

  /* 日付入力 mi */
  #mycontroller input[type=text]{
	height: 42px;
    font-size: 16px;		/* 180403 by mi add */
    padding-bottom: 0.5%;
/*	-moz-border-radius: 4px 0 0 4px; */
/*	-webkit-border-radius: 4px 0 0 4px; */
  }
  #mycontroller .input-group-addon{
	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-radius: 0 4px 4px 0;
  }
  #mycontroller .input-group{
    margin: 0 auto;
    font-size: 16px;
  }
  #mycontroller .form-group,
  #mycontroller .btn-group
  {
    margin: 0 auto;
  }

  #mycontroller .btn-group > :first-child
  {
    border-radius: 4px 0 0 4px;
  }

  #mycontroller .btn-group > :last-child
  {
    border-radius: 0 4px 4px 0;
  }

  #mycontroller .text-left,
  #mycontroller .text-center,
  #mycontroller .text-right
  {
    padding: 0;
  }

  /* ボタン設定 TODAY mi */
  #mycontroller #btn-TODAY{
    background-color: #ff9800;
    margin: 0 5px;
	height: 42px;
	border-radius: 4px;
  }
  #mycontroller #btn-TODAY:focus{
    background-color: #ff9800;
    border-color: #f59200;
    outline:none !important;
  }
  #mycontroller #btn-TODAY:active{
    outline:none !important;
    border-color: #f59200;
  }

  /* ボタン設定 PREV/NEXT mi */
  #mycontroller #btn-PREV:focus,
  #mycontroller #btn-NEXT:focus{
    background: #ffffff;
    border-color: #ccc;
    outline:none !important;
  }

  /* ボタン設定 PREV/NEXT mi */
  #mycontroller #btn-PREV:active,
  #mycontroller #btn-NEXT:active{
    outline:none !important;
    border-color: #ccc;
  }

  /* ボタン設定 DV */
  #mycontroller #btn-DV.active{
    color:#fff;
    background-color:#1763a9;
    border-color: #174f81;
  }

  /* ボタン設定 W2 17/12/08*/
  #mycontroller #btn-W2.active{
    background-color: #306d33;
    border-color: #306d33;
  }

  /* ボタン設定 W3 17/12/08*/
  #mycontroller #btn-W3.active{
    background-color: #306d33;
    border-color: #306d33;
  }

  /* ボタン設定 MV */
  #mycontroller #btn-M7.active{
    color:#fff;background-color:#60196b;border-color: #5a1b63;
  }

  /* ボタン設定 LV */
  #mycontroller #btn-LV.active{
    background-color:#d3d3d3;border-color: #8b8b8b;
  }

  /* ボタン設定 M7 */
  .btnJkn {
	background-color: #FFFFFF;
  }

  .btnYykSample {
	background-color: #FFFFFF;
  }
  .btnYykSample:disabled {
	opacity:1.0;
	background-color: #FFFFFF;
  }

  /* table th hover時の色 */
  .table-hover tbody  tr > th.ss2-room-name,
  .table-hover tbody  tr > th.ss2-room-prop{
    background-color: #f9f9f9;
  }
  .table-hover tbody tr:hover > th.ss2-room-name,
  .table-hover tbody tr:hover > th.ss2-room-prop{
    background-color: #f5f5f5;
  }

  /* セルの色 */
  .ss2-cell {
    background-color: #ffffff;
  }
  .ss2-cell-checkable {
  	background-color: #ffffff;
  }
  .ss2-cell-ng {
  	background: #999999;
  }
  .ss2-cell-checked {
  	color: #ff0000;
  }
  .ss2-cell-haifun,
  .ss2-cell-reserved_by_parent,
  .ss2-cell-reserved_by_child
  {
  	color: #cccccc;
  }
  .ss2-cell-youbi-0 {
  	background: rgba(255,0,0,0.05);	/* light light pink */
  }
  .ss2-cell-youbi-6 {
  	background: rgba(0,0,255,0.05);	/* light light blue */
  }
  
/* 火曜と木曜の色を変更 */
.ss2-cell-youbi-2,
.ss2-cell-youbi-4
{
  	background: rgba(0,255,0,0.05);	/* light light green */
/*	background-color: #f6fff6; */
}

  /* 祝日の色を変更 */
  .ss2-cell-holiday {
  	background: rgba(255,0,0,0.05);	/* light light pink */
  }

  /* 今日の色を変更 */
  .ss2-cell-today {
  	background: #FCF1D3;
  }

/*---
  .ss2-cell-closed {
  	background: rgba(0,0,0,0.2);	/* closed */
  }
---*/

  /* hover時の色 */
  .table-hover tbody tr:hover > td {
    background-color: #ffffcc;
  }
  .table-hover tbody tr:hover > td.ss2-cell-ng {
    background-color: #999999;
  }

/*---
  table tbody tr.even{
    background: #f9f9f9;
  }
  table tbody tr.even:hover{
    background: #f3f7f9;
  }
---*/
  
  /* 月表示（ss2m7）用スタイル -------------*/

  /* 見出し（デフォルト） */
  .ss2m7-head, .ss2m7-dom, .ss2m7-dow {
	background-color: #AAC25F;		/* green */
	color: #FFFFFF;
  }

  /* 見出し（うすい色） */
  .ss2m7-dow {
  	opacity:0.8;
  }

  /* 見出し（曜日） */
  th.youbi-1,
  th.youbi-2,
  th.youbi-3,
  th.youbi-4,
  th.youbi-5
  {
	background-color: #DFECAA;		/* light green */
  }
  th.youbi-0
  {
	background-color: #F6D4D8;		/* light pink */
  }
  th.youbi-6
  {
	background-color: #D5E0F1;		/* light blue */
  }

  /* 土曜 */
  .ss2m7-day-head-sat {
  	color: #afeeee;
  }
  /* 日曜 */
  .ss2m7-day-head-sun {
  	color: #ffc0cb;
  }

  /* 週表示（ss2wv）用スタイル -------------*/

  /* 見出し（デフォルト） */
  .ss2wv-head, .ss2wv-dom, .ss2wv-dow {
//  	background: green;
  	background: #3d8b40;
  	color: white;
  }
  /* 見出し（うすい色） */
  .ss2wv-apn {
  	opacity:0.8;
  }
  /* 土曜 */
  .ss2wv-day-head-sat {
  	color: #afeeee;
  }
  /* 日曜 */
  .ss2wv-day-head-sun {
  	color: #ffc0cb;
  }

  /* 日表示（ss2dv）用スタイル -------------*/

  /* 見出し（デフォルト） */
  .ss2dv-head, .ss2dv-dom, .ss2dv-dow {
//  	background: #007AB7;
  	background: #0c7cd5;
  	color: white;
  }
  /* 見出し（うすい色） */
  .ss2dv-min {
  	opacity:0.8;
  }
  /* 見出し（さらにうすい色） */
  .ss2dv-ninzu {
  	background: #F9F9F9;
  	color: #0c7cd5;
  }
  /* 土曜 */
  .ss2dv-day-head-sat {
  	color: #afeeee;
  }
  /* 日曜 */
  .ss2dv-day-head-sun {
  	color: #ffc0cb;
  }

  /* ヘッダーの文字色 -------------*/
  .ss2-head-youbi-0 {
  	color: #F4D2DE;		/* sunday */
  }

  .ss2-head-youbi-6 {
  	color: #CAE7F2;		/* saturday */
  }

  /* 今日のヘッダースタイル -------------*/

  .ss2-head-today {
  	background: #ff9800;	/* today's header */
  }



/* グリッド
--------------------------------------------------------------------------------------------------*/
.ss2-grid table {
	width: 100%;
	box-sizing: border-box; /* fix scrollbar issue in firefox */
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 1em; /* normalize cross-browser */
}

/* 罫線 */
.ss2-grid th,
.ss2-grid td,
.ss2-grid thead,
.ss2-grid tbody {
 	border-color: #999;
	border-style: solid;
	border-width: 1px;
	padding: 0;
	vertical-align: middle;
}

/* 180406 by mi */
/* 190218 thead->tbody */
.ss2-grid>tbody>tr>th {
    border-bottom: 1px solid #999;
}

.ss2-grid>tbody>tr>th,	/* 190218 thead->tbody */
.ss2-grid>tbody>tr>td { /* bootstrapの.tableクラスを上書きするための指定 */
	text-align: center;
	vertical-align: middle;
	font-size: 16px;	/* 180403 by mi add*/
}

.ss2-grid>tbody>tr>th.ss2wv-apn {	/* 190218 thead->tbody */
	font-size: 12px;	/* 180406 by mi add*/
}

.ss2-grid>tbody>tr>td {
	white-space: nowrap;		//171211 by mi for en_marker
/*	color: red; */
}



/* 施設名 */
.ss2-grid>tbody>tr>th.ss2-room-name {
		font-size: 14px;
		padding-top: 8px;
		padding-bottom: 8px;
		padding-left: 3px;
		padding-right: 0px;
		text-align: left;
		white-space: nowrap;
	}

/* 子ルーム名 */
/* 区画名 */
.ss2-grid>tbody>tr>th.ss2-child-name,
.ss2-grid>tbody>tr>th.ss2-section-name {
		padding-left: 9px;
	}

/* 定員 */
.ss2-grid>tbody>tr>th.ss2-room-prop {
	text-align: center;
	vertical-align: middle;
	font-size: 0.8em;
	/* font-weight: normal; */
}


/* 180412 by mi 色分けは一旦保留 */

/* 備品料金区分 */
select#category>option {
/*	color: #009250; */
}

/* 備品選択テーブル */
#bihin_select_table>tbody>tr>td>span {
/*	padding-left: 5px; */
/*	border-left: 3px solid #009250; */
}

/* rgroup選択checkbox */
#rgroup_div>label {
/*	border-bottom: 3px solid #009250; */
}



/* マスター
--------------------------------------------------------------------------------------------------*/
/*grid上のマウスhoverで色を変える*/
#c3grid.table-striped>tbody>tr:hover {
	background-color: #f3f7f9;
}

/* ツールバー
--------------------------------------------------------------------------------------------------*/

.ss2-toolbar {
	text-align: center;
	margin-bottom: 1em;
}

.ss2-toolbar .ss2-left {
	float: left;
}

.ss2-toolbar .ss2-right {
	float: right;
}

.ss2-toolbar .ss2-center {
	display: inline-block;
}

/* the things within each left/right/center section */
.ss2-toolbar > * > * { /* extra precedence to override button border margins */
	float: left;
	margin-left: .75em;
}

/* the first thing within each left/center/right section */
.ss2-toolbar > * > :first-child { /* extra precedence to override button border margins */
	margin-left: 0;
}
	
/* title text */

.ss2-toolbar h2 {
	margin: 0;
}


/* モーダル
--------------------------------------------------------------------------------------------------*/
/*
.modal-header {
	background-color: #e0e0e0;
}
.modal-content {
	background-color: #f0f0f0;
}
.modal-footer {
	background-color: #e0e0e0;
}
*/

.modal-header,
.modal-footer {
	background-color: #E38692;		/* pink */
	color: #FFFFFF;
}

.modal-body {
	background-color: #FCF9EE;		/* light beige */
}


/* マーカー
--------------------------------------------------------------------------------------------------*/

/* OGWバージョン */

    /*アイコン共通 */

	.ss2marker {
	  display: inline-block;
	  min-width: 24px;
	  min-height: 24px;
//	  min-width: 0px;
//	  min-height: 0px;
//	  padding: 5px 5px;
	  padding: 2px;
//	  font-size: 16px;
	  font-size: 18px;
	  font-weight: bold;
	  line-height: 18px;
	  color: #fff;
	  text-align: center;
	  white-space: nowrap;
	  vertical-align: middle;
	  background-color: #777;
	  border-radius: 5px;
	}

//	.ss2marker-common{
//	    padding: 1px;
//	    font-size: 17px;
//	    min-width: 0px; 
//        min-height: 0px; 
//	}
	

	/*
     延長マーカー（縦に３ドット）
    */
	.ss2marker_en{
	    font-size: 2px;
	}
	
	.ss2marker_en-white {
		color: rgba(255,255,255,0);
	}

	/*
     マーカーP（駐車場）
    */
	.ss2marker-Pa {
		color: rgb(191, 30, 86);  /*枠あり中白*/
	    border: 2px solid rgb(191, 30, 86);
	    background-color: white;
	}
	.ss2marker-Pb {
		color: rgb(191, 30, 86);  /*枠あり中薄い青*/
	    border: 2px solid rgb(191, 30, 86);
	    background-color: rgba(191, 30, 86,0.2);
	}
	.ss2marker-Pc {
		color: white;  /*標準ボタン*/
        border: 2px solid rgb(191, 30, 86);
        background-color: #BF1E56;
	}

	/*
     マーカー（コードなし）
    */
	.ss2marker-a {
		color: rgb(51, 51, 51);  /*枠あり中白*/
	    border: 2px solid rgb(51, 51, 51);
	    background-color: white;
	}
	.ss2marker-b {
		color: rgb(51, 51, 51);  /*枠あり中薄*/
	    border: 2px solid rgb(51, 51, 51);
	    background-color: rgba(51, 51, 51, 0.2);
	}
	.ss2marker-c {
		color: white;  /*標準ボタン*/
        border: 2px solid rgb(51, 51, 51);
        background-color: #333333;
	}
	/* 延長 */
	.ss2marker_en- {
		color: rgb(51, 51, 51);
	}

	/*
     マーカー０
    */
	.ss2marker-0a {
		color: rgb(191, 30, 86);  /*枠あり中白*/
	    border: 2px solid rgb(191, 30, 86);
	    background-color: white;
	}
	.ss2marker-0b {
		color: rgb(191, 30, 86);  /*枠あり中薄い青*/
	    border: 2px solid rgb(191, 30, 86);
	    background-color: rgba(191, 30, 86,0.2);
	}
	.ss2marker-0c {
		color: white;  /*標準ボタン*/
        border: 2px solid rgb(191, 30, 86);
        background-color: #BF1E56;
	}
	/* 延長・時間 */
	.ss2marker_en-0, .ss2marker_dot-0 {
		color: rgb(191, 30, 86);
	}
	/* ラベル */
	.ss2label-0 {
		background-color: rgb(191, 30, 86);
	}
    /*特記事項あり*/
	.ss2tokki-0 {
		box-shadow:0px 0px 6px 2px #BF1E56;
	}

	/*
     マーカー１
    */
	.ss2marker-1a {
		color: rgb(213, 155, 10);
	    border: 2px solid rgb(213, 155, 10);
	    background-color: white;
	}
	.ss2marker-1b {
		color: rgb(213, 155, 10);
	    border: 2px solid rgb(213, 155, 10);
	    background-color: rgba(213, 155, 10, 0.2);
	}
	.ss2marker-1c {
		color: white;
        border: 2px solid rgb(213, 155, 10);
        background-color: #D59B0A;
	}
	.ss2marker_en-1, .ss2marker_dot-1 {
		color: rgb(213, 155, 10);
	}
	/* ラベル */
	.ss2label-1 {
		background-color: rgb(213, 155, 10);
	}
    /*特記事項あり*/
	.ss2tokki-1 {
		box-shadow:0px 0px 6px 2px #D59B0A;
	}

    /*アイコン2*/
	.ss2marker-2a {
		color: rgb(116, 65, 153);  /*枠あり中白*/
	    border: 2px solid rgb(116, 65, 153);
	    background-color: white;
	}
	.ss2marker-2b {
		color: rgb(116, 65, 153);  /*枠あり中薄い青*/
	    border: 2px solid rgb(116, 65, 153);
	    background-color: rgba(116, 65, 153,0.2);
	}
	.ss2marker-2c {
		color: white;  /*標準ボタン*/
        border: 2px solid rgb(116, 65, 153);
        background-color: #744199;
	    padding: 2px;
	}
	.ss2marker_en-2, .ss2marker_dot-2 {
		color: rgb(116, 65, 153);
	}
	/* ラベル */
	.ss2label-2 {
		background-color: rgb(116, 65, 153);
	}
    /*特記事項あり*/
	.ss2tokki-2 {
		box-shadow:0px 0px 6px 2px #744199;
	}

	
    /*アイコン3*/
	.ss2marker-3a {
		color: rgb(35, 172, 14);
	    border: 2px solid rgb(35, 172, 14);
	    background-color: white;
	}
	.ss2marker-3b {
		color: rgb(35, 172, 14);
	    border: 2px solid rgb(35, 172, 14);
	    background-color: rgba(35, 172, 14,0.2);
	}
	.ss2marker-3c {
		color: white;
        border: 2px solid rgb(35, 172, 14);
        background-color: #23AC0E;
	}
	.ss2marker_en-3, .ss2marker_dot-3 {
		color: rgb(35, 172, 14);
	}
	/* ラベル */
	.ss2label-3 {
		background-color: rgb(35, 172, 14);
	}
    /*特記事項あり*/
	.ss2tokki-3 {
		box-shadow:0px 0px 6px 2px #23AC0E;
	}

	/*
     マーカー4
    */
	.ss2marker-4a {
		color: rgb(0, 127, 177);  /*枠あり中白*/
	    border: 2px solid rgb(0, 127, 177);
	    background-color: white;
	}
	.ss2marker-4b {
		color: rgb(0, 127, 177);  /*枠あり中薄い青*/
	    border: 2px solid rgb(0, 127, 177);
	    background-color: rgba(0, 127, 177,0.2);
	}
	.ss2marker-4c {
		color: white;  /*標準ボタン*/
        border: 2px solid rgb(0, 127, 177);
        background-color: #007FB1;
	}
	.ss2marker_en-4 {
		color: rgb(0, 127, 177);
	}

    /*アイコン5*/
	.ss2marker-5a {
		color: rgb(147, 177, 29);
	    border: 2px solid rgb(147, 177, 29);
	    background-color: white;
	}
	.ss2marker-5b {
		color: rgb(164, 197, 32);
	    border: 2px solid rgb(147, 177, 29);
	    background-color: rgba(147, 177, 29, 0.2);
	}
	.ss2marker-5c {
		color: white;
        border: 2px solid rgb(147, 177, 29);
        background-color: #93B11D;
	}
	.ss2marker_en-5 {
		color: rgb(147, 177, 29);
	}
/* 180406 by mi -----
	.ss2marker-5a {
		color: rgb(164, 197, 32);
	    border: 2px solid rgb(164, 197, 32);
	    background-color: white;
	}
	.ss2marker-5b {
		color: rgb(164, 197, 32);
	    border: 2px solid rgb(164, 197, 32);
	    background-color: rgba(164, 197, 32,0.2);
	}
	.ss2marker-5c {
		color: white;
        border: 2px solid rgb(164, 197, 32);
        background-color: #A4C520;
	}
	.ss2marker_en-5 {
		color: rgb(164, 197, 32);
	}
-----*/

    /*アイコン6*/
	.ss2marker-6a {
		color: rgb(165, 33, 117);  /*枠あり中白*/
	    border: 2px solid rgb(165, 33, 117);
	    background-color: white;
	}
	.ss2marker-6b {
		color: rgb(165, 33, 117);  /*枠あり中薄い青*/
	    border: 2px solid rgb(165, 33, 117);
	    background-color: rgba(165, 33, 117,0.2);
	}
	.ss2marker-6c {
		color: white;  /*標準ボタン*/
        border: 2px solid rgb(165, 33, 117);
        background-color: #A52175;
	}
	.ss2marker_en-6 {
		color: rgb(165, 33, 117);
	}

	/*
     マーカー7
    */
	.ss2marker-7a {
		color: rgb(50, 97, 171);  /*枠あり中白*/
	    border: 2px solid rgb(50, 97, 171);
	    background-color: white;
	}
	.ss2marker-7b {
		color: rgb(50, 97, 171);  /*枠あり中薄い青*/
	    border: 2px solid rgb(50, 97, 171);
	    background-color: rgba(50, 97, 171,0.2);
	}
	.ss2marker-7c {
		color: white;  /*標準ボタン*/
        border: 2px solid rgb(50, 97, 171);
        background-color: #3261AB;
	}
	.ss2marker_en-7 {
		color: rgb(50, 97, 171);
	}

    /*アイコン8*/
	.ss2marker-8a {
		color: rgb(93, 99, 158);  /*枠あり中白*/
	    border: 2px solid rgb(93, 99, 158);
	    background-color: white;
	}
	.ss2marker-8b {
		color: rgb(93, 99, 158);  /*枠あり中薄い青*/
	    border: 2px solid rgb(93, 99, 158);
	    background-color: rgba(93, 99, 158,0.2);
	    padding: 2px;
	}
	.ss2marker-8c {
		color: white;  /*標準ボタン*/
        border: 2px solid rgb(93, 99, 158);
        background-color: #5D639E;
	}
	.ss2marker_en-8 {
		color: rgb(93, 99, 158);
	}

//    /*アイコン9*/
//	.ss2marker-9a {
//		color: rgb(218, 80, 25);  /*枠あり中白*/
//	    border: 2px solid rgb(218, 80, 25);
//	    background-color: white;
//	}
//	.ss2marker-9b {
//		color: rgb(218, 80, 25);  /*枠あり中薄い青*/
//	    border: 2px solid rgb(218, 80, 25);
//	    background-color: rgba(218, 80, 25,0.2);
//	}
//	.ss2marker-9c {
//		color: white;  /*標準ボタン*/
//        border: 2px solid rgb(218, 80, 25);
//        background-color: #DA5019;
//	}
//	.ss2marker_en-9 {
//		color: rgb(218, 80, 25);
//	}

//181016 メンテナンス用グレーに変更
    /*アイコン9*/
	.ss2marker-9a {
		color: rgb(128, 128, 128);  /*枠あり中白*/
	    border: 2px solid rgb(128, 128, 128);
	    background-color: white;
	}
	.ss2marker-9b {
		color: rgb(128, 128, 128);  /*枠あり中薄い青*/
	    border: 2px solid rgb(128, 128, 128);
	    background-color: rgba(128, 128, 128, 0.2);
	}
	.ss2marker-9c {
		color: white;  /*標準ボタン*/
        border: 2px solid rgb(128, 128, 128);
        background-color: #777777;
	}
	.ss2marker_en-9 {
		color: rgb(128, 128, 128);
	}

    /*アイコン10*/
	.ss2marker-10a {
		color: rgb(199, 36, 58);  /*枠あり中白*/
	    border: 2px solid rgb(199, 36, 58);
	    background-color: white;
	}
	.ss2marker-10b {
		color: rgb(199, 36, 58);  /*枠あり中薄い青*/
	    border: 2px solid rgb(199, 36, 58);
	    background-color: rgba(199, 36, 58,0.2);
	}
	.ss2marker-10c {
		color: white;  /*標準ボタン*/
        border: 2px solid rgb(199, 36, 58);
        background-color: #C7243A;
	}
	.ss2marker_en-10 {
		color: rgb(199, 36, 58);
	}

    /*アイコン11*/
	.ss2marker-11a {
		color: rgb(0, 146, 80);  /*枠あり中白*/
	    border: 2px solid rgb(0, 146, 80);
	    background-color: white;
	}
	.ss2marker-11b {
		color: rgb(0, 146, 80);  /*枠あり中薄い青*/
	    border: 2px solid rgb(0, 146, 80);
	    background-color: rgba(0, 146, 80,0.2);
	}
	.ss2marker-11c {
		color: white;  /*標準ボタン*/
        border: 2px solid rgb(0, 146, 80);
        background-color: #009250;
	}
	.ss2marker_en-11 {
		color: rgb(0, 146, 80);
	}



/* 旧バージョン */

//.ss2marker {
//  display: inline-block;
//  min-width: 26px;
//  min-height: 26px;
//  padding: 5px 5px;
//  font-size: 16px;
//  font-weight: bold;
//  line-height: 1;
//  color: #fff;
//  text-align: center;
//  white-space: nowrap;
//  vertical-align: middle;
//  background-color: #777;
//  border-radius: 5px;
//}
.ss2marker-color1 {
	background-color: #C7243A;		//red
}
.ss2marker-color2 {
	background-color: #EDAD0B;		//orange
}
.ss2marker-color3 {
	background-color: #FFE600;		//yellow
}
.ss2marker-color4 {
	background-color: #A4C520;		//green
}
.ss2marker-color5 {
	background-color: #009250;		//dark-green
}
.ss2marker-color6 {
	background-color: #0086AB;		//light-blue
}
.ss2marker-color7 {
	background-color: #007AB7;		//blue
}
.ss2marker-color8 {
	background-color: #5D639E;		//blue-purple
}
.ss2marker-color9 {
	background-color: #932674;		//red-purple
}
.ss2marker-color10 {
	background-color: #B61972;		//dark-pink
}








/* apnアイコン
--------------------------------------------------------------------------------------------------*/
.ss2-cell-apn-000{
	white-space: nowrap;
}
.ss2-apn-0 {
	display: inline-block;
	width: 7px;
	height: 21px;
	background: #F2F5AA;	/*うすい緑*/
	border-left: solid 1px #777;
	border-top: solid 1px #777;
	border-bottom: solid 1px #777;
	vertical-align: middle;
}
.ss2-apn-1 {
	display: inline-block;
	width: 7px;
	height: 21px;
	background: #F0BA32;	/*オレンジ*/
	border-left: solid 1px #777;
	border-top: solid 1px #777;
	border-bottom: solid 1px #777;
	vertical-align: middle;
}
.ss2-apn-2 {
	display: inline-block;
	width: 7px;
	height: 21px;
	background: #ccc;	/*グレー*/
	border-left: solid 1px #777;
	border-top: solid 1px #777;
	border-bottom: solid 1px #777;
	vertical-align: middle;
}

.ss2-cell-apn-000 span:last-child{
	width: 8px;
	border-right: solid 1px #777;
}

/* apアイコン
--------------------------------------------------------------------------------------------------*/
.ss2-cell-ap-00{
	white-space: nowrap;
}
.ss2-ap-0 {
	display: inline-block;
	width: 11px;
	height: 21px;
	background: #F2F5AA;	/*うすい緑*/
	border-left: solid 1px #777;
	border-top: solid 1px #777;
	border-bottom: solid 1px #777;
	vertical-align: middle;
}
.ss2-ap-1 {
	display: inline-block;
	width: 11px;
	height: 21px;
	background: #F0BA32;	/*オレンジ*/
	border-left: solid 1px #777;
	border-top: solid 1px #777;
	border-bottom: solid 1px #777;
	vertical-align: middle;
}
.ss2-ap-2 {
	display: inline-block;
	width: 11px;
	height: 21px;
	background: #ccc;	/*グレー*/
	border-left: solid 1px #777;
	border-top: solid 1px #777;
	border-bottom: solid 1px #777;
	vertical-align: middle;
}

.ss2-cell-ap-00 span:last-child{
	width: 12px;
	border-right: solid 1px #777;
}


/* その他
--------------------------------------------------------------------------------------------------*/
.placeholder{
	color: #999;
}