@charset "UTF-8";
/**************************************************************************************************
 * STYLE CSS
 * -------------------------------------------------------------------------------------------------
 * @author      N.K
 * @package     モバイル連絡帳
 * @subpackage  スタイルCSS（各画面用CSS）
 * @copyright
 * @since       2017/10/23
 * @link
 **************************************************************************************************/
@-ms-viewport
{
  width: auto;
  initial-scale: 1;
}
@viewport
{
  width: device-width;
  initial-scale: 1;
}

@media print{
  body {
    height : auto;
  }
  #page_title { padding-top : 0px; margin-top : 0px !important; }
  .help_btn { display : none; }
  #page_content { position : relative; top : 0px; }
  #menu_wrap { display : none; height : 0px; }
  #footer_menu { display : none; height : 0px; }
}

a,button {outline:none !important;}

/*---------------SMALL_SP(1200px～1279px)----------*/
@media screen and (min-width: 0px) and (max-width: 991px) {
  a:not(.btn) {
    text-decoration : underline;
  }
}

a.underline {
  text-decoration : underline;
}
/* ページ内リンク */
.page_link {
  font-size : 1.1em;
}

.help-underline_blue {
  margin-bottom : 2px;
  border-bottom : 2px solid #007FFF;
}
html{
  overflow-y:scroll;
}

.panel_group_wrap {

}

.panel_group_wrap a {
  text-decoration : none;
}

.adjust_label_contents {
  padding-top: 7px;
  margin-bottom: 0;
}

.wrapper{
  -webkit-overflow-scrolling: touch;
}

/* ヘッダ非表示時のページ 位置調整*/
.adjust_no_header_page {
  position : relative;
  top : -50px;
  left : 0px;
  margin-bottom : -50px;
}

hr.top {
  margin-top: 0.5em;
  margin-bottom: 0.8em;
  border: 0;
  border-top: 1px dashed #303459;
}
hr.bottom {
  margin-top: 0.6em;
  margin-bottom: 0.5em;
  border: 0;
  border-top: 1px dashed #303459;
}
hr.dotted-middle-smoke_blue {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  border: 0;
  border-top: 1px dotted #91c5c5;
}

/* 入力枠 - 枠線無 */
.input_noborder input,
.input_noborder textarea {
  border : none;
}
/* 左右反転 */
.rotation_x {
  transform: scale(-1, 1);
}
/* 上下反転 */
.rotation_y {
  transform: scale(1, -1);
}

/* 検索エリア */
.search_area_back {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, rgba(254,251,231,0.5)), color-stop(0.56, rgba(253,250,232,0.5)), color-stop(0.00, rgba(255,255,240,0.5)));
  background: -webkit-linear-gradient(top, rgba(255,255,240,0.5) 0%, rgba(253,250,232,0.5) 56%, rgba(254,251,231,0.5) 100%);
  background: -moz-linear-gradient(top, rgba(255,255,240,0.5) 0%, rgba(253,250,232,0.5) 56%, rgba(254,251,231,0.5) 100%);
  background: -o-linear-gradient(top, rgba(255,255,240,0.5) 0%, rgba(253,250,232,0.5) 56%, rgba(254,251,231,0.5) 100%);
  background: -ms-linear-gradient(top, rgba(255,255,240,0.5) 0%, rgba(253,250,232,0.5) 56%, rgba(254,251,231,0.5) 100%);
  background: linear-gradient(to bottom, rgba(255,255,240,0.5) 0%, rgba(253,250,232,0.5) 56%, rgba(254,251,231,0.5) 100%);
  padding-left : 0.5em;
  padding-right : 0.5em;
}
/* 条件検索エリア */
.where_area_back {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, rgba(227,242,231,0.5)), color-stop(0.56, rgba(237,246,234,0.5)), color-stop(0.00, rgba(242,249,241,0.5)));
  background: -webkit-linear-gradient(top, rgba(242,249,241,0.5) 0%, rgba(237,246,234,0.5) 56%, rgba(227,242,231,0.5) 100%);
  background: -moz-linear-gradient(top, rgba(242,249,241,0.5) 0%, rgba(237,246,234,0.5) 56%, rgba(227,242,231,0.5) 100%);
  background: -o-linear-gradient(top, rgba(242,249,241,0.5) 0%, rgba(237,246,234,0.5) 56%, rgba(227,242,231,0.5) 100%);
  background: -ms-linear-gradient(top, rgba(242,249,241,0.5) 0%, rgba(237,246,234,0.5) 56%, rgba(227,242,231,0.5) 100%);
  background: linear-gradient(to bottom, rgba(242,249,241,0.5) 0%, rgba(237,246,234,0.5) 56%, rgba(227,242,231,0.5) 100%);
  padding-left : 0.5em;
  padding-right : 0.5em;
}
/* 一括変更エリア */
.bluk_area_back {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, rgba(242,228,227,0.5)), color-stop(0.56, rgba(246,235,234,0.5)), color-stop(0.00, rgba(249,241,241,0.5)));
  background: -webkit-linear-gradient(top, rgba(249,241,241,0.5) 0%, rgba(246,235,234,0.5) 56%, rgba(242,228,227,0.5) 100%);
  background: -moz-linear-gradient(top, rgba(249,241,241,0.5) 0%, rgba(246,235,234,0.5) 56%, rgba(242,228,227,0.5) 100%);
  background: -o-linear-gradient(top, rgba(249,241,241,0.5) 0%, rgba(246,235,234,0.5) 56%, rgba(242,228,227,0.5) 100%);
  background: -ms-linear-gradient(top, rgba(249,241,241,0.5) 0%, rgba(246,235,234,0.5) 56%, rgba(242,228,227,0.5) 100%);
  background: linear-gradient(to bottom, rgba(249,241,241,0.5) 0%, rgba(246,235,234,0.5) 56%, rgba(242,228,227,0.5) 100%);
  padding-left : 0.5em;
  padding-right : 0.5em;
}
.read_back {
  background : #EEEEEE;
}

/* 画面リンクエリア */
.page_link_area_back {
  padding : 0.25em;
}

/* iosのtoggle対応 */
.toggle_kick {
  cursor: pointer;
}

/* iphone5等横幅調整 */
@media screen and (min-width: 0px) and (max-width: 400px) {
  #page_content .container-fluid {
    padding-right : 5px;
    padding-left  : 5px;
  }

  /*#page_content .row [class*="col-xs-"] {
    padding-left : 0px;
    padding-right : 0px;
  }*/
}
/*---------------SMALL_SP(401px～550px)----------*/
@media screen and (min-width: 401px) and (max-width: 550px) {
  #page_content .container-fluid {
    padding-right : 5px;
    padding-left  : 5px;
  }

  /*#page_content .row [class*="col-xs-"] {
    padding-left : 0px;
    padding-right : 0px;
  }*/
}
/*---------------SMALL_SP(551px～850px)----------*/
@media screen and (min-width: 551px) and (max-width: 850px) {
  #page_content .container-fluid {
    padding-right : 5px;
    padding-left  : 5px;
  }

  /*#page_content .row [class*="col-xs-"] {
    padding-left : 0px;
    padding-right : 0px;
  }*/
}
/*---------------SMALL_SP(851px～1200px)----------*/
@media screen and (min-width: 851px) and (max-width: 1200px) {
  #page_content .container-fluid {
    padding-right : 5px;
    padding-left  : 5px;
  }

  /*#page_content .row [class*="col-xs-"] {
    padding-left : 0px;
    padding-right : 0px;
  }*/
}

/* 背景、ボーダー無し */
.deco_None {
  background-color : transparent !important;
  border : none !important;
}


.phone_mark-n {
  display: table-cell;
}
.phone_mark-xs {
  display : none;
}

/*---------------SMALL_SP(0px～318px)----------*/
@media screen and (min-width: 0px) and (max-width: 400px) {
  .phone_mark-n {
    display : none;
  }
  .phone_mark-xs {
    display: table-cell;
  }
}

/* ブロック内の要素を改行して表示 */
.block_new_line {
  word-wrap     : break-word;   /* 必要に応じて改行 */
  overflow-wrap : break-word;   /* 単語の途中で自動改行 */
  word-break    : break-all;   /* 文字の改行の仕方：表示範囲にあわせて改行 */
}

/* サイズが決まっている要素に対して、文字を省略して表示 */
.short_text_area {
  margin : auto 5px;
  white-space      : nowrap;    /* 改行無 */
  text-overflow    : ellipsis;  /* 三点リーダー */
  overflow         : hidden;    /* 範囲外非表示 */
}
/* 必須マーク */
.required_item_after:after {
  content : "※";
  color : red;
  font-weight : bold;
  margin-left : 0.5rem;
}
/* 横・縦幅フルサイズ */
.full-block {
  width : 100% !important;
  height : 100% !important;
}
.full-width {
  width : 100% !important;
}
.full-height {
  height : 100% !important;
}

/* 〇件選択中 */
#select_count_wrap {
  position:relative;height:34px;
}
/* 〇件選択中 */
#select_count_L {
  position:absolute;bottom:0;left:10px;
}
/* 〇件選択中 */
#select_count_R {
  position:absolute;bottom:0;right:10px;
}
/* 〇件選択中 */
#select_count,
.select_count {
  position:absolute;bottom:0;
}

/* メインロゴサイズ */
.main_logo_size {
  width : 40%;
  max-width : 200px;
}

.logo_size_S {
  width : 30%;
  max-width : 100px;
}

/*==================================================================================================
 * COLOR
 *================================================================================================*/
/* 必須背景 */
.required_back,
select.required_back option {
  background-color : rgba(250,225,248,0.8);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, rgba(250,225,248,0.8)), color-stop(0.00, #fdedfc));
  background: -webkit-linear-gradient(#fdedfc, rgba(250,225,248,0.8));
  background: -moz-linear-gradient(#fdedfc, rgba(250,225,248,0.8));
  background: -o-linear-gradient(#fdedfc, rgba(250,225,248,0.8));
  background: -ms-linear-gradient(#fdedfc, rgba(250,225,248,0.8));
  background: linear-gradient(#fdedfc, rgba(250,225,248,0.8));
}
.active_back {
  background-color :#FFFFFF !important;
}

.download_link {
  color: #337ab7;
  text-decoration: none;
}
.download_link:hover {
  color: #2A527C;
  text-decoration: underline;
  cursor : pointer;
}
/*---------------SMALL_SP(0px～318px)----------*/
@media screen and (min-width: 0px) and (max-width: 991px) {
  .download_link {
    color: #337ab7;
    text-decoration: underline;
  }
}

/*==================================================================================================
 * MESSAGE ／ MESSAGE_AREA
 *================================================================================================*/
.error-message {
  color : red;
}

.top_error_area_disp {
  background: rgba(249,236,237,0.6);
  border: 1px solid #f3cbd0;
  margin: 5px 10px;
  padding: 20px;
  position: relative;
}
.top_error_area_disp:after {
    background: rgba(249,236,237,0.9);
    border: 1px solid #f3cbd0;
    content: '';
    position: absolute;
    top: 5px;
    left: 5px;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.top_error_area div.error-message>ul {
  margin-bottom : 0px;
}

.top_error_area div.error-message {
  border-bottom : 1px dashed #765c47;
  margin-top : 5px;
  margin-bottom : 5px;
}

.top_error_area div.error-message>ul>li:not(:last-child) {
  border-bottom : 1px dashed #765c47;
  margin-top : 5px;
  margin-bottom : 5px;
}


/* アイテム選択時のメッセージエリア（グループ一括設定時に使用） */
#choice_item_msg_area {
  position : relative;
  text-align : center;
  z-index : 3;
}
#choice_item_msg {
  display: inline-block;
  width : 100%;
  /*
  position : absolute;
  top : 10px;
  left : 0px;
  */
  padding : 10px;
  background : rgba(0,0,0,0.7);
  color : #FFFFFF;
}
.choice_item_msg_default_pos {
  position : absolute;
  top : 10px;
  left : 0px;
}
.choice_item_msg_xs_pos {
  position : fixed;
  top :  50px;
  left :  0px;
}
/*==================================================================================================
 * FLEXIBLEBOX
 *================================================================================================*/
/* 汎用：ブロック：縦：中央/横:中央 */
.flexiblebox_center {
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center;     /* 縦方向中央揃え（Safari用） */
 align-items: center;             /* 縦方向中央揃え */
 -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 justify-content: center;         /* 横方向中央揃え */
}

/* 汎用：ブロック：縦：中央/横:左 */
.flexiblebox_left {
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center;         /* 縦方向中央揃え（Safari用） */
 align-items: center;                 /* 縦方向中央揃え */
 -webkit-justify-content: flex-start; /* 横方向左寄せ（Safari用） */
 justify-content: flex-start;         /* 横方向左寄せ */
}

/* 汎用：ブロック：縦：中央/横:右 */
.flexiblebox_right {
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center;       /* 縦方向中央揃え（Safari用） */
 align-items: center;               /* 縦方向中央揃え */
 -webkit-justify-content: flex-end; /* 横方向右寄せ（Safari用） */
 justify-content: flex-end;         /* 横方向右寄せ */
}

.v_middle {
  display: table-cell !important;
  vertical-align:middle !important;
}

.link_true {
  pointer-events : auto;
}
.link_false {
  pointer-events : none;
}

/*==================================================================================================
 * ローディング
 *================================================================================================*/
#loading_area {
  position : fixed;
  top : 0;
  left :0;
  width : 100%;
  height : 100%;
  width : 100%;
  height : 100%;
  z-index : 999999;
  padding : 0px;
}
.loading_area {
  background : rgba(0,0,0,0.8);
}
.us_loading_area {
  background : rgba(0,0,0,0.8);
}
#loading_logo {
  width : 16%;
  height: 16%;
}
#error_logo {
  width : 25vw;
}


#loading_text_pos {
  position: absolute;
  top: 40%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform : translate(-50%,-50%);
  transform : translate(-50%,-50%);
  width : 300px;
  text-align : center;
}
#loading_logo_pos {
  position: absolute;
  top: 48%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform : translate(-50%,-50%);
  transform : translate(-50%,-50%);
}
.spin_infinite {
 animation: spin 2s ease-in-out infinite;
}

@-webkit-keyframes spin {
   0% {-webkit-transform: scale(0.0) rotateY(-180deg);}
   50% {-webkit-transform: scale(1.0) rotateY(360deg);}
 100% {-webkit-transform: scale(0.0) rotateY(360deg);}
}
@-moz-keyframes spin {
   0% {-moz-transform: scale(0.0) rotateY(-180deg);}
   50% {-moz-transform: scale(1.0) rotateY(360deg);}
 100% {-moz-transform: scale(0.0) rotateY(360deg);}

}
@-ms-keyframes spin {
   0% {-ms-transform: scale(0.0) rotateY(-180deg);}
   50% {-ms-transform: scale(1.0) rotateY(360deg);}
 100% {-ms-transform: scale(0.0) rotateY(360deg);}
}
@-o-keyframes spin {
   0% {-o-transform: scale(0.0) rotateY(-180deg);}
   50% {-o-transform: scale(1.0) rotateY(360deg);}
 100% {-o-transform: scale(0.0) rotateY(360deg);}
}

@keyframes bounce {
  from {
    margin-top: -10px;
    animation-timing-function: ease-out;
  }
  25% {
    margin-top: -5px;
    animation-timing-function: ease-in;
  }
  50% {
    margin-top: -10px;
    animation-timing-function: ease-out;
  }
  75% {
    margin-top: -7px;
    animation-timing-function: ease-in;
  }
  to {
    margin-top: -10px;
  }
}

.rotate_normal_infinite {
 animation: rotate_infinite 2s linear infinite;
}
.rotate_fast_infinite {
 animation: rotate_infinite 0.5s linear infinite;
}


@-webkit-keyframes rotate_infinite {
   0% {-webkit-transform: rotateZ(0deg);}
 100% {-webkit-transform: rotateZ(360deg);}
}
@-moz-keyframes rotate_infinite {
   0% {-moz-transform: rotateZ(0deg);}
 100% {-moz-transform: rotateZ(360deg);}

}
@-ms-keyframes rotate_infinite {
   0% {-ms-transform: rotateZ(0deg);}
 100% {-ms-transform: rotateZ(360deg);}
}
@-o-keyframes rotate_infinite {
   0% {-o-transform: rotateZ(0deg);}
 100% {-o-transform: rotateZ(360deg);}
}

.bus_anim_normal {
  -webkit-animation:bus_anim_normal 0.1s infinite linear alternate;
  animation:bus_anim_normal 0.1s infinite linear alternate;
}

@-webkit-keyframes bus_anim_normal {
  0% {-webkit-transform:translate(0, 0) rotate(-1deg);}
  50% {-webkit-transform:translate(0, -1px) rotate(0deg);}
  100% {-webkit-transform:translate(0, 0)rotate(1deg);}
}

@keyframes bus_anim_normal {
  0% {transform:translate(0, 0) rotate(-1deg);}
  50% {transform:translate(0, -1px) rotate(0deg);}
  100% {transform:translate(0, 0)rotate(1deg);}
}

.bus_anim_late {
  -webkit-animation:bus_anim_late 1s infinite linear alternate;
  animation:bus_anim_late 1s infinite linear alternate;
}

@-webkit-keyframes bus_anim_late {
  0% {-webkit-transform:translate(0, 0) rotate(-1deg);}
  50% {-webkit-transform:translate(0, -1px) rotate(0deg);}
  100% {-webkit-transform:translate(0, 0)rotate(1deg);}
}

@keyframes bus_anim_late {
  0% {transform:translate(0, 0) rotate(-1deg);}
  50% {transform:translate(0, -1px) rotate(0deg);}
  100% {transform:translate(0, 0)rotate(1deg);}
}


.bus_stateus_back_anim_normal {
  animation: bus_stateus_back_anim 30s infinite linear;
}
.bus_stateus_back_anim_late {
  animation: bus_stateus_back_anim 80s infinite linear;
}
@keyframes bus_stateus_back_anim{
    0%    { background-position: 0 0; }
    100%  { background-position: 1600px 0px; }
}

.bus_anim_run {
  -webkit-animation:bus_anim_normal 0.1s infinite linear alternate;
  animation:bus_anim_run 0.1s infinite linear alternate;
}

@-webkit-keyframes bus_anim_run {
  0% {-webkit-transform:translate(0, 0) rotate(-1deg);}
  50% {-webkit-transform:translate(0, -1px) rotate(0deg);}
  100% {-webkit-transform:translate(0, 0)rotate(1deg);}
}

@keyframes bus_anim_run {
  0% {transform:translate(0, 0) rotate(-1deg);}
  50% {transform:translate(0, -1px) rotate(0deg);}
  100% {transform:translate(0, 0)rotate(1deg);}
}




@import url(//fonts.googleapis.com/css?family=Vibur);
.logo {}
.logo b{
  /*font: 100 3vh "Vibur";*/
  /*font: 400 3vh "Vibur";*/
  font-weight : 100;
  font-size : 2em;
  font-family : "Vibur";
  color: #fee;
  text-shadow: 0 0px 60px, 0 0 1px, 0 0 1em #ff4444, 0 0 0.5em #ff4444, 0 0 0.1em #ff4444, 0 2px 1px #c0e4ee;
}

.logo b span{
  animation: blinkword linear infinite 2s;
}

@keyframes blinkword {
  78% {
    color: inherit;
    text-shadow: inherit;
  }
  79%{
     color: #666;
  }
  80% {

    text-shadow: none;
  }
  81% {
    color: inherit;
    text-shadow: inherit;
  }
  82% {
    color: #666;
    text-shadow: none;
  }
  83% {
    color: inherit;
    text-shadow: inherit;
  }
  92% {
    color: #666;
    text-shadow: none;
  }
  92.5% {
    color: inherit;
    text-shadow: inherit;
  }
}
#loading_text_us {
  font-weight : 100;
  font-size : 1.2em;
  font-family : "Vibur";
  color: #ffffff;
  text-shadow: -1px 1px 5px #DF0C0C, 1px -1px 5px #DF0C0C;
  margin-top : 10px;
}

#anim_text_back-black {
  background:rgba(0,0,0,0.2);

}
#anim_text_back-blue {
  background:rgba(167,246,244,0.3);
  border-bottom:#a7f6f4 solid 1px;
  box-shadow: 0 1px 0 rgba(255,255,255,0.1);
}

/* jmobileアニメーション */
.anim_jmobile {
  perspective: 3000px;  /* 3D変形の奥行きの深さ */
  font-size : 12vw;
}
/* モバイル連絡帳アニメーション */
.anim_sn {
  perspective: 3000px;  /* 3D変形の奥行きの深さ */
  font-size : 5vw;
}
/* エラー番号 */
.error_info_text {
  perspective: 3000px;  /* 3D変形の奥行きの深さ */
  text-align: center;
  font-size : 7.8vw;
}

/*---------------SMALL_SP(769px)----------*/
@media screen and (min-width: 769px) {
  .anim_jmobile {
    font-size : 96px;
  }
  .anim_sn {
    font-size : 74px;
    margin-top : 15px;
    margin-bottom : 15px;
  }
  .error_info_text {
    font-size : 60px;
  }
}

.anim_jmobile span,
.anim_sn span {
  display: inline-block;
  margin: 0 -.05em;
  transform-origin: 50% 50% -25px;
  transform-style: preserve-3d;
  animation: anim_before_rolling 8.0s infinite;
}
.anim_jmobile img,
.anim_sn img {
  display: inline-block;
  margin: 0 -.05em;
  transform-origin: 50% 50% -25px;
  transform-style: preserve-3d;
  animation: anim_before_rolling 8.0s infinite;
}

.anim_jmobile span:nth-child(1) {
  color: #00ac97;
}
.anim_sn span:nth-child(1) {
  color: rgb(32,157,204);
}

.anim_before_rolling span:nth-child(1) {
  animation-delay: .1s;
  color: #00ac97;
}
.anim_before_rolling span:nth-child(2) {
  animation-delay: .2s;
}
.anim_before_rolling span:nth-child(3) {
  animation-delay: .3s;
}
.anim_before_rolling span:nth-child(4) {
  animation-delay: .4s;
}
.anim_before_rolling span:nth-child(5) {
  animation-delay: .5s;
}
.anim_before_rolling span:nth-child(6) {
  animation-delay: .6s;
}
.anim_before_rolling span:nth-child(7) {
  animation-delay: .7s;
}

@keyframes anim_before_rolling {
  0% {
    transform: rotateX(-360deg);
  }
  70% {
    transform: rotateX(0);
  }
}

/* 点滅アニメーション */
.blinking{
  -webkit-animation:blink 2.0s ease-in-out infinite alternate;
  -moz-animation:blink 2.0s ease-in-out infinite alternate;
  animation:blink 2.0s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1.0;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1.0;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1.0;}
}


.navigation_black {
  height : 28px;
  line-height : 28px;
  background : rgba(0,0,0,0.6);
}

.marquee_wrap {
  overflow : hidden;
  position: relative;
}
.marquee_wrap::after {
  content: "";
  white-space: nowrap;
  display: inline-block;
}

.marquee {
  position: absolute;
  top: 0;
  white-space: nowrap;
  width : 100%;
  animation-name: marquee;
  animation-duration: 35s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
/*
.marquee:hover {
  animation-play-state: paused;
  cursor: default;
}
*/
@-webkit-keyframes marquee{
    0%    { transform: translate(100%); }
    100% { transform: translate(-100%); }
}
@-moz-keyframes marquee{
    0%    { transform: translate(100%); }
    100% { transform: translate(-100%); }
}
@keyframes marquee{
    0%    { transform: translate(100%); }
    100% { transform: translate(-100%); }
}

/*==================================================================================================
 * ローディング（右下）
 *================================================================================================*/
#bottom_loading_area {
  position : fixed;
  top : 0;
  left :0;
  width : 100%;
  height : 100%;
  width : 100%;
  height : 100%;
  z-index : 999999;
  padding : 0px;
}
.bottom_loading_area {
  /*
  background : rgba(0,0,0,0.15);
  */
  background: rgba(0,0,0,0.5);
  background: -moz-linear-gradient(right bottom, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.9) 100%);
  background: -webkit-linear-gradient(right bottom, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.9) 100%);
  background: linear-gradient(to right bottom, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.9) 100%);
  color : #FFFFFF;
}
.bottom_us_loading_area {
  background : rgba(0,0,0,0.15);
}
#bottom_loading_logo {
  width : 16%;
  height: 16%;
}
#bottom_loading_bus_logo {
  width : 80px;
  margin-right : 10px;
}
#bottom_loading_text_pos {
  position: absolute;
  bottom: 0px;
  right: -200px;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform : translate(-50%,-50%);
  transform : translate(-50%,-50%);
  width : 300px;
  text-align : center;
}

/*==================================================================================================
 * ページネーション（SP・TAB）
 *================================================================================================*/
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 2px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}

.org_pagination_pc_wrap {
  display : block;
}
.org_pagination_pc_wrap_disp {
  display : block;
}
.org_pagination_sp_wrap_disp {
  display : none;
}

#org_pagination_sp_wrap {
  height : 36px;
  min-height : 36px;
  max-height : 36px;
  display : none;
}

#org_pagination_sp_buttons {
  padding : 0px 2px;
  background-color : rgba(22, 26, 70, 1.0);
}

#org_pagination_sp_buttons li {
  display : inline-block;
  height : 36px;
  border-left : solid 1px #EEEEEE;
  box-shadow: 1px 1px 2px #FFFFFF;
}
#org_pagination_sp_buttons li:first-child {
  border-left : none;
  box-shadow : none;
}
#org_pagination_sp_buttons li:last-child {
  border-right : none;
  box-shadow : none;
}

#org_pagination_sp_buttons li div span {
  color : #FFFFFF;
  height : 36px;
  line-height : 36px;
  padding-left : 0px;
  padding-right : 0px;
  vertical-align : middle;
}

#org_pagination_sp_buttons > li {
  display : inline;
}
#org_pagination_sp_buttons li a {
  color : #FFFFFF;
}

#org_pagination_sp_buttons .disabled div span {
  color : #161a46 !important;
}


/*==================================================================================================
 * SP+TABLET(～780px)
 *================================================================================================*/
@media only screen and (max-width: 780px) {
  .org_pagination_pc_wrap {
    display : none;
  }
  #org_pagination_sp_wrap {
    display : block;
  }
  .org_pagination_pc_wrap_disp {
    display : none;
  }
  .org_pagination_sp_wrap_disp {
    display : block;
  }
}
.input-group-addon-disp_cnt {
  background-color : rgba(22, 26, 70, 1.0);
  color : #FFEFDF;
}

/*==================================================================================================
 * BORDER
 *================================================================================================*/
hr {
  margin-top: 5px;
  margin-bottom: 5px;
}
.simple_border-gray      { border : 1px solid #CCCCCC; }

/*==================================================================================================
 * BUTTON
 *================================================================================================*/
ul.align_btn_area {
  margin-bottom : 0px;
}
.align_btn_area li {
  display : inline-block;
}
.align_btn_area li:not(:last-child) {
  margin-right : 10px;
}

#reload_btn_area {
  display:inline-block;
  margin-right:10px;
}

/*---------------SMALL_SP(0px～390px)----------*/
@media screen and (min-width: 0px) and (max-width: 330px) {
  #reload_btn_area {
    margin-right:0px;
  }
}

/*==================================================================================================
 * CHECKBOX
 *================================================================================================*/
input[type="checkbox"],
input[type="checkbox"]:focus {
  outline : none;
  -webkit-transform : scale(1.2);
  transform         : scale(1.2);
}
input[type="checkbox"]+font.text {
  font-size : 1.0em;
  margin-left : 5px;
}

/* 施設 - 使用する・使用しない */
.radio_use_flg label input[type="radio"] {
  position : relative;
  top      : 2px;
  left     : -4px;
}
.checkbox-inline,
.checkbox-inline font.text,
.checkbox-inline font.sids_check_text {
  cursor : default;
}

/*==================================================================================================
 * RADIO
 *================================================================================================*/
.radio_box-sm {
  display: block;
  width: 100%;
  font-size: 1.0em;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  height: 30px;
  min-height: 30px;
  line-height: 30px;
  padding: 2px 2px;
  vertical-align: middle;
}
.input-group-addon+.radio_box-sm {
  border-top-left-radius : 0px;
  border-bottom-left-radius : 0px;
}
.input-group-addon+.radio_box-sm label {
  height: 24px;
  min-height: 24px;
  line-height: 24px;
  vertical-align: middle;
  position : relative;
  top : -2px;
  left : 0px;
  padding-left : 2px;
}
.input-group-addon+.radio_box-sm label input[type="radio"] {
  position : relative;
  top : 2px;
  left : 0px;
  margin-right : 2px;
}

.radio_box {
  display: block;
  width: 100%;
  font-size: 1.0em;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  height: 34px;
  min-height: 34px;
  line-height: 34px;
  padding: 2px 2px;
  vertical-align: middle;
}
.input-group-addon+.radio_box {
  border-top-left-radius : 0px;
  border-bottom-left-radius : 0px;
}
.input-group-addon+.radio_box label {
  height: 34px;
  min-height: 34px;
  line-height: 34px;
  vertical-align: middle;
  position : relative;
  top : -2px;
  left : 0px;
  padding-left : 2px;
}
.input-group-addon+.radio_box label input[type="radio"] {
  position : relative;
  top : 2px;
  left : 0px;
  margin-right : 2px;
}

.radio_L {
  transform: scale(1.2);
}
/* 汎用サイズL */
.radio_common_L label {
  width       : 10em;
  font-weight : normal;
  outline     : none;
  margin-left : 5px;
}
/* あり・なし */
.radio_have_flg label {
  width       : 5em;
  font-weight : normal;
  outline     : none;
  margin-left : 5px;
}
/* 使用する・使用しない */
.radio_use_flg label {
  width       : 7em;
  font-weight : normal;
  outline     : none;
  margin-left : 5px;
}
/* 必須にする・必須にしない */
.radio_required_flg label {
  width       : 8em;
  font-weight : normal;
  outline     : none;
  margin-left : 5px;
}
/* コピーする・コピーしない */
.radio_copy_flg label {
  width       : 8em;
  font-weight : normal;
  outline     : none;
  margin-left : 5px;
}

/* ユーザ登録 - 基本情報 - ユーザID作成区分 */
.radio_user_id_make_kbn label {
  width       : 7em;
  font-weight : normal;
  outline     : none;
  margin-left : 5px;
}
/* ユーザ登録 - 連絡情報 - メッセージ通知方法 */
.radio_notify_division label {
  width       : 12em;
  font-weight : normal;
  outline     : none;
  margin-left : 5px;
}

/* 基本設定 - 初期登録制限時間 */
.radio_inst_basic_init_reg_limit_flg label {
  width       : 7em;
  font-weight : normal;
  outline     : none;
  margin-left : 5px;
}
/* 組織設定 - 課金数 */
.radio_organization_charge_cnt_flg label {
  width       : 10em;
  font-weight : normal;
  outline     : none;
  margin-left : 5px;
}

/* 組織設定 - 組織表示 */
.radio_organization_disp_flg label {
  width       : 7em;
  font-weight : normal;
  outline     : none;
  margin-left : 5px;
}

/* 担任設定 - 担任区分 */
.radio_sn_responsible_org_div label {
  width       : 5em;
  font-weight : normal;
  outline     : none;
  margin-left : 5px;
}

/* ユーザレベル設定 - 表示有無 */
.radio_user_level_disp_flg label {
  width       : 7em;
  font-weight : normal;
  outline     : none;
  margin-left : 5px;
}

/* ユーザレベル設定 - 表示有無（組織／クラス） */
.radio_user_level_disp_flg_org label {
  width       : 7em;
  font-weight : normal;
  outline     : none;
  margin-left : 5px;
}

/* ユーザレベル設定 - 変更許可有無 */
.radio_user_level_approval_flg label {
  width       : 10em;
  font-weight : normal;
  outline     : none;
  margin-left : 5px;
}

/* テンプレート表示設定一覧 - 表示設定 */
.radio_tl_major_item_disp_flg label {
  width       : 7em;
  font-weight : normal;
  outline     : none;
  margin-left : 5px;
}

/* テンプレート登録 - 表示設定 */
.radio_sn_template_disp_flg label {
  width       : 7em;
  font-weight : normal;
  outline     : none;
  margin-left : 5px;
}

/* テンプレート登録 - 表示順 */
.radio_sn_template_add_order label {
  width       : 7em;
  font-weight : normal;
  outline     : none;
  margin-left : 5px;
}

/* タイムライン表示設定 - 選択肢反映モード */
.radio_sn_template_choice_list_refrect_mode_flg label {
  width       : 7em;
  font-weight : normal;
  outline     : none;
  margin-left : 5px;
}

/* 性別 */
.radio_gender label {
  width       : 6em;
  font-weight : normal;
  outline     : none;
  margin-left : 5px;
}
/* 乳幼児区分 */
.radio_infant_div label {
  width       : 6em;
  font-weight : normal;
  outline     : none;
  margin-left : 5px;
}
/* 乳幼児利用種別 */
.radio_sn_infant_use_type label {
  width       : 8.5em;
  font-weight : normal;
  outline     : none;
  margin-left : 5px;
}
/* 乳幼児区分　変更予約 */
.radio_reserve_infant_div_flg label {
  width       : 8.5em;
  font-weight : normal;
  outline     : none;
  margin-left : 5px;
}
/* 連絡帳ユーザ区分 */
.radio_sn_user_div label {
  width       : 5em;
  font-weight : normal;
  outline     : none;
  margin-left : 5px;
}
/* SIDSチェック間隔 */
.radio_sids label {
  width       : 5em;
  font-weight : normal;
  outline     : none;
  margin-left : 5px;
}
/* 表示する/表示しない */
.radio_display label {
  width       : 7em;
  font-weight : normal;
  outline     : none;
  margin-left : 5px;
}
/* 連絡帳一覧検索 - 園側ステータス */
.radio_smiley_note_index_status label {
  width       : 4.7em;
  font-weight : normal;
  outline     : none;
  margin-left : 5px;
}
/* 連絡帳一覧検索 - 園側対応状況 */
.radio_smiley_note_index_res_status label {
  width       : 4.7em;
  font-weight : normal;
  outline     : none;
  margin-left : 5px;
}
/* タイムライン一括 - 未入力タイムライン絞り込み */
.radio_smiley_note_index_bulk_tl_not_input label {
  width       : 8em;
  font-weight : normal;
  outline     : none;
  margin-left : 5px;
}
/* 天気 */
.radio_weather label {
   display: inline-block;
  width       : 4.8em;
  font-weight : normal;
  outline     : none;
  margin-left : 5px;
}
.radio_weather label img {
  pointer-events: none;
}
/* お迎え設定ダイアログ - 入力 */
.radio_greet_input label {
  width       : 6em;
  font-weight : normal;
  outline     : none;
  margin-left : 5px;
}
/* テンプレート登録表示順 - 先頭行・最終行 */
.radio_regist_template_order label {
  width       : 7em;
  font-weight : normal;
  outline     : none;
  margin-left : 5px;
}
/* 基本情報・施設登録・施設更新 - 組織／クラス表示名 - 組織・クラス */
.radio_org_disp_division_flg label {
  width       : 7em;
  font-weight : normal;
  outline     : none;
  margin-left : 5px;
}

/* お知らせ - 掲載メニュー */
.radio_news_publish_menu label {
  width       : 6em;
  font-weight : normal;
  outline     : none;
  margin-left : 5px;
}
/* お知らせ - 優先 */
.radio_news_priority label {
  width       : 5em;
  font-weight : normal;
  outline     : none;
  margin-left : 5px;
}
/* 配信停止日程 - 月間・年間 */
.radio_bulk_select_month_year label {
  width       : 5em;
  font-weight : normal;
  outline     : none;
  margin-left : 5px;
}
/* 表示有無（表示・非表示） */
.radio_disp_exist_flg label {
  width       : 7em;
  font-weight : normal;
  outline     : none;
  margin-left : 5px;
}

/* メール送信 - パスワード要求可否 */
.radio_attach_lock_file label {
  width       : 7em;
  font-weight : normal;
  outline     : none;
  margin-left : 5px;
}

/* 権限情報 - 送信権限（施設全員・組織・グループ） */
.radio_select_change_send_perm label {
  width       : 7em;
  font-weight : normal;
  outline     : none;
  margin-left : 5px;
}

/* コピー方法（本文宛先コピー・本文コピー） */
.radio_copy_kind label {
  width : 200px;
  font-weight : normal;
  outline     : none;
  margin-left : 10px;
  font-size : 1.0em;
}
.radio_living_together_flg label {
  width       : 7em;
  font-weight : normal;
  outline     : none;
  margin-left : 5px;
}

/* テンプレート表示設定一覧 - 表示設定 */
.bus_operation_status_kind label {
  width       : 5em;
  font-weight : normal;
  outline     : none;
  margin-left : 5px;
}

/* 本人との同居（同居・別居） */
.radio_living_together_flg label {
  width       : 7em;
  font-weight : normal;
  outline     : none;
  margin-left : 5px;
}
/* ある・ない */
.radio_exist_flg label {
  width       : 7em;
  font-weight : normal;
  outline     : none;
  margin-left : 5px;
}
/* 個人カード（指定する・指定しない） */
.radio_specify label {
  width       : 7em;
  font-weight : normal;
  outline     : none;
  margin-left : 5px;
}
/* 個人カード（ご子息の国籍） */
.radio_child_country label {
  width       : 7em;
  font-weight : normal;
  outline     : none;
  margin-left : 5px;
}
/* 個人カード（受診・検査について） */
.radio_exe_check_allow_flg label {
  width       : 11em;
  font-weight : normal;
  outline     : none;
  margin-left : 5px;
}

/*---------------351px以下----------*/
@media screen and (max-width:351px)  {
  /* 天気 */
  .radio_weather label {
    width       : 4.2em;
    font-weight : normal;
    outline     : none;
    transform   : scale(0.8);
  }
}

/*---------------768px以下----------*/
@media screen and (max-width:768px)  {

  /* 施設 - 使用する・使用しない */
  .radio_use_flg label input[type="radio"] {
    position : relative;
    top      : 2px;
    left     : -4px;
  }

   /* タイムライン表示設定 - 必須にする・必須にしない */
  .radio_required_flg label input[type="radio"] {
    position : relative;
    top      : 2px;
    left     : -4px;
  }


  /* ユーザ登録 - 基本情報 - ユーザID作成区分 */
  .radio_user_id_make_kbn label input[type="radio"] {
    position : relative;
    top      : 2px;
    left     : -4px;
  }

  /* 基本設定 - 初期登録制限時間 */
  .radio_inst_basic_init_reg_limit_flg label input[type="radio"] {
    position : relative;
    top      : 2px;
    left     : -4px;
  }

  /* 基本設定 - 初期登録制限時間 */
  .radio_sn_responsible_org_div label input[type="radio"] {
    position : relative;
    top      : 2px;
    left     : -4px;
  }

  /* タイムライン表示設定 - 表示設定 */
  .radio_tl_major_item_disp_flg label input[type="radio"] {
    position : relative;
    top      : 2px;
    left     : -4px;
  }

  /* テンプレート登録 - 表示設定 */
  .radio_sn_template_disp_flg label input[type="radio"] {
    position : relative;
    top      : 2px;
    left     : -4px;
  }

  /* テンプレート登録 - 表示順 */
  .radio_sn_template_add_order label input[type="radio"] {
    position : relative;
    top      : 2px;
    left     : -4px;
  }

  /* タイムライン表示設定 - 選択肢反映モード */
  .radio_sn_template_choice_list_refrect_mode_flg label input[type="radio"] {
    position : relative;
    top      : 2px;
    left     : -4px;
  }


  /* 性別 */
  .radio_gender label input[type="radio"] {
    position : relative;
    top      : 2px;
    left     : -4px;
  }

    /* 乳幼児区分 */
  .radio_infant_div label input[type="radio"] {
    position : relative;
    top      : 2px;
    left     : -4px;
  }

  /* 乳幼児利用種別 */
  .radio_sn_infant_use_type label input[type="radio"] {
    position : relative;
    top      : 2px;
    left     : -4px;
  }

  /* 乳幼児区分　変更予約 */
  .radio_reserve_infant_div_flg label input[type="radio"] {
    position : relative;
    top      : 2px;
    left     : -4px;
  }

  /* 連絡帳ユーザ区分 */
  .radio_sn_user_div label input[type="radio"] {
    position : relative;
    top      : 2px;
    left     : -4px;
  }
  /* SIDSチェック間隔 */
  .radio_sids label input[type="radio"] {
    position : relative;
    top      : 2px;
    left     : -4px;
  }

  /* 表示する/表示しない */
  .radio_display label input[type="radio"] {
    position : relative;
    top      : 2px;
    left     : -4px;
  }

  /* 連絡帳一覧検索 */
  .radio_smiley_note_index label input[type="radio"] {
    position : relative;
    top      : 2px;
    left     : -4px;
  }

  /* 天気 */
  .radio_weather label input[type="radio"] {}

  /* お迎え設定ダイアログ - 入力 */
  .radio_greet_input label input[type="radio"] {
    position : relative;
    top      : 0px;
    left     : -4px;
  }

  /* テンプレート登録表示順 - 先頭行・最終行 */
  .radio_regist_template_order label input[type="radio"] {
    position : relative;
    top      : 0px;
    left     : -4px;
  }

  /* お知らせ - 掲載メニュー */
  .radio_news_publish_menu label input[type="radio"] {
    position : relative;
    top      : 0px;
    left     : -4px;
  }
  /* お知らせ - 優先 */
  .radio_news_priority label input[type="radio"] {
    position : relative;
    top      : 0px;
    left     : -4px;
  }

  /* 配信停止日程 - 月間・年間 */
  .radio_bulk_select_month_year label input[type="radio"]  {
    position : relative;
    top      : 0px;
    left     : -4px;
  }
  /* 表示有無（表示・非表示） */
  .radio_disp_exist_flg label input[type="radio"]  {
    position : relative;
    top      : 0px;
    left     : -4px;
  }
  /* パスワード要求可否（表示・非表示） */
  .radio_attach_lock_file label input[type="radio"]  {
    position : relative;
    top      : 4px;
    left     : 0px;
  }

    /* コピー方法（本文宛先コピー・本文コピー） */
  .radio_copy_kind label input[type="radio"]  {
    position : relative;
    top      : 2px;
    left     : -4px;
  }

    /* タイムライン表示設定 - 表示設定 */
  .bus_operation_status_kind label input[type="radio"] {
    position : relative;
    top      : 2px;
    left     : -4px;
  }

  /* コピー方法（本文宛先コピー・本文コピー） */
  .radio_living_together_flg label input[type="radio"]  {
    position : relative;
    top      : 2px;
    left     : -4px;
  }

  /* ある・ない */
  .radio_exist_flg label input[type="radio"]  {
    position : relative;
    top      : 2px;
    left     : -4px;
  }

  /* 個人カード（指定する・指定しない）*/
  .radio_specify label input[type="radio"]  {
    position : relative;
    top      : 2px;
    right     : 4px;
  }

  /* 個人カード（ご子息の国籍）*/
  .radio_child_country label input[type="radio"]  {
    position : relative;
    top      : 2px;
    left     : -4px;
  }
  /* 個人カード（受診・検査について） */
  .radio_exe_check_allow_flg label input[type="radio"]  {
    position : relative;
    top      : 2px;
    left     : -4px;
  }
}

/*==================================================================================================
 * TEXT
 *================================================================================================*/
/*---------------SMALL_SP(0～767px)----------*/
@media screen and (min-width: 0px) and (max-width: 767px) {
  .free_text_right_adjust {
    width: calc(100% - 80px);
    margin-left : 80px;
  }
}
/*---------------SMALL_SP(768px～)----------*/
@media screen and (min-width: 768px) {
  .free_text_left { padding-right : 0px; }
  .free_text_right { padding-left : 0px; }

}
.text_error_back {
  color :#FFFFFF;
  background : rgba(255,0,0,1.0);
}

/*==================================================================================================
 * TABLE
 *================================================================================================*/
table {
  word-wrap     : break-word;   /* 必要に応じて改行 */
  overflow-wrap : break-word;   /* 単語の途中で自動改行 */
  word-break    : break-all;   /* 文字の改行の仕方：表示範囲にあわせて改行 */
}

table.jsystem_table {
  margin-top : 0px;
}

table.jsystem_table thead tr th {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #122036), color-stop(1.00, #122036), color-stop(0.13, #4c497e));
  background: -webkit-linear-gradient(top, #4c497e 13%, #122036 100%, #122036 100%);
  background: -moz-linear-gradient(top, #4c497e 13%, #122036 100%, #122036 100%);
  background: -o-linear-gradient(top, #4c497e 13%, #122036 100%, #122036 100%);
  background: -ms-linear-gradient(top, #4c497e 13%, #122036 100%, #122036 100%);
  background: linear-gradient(to bottom, #4c497e 13%, #122036 100%, #122036 100%);
  text-align : center;
  font-weight : bold;
  font-size : 1.1em;
  color : #FFFFFF;
  vertical-align: middle;
  padding-right : 5px !important;
}

/* モバイル連絡帳orJMOBILE - サブヘッダ色 */
table.jsystem_table thead tr th.sub {
  background: #5d5f89;
  color : #FFFFFF;
  font-size : 1.1em;
}
table.jsystem_table thead tr th.sub-green {
  background: #b6ddbd;
  color : #765c47;
  font-size : 1.1em;
}

table.jsystem_table tbody tr td {
  background-color : #ecf4fe;
  color : #09395d;
  font-size : 1.1em;
  padding-right : 5px;
}

table tbody tr.selected_row td {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f9e0d2), color-stop(0.50, #fcede5), color-stop(0.00, #fcece4)) !important;
  background: -webkit-linear-gradient(top, #fcece4 0%, #fcede5 50%, #f9e0d2 100%) !important;
  background: -moz-linear-gradient(top, #fcece4 0%, #fcede5 50%, #f9e0d2 100%) !important;
  background: -o-linear-gradient(top, #fcece4 0%, #fcede5 50%, #f9e0d2 100%) !important;
  background: -ms-linear-gradient(top, #fcece4 0%, #fcede5 50%, #f9e0d2 100%) !important;
  background: linear-gradient(to bottom, #fcece4 0%, #fcede5 50%, #f9e0d2 100%) !important;
}

td.full_container {
  padding : 0px !important;
}
td.full_container textarea,
td.full_container input[type="text"] {
  border : none !important;
}

table tbody tr.table_row_height {
  height: 33px;
}
/* ユーザID */
.user_id_col         {  min-width : 110px; width : 110px; max-width : 110px; padding-right : 5px; }
.user_id_col font    {  margin-left : 5px; margin-right : 5px; }

/* メール送信結果一覧系で使用　エラーアイコン */
.error_dialog_link_area,
.push_error_dialog_link_area {
  cursor : pointer;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f9db76), color-stop(0.00, #fefac8));
  background: -webkit-linear-gradient(#fefac8, #f9db76);
  background: -moz-linear-gradient(#fefac8, #f9db76);
  background: -o-linear-gradient(#fefac8, #f9db76);
  background: -ms-linear-gradient(#fefac8, #f9db76);
  background: linear-gradient(#fefac8, #f9db76);
}
.error_dialog_link_area:hover,
.push_error_dialog_link_area:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fee4c8), color-stop(0.98, #ff7400));
  background: -webkit-linear-gradient(top, #fee4c8 0%, #ff7400 98%);
  background: -moz-linear-gradient(top, #fee4c8 0%, #ff7400 98%);
  background: -o-linear-gradient(top, #fee4c8 0%, #ff7400 98%);
  background: -ms-linear-gradient(top, #fee4c8 0%, #ff7400 98%);
  background: linear-gradient(to bottom, #fee4c8 0%, #ff7400 98%);
}
.error_dialog_link_area:hover .mail_icon,
.push_error_dialog_link_area:hover .mail_icon {
  color : #FFFFFF !important;
}
tr.delete_row td {
  background-color : #EEEEEE !important;
}

/* 所属情報 ― グループ設定 */
#group_belong_table_wrap table {
  height : 100%;
}

#group_belong_table_wrap td.sel_col,
#group_belong_table_wrap td.group_name_col,
#group_belong_table_wrap td.group_notes_col {
  padding : 0px;
  height : 100%;
  vertical-align : middle !important;
}
/* 一覧  - 選択 */
#group_belong_table_wrap .sel_col               {  width : 30px;  min-width : 30px; max-width : 30px; padding-right : 5px; }
/* 一覧  - グループ名  */
#group_belong_table_wrap .group_name_col        {  min-width : 300px; width : 300px; max-width : 300px; padding-right : 5px;  }
#group_belong_table_wrap .group_name_col font   {  margin-left : 5px; margin-right : 5px; }
/* 一覧  - グループ備考 */
#group_belong_table_wrap .group_notes_col       {  min-width : 200px; width : 200px; max-width : 200px; padding-right : 5px;  }
#group_belong_table_wrap .group_notes_col font  {  margin-left : 5px; margin-right : 5px; }

.group_layer_1,
.group_layer_1 td {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #bad8ff), color-stop(0.30, #e3f3fd), color-stop(0.00, #d9e8fd));
  background: -webkit-linear-gradient(top, #d9e8fd 0%, #e3f3fd 30%, #bad8ff 100%);
  background: -moz-linear-gradient(top, #d9e8fd 0%, #e3f3fd 30%, #bad8ff 100%);
  background: -o-linear-gradient(top, #d9e8fd 0%, #e3f3fd 30%, #bad8ff 100%);
  background: -ms-linear-gradient(top, #d9e8fd 0%, #e3f3fd 30%, #bad8ff 100%);
  background: linear-gradient(to bottom, #d9e8fd 0%, #e3f3fd 30%, #bad8ff 100%);
  font-weight : 900;
  padding-left : 4px;
}
.group_layer_2,
.group_layer_2 td {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #c2eff4), color-stop(0.30, #e4f9fc), color-stop(0.00, #e3fafc));
  background: -webkit-linear-gradient(top, #e3fafc 0%, #e4f9fc 30%, #c2eff4 100%);
  background: -moz-linear-gradient(top, #e3fafc 0%, #e4f9fc 30%, #c2eff4 100%);
  background: -o-linear-gradient(top, #e3fafc 0%, #e4f9fc 30%, #c2eff4 100%);
  background: -ms-linear-gradient(top, #e3fafc 0%, #e4f9fc 30%, #c2eff4 100%);
  background: linear-gradient(to bottom, #e3fafc 0%, #e4f9fc 30%, #c2eff4 100%);
  font-weight : 500;
  padding-left : 4px;
}
.group_layer_3,
.group_layer_3 td {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e3fcf3), color-stop(0.30, #e3fce7), color-stop(0.00, #e3fcef));
  background: -webkit-linear-gradient(top, #e3fcef 0%, #e3fce7 30%, #e3fcf3 100%);
  background: -moz-linear-gradient(top, #e3fcef 0%, #e3fce7 30%, #e3fcf3 100%);
  background: -o-linear-gradient(top, #e3fcef 0%, #e3fce7 30%, #e3fcf3 100%);
  background: -ms-linear-gradient(top, #e3fcef 0%, #e3fce7 30%, #e3fcf3 100%);
  background: linear-gradient(to bottom, #e3fcef 0%, #e3fce7 30%, #e3fcf3 100%);
  font-weight   : 400;
  padding-left : 4px;
}

/*==================================================================================================
 * LABEL
 *================================================================================================*/
@media (max-width: 1199px) {
  .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: left;
  }

}
@media (min-width: 1200px) {
  .master_label {
    text-align: right;
  }
}

/*==================================================================================================
 * TEXTAREA
 *================================================================================================*/
textarea { resize : none; }
/* 所属グループ用テーブル */
#group_belong_table_wrap textarea.group_note_sp {
  height : 80px;
}

/*==================================================================================================
 * IMAGE
 *================================================================================================*/
img.hide {
  opacity : 0.1;
  display : inline-block !important;
}
.translucent {
  opacity : 0.2;
  display : inline-block !important;
}
.translucent_only {
  opacity : 0.2;
}
.click_on_img,
.select_item_img,
.select_img_name,
.change_img {
  cursor : pointer;
}
.select_img_name {
  border-bottom: 1px solid blue;
}

/*==================================================================================================
 * LIST
 *================================================================================================*/
.list_bullet_number {
  list-style-position : outside;
  list-style-type: decimal-leading-zero;
}

/*==================================================================================================
 * 画面上部メニュー（CSV更新、登録、削除　等）
 *================================================================================================*/
ul#top_menu  {
  /*
  margin-top : 0.8em;
  margin-bottom : 4px;
  */
}
ul#top_menu li {
  margin-top : 2px;
}
ul#top_menu li a {
  min-width : 110px;
}

.layer_menu_csv_area  {
  margin-top : 0.8em;
  margin-bottom : 4px;
}
.layer_menu_area {
  margin-top : 0.8em;
  margin-bottom : 4px;
}
#right_menu_area {
  margin-top : 0.8em;
  margin-bottom : 4px;
}

/*---------------1200px以下----------*/
@media screen and (max-width:1200px)  {
  /*ul#top_menu li a {
    font-size : x-small;
  }*/
}

#main_back {
  background-color: rgba(220,243,249,0.5);
  background-image: linear-gradient(90deg, transparent 50%, rgba(255,255,255,.5) 50%);
  background-size: 50px 50px;
  z-index : 0;
}
#us_main_back {
  /*
  background: -moz-radial-gradient(circle farthest-side,
   rgba(192,228,238,0.4),
   rgba(192,228,238,0.4) 50%,
   rgba(235,246,249,0.8) 50%,
   rgba(235,246,249,0.8));

  background: -webkit-gradient(radial,
   50% 50%, 0,
   50% 50%, 9,
   from(rgba(192,228,238,0.4)),
   color-stop(50%, rgba(192,228,238,0.4)),
   color-stop(50%, rgba(235,246,249,0.8)),
   to(rgba(235,246,249,0.8)));

  -moz-background-size: 15px 15px;
  -webkit-background-size: 15px 15px;
  background-size: 15px 15px;
  */
  /*
  background: -webkit-linear-gradient(to bottom, hsla(120, 100%, 50%, 0.1), hsla(210, 100%, 50%, 0.1), hsla(300, 100%, 50%, 0.1));
  background: linear-gradient(to bottom, hsla(120, 100%, 50%, 0.1), hsla(210, 100%, 50%, 0.1), hsla(300, 100%, 50%, 0.1));
  background-size: 100% 3000%;
  animation: bgcolor 20s linear infinite alternate;
  */
  background-color : rgba(192,192,192,0.2);
}
#us_main_back:before {
  content : "BACK UP SITE";
  position : fixed;
  bottom : 10px;
  right : 0px;
  font-size : 10vw;
  opacity : 0.1;
  margin : auto;
}

@keyframes bgcolor {
0% { background-position: 50% 0% }
25% { background-position: 50% 50% }
50% { background-position: 50% 85% }
75% { background-position: 50% 50% }
100% { background-position: 50% 0% }
}

.modal-yellow .modal-content {
  border-top-left-radius : 10px;
  border-top-right-radius : 10px;
  background-color: #fdfce2;
}
.modal-yellow .modal-content .modal-header {
  border-top-left-radius : 10px;
  border-top-right-radius : 10px;
  background-color:#412f2a;
  color : #FFFFFF;
  height : 40px;
  line-height : 40px;
  vertical-align : middle;
  padding : 2px 10px;
  font-size : large;
  font-weight : 500;
}
.modal-yellow .modal-content .modal-header div {
  height : 40px;
  line-height : 40px;
  vertical-align : middle;
}

/*==================================================================================================
 * DIALOG
 *================================================================================================*/
/* 共通成功ダイアログ */
#CommonSuccessModal .modal-content {
  background-color : rgba(240,249,252,1.0);
  color : #765c47;
}
#CommonSuccessModal .modal-content .modal-header{
  background: repeating-linear-gradient(-45deg, #d5e8f5, #d5e8f5 5px, #f0f9fc 0, #f0f9fc 10px);
  color : #765c47;
  font-weight : bold;
  font-size : large;
  padding : 8px 10px 5px 10px;
  border-radius : 5px;
}
#CommonSuccessModal .modal-content .modal-body {
  min-height : 60px;
}
#CommonSuccessModal .modal-content .modal-header:before{
    border-radius: 5px;
    display: block;
    position: absolute;
    top : 2px;
    left : 2px;
    margin: 5px;
    background-color: rgba(255,255,255,1.0);
}

/* 共通警告ダイアログ */
#CommonWarningModal .modal-content .modal-header{
  background: repeating-linear-gradient(-45deg, #f5f0d5, #f5f0d5 5px, #fcfcf0 0, #fcfcf0 10px);
  color : #765c47;
  font-weight : bold;
  font-size : large;
  padding : 8px 10px 5px 10px;
  border-radius : 5px;
}
#CommonWarningModal .modal-content .modal-body {
  min-height : 60px;
}
#CommonWarningModal .modal-content .modal-header:before{
    border-radius: 5px;
    display: block;
    position: absolute;
    top : 2px;
    left : 2px;
    margin: 5px;
    background-color: rgba(255,255,255,1.0);
}
/* 共通エラーダイアログ */
#CommonErrorModal .modal-content .modal-header{
  background: repeating-linear-gradient(-45deg, #f5d5da, #f5d5da 5px, #fcf0f1 0, #fcf0f1 10px);
  color : #765c47;
  font-weight : bold;
  font-size : large;
  padding : 8px 10px 5px 10px;
  border-radius : 5px;
}
#CommonErrorModal .modal-content .modal-body {
  min-height : 60px;
}
#CommonErrorModal .modal-content .modal-header:before{
    border-radius: 5px;
    display: block;
    position: absolute;
    top : 2px;
    left : 2px;
    margin: 5px;
    background-color: rgba(255,255,255,1.0);
}

/* 共通確認ダイアログ */
#CommonConfirmModal .modal-content,
#CommonConfirmMultiModal .modal-content {
  background-color : rgba(240,252,241,1.0);
  color : #765c47;
}
#CommonConfirmModal .modal-content .modal-header,
#CommonConfirmMultiModal .modal-content .modal-header {
  background: repeating-linear-gradient(-45deg, #d5f5d8, #d5f5d8 5px, #f0fcf1 0, #f0fcf1 10px);
  color : #765c47;
  font-weight : bold;
  font-size : large;
  padding : 8px 10px 5px 10px;
  border-radius : 5px;
}
#CommonConfirmModal .modal-content .modal-body,
#CommonConfirmMultiModal .modal-content .modal-body {
  min-height : 60px;
}
#CommonConfirmModal .modal-content .modal-header:before,
#CommonConfirmMultiModal .modal-content .modal-header:before {
    border-radius: 5px;
    display: block;
    position: absolute;
    top : 2px;
    left : 2px;
    margin: 5px;
    background-color: rgba(255,255,255,1.0);
}

/* 職員選択ダイアログ */
#dlg_select_staff_table_wrap thead tr th.select_sel_col { padding-right : 5px; }

#dlg_select_staff_table_wrap .select_sel_col        { min-width : 60px; }
#dlg_select_staff_table_wrap .select_staff_name_col { min-width : 470px; }
/*---------------SMALL_SP(0～400px)----------*/
@media screen and (min-width: 0px) and (max-width: 400px) {
  #dlg_select_staff_table_wrap .select_sel_col        { min-width : 50px; }
  #dlg_select_staff_table_wrap .select_staff_name_col { min-width : 153px; }
}
/*---------------SMALL_SP(401px～550px)----------*/
@media screen and (min-width: 401px) and (max-width: 550px) {
  #dlg_select_staff_table_wrap .select_sel_col        { min-width : 50px; }
  #dlg_select_staff_table_wrap .select_staff_name_col { min-width : 234px; }
}
/*---------------SMALL_SP(551px～850px)----------*/
@media screen and (min-width: 551px) and (max-width: 850px) {
  #dlg_select_staff_table_wrap .select_sel_col        { min-width : 60px; }
  #dlg_select_staff_table_wrap .select_staff_name_col { min-width : 359px; }
}

/* 順番変更ダイアログ */
#sort_order_table tr:nth-of-type(even) td {
  background: #f5ffed !important;
}
.sort_order_table {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.sort_order_table li {
  background : #EDF4FE;
  border : 1px solid #CCCCCC;
  margin: 5px;
  font-size: 1.0em;
  height: 30px;
  line-height : 30px;
  vertical-align : middle;
  text-align : center;
  cursor : move;
}
.sort_order_table .disabled_sort {
  background : #e8e8e8;
  border : 1px solid #CCCCCC;
  margin: 5px;
  font-size: 1.0em;
  height: 30px;
  line-height : 30px;
  vertical-align : middle;
  text-align : center;
  cursor : not-allowed;
}
.sort_order_table li:not(.disabled_sort):hover {
  background : yellow;
}
.sort_order_table {
  max-height: 355px;
  overflow-y: auto;
}

.not_allowed_link_cursor {
  cursor : not-allowed !important;
}

/*==================================================================================================
 * UNDERLINE
 *================================================================================================*/
/* 実線 - 白 */
.underline-solid-white        { border-bottom: solid 1px #FFFFFF !important; }
/* 実線 - 赤 */
.underline-solid-red          { border-bottom: solid 1px #FF0000 !important; }
/* 実線 - 青 */
.underline-solid-blue         { border-bottom: solid 1px #0000FF !important; }
/* 実線 - 水 */
.underline-solid-light_blue   { border-bottom: solid 1px #5dcedf !important; }
/* 実線 - 緑 */
.underline-solid-green        { border-bottom: solid 1px #5E7239 !important; }
/* 実線 - 橙 */
.underline-solid-orange       { border-bottom: solid 1px #f9960b !important; }
/* 実線 - 灰 */
.underline-solid-gray         { border-bottom: solid 1px #CCCCCC !important; }
/* 実線 - 茶 */
.underline-solid-brown        { border-bottom: solid 1px #503e25 !important; }
/* 実線 - 赤茶 */
.underline-solid-danger       { border-bottom: solid 1px #a94442 !important; }

/* 破線 - 白 */
.underline-dash-white         { border-bottom: dashed 1px #FFFFFF !important; }
/* 破線 - 赤 */
.underline-dash-red           { border-bottom: dashed 1px #FF0000 !important; }
/* 破線 - 青 */
.underline-dash-blue          { border-bottom: dashed 1px #396ac6 !important; }
/* 破線 - 水 */
.underline-dash-light_blue    { border-bottom: dashed 1px #5dcedf !important; }
/* 破線 - 緑 */
.underline-dash-green         { border-bottom: dashed 1px #5E7239 !important; }
/* 破線 - 橙 */
.underline-dash-orange        { border-bottom: dashed 1px #f9960b !important; }
/* 破線 - 灰 */
.underline-dash-gray          { border-bottom: dashed 1px #CCCCCC !important; }
/* 破線 - 茶 */
.underline-dash-brown         { border-bottom: dashed 1px #503e25 !important; }
/* 破線 - 赤茶 */
.underline-dash-danger        { border-bottom: dashed 1px #a94442 !important; }

/* 点線 - 白 */
.underline-dotted-white         { border-bottom: dotted 1px #FFFFFF !important; }
/* 点線 - 赤 */
.underline-dotted-red           { border-bottom: dotted 1px #FF0000 !important; }
/* 点線 - 青 */
.underline-dotted-blue          { border-bottom: dotted 1px #396ac6 !important; }
/* 点線 - 水 */
.underline-dotted-light_blue    { border-bottom: dotted 1px #5dcedf !important; }
/* 点線 - 緑 */
.underline-dotted-green         { border-bottom: dotted 1px #5E7239 !important; }
/* 点線 - 橙 */
.underline-dotted-orange        { border-bottom: dotted 1px #f9960b !important; }
/* 点線 - 灰 */
.underline-dotted-gray          { border-bottom: dotted 1px #CCCCCC !important; }
/* 点線 - 茶 */
.underline-dotted-brown         { border-bottom: dotted 1px #503e25 !important; }
/* 点線 - 赤茶 */
.underline-dotted-danger        { border-bottom: dotted 1px #a94442 !important; }

/* 二重線 - 白 */
.underline-double-white         { border-bottom: double 3px #FFFFFF !important; }
/* 二重線 - 赤 */
.underline-double-red           { border-bottom: double 3px #FF0000 !important; }
/* 二重線 - 青 */
.underline-double-blue          { border-bottom: double 3px #0000FF !important; }
/* 二重線 - 水 */
.underline-double-light_blue    { border-bottom: double 3px #5dcedf !important; }
/* 二重線 - 緑 */
.underline-double-green         { border-bottom: double 3px #5E7239 !important; }
/* 二重線 - 橙 */
.underline-double-orange        { border-bottom: double 3px #f9960b !important; }
/* 二重線 - 灰 */
.underline-double-gray          { border-bottom: double 3px #CCCCCC !important; }
/* 二重線 - 茶 */
.underline-double-brown         { border-bottom: double 3px #503e25 !important; }
/* 点線 - 赤茶 */
.underline-double-danger        { border-bottom: double 1px #a94442 !important; }

/* くぼみ線 - 白 */
.underline-groove-white         { border-bottom: groove 3px #FFFFFF !important; }
/* くぼみ線 - 赤 */
.underline-groove-red           { border-bottom: groove 3px #FF0000 !important; }
/* くぼみ線 - 青 */
.underline-groove-blue          { border-bottom: groove 3px #396ac6 !important; }
/* くぼみ線 - 水 */
.underline-groove-light_blue    { border-bottom: groove 3px #5dcedf !important; }
/* くぼみ線 - 緑 */
.underline-groove-green         { border-bottom: groove 3px #5E7239 !important; }
/* くぼみ線 - 橙 */
.underline-groove-orange        { border-bottom: groove 3px #f9960b !important; }
/* くぼみ線 - 灰 */
.underline-groove-gray          { border-bottom: groove 3px #CCCCCC !important; }
/* くぼみ線 - 茶 */
.underline-groove-brown         { border-bottom: groove 3px #503e25 !important; }
/* くぼみ線 - 赤茶 */
.underline-groove-danger        { border-bottom: groove 1px #a94442 !important; }

/* マーカー - 灰 */
.marker-gray          { background: linear-gradient(transparent 60%, #CCCCCC 0%); }
/* マーカー - 黄 */
.marker-yellow        { background: linear-gradient(transparent 60%, #f7f7ab 0%); }
/* マーカー - 水 */
.marker-light_blue    { background: linear-gradient(transparent 60%, #ccfafa 0%); }
/* マーカー - 薄緑 */
.marker-light_yellow  { background: linear-gradient(transparent 60%, #defacc 0%); }
/* マーカー - 桃 */
.marker-pink          { background: linear-gradient(transparent 60%, #faccf3 0%); }

.bold_underline-solid-brown       { border-bottom: 2px solid #BCAAA4; }


/*==================================================================================================
 * OTHER
 *================================================================================================*/
/* Bootstrapのテキストボックスサイズに合わせて作成した高さ調整用クラス */
.normal_text_size {
  height          : 30px;
  line-height     : 30px;
}

/* Bootstrapのセレクトボックスに合わせて作成した高さ調整用クラス */
.normal_select_size {
  height          : 36px;
  line-height     : 36px;
}
.normal_radio_size {
  height          : 32px;
  line-height     : 32px;
}
.normal_button_size,
.normal_label_size {
  height          : 34px;
  line-height     : 34px;
}
/*---------------768px以下----------*/
@media screen and (max-width:768px)  {
  .normal_radio_size {
    height : 36px;
    line-height: 36px;
  }
}

/* 名前用ラベル（半透明青・男） */
.name-label_male {
  text-align : center;
  width : 100%;
  height : auto;
  /*max-height : 90px;*/
  background : rgba(207,235,236,0.6);
  border-radius : 5px;
  font-weight : bold;
  color : #765c47;
  padding : 2px 5px;
}
/* 名前用ラベル（半透明青・女） */
.name-label_female {
  text-align : center;
  width : 100%;
  height : auto;
  /*max-height : 90px;*/
  background : rgba(237,218,197,0.6);
  border-radius : 5px;
  font-weight : bold;
  color : #765c47;
  padding : 2px 5px;
}
.child_icon_size {
  width : 48px;
}

/* 三角上 */
.triangle-top-red{
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid red;
}
/* 三角右 */
.triangle-right-red{
  width: 0;
  height: 0;
  border-left: 20px solid red;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
}
/* 三角下 */
.triangle-bottom-red{
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid red;
}
/* 三角左 */
.triangle-left-red{
  width: 0;
  height: 0;
  border-right: 20px solid red;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
}

.search_area span.input-group-addon:not(.deco_None),
.search_area .search_area_title,
.addon_title {
  min-width : 34px !important;
  font-size : 1.0em;
  background: -webkit-gradient(radial, 50% 52%, 0, 50% 52%, 120, color-stop(1.00, #c9e9f3), color-stop(0.45, #ddf1f8), color-stop(0.00, #ebfdfe));
  background: -webkit-radial-gradient(50% 52%, circle, #ebfdfe 0%, #ddf1f8 45%, #c9e9f3 100%);
  background: -moz-radial-gradient(50% 52%, circle, #ebfdfe 0%, #ddf1f8 45%, #c9e9f3 100%);
  background: -o-radial-gradient(50% 52%, circle, #ebfdfe 0%, #ddf1f8 45%, #c9e9f3 100%);
  background: -ms-radial-gradient(50% 52%, circle, #ebfdfe 0%, #ddf1f8 45%, #c9e9f3 100%);
  background: radial-gradient(50% 52%, circle, #ebfdfe 0%, #ddf1f8 45%, #c9e9f3 100%);
}
.addon_title_yellow {
  min-width : 34px !important;
  font-size : 1.0em;
  background: -webkit-gradient(radial, 50% 52%, 0, 50% 52%, 120, color-stop(1.00, #f3f2c9), color-stop(0.45, #f8f5dd), color-stop(0.00, #fefceb));
  background: -webkit-radial-gradient(50% 52%, circle, #fefceb 0%, #f8f5dd 45%, #f3f2c9 100%);
  background: -moz-radial-gradient(50% 52%, circle, #fefceb 0%, #f8f5dd 45%, #f3f2c9 100%);
  background: -o-radial-gradient(50% 52%, circle, #fefceb 0%, #f8f5dd 45%, #f3f2c9 100%);
  background: -ms-radial-gradient(50% 52%, circle, #fefceb 0%, #f8f5dd 45%, #f3f2c9 100%);
  background: radial-gradient(50% 52%, circle, #fefceb 0%, #f8f5dd 45%, #f3f2c9 100%);
}


#basic_info span.input-group-addon {
  width     : 120px !important;
  min-width : 120px !important;
  font-size : 1.0em;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #1c281f), color-stop(1.00, #396337));
  background: -webkit-linear-gradient(#1c281f, #396337);
  background: -moz-linear-gradient(#1c281f, #396337);
  background: -o-linear-gradient(#1c281f, #396337);
  background: -ms-linear-gradient(#1c281f, #396337);
  background: linear-gradient(#1c281f, #396337);
  color : #FFFFFF;

}
#basic_info input {
  width : 100%;
}


/* テンプレート一覧ヘッダ */
#sort_list_table_head_wrap {
  list-style-type: none;
  padding: 0;
  width: 100%;
}
#sort_list_table_head_wrap li {
  font-weight : bold;
  vertical-align: middle;
  text-align: center;
  cursor: default;


}
#sort_list_table_head div {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #122036), color-stop(1.00, #122036), color-stop(0.13, #4c497e));
  background: -webkit-linear-gradient(top, #4c497e 13%, #122036 100%, #122036 100%);
  background: -moz-linear-gradient(top, #4c497e 13%, #122036 100%, #122036 100%);
  background: -o-linear-gradient(top, #4c497e 13%, #122036 100%, #122036 100%);
  background: -ms-linear-gradient(top, #4c497e 13%, #122036 100%, #122036 100%);
  background: linear-gradient(to bottom, #4c497e 13%, #122036 100%, #122036 100%);
  color : #FFFFFF;
  padding-top : 2px;
  padding-bottom : 2px;
  height : 26px;
}

#sort_list_table_head #sel_head_col,
#sort_list_table_head #no_head_col {
  border-right: 1px solid #CCCCCC;
}

/* 順番変更リストヘッダ */
.sort_order_type_org_head,
.sort_order_type_inst_group_head,
.sort_order_basic_message_settings_list_head,
.sort_order_list_head {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #1f537f), color-stop(0.34, #b4cdf8));
  background: -webkit-linear-gradient(top, #b4cdf8 34%, #1f537f 100%);
  background: -moz-linear-gradient(top, #b4cdf8 34%, #1f537f 100%);
  background: -o-linear-gradient(top, #b4cdf8 34%, #1f537f 100%);
  background: -ms-linear-gradient(top, #b4cdf8 34%, #1f537f 100%);
  background: linear-gradient(to bottom, #b4cdf8 34%, #1f537f 100%);
  height : 31px;
  line-height : 31px;
  vertical-align: middle;
  text-align : center;
  font-weight : bold;
  font-size : 1.1em;
  color : #FFFFFF;
  margin-top : 2px;
  white-space      : nowrap;    /* 改行無 */
  text-overflow    : ellipsis;  /* 三点リーダー */
  overflow         : hidden;    /* 範囲外非表示 */
}
/* 順番変更リストヘッダ・リスト */
.sort_order_type_org_head li,
.sort_order_type_inst_group_head li,
.sort_order_basic_message_settings_list_head li,
.sort_order_list_head li {
  display : inline;
}
/* 順番変更リスト */
.sort_order_type_org_list,
.sort_order_type_inst_group_list,
.sort_order_basic_message_settings_list,
.sort_order_list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 355px;
  overflow-y: auto;
}
.sort_order_type_org_list>li,
.sort_order_type_inst_group_list>li,
.sort_order_basic_message_settings_list>li,
.sort_order_list>li {
  background : #EDF4FE;
  border : 1px solid #CCCCCC;
  margin: 5px;
  font-size: 1.0em;
  height: 30px;
  line-height : 30px;
  vertical-align : middle;
  cursor : move;
}
.sort_order_type_org_list div,
.sort_order_type_inst_group_list div,
.sort_order_basic_message_settings_list div,
.sort_order_list div {
  text-align : center;
  display : inline-block;
}
.sort_order_type_org_list li .cd_col,
.sort_order_type_inst_group_list li .cd_col,
.sort_order_basic_message_settings_list li .cd_col,
.sort_order_list li .cd_col {
  min-width : 80px;
  max-width : 150px;
  white-space      : nowrap;    /* 改行無 */
  text-overflow    : ellipsis;  /* 三点リーダー */
  overflow         : hidden;    /* 範囲外非表示 */
}
.sort_order_type_org_list li .name_col,
.sort_order_basic_message_settings_list li .name_col,
.sort_order_type_inst_group_list li .name_col,
.sort_order_list li .name_col ,
.choice_list_table li .name_col {
  max-width        : 800px;
  white-space      : nowrap;    /* 改行無 */
  text-overflow    : ellipsis;  /* 三点リーダー */
  overflow         : hidden;    /* 範囲外非表示 */
}
.choice_list_table .no_col {
  background-color : #718482;
  color : #FFFFFF;
}

.sort_order_type_org_list>li:hover,
.sort_order_type_inst_group_list>li:hover,
.sort_order_basic_message_settings_list>li:hover,
.sort_order_list>li:hover {
  background : yellow;
}

/* 下位組織に反映チェックボックス位置調整 */
.padding_all_reflect {
  padding-left : 12px;
}
/* 下位組織に反映位置調整 */
.all_reflect_pos {
  margin-left : 16%;
}
/* 下位組織情報位置調整 */
.bottom_layer_pos {
  margin-left : 25%;
}
/*---------------SMALL_SP(0～991px)----------*/
@media screen and (min-width: 0px) and (max-width: 991px) {

  /* 下位組織に反映位置調整 */
  .all_reflect_pos {
    margin-left : 0%;
  }
  /* 下位組織情報位置調整 */
  .bottom_layer_pos {
    margin-left : 20px;
  }
}
/*---------------SMALL_SP(992px～1199px)----------*/
@media screen and (min-width: 992px) and (max-width: 1199px) {
  /* 下位組織に反映位置調整 */
  .all_reflect_pos {
    margin-left : 25%;
  }
  /* 下位組織情報位置調整 */
  .bottom_layer_pos {
    margin-left : 38%;
  }
}

/*---------------SMALL_SP(320px～380px)----------*/
@media screen and (max-width: 320px) {
  /* 組織設定、施設グループ、グループ設定 */
  .sort_order_type_org_list li .name_col,
  .sort_order_type_inst_group_list li .name_col,
  .sort_order_type_user_group_list li .name_col {
    max-width        : 40px;
    white-space      : nowrap;    /* 改行無 */
    text-overflow    : ellipsis;  /* 三点リーダー */
    overflow         : hidden;    /* 範囲外非表示 */
  }
  /* その他 */
  .sort_order_list li .name_col {
    max-width        : 40px;
    white-space      : nowrap;    /* 改行無 */
    text-overflow    : ellipsis;  /* 三点リーダー */
    overflow         : hidden;    /* 範囲外非表示 */
  }
}
/*---------------SMALL_SP(320px～380px)----------*/
@media screen and (min-width: 320px) and (max-width: 380px) {
  /* 組織設定、施設グループ、グループ設定 */
  .sort_order_type_org_list li .name_col,
  .sort_order_type_inst_group_list li .name_col,
  .sort_order_type_user_group_list li .name_col {
    max-width        : 100px;
    white-space      : nowrap;    /* 改行無 */
    text-overflow    : ellipsis;  /* 三点リーダー */
    overflow         : hidden;    /* 範囲外非表示 */
  }
  .sort_order_list li .name_col {
    max-width        : 100px;
    white-space      : nowrap;    /* 改行無 */
    text-overflow    : ellipsis;  /* 三点リーダー */
    overflow         : hidden;    /* 範囲外非表示 */
  }
}
/*---------------SMALL_SP(381px～400px)----------*/
@media screen and (min-width: 381px) and (max-width: 400px) {
  /* 組織設定、施設グループ、グループ設定 */
  .sort_order_type_org_list li .name_col,
  .sort_order_type_inst_group_list li .name_col,
  .sort_order_type_user_group_list li .name_col {
    max-width        : 150px;
    white-space      : nowrap;    /* 改行無 */
    text-overflow    : ellipsis;  /* 三点リーダー */
    overflow         : hidden;    /* 範囲外非表示 */
  }
  .sort_order_list li .name_col {
    max-width        : 150px;
    white-space      : nowrap;    /* 改行無 */
    text-overflow    : ellipsis;  /* 三点リーダー */
    overflow         : hidden;    /* 範囲外非表示 */
  }
}
/*---------------SMALL_SP(401px～500px)----------*/
@media screen and (min-width: 401px) and (max-width: 500px) {
  /* 組織設定、施設グループ、グループ設定 */
  .sort_order_type_org_list li .name_col,
  .sort_order_type_inst_group_list li .name_col,
  .sort_order_type_user_group_list li .name_col {
    max-width        : 200px;
    white-space      : nowrap;    /* 改行無 */
    text-overflow    : ellipsis;  /* 三点リーダー */
    overflow         : hidden;    /* 範囲外非表示 */
  }
  .sort_order_list li .name_col {
    max-width        : 200px;
    white-space      : nowrap;    /* 改行無 */
    text-overflow    : ellipsis;  /* 三点リーダー */
    overflow         : hidden;    /* 範囲外非表示 */
  }
}
/*---------------SMALL_SP(501px～600px)----------*/
@media screen and (min-width: 501px) and (max-width: 600px) {
  /* 組織設定、施設グループ、グループ設定 */
  .sort_order_type_org_list li .name_col,
  .sort_order_type_inst_group_list li .name_col,
  .sort_order_type_user_group_list li .name_col {
    max-width        : 280px;
    white-space      : nowrap;    /* 改行無 */
    text-overflow    : ellipsis;  /* 三点リーダー */
    overflow         : hidden;    /* 範囲外非表示 */
  }
  .sort_order_list li .name_col {
    max-width        : 280px;
    white-space      : nowrap;    /* 改行無 */
    text-overflow    : ellipsis;  /* 三点リーダー */
    overflow         : hidden;    /* 範囲外非表示 */
  }
}
/*---------------SMALL_SP(601px～700px)----------*/
@media screen and (min-width: 601px) and (max-width: 700px) {
  /* 組織設定、施設グループ、グループ設定 */
  .sort_order_type_org_list li .name_col,
  .sort_order_type_inst_group_list li .name_col,
  .sort_order_type_user_group_list li .name_col {
    max-width        : 380px;
    white-space      : nowrap;    /* 改行無 */
    text-overflow    : ellipsis;  /* 三点リーダー */
    overflow         : hidden;    /* 範囲外非表示 */
  }
  .sort_order_list li .name_col {
    max-width        : 380px;
    white-space      : nowrap;    /* 改行無 */
    text-overflow    : ellipsis;  /* 三点リーダー */
    overflow         : hidden;    /* 範囲外非表示 */
  }
}
/*---------------SMALL_SP(701px～800px)----------*/
@media screen and (min-width: 701px) and (max-width: 800px) {
  /* 組織設定、施設グループ、グループ設定 */
  .sort_order_type_org_list li .name_col,
  .sort_order_type_inst_group_list li .name_col,
  .sort_order_type_user_group_list li .name_col {
    max-width        : 460px;
    white-space      : nowrap;    /* 改行無 */
    text-overflow    : ellipsis;  /* 三点リーダー */
    overflow         : hidden;    /* 範囲外非表示 */
  }
  .sort_order_list li .name_col {
    max-width        : 460px;
    white-space      : nowrap;    /* 改行無 */
    text-overflow    : ellipsis;  /* 三点リーダー */
    overflow         : hidden;    /* 範囲外非表示 */
  }
}
/*---------------SMALL_SP(801px～900px)----------*/
@media screen and (min-width: 801px) and (max-width: 900px) {
  /* 組織設定、施設グループ、グループ設定 */
  .sort_order_type_org_list li .name_col,
  .sort_order_type_inst_group_list li .name_col,
  .sort_order_type_user_group_list li .name_col {
    max-width        : 580px;
    white-space      : nowrap;    /* 改行無 */
    text-overflow    : ellipsis;  /* 三点リーダー */
    overflow         : hidden;    /* 範囲外非表示 */
  }
  .sort_order_list li .name_col {
    max-width        : 580px;
    white-space      : nowrap;    /* 改行無 */
    text-overflow    : ellipsis;  /* 三点リーダー */
    overflow         : hidden;    /* 範囲外非表示 */
  }
}
/*---------------SMALL_SP(901px～1000px)----------*/
@media screen and (min-width: 901px) and (max-width: 1199px) {
  /* 組織設定、施設グループ、グループ設定 */
  .sort_order_type_org_list li .name_col,
  .sort_order_type_inst_group_list li .name_col,
  .sort_order_type_user_group_list li .name_col {
    max-width        : 250px;
    white-space      : nowrap;    /* 改行無 */
    text-overflow    : ellipsis;  /* 三点リーダー */
    overflow         : hidden;    /* 範囲外非表示 */
  }
  .sort_order_list li .name_col {
    max-width        : 600px;
    white-space      : nowrap;    /* 改行無 */
    text-overflow    : ellipsis;  /* 三点リーダー */
    overflow         : hidden;    /* 範囲外非表示 */
  }
}

/*---------------SMALL_SP(1200px～1300px)----------*/
@media screen and (min-width: 1200px) and (max-width: 1300px) {
  /* 組織設定、施設グループ、グループ設定 */
  .sort_order_type_org_list li .name_col,
  .sort_order_type_inst_group_list li .name_col,
  .sort_order_type_user_group_list li .name_col {
    max-width        : 320px;
    white-space      : nowrap;    /* 改行無 */
    text-overflow    : ellipsis;  /* 三点リーダー */
    overflow         : hidden;    /* 範囲外非表示 */
  }
  .sort_order_list li .name_col {
    max-width        : 740px;
    white-space      : nowrap;    /* 改行無 */
    text-overflow    : ellipsis;  /* 三点リーダー */
    overflow         : hidden;    /* 範囲外非表示 */
  }
}
/*---------------SMALL_SP(1301px～1400px)----------*/
@media screen and (min-width: 1301px) and (max-width: 1400px) {
  /* 組織設定、施設グループ、グループ設定 */
  .sort_order_type_org_list li .name_col,
  .sort_order_type_inst_group_list li .name_col,
  .sort_order_type_user_group_list li .name_col {
    max-width        : 380px;
    white-space      : nowrap;    /* 改行無 */
    text-overflow    : ellipsis;  /* 三点リーダー */
    overflow         : hidden;    /* 範囲外非表示 */
  }
  .sort_order_list li .name_col {
    max-width        : 800px;
    white-space      : nowrap;    /* 改行無 */
    text-overflow    : ellipsis;  /* 三点リーダー */
    overflow         : hidden;    /* 範囲外非表示 */
  }
}

/*---------------SMALL_SP(1200px～1300px)----------*/
@media screen and (min-width: 1401px) and (max-width: 1500px) {
  /* 組織設定、施設グループ、グループ設定 */
  .sort_order_type_org_list li .name_col,
  .sort_order_type_inst_group_list li .name_col,
  .sort_order_type_user_group_list li .name_col {
    max-width        : 380px;
    white-space      : nowrap;    /* 改行無 */
    text-overflow    : ellipsis;  /* 三点リーダー */
    overflow         : hidden;    /* 範囲外非表示 */
  }
  .sort_order_list li .name_col {
    max-width        : 900px;
    white-space      : nowrap;    /* 改行無 */
    text-overflow    : ellipsis;  /* 三点リーダー */
    overflow         : hidden;    /* 範囲外非表示 */
  }
}
/*---------------SMALL_SP(1501px～1600px)----------*/
@media screen and (min-width: 1501px) and (max-width: 1600px) {
  /* 組織設定、施設グループ、グループ設定 */
  .sort_order_type_org_list li .name_col,
  .sort_order_type_inst_group_list li .name_col,
  .sort_order_type_user_group_list li .name_col {
    max-width        : 440px;
    white-space      : nowrap;    /* 改行無 */
    text-overflow    : ellipsis;  /* 三点リーダー */
    overflow         : hidden;    /* 範囲外非表示 */
  }
  .sort_order_list li .name_col {
    max-width        : 1000px;
    white-space      : nowrap;    /* 改行無 */
    text-overflow    : ellipsis;  /* 三点リーダー */
    overflow         : hidden;    /* 範囲外非表示 */
  }
}
/*---------------SMALL_SP(1200px～1300px)----------*/
@media screen and (min-width: 1601px) and (max-width: 1700px) {
  /* 組織設定、施設グループ、グループ設定 */
  .sort_order_type_org_list li .name_col,
  .sort_order_type_inst_group_list li .name_col,
  .sort_order_type_user_group_list li .name_col {
    max-width        : 470px;
    white-space      : nowrap;    /* 改行無 */
    text-overflow    : ellipsis;  /* 三点リーダー */
    overflow         : hidden;    /* 範囲外非表示 */
  }
  .sort_order_list li .name_col {
    max-width        : 1100px;
    white-space      : nowrap;    /* 改行無 */
    text-overflow    : ellipsis;  /* 三点リーダー */
    overflow         : hidden;    /* 範囲外非表示 */
  }
}
/*---------------SMALL_SP(1701px～)----------*/
@media screen and (min-width: 1701px) {
  /* 組織設定、施設グループ、グループ設定 */
  .sort_order_type_org_list li .name_col,
  .sort_order_type_inst_group_list li .name_col,
  .sort_order_type_user_group_list li .name_col {
    max-width        : 500px;
    white-space      : nowrap;    /* 改行無 */
    text-overflow    : ellipsis;  /* 三点リーダー */
    overflow         : hidden;    /* 範囲外非表示 */
  }
  .sort_order_list li .name_col {
    max-width        : 1100px;
    white-space      : nowrap;    /* 改行無 */
    text-overflow    : ellipsis;  /* 三点リーダー */
    overflow         : hidden;    /* 範囲外非表示 */
  }
}

/*==================================================================================================
 * メール共通
 *================================================================================================*/
.icon_size_adjust {
  width : 40px;
}

.icon_wrap {
  position : relative;
  text-align : center;
  width : 50px;
  height : 22px;
  max-height : 22px;
}
span.glyphicon.mail_icon {
  font-size : 17px;
  color : #c8ac98;
  z-index: 0;
}
span.glyphicon.btn_mail_icon {
  font-size : 17px;
  color : #FFFFFF;
  z-index: 0;
}
.glyphicon.mail_icon+.icon_circle,
.glyphicon.mail_icon+.icon_cross
{
  position : absolute;
  top : -2px;
  left : 2px;
  z-index: 1;
}

#password_error_area ul {
  margin-bottom : 0px;
}

/*==================================================================================================
 * 地図関連
 *================================================================================================*/
/* 自宅位置編集－地図表示エリアの縦幅 */
.bus_belong_user_map_area{
  height            : 550px;
  width             : 100%;
}
/* 自宅位置編集－地図メッセージ表示エリアの縦幅 */
.bus_belong_user_map_message{
  height            : 555px;
  width             : 100%;
  position          : absolute;
  top               : -2px;
  background-color  : #faf3e0;
}

/* バス停設定－地図表示エリアの縦幅 */
.bus_stop_map_area{
  height            : 400px;
  width             : 100%;
}
/* バス停設定－地図メッセージ表示エリアの縦幅 */
.bus_stop_map_message{
  /*height            : 405px;*/
  width             : 100%;
  position          : absolute;
  top               : -2px;
  background-color  : #faf3e0;
}

/* ルート設定－地図表示エリアの縦幅 */
.bus_route_map_area{
  height            : 400px;
  width             : 100%;
}
/* ルート設定－地図メッセージ表示エリアの縦幅 */
.bus_route_map_message{
  /*height            : 405px;*/
  width             : 100%;
  position          : absolute;
  top               : -2px;
  background-color  : #faf3e0;
}

/* 運行状況－地図表示エリアの縦幅 */
.bus_operation_route_map_area{
  height            : 350px;
  width             : 100%;
}
/* 運行状況－地図メッセージ表示エリアの縦幅 */
.bus_operation_route_map_message{
  /*height            : 355px;*/
  width             : 100%;
  position          : absolute;
  top               : -2px;
  background-color  : #faf3e0;
}

/*==================================================================================================
 * 一覧上部メニュー＋一覧＋並び替え画面共通
 *================================================================================================*/
/* 一覧  - 選択 */
#list_table_wrap .sel_col                    {  min-width : 30px;  padding-right : 5px; }
/* 一覧  - 表示順 */
#list_table_wrap .no_col                     {  min-width : 50px;  padding-right : 5px; }
/* 一覧 - タイトル */
#list_table_wrap .title_col                  {  min-width : 80px;  padding-right : 5px; }
/* 一覧 - 初期登録パスワード（職位体系名一覧） */
#list_table_wrap .password_col               {  min-width : 130px; padding-right : 5px; }


/*==================================================================================================
 * 入力補間関連
 *================================================================================================*/
.suggest {
    position: absolute;
    background-color: #FFFFFF;
    border: 1px solid #c0c0c0;
    /*font-size: 90%;*/
    /*width: 200px;*/
    width: 100%;
    z-index: 20;
    /*left: 0px;*/
    margin-left: -12px;
    padding-left: 12px;
    padding-right: 12px;

}
.suggest div {
    display: block;
    /*width: 200px;*/
    overflow: hidden;
    white-space: nowrap;
}
.suggest div.select{ /* キー上下で選択した場合のスタイル */
    color: #FFFFFF;
    background-color: #3366FF;
}
.suggest div.over{ /* マウスオーバ時のスタイル */
    background-color: #99CCFF;
}

#bus_login_form span.input-group-addon.addon_title.addon_title_label {
  min-width : 120px !important;
}


#user_detail_bus_option_area .input-group-addon {
  min-width : 110px !important;
}
#user_detail_bus_option_area .input-group.mock_input_box .input-group-addon {
  border-right : 1px solid rgb(204, 204, 204);
}