@charset "utf-8";

/*	 新年及び新体制のご挨拶バナー
------------------------------------------------  */
div.main_img a:hover img{
    opacity:0.8;
    filter:alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
}



/*================================================================================

        // カレンダー

================================================================================*/
.date-list{

}
div#calender {
    margin-bottom: 15px;
    background-color:#fff;
    text-align:center;
    letter-spacing:1px;
}

div#calender div#calender-title {
    margin-bottom: 3px;
    height: 25px;
    background: #add249;
    color: #f8ff34;
    overflow: hidden;
}

div#calender div#calender-title p.prev {
    float: left;
    font-weight: bold;
    line-height: 25px;
    padding-left: 20px;
}

div#calender div#calender-title h3 {
    float: left;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 25px;
    width: 576px;
}
div#calender div#calender-title h3 span#month-label{
    font-weight: bold;
}

div#calender div#calender-title p.next {
    /*float: right;*/
    font-weight: bold;
    line-height: 25px;
    padding-right: 20px;
}

div#calender div#calender-title a {
    text-decoration: none;
    color: #f8ff34;
}

div#calender div#calender-title a:visited {
    text-decoration: none;
    color: #f8ff34;
}

div#calender table {
    width: 722px;
    margin-bottom: 15px;
    border: none;
}

div#calender table tr:first-child {
    border-bottom: 2px solid #9dc73f;
}

div#calender table td {
    width:100px;
    height:55px;
    text-align:right;
    border: 1px solid #9dc73f;
    font-size: 12px;
    color: #5d5d5d;
    vertical-align: middle;
}

div#calender table td.sat {
    color: #0000ff;
    background: #f0f0f0;
}

div#calender table td.sun {
    color: #ff0000;
    background: #f0f0f0;
}

div#calender table td.holi {
    background: #f0f0f0;
}

div#calender table td.weekly {
    height: 20px;
    border: 1px solid #9dc73f;
    font: 12px 'Century Gothic', 'Verdana', sans-serif;
    letter-spacing: 1px;
    text-align: center;
    vertical-align: middle;
}

div#calender table td.today {
    background-color:#efffcf;
}

.holiday-list{
    background:#f0f0f0 !important;
}

div#calender table td ul {
    width: 98px;
    height: 53px;
    margin: 2px;
}

div#calender table td ul.select {
    border: 2px solid #ff0000;
    margin: 0;
}

div#calender table td ul li.day {
    width: 18px;
    height: 18px;
    float: right;
    font: 12px 'Century Gothic', 'Verdana', sans-serif;
}

div#calender table td ul li.ico {
    width: 76px;
    height: 18px;
    float: left;
}

div#calender table td ul li.ico img {
    width: 18px;
    height: 18px;
    float: left;
    padding-right: 1px;
}

div#calender table td ul li.schedule {
    height:30px;
    width: 97px;
    clear:both;
    padding-left: 1px;
    font-size: 10px;
    color: #000;
    letter-spacing: -0.01em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -moz-text-overflow:ellipsis; /* Firefox */
    -o-text-overflow: ellipsis; /* Opera */
}

html*div#calender table td ul li.schedule {
    height:30px;
    width: 96px;
    clear:both;
    padding-left: 1px;
    font-size: 10px;
    color: #000;
    letter-spacing: -0.01em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*	 本日の予定
------------------------------------------------  */

div#calender div#today-schedule table {
    margin-bottom: 6px;
}

div#calender div#today-schedule td.ts-title {
    width: 102px !important;
    background: #ffad39;
    color: #fff;
    text-align: center;
    vertical-align: middle;
}

div#calender div#today-schedule table {
    background: #fffbed;
    letter-spacing: -0.02em;
}

div#calender div#today-schedule tr:first-child {
    border: none;
}

div#calender div#today-schedule table td {
    height: 25px !important;
    border: 1px solid #d6d6d6;
    text-align: left;
    vertical-align: middle;
}

div#calender div#today-schedule table td.w80 {
    width: 80px;
    text-align: center;
}

div#calender div#today-schedule table td.w230 {
    width: 218px;
    padding: 0 10px;
}

div#calender div#today-schedule table td.w90 {
    width: 78px;
    padding-left: 10px;
}

div#calender div#today-schedule table td.w215 {
    width: 203px;
    padding: 2px 10px;
}

/*	 休暇取得者
------------------------------------------------  */

div#calender div#take-off table {
    line-height: 25px;
    overflow: hidden;
}

div#calender div#take-off tr {
    border: none;
}

div#calender div#take-off table td {
    height: 25px !important;
    text-align: left;
    vertical-align: middle;
    border: 1px solid #d6d6d6;
}

div#calender div#take-off table td.take-off-title {
    width: 100px !important;
    background: #6ea5ff;
    float: left;
    color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
}

div#calender div#take-off table td.take-off-detail {
    width: 607px;
    float: left;
    padding-left: 12px;
    background: #edf4ff;
    border-left: none;
}



/*	 お知らせ掲示板	フリー掲示板
------------------------------------------------  */

div#new-comment,
div#tpc-comment,
div#free-comment,
div#no-img-comment {
    margin-top:10px;
    overflow: hidden;
}

div#new-comment h3,
div#tpc-comment h3,
div#free-comment h3,
div#no-img-comment h3 {
    margin:5px 0px 0px;
    color: #666;
    font-weight: bold;
}
div#new-comment h3 img,
div#tpc-comment h3 img,
div#free-comment h3 img,
div#no-img-comment h3 img {
    padding-right:18px;
    vertical-align: middle;
}
div#new-comment h3 a{
    /*background: url("../../../img/groupinfo/top/main_btn01.png") no-repeat;*/
    height:18px;
    width:192px;
    display: inline-block;
    vertical-align: middle;
    margin-top: 4px;
    float:right;
}

div#free-comment h3 a{
    /*background: url("../../../img/groupinfo/top/main_btn02.png") no-repeat;*/
    float: right;
    height: 18px;
    margin-top: 4px;
    width:177px;
    display: inline-block;
    vertical-align: middle;
}

div#tpc-comment h3 a{
    background: url("/assets/img/groupinfo/top/main_btn03.png") no-repeat;
    float: right;
    height: 18px;
    margin-top: 4px;
    width:177px;
    display: inline-block;
    vertical-align: middle;
}

div#no-img-comment a.left {
    float: right;
    height: 18px;
    margin-top: 4px;
    width:200px;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
}

div#new-comment dl a,
div#tpc-comment dl a,
div#free-comment dl a,
div#no-img-comment dl a {

    background: url("../../../img/groupinfo/top/ico_arrow.png") no-repeat scroll 8px 2px transparent;
    padding-left: 18px;
}

div#new-comment dl {
    width:722px;
    height: 310px;
    overflow-y: scroll;
    overflow-x: hidden;
   // border-top: 1px solid #d6d6d6;
    background-color:#FFFFFF;
    margin-top:7px;
}

div#free-comment dl {
    width:722px;
    height: 156px;
    overflow-y: scroll;
    overflow-x: hidden;
    //border-top: 1px solid #d6d6d6;
    background-color:#FFFFFF;
    margin-top:7px;
}

div#tpc-comment dl {
    width:722px;
    height: 156px;
    overflow-y: scroll;
    overflow-x: hidden;
    //border-top: 1px solid #d6d6d6;
    background-color:#FFFFFF;
    margin-top:7px;
}

div#no-img-comment dl {
    width:722px;
    height: 156px;
    overflow-y: scroll;
    overflow-x: hidden;
    //border-top: 1px solid #d6d6d6;
    background-color:#FFFFFF;
    margin-top:7px;
}

div#new-comment dl dt,
div#tpc-comment dl dt,
div#free-comment dl dt,
div#no-img-comment dl dt {
    width: 408px;
    float: left;
    line-height: 31px;
   // border-left: 1px solid #d6d6d6;
    //border-bottom: 1px solid #d6d6d6;
    padding-left: 8px;
    vertical-align:center;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
div#new-comment dl dt,
    div#free-comment dl dt {
        width: 414px;
    }
}
div#new-comment dl dt.line1,
div#tpc-comment dl dt.line1,
div#free-comment dl dt.line1,
div#no-img-comment dl dt.line1 {
    background-color:#FFFFFF;
}
div#new-comment dl dt.line2,
div#tpc-comment dl dt.line2,
div#free-comment dl dt.line2,
div#no-img-comment dl dt.line2 {
    background-color:#f8f7f2;
}

div#new-comment dl dd,
div#tpc-comment dl dd,
div#free-comment dl dd,
div#no-img-comment dl dd {
    width: 288px;
    line-height: 31px;
    //border-bottom: 1px solid #d6d6d6;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -moz-text-overflow:ellipsis; /* Firefox */
    -o-text-overflow: ellipsis; /* Opera */
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
div#new-comment dl dd,
    div#free-comment dl dd {
        width: 282px;
    }
}
div#new-comment dl dd.line1,
div#tpc-comment dl dd.line1,
div#free-comment dl dd.line1,
div#no-img-comment dl dd.line1 {
    background-color:#FFFFFF;
}
div#new-comment dl dd.line2,
div#tpc-comment dl dd.line2,
div#free-comment dl dd.line2,
div#no-img-comment dl dd.line2 {
    background-color:#f8f7f2;
}
div#new-comment dl dt div.date,
div#tpc-comment dl dt div.date,
div#free-comment dl dt div.date,
div#no-img-comment dl dt div.date {
    width:92px;
    float:left;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
div#new-comment dl dt div.date,
    div#free-comment dl dt div.date {
        width:98px;
    }
}
div#new-comment dl dt div.important,
div#tpc-comment dl dt div.important,
div#free-comment dl dt div.important,
div#no-img-comment dl dt div.important {
    width:60px;
    float:left;
    margin-top:7px;
}
div#new-comment dl dt div.staff_id,
div#tpc-comment dl dt div.staff_id,
div#free-comment dl dt div.staff_id,
div#no-img-comment dl dt div.staff_id {
    width:176px;
    float:left;
}

div#new-comment dl dt div.staff_name,
div#tpc-comment dl dt div.staff_name,
div#free-comment dl dt div.staff_name,
div#no-img-comment dl dt div.staff_name {
    width:80px;
    float:left;
    font-size:10px;
    color: #aaa;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -moz-text-overflow:ellipsis; /* Firefox */
    -o-text-overflow: ellipsis; /* Opera */
}
/*================================================================================

        // グループ各社紹介

================================================================================*/

div.corp_info_ttl{
    margin:10px 0px 0px 0px;
    overflow:hidden;
}
div.corp_info_ttl h3{
    margin:10px 0px 0px;
}
div.title_line{
    height:2px;
    width:722px;
    background: url("../../../img/groupinfo/top/ttl_line.gif");
    margin:5px 0px 0px;
}
div.title_line2{
    height:2px;
    width:722px;
    background: url("../../../img/groupinfo/top/ttl_line.gif");
    margin:7px 0px 0px;
}
div.title_line3{
    height:2px;
    width:722px;
    background: url("../../../img/groupinfo/top/ttl_line.gif");
    margin:7px 0px -2px;
}
div.corp_info_ttl ul li.corp_info{
    float:left;
    margin-top:10px;
}
div.corp_info_ttl ul li.corp_info_center{
    float:left;
    margin-left:10px;
    margin-right:10px;
}
div.corp_info_ttl ul li a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}

/*================================================================================

        // facebook エリア

================================================================================*/

div#facebook-good {
    width:247px;
    height: 70px;
    border: 1px solid #d6d6d6;
    border-bottom: none;
}

div#facebook-good ul li {
    text-align: center;
    line-height: 70px;
}


div#facebook {
    height: 270px;
    border: 1px solid #d6d6d6;
    overflow-y: scroll;
}

div#facebook p {
    padding: 20px 20px 0;
}

.new_ico {
    margin-left: 6px;
    margin-top: 11px;
    display:inline;
    position: absolute;
}

span.bbs-title-text-red{
    font-size: 17.2px;
    font-weight: 900;
    color: #D4000E;
    vertical-align: bottom;
    text-shadow: 0.1px 0.1px 0.1px #ff6677;
}

span.bbs-title-text-black{
    font-size: 17px;
    font-weight: 900;
    color: #000000;
    vertical-align: bottom;
    margin-right: 15px;
    text-shadow: 0.1px 0.1px 0.1px #9e9999;
}

span.bbs-link-text-red{
    font-size: 13px;
    font-weight: 900;
    color: #D4000E;
    vertical-align: bottom;
    text-shadow: 0.1px 0.1px 0.1px #ff6677;
}

span.bbs-link-text-black{
    font-size: 12px;
    font-weight: 900;
    color: #8c8686;
    vertical-align: bottom;
}

span.bbs-link-text-black:hover{
    font-size: 12px;
    font-weight: 900;
    color: #C33B43;
    vertical-align: bottom;
}

span.red-text{
    font-weight: normal;
    color: #D4000E;
    vertical-align: bottom;
}

/* 不動産 */
.benefit_button_11 {
    width:52px;
    height:17px;
    font-size:12px;
    font-weight:bold;
    text-align:center;
    color:#fff;
    background-color:#cb1c1c;
    border-radius:3px;
    display:inline-block;
}

/* レジャー */
.benefit_button_12 {
    width:52px;
    height:17px;
    font-size:12px;
    font-weight:bold;
    text-align:center;
    color:#fff;
    border-radius:3px;
    background-color:#83ce96;
    display:inline-block;
}

/* セール */
.benefit_button_13 {
    width:52px;
    height:17px;
    font-size:12px;
    font-weight:bold;
    text-align:center;
    color:#fff;
    border-radius:3px;
    background-color:#d5cd4a;
    display:inline-block;
}

/* ライフ */
.benefit_button_14 {
    width:52px;
    height:17px;
    font-size:12px;
    font-weight:bold;
    text-align:center;
    color:#fff;
    border-radius:3px;
    background-color:#5296ae;
    display:inline-block;
}

/* その他 */
.benefit_button_15 {
    width:52px;
    height:17px;
    font-size:12px;
    font-weight:bold;
    text-align:center;
    color:#fff;
    border-radius:3px;
    background-color:#9466aa;
    display:inline-block;
}

/*================================================================================

        // tpc 関係

================================================================================*/
div#tpc_btn{
    background-image: url(/assets/img/groupinfo/contestbbs/img_post.png);
    width:160px;
    height:30px;
    display:inline-block;
    cursor:pointer;
    float:right;
    margin-right: 10px;
    position: absolute;
    right: 0;
    bottom: 2px;
}

div#tpc-comment div.tpc_comments{
    background-color: #FFFFFF;
    width:722px;
    padding:5px;
    overflow: hidden;
/*	max-height: 380px;*/
}

div#no-img-comment div.tpc_comments{
    background-color: #FFFFFF;
    width:722px;
    padding:5px;
    overflow: hidden;
/*  max-height: 380px;*/
}

div.tpc_parts{
    min-height:40px;
    position: relative;
}

ul.tpc_waku{
    width: 712px;
    margin: 0px auto;
    overflow: hidden;
    max-height: 252px;
}

li.tpc_img{
    float:left;
    margin:3px;
    max-width:200px;
    height:120px;
    box-sizing: border-box;
}

li.tpc_img img{
    max-width:200px;
    max-height:120px;
}

.img_dialog{
    display:none;
}

.tpc-comment-form{
    position:fixed;
    z-index:1000;
    background-color:#fff;
    width:690px;
    left:50%;
    top:50%;
    height:400px;
    padding:10px;
}

.modalBK{
    background-color:rgba(0, 0, 0, 0.4);
    height:200%;
    width:100%;
    z-index:999;
    visibility:visible;
    position:fixed;
    top:0;
    left:0;
}

div.tpc-comment-form{
    border:4px solid #CCC;
}

div.tpc-comment-form h3{
    color:#FFF;
    background-color:#CCCCCC;
    height:30px;
    line-height: 30px;
    padding-left: 10px;
    margin-bottom:10px;
}
div.tpc-comment-form table{
    border:1px solid #EEE;
    margin-bottom:10px;
    width:690px;

}

div.tpc-comment-form table th{
    padding:5px;
    background-color:#F2F2F2;
    border:1px solid #EEE;
    vertical-align:middle;
}

div.tpc-comment-form table td{
    padding:5px;
    border:1px solid #EEE;

}

div.tpc-comment-form table input[type="text"]{
    width:480px;
    padding:3px;
}

div.tpc-comment-form table textarea{
    resize:none;
    width:579px;
    height:50px;
    padding:3px;
}

div.tpc-comment-form div.btn_space{
    text-align:center;
    line-height:14px;
    height:26px;
}

div.tpc-comment-form div.close{
    cursor: pointer;
    position: absolute;
    top: 15px;
    left: 670px;
}

div.tpc-comment-form input[name="tpc_submit"]{
}

div.tpc-comment-form p.tpc_center{
    text-align:center;
}

div.tpc-comment-form span[class^="err_"]{
    font-size:11px;
    color:red;
}
.disableclick{
	cursor: pointer;
}