@charset "UTF-8";

/*==============================================================================
 * OpenPNE全共通指定/bootstrapcustom
 *----------------------------------------------------------------------------*/

 * {word-break: break-all;}

 /* login */
 .login-logo-img {
 margin: 10px auto;
 display: block;
 }
 .login-main-center {
 margin: 40px auto 0;
 max-width: 360px;
 padding: 10px 10px;
 }
.login-content {
height:100vh;
margin: 0px auto;
padding: 20px;
background-color:#ecf0f5;
overflow-y: auto;
}

/* 検索ドロップダウンリスト */
.input_image {
margin: 0px;
width:100%;
height:34px;
filter: alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}
.search-rel {
position:relative;
width:100%;
padding:0 !important;
display: block;
}
.search-abs {
position:absolute;
left: 20px;
top: 8px;
margin: 0;
padding: 0;
cursor: pointer;
}

/*LISTテーブル*/
.list-table-abs-crown {
position:absolute;
left: -25px;
top: 4px;
margin: 0;
padding: 0;
cursor: pointer;
}
.list-table-row {
height:60px;
}
.list-table-image {
width:60px;
height:60px;
text-align:center;
}

/* content main right */
.main-column {
}
.right-column {
float:right;
width:230px;
}
.input-md {
    padding: 2px 2px;
    height: 28px;
}

.cell-link {
    padding: 0 10px!important;
    line-height: 2.7em!important;
}
.search-rel-commu-list {
    position:relative;
    width:100%;
    padding:0 !important;
    display: inline-block;
}
.sc-cmd-commu {
    position: absolute;
    right: 5px;
}
.btn-cmd-commu{
    padding: 3px 6px;
}

table.allarea td a {
    display: block;
}

.lg-r .title .heading{
    overflow: hidden;
    white-space: nowrap;
    margin-right: 30px;
}

#pageTop {
    position: fixed;
    bottom: 0px;
    left: 8px;
}
#pageTop i {
    padding-top: 6px 
}
#pageTop a {
    display: block;
    z-index: 1999;
    padding: 3px;
    border-radius: 30px;
    width: 35px;
    height: 35px;
    background-color: #ddebf7;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
}
#pageTop a:hover {
    background-color: #3c8dbc;
    text-decoration: none;
}

a.join:link{color:#02a770;}
a.join:visited{color:#009595;}
a.join:hover{color:#26e6e6;}

a.flg_private:link{color:#000;}
a.flg_private:visited{color:#333;}
a.flg_private:hover{color:#777;}


/*----------------------------------------------
 * カレンダー
 *--------------------------------------------*/
.sideNav .calendar td,
.sideNav .calendar td * {
    word-break: normal;
    letter-spacing: -1px;
}
.sideNav .calendar th,
.sideNav .calendar th * {
    text-align: center;
}
.monthlyCalendarTable .calendar .holiday,
.calendar .sun {
	color: #d92c49;
}
.calendar .sat {
	color: #2c65d9;
}
.calendar .late {
	color: #79590f;
}
.calendar .early {
	color: #3b7e98;
}
.calendar .sick {
	color: #732c9e;
}
.calendar .absence {
	color: #565656;
}
.calendar .paid {
	color: #bb5050;
}

.monthlyCalendarTable .bg_holiday {
    background-color: #fff4f4;
}
.c_board_s .bg_holiday {
    background-color: #ffe8e8;
}
.bg_late {
    background-color: #f5ffe1;
}
.bg_early {
    background-color: #dfedff;
}
.bg_sick {
    background-color: #f3dfff;
}
.bg_absence {
    background-color: #e8e8e8;
}
.bg_paid {
    background-color: #ffdfdf;
}
/*==============================================================================
 * 41. monthlyCalendarTable（月間カレンダーテーブル）
 *----------------------------------------------------------------------------*/
.monthlyCalendarTable .calendar {
    table-layout:fixed;
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #CCCCCC;
}
.monthlyCalendarTable .calendar tr {
    display: flex;
}
.monthlyCalendarTable .calendar th {
    display:flex;
    flex-direction: column;
    width:100%;
    padding: 2px;
    border-width: 1px 0 0 1px;
    border-style: solid;
    border-color: #CCCCCC;
}
.monthlyCalendarTable .calendar td {
    display:flex;
    flex-direction: column;
    width:100%;
    min-height:80px;
    padding: 5px 0;
    vertical-align: top;
    border-width: 1px 0 0 1px;
    border-style: solid;
    border-color: #CCCCCC;
    overflow-x: hidden;
}
.monthlyCalendarTable .calendar td:focus {
    overflow-x: visible;
    background-color: #ffc;
}
.monthlyCalendarTable .calendar td div {
    flex: 1 1 auto;
}
.monthlyCalendarTable .calendar td.today {
    font-weight: bold;
}
.monthlyCalendarTable .calendar td p {
    font-weight: normal;
    margin: 0;
    /* white-space: nowrap; */
}
.monthlyCalendarTable .calendar td .time {
    padding: 0;
    margin: 0;
}
.monthlyCalendarTable .partsInfo {
    padding: 5px;
    background: #FFFFFF;
}
.monthlyCalendarTable .partsInfo img {
    margin: 0 1px;
}
/*==============================================================================
 * 32. bizSideTodoList（BIZ用Todoリスト）
 *----------------------------------------------------------------------------*/
.bizSideTodoList .block {
    padding: 5px;
}
.bizSideTodoList textarea {
    width: 98%;
}
.bizSideTodoList tr.checked {
    color: #999999;
}
.bizSideTodoList td {
    padding: 0px 0px 3px 0px !important;
}
.bizSideTodoList td.state {
    width: 38px;
    vertical-align: top;
}
.bizSideTodoList tr.priLow td.state p {
    padding-left: 4px;
    border-left: 0;
}
.bizSideTodoList tr.priMiddle td.state p {
    padding-left: 0;
    border-left: 4px groove #ffcc88;
}
.bizSideTodoList tr.priHigh td.state p {
    padding-left: 0;
    border-left: 4px groove #ff0000;
}
.bizSideTodoList tr.checked td.state p {
    padding-left: 4px;
    border-left: 0;
}
.bizSideTodoList td.operation {
    width: 16px;
    vertical-align: top;
}
.bizSideTodoList td.operation a {
    display: block;
    width: 14px;
    margin-top: 2px;
}
.bizSideTodoList .memo {
    margin-left: 8px;
}
#label-master td {
    padding: 0px 0px 0px 0px !important;
}
/*==============================================================================
 * 42. bizWeeklyCalendarTable（BIZ用週間カレンダーテーブル）
 *----------------------------------------------------------------------------*/
.bizWeeklyCalendarTable table {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    margin: 0;
    font-size: 1em;
    table-layout: fixed;
    width: 100%;
    height: 100%;
}

.bizWeeklyCalendarTable .parts {
    border-top: none;
}
.bizWeeklyCalendarTable div.block {
    padding: 5px;
}
.bizWeeklyCalendarTable .calendar th {
    width: 120px;
    padding: 0px 0px;
    text-align: center;
    vertical-align: top;
    border-width: 1px 0 0 1px;
    border-style: solid;
    border-color: #CCCCCC;
}
.bizWeeklyCalendarTable .calendar th * {
    text-align: center;
}
.bizWeeklyCalendarTable .calendar th .input_text {
    width: 118px;
}
.bizWeeklyCalendarTable .calendar th .input_submit {
    width: 120px;
}
.bizWeeklyCalendarTable .calendar th .nickname {
    margin: 5px 0;
}
.bizWeeklyCalendarTable .calendar th .member_image {
    margin-bottom: 5px;
}
@media (min-width: 769px) {
    .bizWeeklyCalendarTable .calendar tr {
    /*
        display:-webkit-box;
        display:-ms-flexbox;
        display:-webkit-flex;
        display: flex;
    */
        display: table-row;
    }
    .bizWeeklyCalendarTable .calendar td {
        display: table-cell;
        position: relative;
    }
    .item-table {
        display: table;
        height: 100%;
        width: 100%;
    }
    .item-main {
        display: table-row;
        height: 50%;
        padding-bottom: 0.25em;
        background-color: rgba(247, 247, 247, 0.3);
        border-bottom: 1px solid #e4e4e4;
        border-top: 1px solid #e4e4e4;
    }
    .item-sub {
        display: table-row;
        height: 50%;
        padding-top: 0.25em;
    }
    .item-sub .item-schedule{
        /*margin-top: 0.25em!important;*/
        padding-top: 0.25em!important;
        border-bottom: 1px dotted #aaa;
    }
    
    .koteimenu{
        background: #fff;
        width: 100%;
        margin-top: -40px;
        z-index:99;
}
    .koteimenu.fixed{
        position: fixed;
        top: 40px;
        border-bottom: 1px solid #aaa;
    }
    
    
}
@media (max-width: 768px) {
    .bizWeeklyCalendarTable .calendar .day {
        background-color: #f4f4f4;
        /*top: -5px;*/
        position: relative;
    }
    .bizWeeklyCalendarTable .calendar td:focus p{
        white-space: normal;
    }
    .bizWeeklyCalendarTable .calendar td {
        display:-webkit-box;
        display:-ms-flexbox;
        display:-webkit-flex;
        display:flex;
        flex-direction: column;
    }
    .koteimenu{
        background: #3c8dbc;
        width: 100%;
        margin-top: -40px;
    }
}
.bizWeeklyCalendarTable .calendar td {
    width:100%;
    /*padding: 5px 0;*/
    vertical-align: top;
    border-width: 1px 0 0 1px;
    border-style: solid;
    border-color: #CCCCCC;
    overflow-x:hidden;
}
.bizWeeklyCalendarTable .calendar td:focus {
    overflow-x: visible;
}
.bizWeeklyCalendarTable .calendar td div {
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
}
.bizWeeklyCalendarTable .calendar th:first-child,
.bizWeeklyCalendarTable .calendar td:first-child {
    border-left-width: 0;
}
.bizWeeklyCalendarTable .calendar td p {
    padding: 0 5px;
    margin: 0;
    white-space: normal;
}
.bizWeeklyCalendarTable .calendar td .time {
    padding: 0;
    margin: 0;
}

.bizWeeklyCalendarTable .calendar .today p.day {
    font-weight: bold;
}

.bizWeeklyCalendarTable .calendar td.sub {
    border-width: 0 0 0 1px;
}
.bizWeeklyCalendarTable div.moreInfo {
    padding-left: 135px;
}
.bizWeeklyCalendarTable div.moreInfo .input_submit {
    margin-right: 8px;
}
.bizWeeklyCalendarTable .holiday,
.bizWeeklyCalendarTable .sun {
    color: #d92c49;
}
.bizWeeklyCalendarTable .sat {
    color: #2c65d9;
}
.bizWeeklyCalendarTable .late {
	color: #79590f;
}
.bizWeeklyCalendarTable .early {
	color: #3b7e98;
}
.bizWeeklyCalendarTable .sick {
	color: #732c9e;
}
.bizWeeklyCalendarTable .absence {
	color: #565656;
}
.bizWeeklyCalendarTable .paid {
	color: #bb5050;
}
.bizWeeklyCalendarTable .bg_holiday {
    background-color: #fff4f4;
}
.bizWeeklyCalendarTable .bg_late {
    background-color: #f5ffe1;
}
.bizWeeklyCalendarTable .bg_early {
    background-color: #dfedff;
}
.bizWeeklyCalendarTable .bg_sick {
    background-color: #f3dfff;
}
.bizWeeklyCalendarTable .bg_absence {
    background-color: #e8e8e8;
}
.bizWeeklyCalendarTable .bg_paid {
    background-color: #ffdfdf;
}

.homeMainTable tr.community th,
.homeMainTable tr.myFriendRecentDiary th,
.homeMainTable tr.myFriendRecentBlog th,
.homeMainTable tr.diaryCommentHistory th,
.homeMainTable tr.postedTodoHistory th,
.homeMainTable tr.recentCommunityTopicComment th,
.homeMainTable tr.myFriendRecentReview th,
.homeMainTable tr.myFriendRecentAlbum th,
.homeMainTable tr.allRecentDiary th,
.homeMainTable tr.allRecentCommunityTopicComment th,
.homeMainTable tr.bookmarkRecentDiary th,
.homeMainTable tr.bookmarkRecentBlog th,
.homeMainTable tr.myRecentDiary th,
.homeMainTable tr.myRecentBlog th,
.homeMainTable tr.friendRecentDiary th,
.homeMainTable tr.friendRecentBlog th
{
    width: 20.2%;
}
.homeMainTable ul.articleList li {
    padding-left: 80px;
    text-indent: -80px;
}
.homeMainTable ul.articleList li .badge {
    text-indent: 0;
}
.homeMainTable ul.articleList li span.date {
	padding-right: 18px;
	background: url(./skin/default/img/articleList_marker.gif) 94% 0.5em no-repeat scroll;
}

/*h_message_box  smart phone message list*/
@media (max-width: 768px) {
    .table-smart .smartphonelist {
        display: block;
        border-top: 1px solid #e4e4e4;
        border-right: none;
        border-bottom: none;
        border-left: none;
    }
    .table-smart .smartphonelist-label {
        float: right;
        background-color: #eee;
        padding-left: 0;
        padding-right: 0;
    }
    .table-smart .smartphonelist-label span {
        padding-left: 7px;
        padding-right: 7px;
    }
    .table-smart th{
        display:none;
    }
    .h_message_box .calendar,
    .h_message_box .monthlyMessage {
        display:none;
    }
}
.message-flag:hover {
    transform: scale(1.2,1.2);
}

/*home infomation*/
.notice {
    padding: 5px 12px;
    background-color: #fafafa;
    border-left: 6px solid #afafb4;
    margin-bottom: 10px;
    -webkit-box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
       -moz-box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
            box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
}
.notice-sm {
    padding: 10px;
    font-size: 80%;
}
.notice-lg {
    padding: 35px;
    font-size: large;
}
.notice-success {
    border-color: #80D651;
}
.notice-success>strong {
    color: #80D651;
}
.notice-info {
    border-color: #3C8DBC;
}
.notice-info>strong {
    color: #3C8DBC;
}
.notice-warning {
    border-color: #FEAF20;
}
.notice-warning>strong {
    color: #FEAF20;
}
.notice-danger {
    border-color: #d73814;
}
.notice-danger>strong {
    color: #d73814;
}
.notice-date {
    border-color: #ecf0f5;
}
.notice-date label{
    color: #3c8dbc;
}
.notice-todo {
    color: #2a7937;
    border-color: #b0d3b6;
    margin: 5px 5px 5px 1px;
    padding: 2px 6px 1px 6px;
}
.notice-todo checked {
    color: #d2d6de;
    border-color: #d2d6de;
    margin: 5px 5px 5px 1px;
    padding: 2px 6px 1px 6px;
}
.notice-label {
    margin: 0px 5px 0px 0px;
    padding: 2px 6px 1px 6px;
    background-color: rgba(250, 250, 250, 0.8);
}

/*treeview*/
.tree, .tree ul {
    margin:0;
    padding:0;
    list-style:none
}
.tree ul {
    margin-left:1em;
    position:relative
}
.tree ul ul {
    margin-left:.5em
}
.tree ul:before {
    content:"";
    display:block;
    width:0;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    border-left:1px solid
}
.tree li {
    margin:0;
    padding:0 1em;
    line-height:2em;
    color:#369;
    font-weight:700;
    position:relative
}
.tree ul li:before {
    content:"";
    display:block;
    width:10px;
    height:0;
    border-top:1px solid;
    margin-top:-1px;
    position:absolute;
    top:1em;
    left:0
}
.tree ul li:last-child:before {
    background:#fff;
    height:auto;
    top:1em;
    bottom:0
}
.indicator {
    margin-right:5px;
}
.tree li a {
    text-decoration: none;
    color:#369;
}
.tree li button, .tree li button:active, .tree li button:focus {
    text-decoration: none;
    color:#369;
    border:none;
    background:transparent;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    outline: 0;
}

.commentList p {
    margin:5px 8px;
}
.searchResultList .item{
    background-color: #fafafa;
}
.searchResultList .photo{
    text-align: center;
    vertical-align:middle;
    width:18%;
}
.searchCategoryList dl dd {
	padding-left: 45px;
}
.searchCategoryList dl dd ul li {
	width: 110px;
}

.checkList li {
	width: 180px;
        white-space:nowrap;
}
.diaryList .title{
    display: inline-block;
    width: 100%;
}

/*ローディング画面*/
#loader-bg {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: #000;
    z-index: 1000;
    opacity: 0.5;
}
#loader {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 200px;
    margin-top: -100px;
    margin-left: -100px;
    text-align: center;
    color: #fff;
    z-index: 2000;
}

/*table member list*/
#tbl-memberlist .tbl-memberlist-id{
    max-width:24px;
}
#tbl-memberlist .tbl-memberlist-nickname{
    max-width:100px;
}
#tbl-memberlist .tbl-memberlist-kana{
    max-width:50px;
}
#tbl-memberlist .tbl-memberlist-workplace{
    max-width:60px;
}
#tbl-memberlist td p{
    white-space: nowrap;
    overflow: hidden;
}

.tempo-list thead>tr>th{
    text-align: center;
    vertical-align: middle!important;
}
.tempo-list td{
    text-align: right;
    vertical-align: middle;
}
.tempo-list tfoot>tr>th{
    text-align: right;
    vertical-align: middle;
}
.c3-tooltip .value {
    text-align: right;
    font-size: 16px;
}
.c3 text {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-size: 14px;
}
.c3-line {
    stroke-width: 1.2px;
}

.tab-pane-header{
    padding: 5px;
}

.commu-dialy-list{
    height: 128px;
    overflow: hidden;
}

.text-cancel{
    color: #7c7c7c !important
}

/*==============================================================================
 * 文字装飾
 *----------------------------------------------------------------------------*/
span.op_b {
	text-decoration: inherit;
	font-style: inherit;
	font-weight: bold;
	color: inherit;
	font-size: inherit;
}

span.op_u {
	text-decoration: underline;
	font-style: inherit;
	font-weight: inherit;
	color: inherit;
	font-size: inherit;
}

span.op_s {
	text-decoration: line-through;
	font-style: inherit;
	font-weight: inherit;
	color: inherit;
	font-size: inherit;
}

span.op_i {
	text-decoration: inherit;
	font-style: italic;
	font-weight: inherit;
	color: inherit;
	font-size: inherit;
}

span.op_large {
	text-decoration: inherit;
	font-style: inherit;
	font-weight: inherit;
	color: inherit;
	font-size: 20px;
}

span.op_small {
	text-decoration: inherit;
	font-style: inherit;
	font-weight: inherit;
	color: inherit;
	font-size: 8px;
}

span.op_color {
	text-decoration: inherit;
	font-style: inherit;
	font-weight: inherit;
	color: inherit;
	font-size: inherit;
}

/*==============================================================================
 * カスタムCSS
 *----------------------------------------------------------------------------*/
/**フォント色変更**/

/*リンク関連*/
a:link    { color: #026CD1; }
a:visited { color: #004A95; }
a:hover   { color: #76AFE6; }
a:active  { color: #76AFE6; }

/*コンテンツ見出しlv1*/
td.bg_06 span.b_b,
.c_00 { color: #222222; }

/*コンテンツ見出しlv2*/
.c_01 { color: #444444; }

/*強調文字暖色*/
.c_02 { color: #D92C49; }

/*強調文字寒色*/
.c_03 { color: #2C65D9; }

/*その他文字色*/
body { color: #000000; }