@charset "UTF-8";
/*! ========================================
このCSSファイルはSassから生成しております。
編集する際はSassファイルより編集を行ってください。
========================================= */
/*===========================================
	cyboze
=============================================*/
.cybozeBlue {
  width: 366px;
  border: 4px solid #0048a5;
  border-radius: 9px;
  padding: 16px 0 20px;
  text-align: center;
  font-size: 54px;
  font-weight: 550;
  color: #0048a5; }

.cybozeBlue:after {
  content: '';
  /*何も入れない*/
  display: inline-block;
  /*忘れずに！*/
  width: 21px;
  /*画像の幅*/
  height: 16px;
  /*画像の高さ*/
  background-image: url(/groupware/img/icoWindowBlue.png);
  background-size: contain;
  vertical-align: middle;
  margin-left: 15px; }

.cybozeRightBlue {
  width: 366px;
  border: 4px solid #0099d4;
  border-radius: 9px;
  padding: 17px 0 19px;
  text-align: center;
  font-size: 52px;
  font-weight: 550;
  color: #0099d4; }

.cybozeRightBlue:after {
  content: '';
  /*何も入れない*/
  display: inline-block;
  /*忘れずに！*/
  width: 21px;
  /*画像の幅*/
  height: 16px;
  /*画像の高さ*/
  background-image: url(/groupware/img/icoWindowRightBlue.png);
  background-size: contain;
  vertical-align: middle;
  margin-left: 15px; }

.cybozeRed {
  width: 366px;
  border: 4px solid #de4a61;
  border-radius: 9px;
  padding: 18px 0 19px;
  text-align: center;
  font-size: 40px;
  font-weight: 550;
  color: #de4a61; }

.cybozeRed:after {
  content: '';
  /*何も入れない*/
  display: inline-block;
  /*忘れずに！*/
  width: 21px;
  /*画像の幅*/
  height: 16px;
  /*画像の高さ*/
  background-image: url(/groupware/img/icoWindowRed.png);
  background-size: contain;
  vertical-align: middle;
  margin-left: 15px; }

.grayDotBorder {
  border-top: 3px dotted #898989;
  padding-top: 30px; }

/*===========================================
	cDefaultArea
=============================================*/
.cDefaultO h4 {
  padding: 9px 10px 8px 10px;
  font-weight: bold;
  background: #dedede;
  box-sizing: border-box;
  padding: 8px 10px;
  font-size: 20px; }
  .cDefaultO h4 span {
    padding: 2px 0 0 10px;
    border-left: solid 5px #e6a76d; }

.cDefaultO .icoSquareO:before {
  content: '■';
  color: #e6a76d;
  margin-right: 8px; }

.cDefaultO .cDefaultTableO {
  width: 570px;
  border-collapse: collapse;
  border-spacing: 0;
  color: #515151; }
  .cDefaultO .cDefaultTableO th {
    width: 570px;
    padding: 7px 15px;
    font-weight: bold;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 8px 8px 0 0;
    color: #fff;
    background-color: #e6a76d;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .cDefaultO .cDefaultTableO td {
    font-size: 16px;
    padding: 7px 15px;
    border-left: solid 3px #c5c5c5;
    border-right: solid 3px #c5c5c5;
    border-bottom: solid 3px #c5c5c5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .cDefaultO .cDefaultTableO td.pl_30 {
    padding: 7px 15px 7px 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

.cDefaultG h4 {
  padding: 9px 10px 8px 10px;
  font-weight: bold;
  background: #dedede;
  box-sizing: border-box;
  padding: 8px 10px;
  font-size: 20px; }
  .cDefaultG h4 span {
    padding: 2px 0 0 10px;
    border-left: solid 5px #478f6b; }

.cDefaultG .icoSquareG:before {
  content: '■';
  color: #478f6b;
  margin-right: 8px; }

.cDefaultG .cDefaultTableG {
  width: 570px;
  border-collapse: collapse;
  border-spacing: 0;
  color: #515151; }
  .cDefaultG .cDefaultTableG th {
    width: 570px;
    padding: 7px 15px;
    font-weight: bold;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 8px 8px 0 0;
    color: #fff;
    background-color: #478f6b;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .cDefaultG .cDefaultTableG td {
    font-size: 16px;
    padding: 7px 15px;
    border-left: solid 3px #c5c5c5;
    border-right: solid 3px #c5c5c5;
    border-bottom: solid 3px #c5c5c5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .cDefaultG .cDefaultTableG td.pl_30 {
    padding: 7px 15px 7px 30px; }

.cDefaultB h4 {
  padding: 9px 10px 8px 10px;
  font-weight: bold;
  background: #dedede;
  box-sizing: border-box;
  padding: 8px 10px;
  font-size: 20px; }
  .cDefaultB h4 span {
    padding: 2px 0 0 10px;
    border-left: solid 5px #006eb3; }

.cDefaultB .icoSquareB:before {
  content: '■';
  color: #006eb3;
  margin-right: 8px; }

.cDefaultB .cDefaultTableB {
  width: 570px;
  border-collapse: collapse;
  border-spacing: 0;
  color: #515151; }
  .cDefaultB .cDefaultTableB th {
    width: 570px;
    padding: 7px 15px;
    font-weight: bold;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 8px 8px 0 0;
    color: #fff;
    background-color: #006eb3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .cDefaultB .cDefaultTableB td {
    font-size: 16px;
    padding: 7px 15px;
    border-left: solid 3px #c5c5c5;
    border-right: solid 3px #c5c5c5;
    border-bottom: solid 3px #c5c5c5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .cDefaultB .cDefaultTableB td.pl_30 {
    padding: 7px 15px 7px 30px; }

.cDefaultR h4 {
  padding: 9px 10px 8px 10px;
  font-weight: bold;
  background: #dedede;
  box-sizing: border-box;
  padding: 8px 10px; }
  .cDefaultR h4 span {
    padding: 2px 0 0 10px;
    border-left: solid 5px #c94e58; }

.cDefaultR .icoSquareR:before {
  content: '■';
  color: #c94e58;
  margin-right: 8px; }

.cDefaultR .cDefaultTableR {
  width: 570px;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 16px;
  color: #515151; }
  .cDefaultR .cDefaultTableR th {
    width: 570px;
    padding: 7px 15px;
    font-weight: bold;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 8px 8px 0 0;
    color: #fff;
    background-color: #c94e58;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .cDefaultR .cDefaultTableR td {
    font-size: 16px;
    padding: 7px 15px;
    border-left: solid 3px #c5c5c5;
    border-right: solid 3px #c5c5c5;
    border-bottom: solid 3px #c5c5c5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .cDefaultR .cDefaultTableR td.pl_30 {
    padding: 7px 15px 7px 30px; }

.tdGray02 {
  background: #e9e9e9; }