﻿

/*** for PC Browser ***/
@media (min-width:401px)
{
.EventCal_Standard
{
}

.EventCal_Standard .ModuleReference
{
}

.EventCal_Standard .Term h2
{
    padding: 10px 100px 8px;
    position: relative;
    text-align: center;
    z-index: 0;
}

.EventCal_Standard .Prev span
{
    background: #ffffff url("../../../Images/LastMonth.png") no-repeat left 5px;
    border-radius: 1px;
    display: block;
    left: 10px;
    padding: 5px 10px 5px 20px;
    position: absolute;
    top: 6px;
    z-index: 1;
}

.EventCal_Standard .Next span
{
    background: #ffffff url("../../../Images/NextMonth.png") no-repeat right 5px;
    border-radius: 1px;
    display: block;
    padding: 5px 20px 5px 10px;
    position: absolute;
    right: 10px;
    top: 6px;
    z-index: 1;
}

/* == ブロック == */
.EventCal_Standard .DivLeft,
.EventCal_Standard .DivRight
{
    float: left;
    width: 50%;
}

.EventCal_Standard .CalDate
{
  display:block;
  margin:0px;
  padding:3px;
  width:20px;
  text-align:center;
  float:left;
}

.EventCal_Standard .CalDay
{
  display:block;
  margin:0px;
  padding:3px;
  width:2.6em;
  text-align:center;
  float:left;
}

.EventCal_Standard .CalContents
{
  display:block;
  padding:3px;
  padding-left:5px;
  float:left;
}

.EventCal_Standard .Date
{
  display:block;
  padding:3px;
  width:auto;
  text-align:center;
  float:left;
}

.EventCal_Standard .Day
{
  display:block;
  float:left;
  padding:2px 5px 2px 0;
  text-align:center;
  width:2.3em;
}

.EventCal_Standard .Contents
{
  border-bottom: #7E7A79 1px dotted;
  background-color: white;
  margin:0px;
  font-size:small;
}

.EventCal_Standard .alter
{
  background-color: #eeeeee;
}

.EventCal_Standard .LineLeft
{
    float: left;
    margin: 0;
    min-height: 18px;
}

.EventCal_Standard .LineRight
{
    border-left: 1px dotted #7e7a79;
    margin: 0 0 0 6.7em;
    min-height: 18px;
    padding: 2px 5px;
    width: auto;
}

.EventCal_Standard .LineRight a:hover
{
  text-decoration:none;
  color:black;
}

.EventCal_Standard .Holiday
{
  color: #7f610e;
  font-size: small;
}

.EventCal_Standard .HolidayOther
{
}

/*通常日*/
.EventCal_Standard .WeekD_D
{
  color:black;
  font-size: small;
  font-weight:bold;
  width:2.6em;
  padding:2px 0px 2px 0.1em;
  text-align:right;
}

.EventCal_Standard .WeekD
{
  color: black;
  font-size: small;
  padding:2px 0px 2px 0;
  text-align:left;
}

/*土曜日*/
.EventCal_Standard .SatD_D
{
  color: blue;
  font-size: small;
  font-weight:bold;
  width:2.6em;
  padding:2px 0px 2px 0.1em;
  text-align:right;
}

.EventCal_Standard .SatD
{
  color: blue;
  font-size: small;
  padding:2px 0px 2px 0;
  text-align:left;
}

/*日曜、祝日*/
.EventCal_Standard .HoliD_D
{
  color: #D90000;
  font-size: small;
  font-weight:bold;
  width:2.6em;
  padding:2px 0px 2px 0.1em;
  text-align:right;
}

.EventCal_Standard .HoliD
{
  color: #D90000;
  font-size: small;
  padding:2px 0px 2px 0;
  text-align:left;
}

/* == リスト化調整 == */
.EventCal_Standard ul
{
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.EventCal_Standard ul li
{
    list-style: none outside none;
    margin: 0;
    background: url("../../../Images/small_icon.gif") no-repeat left 5px;
    padding: 0 0 0 10px;
}

.EventCal_Standard ul li img
{
    vertical-align: middle;
}

/* 装飾 */
.EventCal_Standard .DivLeft .LineRight a,
.EventCal_Standard .DivRight .LineRight a
{

}

/* 左右領域 */
#LeftPane .EventCal_Standard .Term h2,
#RightPane .EventCal_Standard .Term h2
{
    padding: 50px 10px 8px;
    position: relative;
    text-align: center;
    z-index: 0;
}

#LeftPane .EventCal_Standard .DivLeft,
#LeftPane .EventCal_Standard .DivRight,
#RightPane .EventCal_Standard .DivLeft,
#RightPane .EventCal_Standard .DivRight
{
    float: left;
    width: 100%;
}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
.EventCal_Standard
{
}

.EventCal_Standard .ModuleReference
{
}

.EventCal_Standard .Term h2
{
    padding: 45px 10px 8px;
    position: relative;
    text-align: center;
    z-index: 0;
}

.EventCal_Standard .outside_b span
{
    border-radius: 1px;
    display: block;
    font-size: small;
    position: absolute;
    text-align: center;
    top: 6px;
    width: 140px;
    padding: 5px;
    z-index: 1;
}

.EventCal_Standard .Prev span
{
    background: #ffffff url("../../../Images/LastMonth.png") no-repeat left 5px;
    left: 6px;
}

.EventCal_Standard .Next span
{
    background: #ffffff url("../../../Images/NextMonth.png") no-repeat right 5px;
    right: 6px;
}

/* == ブロック == */
.EventCal_Standard .DivLeft,
.EventCal_Standard .DivRight
{
    float: left;
    width: 100%;
}

.EventCal_Standard .CalDate
{
  display:block;
  margin:0px;
  padding:3px;
  width:20px;
  text-align:center;
  float:left;
}

.EventCal_Standard .CalDay
{
  display:block;
  margin:0px;
  padding:3px;
  width:2.6em;
  text-align:center;
  float:left;
}

.EventCal_Standard .CalContents
{
  display:block;
  padding:3px;
  padding-left:5px;
  float:left;
}

.EventCal_Standard .Date
{
  display:block;
  padding:3px;
  width:auto;
  text-align:center;
  float:left;
}

.EventCal_Standard .Day
{
  display:block;
  float:left;
  padding:2px 5px 2px 0;
  text-align:center;
  width:2.3em;
}

.EventCal_Standard .Contents
{
  border-bottom: #7E7A79 1px dotted;
  background-color: white;
  margin:0px;
  font-size:small;
}

.EventCal_Standard .alter
{
  background-color: #E5E5E5;
}

.EventCal_Standard .LineLeft
{
    float: left;
    margin: 0;
    min-height: 18px;
    padding: 10px;
}

.EventCal_Standard .LineRight
{
    border-left: 1px dotted #7e7a79;
    margin: 0 0 0 8em;
    min-height: 18px;
    padding: 10px;
    width: auto;
}

.EventCal_Standard .LineRight a:hover
{
  text-decoration:none;
  color:black;
}

.EventCal_Standard .Holiday
{
  color: #7f610e;
  font-size: small;
}

.EventCal_Standard .HolidayOther
{
}

/*通常日*/
.EventCal_Standard .WeekD_D
{
  color:black;
  font-size: small;
  font-weight:bold;
  width:2.6em;
  padding:2px 0px 2px 0.1em;
  text-align:right;
}

.EventCal_Standard .WeekD
{
  color: black;
  font-size: small;
  padding:2px 0px 2px 0;
  text-align:left;
}

/*土曜日*/
.EventCal_Standard .SatD_D
{
  color: blue;
  font-size: small;
  font-weight:bold;
  width:2.6em;
  padding:2px 0px 2px 0.1em;
  text-align:right;
}

.EventCal_Standard .SatD
{
  color: blue;
  font-size: small;
  padding:2px 0px 2px 0;
  text-align:left;
}

/*日曜、祝日*/
.EventCal_Standard .HoliD_D
{
  color: red;
  font-size: small;
  font-weight:bold;
  width:2.6em;
  padding:2px 0px 2px 0.1em;
  text-align:right;
}

.EventCal_Standard .HoliD
{
  color: red;
  font-size: small;
  padding:2px 0px 2px 0;
  text-align:left;
}

/* == リスト化調整 == */
.EventCal_Standard ul
{
    list-style: none;
    margin: 0;
    padding: 0 !important;
}

.EventCal_Standard ul li
{
    list-style: none outside none;
    margin: 0;
    background: url("../../../Images/small_icon.gif") no-repeat left 5px;
    padding: 0 0 0 10px;
}

.EventCal_Standard ul li img
{
    vertical-align: middle;
}

/* 装飾 */
.EventCal_Standard .DivLeft .LineRight a,
.EventCal_Standard .DivRight .LineRight a
{

}

/* 左右領域 */
#LeftPane .EventCal_Standard .Term h2,
#RightPane .EventCal_Standard .Term h2
{
    padding: 50px 10px 8px;
    position: relative;
    text-align: center;
    z-index: 0;
}

#LeftPane .EventCal_Standard .DivLeft,
#LeftPane .EventCal_Standard .DivRight,
#RightPane .EventCal_Standard .DivLeft,
#RightPane .EventCal_Standard .DivRight
{
    float: left;
    width: 100%;
}
}
