@charset "UTF-8";
/*
基本色
#dc143c 赤
#b4e6aa 緑
#bbccff 青
#ffffc0 黄
#ccbbff 紫
#cc97a9 濃い赤
#a9cc97 濃い緑
#97a9cc 濃い青
#e0cc4a 濃い黄
#ffe7f3 薄い赤
#f3ffe7 薄い緑
#e7f3ff 薄い青
#fbf8bc 薄い黄
#4c86c4 リンク
#e8e8e8 薄い灰
#333333 濃い灰
*/
/*
赤：#ff7fbf
紫：
青：
*/
body {
    width: 100%;
    font-family: verdana, メイリオ, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
    background: #ffffff;
    color: #384d84;
    font-size: 14px;
    line-height: 1.4em;
}
header {
    width: 1100px;
    font-size: 27px;
    font-weight: bold;
    color: #e8e8e8;
    text-align: right;
    margin: 20px auto;
    padding: 0;
    opacity: 0.5;
}
footer {
    clear: both;
    text-align: center;
    margin: 10px;
    padding: 0;
}
h1 {
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
}
h2 {
    font-size: 16px;
    font-weight: bold;
    color: #8a8a8a;
}
a:link {
    text-decoration: none;
    color: #ffffff;
}
/* 各ベンダープレフィックスが取れた標準版！！(http://caniuse.com/#search=placeholder-shown) */
input:placeholder-shown {
 font-size: 0.8em;
 color: #cccccc;
 font-weight: bold;
}
/* Google Chrome, Safari, Opera 15+, Android, iOS */
input::-webkit-input-placeholder {
 font-size: 0.8em;
 color: #cccccc;
 font-weight: bold;
}
/* Firefox 18-, 18+ */
input:-moz-placeholder, input::-moz-placeholder {
 font-size: 0.8em;
 color: #cccccc;
 font-weight: bold;
 opacity: 1;
}
/* IE 10+ */
input:-ms-input-placeholder {
 font-size: 0.8em;
 color: #cccccc;
 font-weight: bold;
}

/* -- 共通スタイル -- */
  .clear {
      clear: both;
  }
  .header {
      margin: 20px auto;
  }
  .footer {
      margin: 20px auto;
  }
  .whitetext {
      color: #ffffff;
  }
  .graytext {
      color: #444444;
  }
  .fixed {
      position: fixed;
      top: 0;
      z-index: 999;
      width: 1100px;
      padding: 0;
      margin: 0 auto;
      padding: 10px 5% !important;
      width: 95% !important;
      background-color: #3e4c7e;
      box-shadow: 1px 0px 5px #898989;
  }
  .links {
      clear: both;
      width: 100%;
      padding: 5px 5px 10px 0;
      text-align: right;
  }
  .links ul {
      text-align: right;
  }
  .links ul li {
      display: inline-block;
  }
  .modalClose {
      text-align: center;
      margin: 100px auto;
  }
  div#topMess {
      width: 100%;
      color: #808080;
      font-size: 20px;
      font-weight: bold;
      text-align: center;
      margin: 20px auto;
  }
  .note {
      font-size: 0.7em;
      color: #888888;
  }
  .required {
      font-size: 0.7em;
      color: #880000;
  }
  .caution {
      font-size: 0.7em;
      color: #dc143c;
  }
  .result {
      font-size: 1.0em;
      color: #ffffff;
      margin: 50px auto;
      text-align: center;
  }
  .dailybg {
      background-image: url(/Contents/images/webteambg.jpg);
      background-size: 100% 100%;
      background-repeat: no-repeat;
      background-attachment: fixed;
      
  }
  #BiztraceArea {
      margin: 20px 0;
      text-align: center;
  }
/* -------------------- */

/* -- ヘッダメニュー -- */
div.HeaderMenuArea {
    width: 1100px;
    padding: 0;
    margin: 0 auto;
    z-index: 999;
    /* background-color: #3e4c7e; */
}
ul#nav {
    min-height: 26px;
    width: 1100px;
    margin: 0 auto;
    padding: 0 0 2px 0px;
    display: inline;
    
}
ul#nav li {
    display: inline-block;
    padding: 2px 0 0 0;
}
ul#nav li a.btn_grad_white {
    color: #808080;
}
ul#nav li a.active {
    color: #4c86c4;
    border: 1px solid #e1e1e1;
    border-bottom: 3px solid #f1f1f1;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: rgba(87, 87, 87, 0.65098) 1px 1px 1px 0px inset;
    -webkit-box-shadow: rgba(87, 87, 87, 0.65098) 1px 1px 1px 0px inset;
    -moz-box-shadow: rgba(87, 87, 87, 0.65098) 1px 1px 1px 0px inset;
    background: -moz-linear-gradient(top, #f6f6f6 0%, #d1d1d1 50%, #e1e1e1 51%, #ffffff 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #d1d1d1), color-stop(51%, #e1e1e1), color-stop(100%, #ffffff));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f6f6f6 0%, #d1d1d1 50%, #e1e1e1 51%, #ffffff 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f6f6f6 0%, #d1d1d1 50%, #e1e1e1 51%, #ffffff 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f6f6f6 0%, #d1d1d1 50%, #e1e1e1 51%, #ffffff 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #f6f6f6 0%, #d1d1d1 50%, #e1e1e1 51%, #ffffff 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff', GradientType=0 );
/* IE6-9 */
}
div#ConfidentialArea {
    float: right;
    width: 55px;
    margin: 3px 10px 0 0;
    background-color: #fafafa;
}
div.Confidential {
    font-size: 14px;
    font-weight: bold;
    color: #ff0010;
    line-height: 1.0em;
    text-align: center;
    margin: 0;
    padding: 2px;
    border: solid 2px #ff0010;
}
/* -------------------- */

/* -- カレンダー -- */
#wrap {
    width: 1100px;
    margin: 20px auto;
}

/* 工数分析のチームが増えすぎているためwidthを修正 */
#wrap-analytics {
    width: 1350px;
    margin: 20px auto;
}

#external-events {
    float: left;
    width: 220px;
    background-color: rgba(255, 255, 255, 0.8);
    text-align: left;
    border-radius: 5px;
    padding-bottom: 10px;
}
#external-events h4 {
    color: #384d84;
    font-size: 14px;
    margin: 0 10px;
    padding-top: 0.5em;
}
#external-events .fc-event {
    color: #555555;
    border: none;
    text-indent: 8px;
    padding: 6px 2px;
    margin: 1px 0;
    cursor: pointer;
}
#external-events .fc-event:hover {
    color: #7897ce;
}
#external-events .fc-event[href] {
    text-decoration: none;
    color: #888888;
}
#staffSelectArea #ticketSelectArea {
    padding: 0px;
    width: 100%;
    margin: 0 !important;
}
#staffSelectArea form, #ticketSelectArea {
    text-align: center;
    margin-top: 5px;
}
.TicketCategory {
    margin-left: 5px;
    padding: 0 2px;
    border: 1px solid #b6bfce;
    background-color: #C9DDE7;
    cursor: pointer;
}

.ticket_title_wrapepr{
  margin:0px !important;
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items: center;
}
.ticket_title{
  margin:0px;
  width:180px !important;
}
.addBtn{
  text-align: center;
  margin-right:12px;
  color: #384D84;
  width: 20px;
  height:20px;
  /* padding: 0.05em; */
  text-shadow: 0 2px 2px 0 rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
  -webkit-tap-highlight-color: transparent;
  transition: .3s ease-out;
  cursor: pointer;
}

.ticket_title_wrapepr_color_bf7fff {
    color: #384d84;
    text-shadow: 1px 1px 1px #b6bfce;
    background-image: url("/Contents/images/teigaku.png");
    background-size: 95% 100%;
    background-repeat: no-repeat;
    background-position: center;
}
.ticket_title_wrapepr_color_7f7fff {
    color: #384d84;
    text-shadow: 1px 1px 1px #b6bfce;
    background-image: url("/Contents/images/spot.png");
    background-size: 95% 100%;
    background-repeat: no-repeat;
    background-position: center;
}
.ticket_title_wrapepr_color_7fbfff {
    color: #384d84;
    text-shadow: 1px 1px 1px #b6bfce;
    background-image: url("/Contents/images/naibu.png");
    background-size: 95% 100%;
    background-repeat: no-repeat;
    background-position: center;
}
.ticket_title_wrapepr_color_ff7fff {
    color: #384d84;
    text-shadow: 1px 1px 1px #b6bfce;
    background-image: url("/Contents/images/yasumi.png");
    background-size: 95% 100%;
    background-repeat: no-repeat;
    background-position: center;
}
.fc-month-view .fc-event {
    /* 月表示時のイベント名 */
    color: #555555;
    text-indent: 5px;
}
.fc-agendaWeek-view .fc-event .fc-time {
    /* 週表示時セル内の時間背景 */
    background-color: #C9DDE7;
}
.fc-month-view .fc-event .fc-time {
    /* 月表示時のイベント名の時間を非表示 */
    display: none;
}
td.fc-axis {
    /* 週表示のセル内のフォントサイズ変更 */
    font-size: 12px;
}
.fc-time-grid .fc-slats td {
    /* 週表示のセルの高さを調節 */
    height: 0.8em;
    border-bottom: 0;
}
.fc-time-grid-event .fc-time {
    /* 日表示時セル内の時間背景 */
    background-color: #C9DDE7;
}
.fc-content {
    /* 週表示の内容の文字色 */
    color: #555555;
}
#fullcalendarArea {
    float: right;
    width: 870px;
}
#fullcalendar {
    width: 870px;
}
.fc-view-container {
    /* カレンダー背景不透明度 */
    background-color: rgba(255, 255, 255, 0.9);
}
.fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {
    /* カレンダー線色・不透明度 */
    border-color: rgba(56, 77, 132, 0.8) !important;
}
.fc-center h2 {
    color: #ffffff;
    opacity: 0.9;
}
.fc-bgevent {
    background-color: red !important;
}
.fc-state-default {
    /* カレンダー上部切り替えボタン文字背景色 */
    background-color: rgba(255, 255, 255, 0.9) !important;
    border: 1px solid #384d84 !important;
    color: #384d84 !important;
    font-weight: bold;
}
* html #tooltip {
    position: absolute;
}
#tooltip {
    position: fixed;
    z-index: 100;
    width: auto;
    padding: 3px;
    color: #ffffff;
    border: 1px solid #e1e1e1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #4c86c4;

    max-height:200px;
    max-width:200px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:wrap;
}
.fc-bgevent {
    color: #cc97a9;
    background-color: #ffe7f3 !important;
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
}
td.fc-sat {
  /* background-color: #eaf4ff; */
  background-color:#CCE5FF;
}
td.fc-sun {
  /* background-color: #ffeaea; */
  background-color: #FFCCCC;
}
.calendarNote {
    margin-top: 5px;
    color: #e8e8e8;
}
/* -------------------- */
/* ---- ログインエリア ---- */
div#loginArea {
    width: 95%;
    margin: auto;
}
table.loginInput {
    width: 400px;
    margin: 100px auto;
}
table.loginInput th {
    color: #ffffff;
    width: 120px;
    text-align: left;
    padding: 3px;
}
table.loginInput td {
    width: 280px;
    text-align: left;
    padding: 3px;
}
table.loginInput td .submit {
    text-align: right;
}
/* -------------------- */
/* ---- 入力エリア ---- */
div#detailArea {
    width: 95%;
    margin: auto;
}
table.detailInput {
    width: 100%;
}
table.detailInput th {
    width: 20%;
    text-align: left;
    padding: 3px;
    background-color: #CEDBF5;
    border: 1px solid #99BFED;
}
table.detailInput td {
    width: 80%;
    text-align: left;
    padding: 3px;
    border: 1px solid #99BFED;
    height: 28px;
    background: #ffffff;
}
table.detailInput textarea {
    width: 95%;
    height: 120px;
}
table.detailInput span#weeklyReply {
    line-height: 21px;
}
table.detailInput span#weeklyReply a {
    color: #384d84 !important;
    cursor: pointer;
}
table.detailInput span#weeklyReply div.replyStaff {
    font-weight: bold;
}
div.dailyTicketTitle {
    font-weight: bold;
}
div.dailyTicketText {
    margin: 0 14px;
}
table.detailInput .label_Input_rudio_tag {
  margin-right:10px;
}

table.detailInput input[type="date"] {
  width:140px;
}
table.detailInput select {
  font-size: 1em;
}


/* -------------------- */
/* -- 週報一覧エリア -- */
.syuuhou_itiran_title {
    opacity: 0.9;
}
.links #WEEKLY_REPLY_REGIST, .links #WEEKLY_REPLY_UPDATE {
    display: none;
}
div#WeeklyReportMenu {
    position: fixed;
    float: left;
    width: 260px;
}
div#WeeklyReportMenu ul {
    margin: 10px 0;
}
div#WeeklyReportMenu ul.ReportList li {
    padding: 2px;
    cursor: pointer;
    color: #ffffff;
    border-bottom: 1px dotted #ffffff;
}
div#WeeklyReportMenu ul.StaffList li {
    text-indent: 60px;
    margin: 5px 0;
    color: #ffffff;
}
div#WeeklyReportMenu ul.StaffList li a, div#WeeklyReportMenu ul.StaffList li span#weeklyReply a, div#WeeklyReportMenu ul.StaffList li span.reportList {
    cursor: pointer;
}
div#WeeklyReportMenu ul.StaffList li a:hover, div#WeeklyReportMenu ul.StaffList li span#weeklyReply a:hover, div#WeeklyReportMenu ul.StaffList li span.reportList:hover {
    color: #4c86c4;
}
div#WeeklyReportDetail {
    float: left;
    padding-left: 260px;
    width: 840px;
    margin: 10px 0;
}
/* -------------------- */
/* -- 一覧表示（表） -- */
#sortTable thead tr th, #sortTable tbody tr td {
    white-space: nowrap;
}
/* -------------------- */
/* ---- 管理者一覧エリア ---- */
.AdminMenu {
    display: none;
}
div#AdminSideMenu {
    float: left;
    width: 100px;
}
div#AdminSideMenu ul {
    margin: 10px 0;
}
div#AdminSideMenu ul li, div#AdminSideMenu ul li a {
    text-indent: 5px;
    margin: 5px 0;
    color: #ffffff;
}
div#AdminDetail {
    float: left;
    width: 1000px;
    margin: 10px 0;
}
div#listArea {
    position: relative;
    width: 95%;
    margin: auto;
}
div#listArea .arrow_box {
    display: none;
    position: absolute;
    padding: 16px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: #333;
    color: #fff;
}
div#listArea .arrow_box:after {
    position: absolute;
    bottom: 100%;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -10px;
    border: solid transparent;
    border-color: rgba(51, 51, 51, 0);
    border-bottom-color: #333;
    border-width: 10px;
    pointer-events: none;
    content: " ";
}
div#listArea span:hover + p.arrow_box {
    display: block;
}
table.list {
    width: 100%;
}
table.list th {
    padding: 3px;
    background-color: #CEDBF5;
    border: 1px solid #99BFED;
}
table.list td {
    padding: 3px;
    border: 1px solid #99BFED;
    height: 28px;
    background: #ffffff;
}
td.text-right {
    text-align: right;
}
td.text-center {
    text-align: center;
}

/* 予算関連非表示のため */
.budget {
    display: none;
}

/* -- ページ読み込み中 -- */
#loading {
    width: 80px;                /* gif画像の幅 */
    height: 80px;               /* gif画像の高さ */
    margin: -68px 0 0 -68px;    /* gif画像を画面中央に */
    padding: 10px;              /* gif画像を大きく */
    background: #BDD5FF;        /* gif画像の背景色 */
    filter: alpha(opacity=80);  /* 透過させる IE */
    -moz-opacity: 0.8;          /* 透過させる Firefox（Mozzila） */
    opacity: 0.8;               /* 透過させる Safari,Opera */
    border-radius: 15px;        /* 丸角 */
    position: fixed;            /* gif画像をスクロールさせない */
    left: 50%;                  /* gif画像を画面横中央へ */
    top: 50%;                   /* gif画像を画面縦中央へ */
  }
  #loader-bg {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: #fff;
    z-index: 100;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
  }
  #loader {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 200px;
    margin-top: -100px;
    margin-left: -100px;
    text-align: center;
    color: #000;
    z-index: 110;
  }
  #loader p {
    text-align: center;
    color: #000;
  }
  #loader img {
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
  }
  /* -------------------- */