/*** for PC Browser ***/
@media (min-width:401px)
{
/* リスト系パーツ */
.list > .ModuleReference li a:has(href)
{
    background: url("../../../Images/icon_layer.png") no-repeat left 4px top 15px!important;
}

.list > .ModuleReference li a.SelectedTab
{
    background-color: #F6E2DB !important;
}


.list > .ModuleReference .outside_b h2
{
    background: url(../../../Images/menu_h.png) no-repeat #004D99;
    color: #fff;
    font-size: large;
    padding: 18px 10px 18px 10px;
    border-radius: 0px;
}

.list > .ModuleReference .outside_b h2 a
{
    color: #fff;
    padding: 0 0 0 10px;
    display: inline-block;
    border-left: 5px solid #ffffff;
}

.list > .ModuleReference .inside_b > ul
{
    margin: 0;
    padding: 0;
}

/* リスト系パーツ(左領域) */
#LeftPane .list > .ModuleReference
{
    background-color: #004D99;
    border-radius: 10px;
    padding: 3px;
    box-sizing: border-box;
}

#LeftPane .list > .ModuleReference .outside_b h2
{
    background-color: #004D99;
    color: #fff;
    font-size: large;
    padding: 18px 10px 18px 10px;
    border-radius: 0px;
}

#LeftPane .list > .ModuleReference .outside_b h2 a
{
    color: #fff;
    padding: 0 0 0 10px;
    display: inline-block;
    border-left: 5px solid #ffffff;
}

#LeftPane .list > .ModuleReference .inside_b
{
    background-color: #ffffff;
    border-radius: 8px;
    overflow: hidden;
}

/* ===== カレンダー用 ===== */
.cal_title
{
  color: #303030;
  border-bottom: 1px solid #bfbfbf;
  margin: 0 0 10px;
  padding: 20px 0;
  box-sizing: border-box;
  font-size: x-large;
  font-weight: bold;
  text-align: center;
}

.BlogCalendar_Standard td.
.EventListCalendar_Standard td
{
    font-size: 100% !important;
    padding: 5px;
    font-weight: bold;
}

.BlogCalendar_Standard td.Fix_DayHeader,
.EventListCalendar_Standard td.Fix_DayHeader
{
    background-color: transparent;
    border-bottom: 1px solid #bfbfbf;
}

.EventListCalendar_Standard td.Fix_DayHeader:first-child
{
    border-bottom: none;
}

.BlogCalendar_Standard .Saturday,
.EventListCalendar_Standard .Saturday
{
    background-color: transparent;
    color: #024D96;
}

.BlogCalendar_Standard .Fix_WeekendDay:not(.Saturday),
.EventListCalendar_Standard .Fix_WeekendDay:not(.Saturday)
{
    background-color: transparent;
    color: #B53B47;
}

.BlogCalendar_Standard .Fix_OtherMonthDay,
.EventListCalendar_Standard .Fix_OtherMonthDay
{
    color: #C5C5C5;
}

.BlogCalendar_Standard td.NextPrev a,
.BlogCalendar_Standard td.Fix_Selector a,
.EventListCalendar_Standard td.NextPrev a,
.EventListCalendar_Standard td.Fix_Selector a
{
    text-decoration: none;
    border-radius: 50% 50%;
    background: #F0F2F7;
    color: #004896 !important;
    padding: 5px 10px;
    display: block;
}

/*auto generated region*/

#BaseTable
{

}
#SystemMenu
{

}
#HeaderPane
{

}
#Middle
{

}
#LeftPane
{

}
#ContentPane
{

}
#RightPane
{

}
#FooterPane
{

}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
/* リスト系パーツ */
.list > .ModuleReference li a:has(href)
{
    background: url("../../../Images/icon_layer.png") no-repeat left 4px top 50% !important;
    padding: 12px 10px 12px 20px;
}

.list > .ModuleReference li a.SelectedTab
{
    background-color: #F6E2DB !important;
}


.list > .ModuleReference .outside_b h2
{
    background: url(../../../Images/menu_h.png) no-repeat #004D99;
    color: #fff;
    font-size: large;
    padding: 18px 10px 18px 10px;
    border-radius: 0px;
}

.list > .ModuleReference .outside_b h2 a
{
    color: #fff;
    padding: 0 0 0 10px;
    display: inline-block;
    border-left: 5px solid #ffffff;
}

.list > .ModuleReference .inside_b > ul
{
    margin: 0;
    padding: 0;
}

/* リスト系パーツ(左領域) */
#LeftPane .list > .ModuleReference
{
    background-color: #004D99;
    padding: 3px;
    box-sizing: border-box;
}

#LeftPane .list > .ModuleReference .outside_b h2
{
    background-color: #004D99;
    color: #fff;
    font-size: large;
    padding: 18px 10px 18px 10px;
    border-radius: 0px;
}

#LeftPane .list > .ModuleReference .outside_b h2 a
{
    color: #fff;
    padding: 0 0 0 10px;
    display: inline-block;
    border-left: 5px solid #ffffff;
}

#LeftPane .list > .ModuleReference .inside_b
{
    background-color: #ffffff;
    border-radius: 8px;
    overflow: hidden;
}

/* ===== カレンダー用 ===== */
.cal_title
{
  color: #303030;
  border-bottom: 1px solid #bfbfbf;
  margin: 0 0 10px;
  padding: 20px 0;
  box-sizing: border-box;
  font-size: x-large;
  font-weight: bold;
  text-align: center;
}

.BlogCalendar_Standard td.
.EventListCalendar_Standard td
{
    font-size: medium !important;
    padding: 5px;
    font-weight: bold;
}

.BlogCalendar_Standard td.Fix_DayHeader,
.EventListCalendar_Standard td.Fix_DayHeader
{
    background-color: transparent;
    border-bottom: 1px solid #bfbfbf;
}

.EventListCalendar_Standard td.Fix_DayHeader:first-child
{
    border-bottom: none;
}

.BlogCalendar_Standard .Saturday,
.EventListCalendar_Standard .Saturday
{
    background-color: transparent;
    color: #024D96;
}

.BlogCalendar_Standard .Fix_WeekendDay:not(.Saturday),
.EventListCalendar_Standard .Fix_WeekendDay:not(.Saturday)
{
    background-color: transparent;
    color: #B53B47;
}

.BlogCalendar_Standard .Fix_OtherMonthDay,
.EventListCalendar_Standard .Fix_OtherMonthDay
{
    color: #C5C5C5;
}

.BlogCalendar_Standard td.NextPrev a,
.BlogCalendar_Standard td.Fix_Selector a,
.EventListCalendar_Standard td.NextPrev a,
.EventListCalendar_Standard td.Fix_Selector a
{
    text-decoration: none;
    border-radius: 50% 50%;
    background: #F0F2F7;
    color: #004896 !important;
    padding: 5px 10px;
    display: block;
}
}