@charset "utf-8";

/*一覧画面****************************************************************************************/
.type038-calender{
    font-size:88%;
}

.type038-tbl{
    width:100%;
    table-layout: fixed;
}

.type038-block .search-area{
    font-size:100%;
    width:100%;
    min-height:32px;
    height: auto !important;
    line-height:28px;
    overflow:hidden;
    position:relative;
}

.type038-block .search-area select{
    width : 160px;
    height : 36px;
    padding : 8px 10px 8px 0;
}

.type038-block .search-area select:hover{
    color : red;
}

.type038-block .search-area button{
    padding : 8px 26px;
    border-radius         : 5px;
    -webkit-border-radius : 5px;
    -moz-border-radius    : 5px;
}

.type038-block a.cal-btn.monthly{
    width:36px;
}

/* 週表示 */
.type038-block a.cal-btn.weekly{
    width:100px;
}

.type038-block a.cal-btn{
   display:inline-block;
   height:36px;
   line-height: 36px;
   text-align: center;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border:solid 1px #999999;

    background: #f9fafc;
    background: -moz-linear-gradient(top,  #f9fafc 0%, #e8e9eb 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9fafc), color-stop(100%,#e8e9eb));
    background: -webkit-linear-gradient(top,  #f9fafc 0%,#e8e9eb 100%);
    background: -o-linear-gradient(top,  #f9fafc 0%,#e8e9eb 100%);
    background: -ms-linear-gradient(top,  #f9fafc 0%,#e8e9eb 100%);
    background: linear-gradient(to bottom,  #f9fafc 0%,#e8e9eb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fafc', endColorstr='#e8e9eb',GradientType=0 );
    /* color:#666666 !important; */
    cursor:pointer !important;
    text-decoration: none !important;
}

/* webアクセシビリティ設定時はこちらのcssを読む */
.type038-block .icon_caption_box a.cal-btn{
   display:inline-block;
   min-height: 28px;
   height: auto !important;
   min-width:60px;
   width: auto !important;
   line-height: 28px;
   text-align: center;
   padding: 0 5px 0 5px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border:solid 1px #999999;

    background: #f9fafc;
    background: -moz-linear-gradient(top,  #f9fafc 0%, #e8e9eb 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9fafc), color-stop(100%,#e8e9eb));
    background: -webkit-linear-gradient(top,  #f9fafc 0%,#e8e9eb 100%);
    background: -o-linear-gradient(top,  #f9fafc 0%,#e8e9eb 100%);
    background: -ms-linear-gradient(top,  #f9fafc 0%,#e8e9eb 100%);
    background: linear-gradient(to bottom,  #f9fafc 0%,#e8e9eb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fafc', endColorstr='#e8e9eb',GradientType=0 );
    color:#666666 !important;
    cursor:pointer !important;
    text-decoration: none !important;
}

.type038-block a.cal-btn.date-slt-btn{
    cursor:default !important;

}

.type038-tbl .item-area .tip a{
	cursor:pointer;
}

/*通常カレンダー*/
.type038-normal-tbl th{
    padding:5px;
    vertical-align: middle;
    text-align:center;
}

.type038-normal-tbl td{
    width:14.28%;
    vertical-align: top;
}

.type038-normal-tbl td .record-lists{
    min-height:auto;
    margin:0px;
}

.type038-normal-tbl .item-wrap{
    padding:5px 0px;
    width:100%;
    min-height:64px;
}

/*.type038-normal-tbl .plan,.type038-normal-tbl .plan_type_dummy,.type038-block .plan_bar{*/
.type038-normal-tbl .plan_type_dummy,.type038-block .plan_bar{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.type038-block .plan_bar{
    padding:0px 5px;
    border:solid 1px #CCCCCC;
    line-height: 1.3;
}

.type038-block .plan{
    line-height: 1.3;
}

.type038-normal-tbl .symbol{
    font-size:157%;
    text-align: center;
}

#bg .type038-block .plan_bar a[href],#bg .type038-block .plan a[href]{
    text-decoration: underline;
}

/*リストカレンダー*/
.type038-list-tbl th,.type038-list-tbl td{
    min-height:auto;
    height:auto;
    width:100%;
}

.type038-list-tbl .tx-area,.type038-list-tbl .item-area{
    padding:8px 0px;
}

.type038-list-tbl .tx-area{
    text-align:right;
    padding-right:10px;
}

.type038-list-tbl .plan{
    margin-top:8px;
    line-height:1.3;
}

.type038-list-tbl .plan:first-child{
    margin-top:0px;
}

.type038-list-tbl span.plan-mark{
    display:inline-block;
    width:10px;
    height:100%;
}

.type038-list-tbl .item-list-wrap{
    overflow: hidden;
}

.type038-list-tbl .item-list-wrap .tx-area{
    width:60px;
    float:left;
}

.type038-list-tbl .item-list-wrap .item-area{
    width:100%;
    margin-left:-60px;
    float:left;
}

.type038-list-tbl .item-list-wrap .item-area .plan{
    margin-left:60px;
    padding-right:20px;
}

/*詳細画面****************************************************************************************/
.type038-block .type038-detail{
    float:none;
    width : 100%;
}

.type038-block .type038-detail:last-child{
    /*border-bottom : 1px dotted #666;*/
}

.type038-block .type038-detail .tip-text {
    /*border-bottom : 1px dotted #666;*/
}


.type038-block .type038-bottom-list {
    display : table;
    width : 100%;
/*    line-height:1.0;*/
}

.type038-block .type038-bottom-list li {
    display : table-cell;
    vertical-align : middle;
/*  padding : 15px 0;*/
/*  border-bottom : 1px dotted #666;*/
}

.type038-block .type038-bottom-list li.cell1 {
    width : 31px;
    font-size: 72%;
    color : #ccc;
    text-align : center;
}

.type038-block .type038-bottom-list li.cell2 {
    width : auto;
}

.type038-block .type038-detail-title {
    width: 100%;
    font-weight: bold;
    color: #2D2E39;
    background: #E3E7EE;
    box-sizing: border-box;
    padding: 10px;
}

/*スマートフォン************************************************************************************/
/*
.sp-one-column .type038-calender{
    margin:0px 5px;
}
*/
.sp-one-column .cal-date-select{
    width:80px;
    height:28px;
    line-height:1;
}

.sp-one-column .type038-block a.prev-btn.monthly,
.sp-one-column .type038-block a.next-btn.monthly{
    width:40px;
}

/* 週表示 */
.sp-one-column .type038-block a.prev-btn.weekly,
.sp-one-column .type038-block a.next-btn.weekly{
    width:70px;
}

.sp-one-column .type038-block a.prev-btn{
    border-top-right-radius:0px;
    border-bottom-right-radius:0px;
    border-right:none;
}

.sp-one-column .type038-block a.next-btn{
    border-top-left-radius:0px;
    border-bottom-left-radius:0px;
}

/*ノーマルテーブル*/
.sp-one-column .type038-normal-tbl{

}

.sp-one-column .type038-normal-tbl .item-wrap{
    padding:5px 0px;
    width:100%;
    min-height:34px;
}
.sp-one-column .type038-normal-tbl .item-wrap .show-plan-btn{
    min-height:25px;
	display:block;
}

.sp-one-column .type038-block .plan_bar{
    padding:0px;
}

/*リストテーブル*/
.sp-one-column .type038-list-tbl{
    margin-top:0px;
}

.sp-one-column .type038-list-tbl,.sp-one-column .type038-list-tbl tr{
    display:none;
}

.sp-one-column .type038-list-tbl .tx-area{
}

/*詳細*/
.sp-one-column .type038-normal-tbl .item-tip{
    display:block;
    position:absolute;
    top:0px;
    right:0px;
    border: 5px solid #3399CC;
    border-bottom-color: transparent;
    border-left-color: transparent;
}

.sp-one-column .type038-block .type038-detail{
    float:none;
    width : 100%;
    margin:0px;
}


.sp-one-column .type038-bottom-list {
    display : table;
    width : 100%;
/*  border-bottom : 1px dotted #666;*/
}

.sp-one-column .type038-bottom-list li {
    display : table-cell;
    vertical-align : middle;
/*  padding : 15px 0;*/
/*  margin : 0 5px;*/
}

.sp-one-column .type038-bottom-list li.cell1 {

    width : 30px;
    font-size: 10px;
    color : #ccc;
    text-align : center;
}

.sp-one-column .type038-bottom-list li.cell2 {

    width : auto;
}

/* #3093 Webac */
.type038-block .search-area.webac .cal-date-select{
	width : 125px;
}
/*
.type038-block .search-area.webac .prev-btn,
.type038-block .search-area.webac .next-btn
{
	width : 50px;
}
*/

.type038-block .search-area.webac a.a-cal-type-btn{
	width :auto;
	padding : 3px;
}
