@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;
    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;
}
.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;
}
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;
}
#external-events {
    float: left;
    width: 200px;
    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: 1em;
}
#external-events .fc-event {
    color: #555555;
    border: none;
    text-indent: 39px;
    padding: 10px 2px;
    margin: 2px 0;
    cursor: pointer;
}
#external-events .fc-event:hover {
    color: #7897ce;
}
#external-events .fc-event[href] {
    text-decoration: none;
    color: #888888;
}
#staffSelectArea {
    background-color: #ffffff;
    padding: 10px 0px;
    width: 100%;
    margin: 0 !important;
    border: 1px solid #384d84;
    box-sizing: border-box;
}
#staffSelectArea form {
    text-align: right;
    margin: 5px;
}
.TicketCategory {
    margin-left: 5px;
    padding: 0 3px;
    border: 1px solid #b6bfce;
    background-color: #C9DDE7;
    cursor: pointer;
}
.staff-icon {
    width: 50px;
    display: inline;
    margin: 0 12px;
    float: left;
}
.fc-event-ticket-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;
}
.fc-event-ticket-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;
}
.fc-event-ticket-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;
}
.fc-event-ticket-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;
}
.fc-bgevent {
    color: #cc97a9;
    background-color: #ffe7f3 !important;
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
}
.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;
}
/* -------------------- */
/* -- 週報一覧エリア -- */
.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;
}