/*** for PC Browser ***/
@media (min-width:401px)
{
.EventCal_tf
{
  margin-bottom: 10px;
  font-size: small;
  width:730px;
}

.EventCal_tfb
{
  padding:0;
  margin:0px;
}

.EventCal_tf .HeaderTxt_h
{
  background-image:url("calender_title_top.gif");
  background-repeat:no-repeat;
  height:5px;
  font-size:1px !important;
  margin:0;
  padding:0;
  float:left;
  width:730px;
}

.EventCal_tf .HeaderTxt
{
  background-image:url("calender_title_bg.gif");
  background-repeat:repeat-y;
  color:black;
  font-size:medium;
  font-weight:bold;
  min-height:2em;
  height:auto !important;
  height:2em;
  margin:0;
  text-align:left;
  float:left;
  width:730px;
}

.EventCal_tf .HeaderTxt_b
{
  background-image:url("calender_title_bottom.gif");
  background-repeat:no-repeat;
  height:5px;
  font-size:1px !important;
  margin:0;
  padding:0;
  float:left;
  width:730px;
}

.EventCal_tf .Prev
{
  float:left;
  margin:0;
  padding:5px 0 0 7px;
  width:80px;
  /*height:30px;*/
}

.EventCal_tf .Prev a
{
  font-size:12px;
  text-decoration:none;
}

.EventCal_tf .Prev a img
{
  margin: 0 2px -2px 0;
}

.EventCal_tf .Term
{
  float:left;
  /*height:30px;*/
  line-height:1.4;
  text-align:center;
  padding:5px 0 0;
}

.EventCal_tf .Term h2
{
  color:#000000;
  float:left;
  /*height:30px;*/
  margin:0;
  text-align:center;
  width:550px;
}

.EventCal_tfb h2
{
  font-weight:bold;
  font-size: medium;
}

.EventCal_tf .Next
{
  float:left;
  margin:0;
  padding:5px 7px 0 0;
  width:80px;
  /*height:30px;*/
  text-align:right;
}

.EventCal_tf .Next a
{
  font-size:12px;
  text-decoration:none;
}

.EventCal_tf .Next a img
{
  margin: 0 0 -2px 2px;
}

.EventCal_tf .CommandButton
{
  width:730px;
  float:left;
}

.EventCal_tf .DivLeft
{
  float:left;
  width:360px;
  border-top:1px dotted #7E7A79;
  border-bottom:1px dotted #7E7A79;
  /*margin-left:10px;*/
}

.EventCal_tf .DivRight
{
  border-bottom:1px dotted #7E7A79;
  border-top:1px dotted #7E7A79;
  float:left;
  margin-left:10px;
  width:360px;
}

.EventCal_tf .CalDate
{
  display:block;
  margin:0px;
  padding:3px;
  width:20px;
  text-align:center;
  float:left;
}

.EventCal_tf .CalDay
{
  display:block;
  margin:0px;
  padding:3px;
  width:2.6em;
  text-align:center;
  float:left;
}

.EventCal_tf .CalContents
{
  display:block;
  padding:3px;
  padding-left:5px;
  float:left;
}

.EventCal_tf .Date
{
  display:block;
  padding:3px;
  width:auto;
  text-align:center;
  float:left;
}

.EventCal_tf .Day
{
  display:block;
  float:left;
  padding:2px 5px 2px 0;
  text-align:center;
  width:2.3em;
}

.EventCal_tf .Contents
{
  border-bottom: #7E7A79 1px dotted;
  background-color: white;
  margin:0px;
  font-size:small;
}

.EventCal_tf .alter
{
  background-color: #E5E5E5;
}

.EventCal_tf .LineLeft
{
/*  border-right:1px dotted #7E7A79;*/
  float:left;
  margin:0;
  min-height:18px;
  width:74px;
}

.EventCal_tf .LineRight
{
  border-left:1px dotted #7E7A79;
  margin:0px;
  padding:2px 5px 2px 5px;
  float:left;
  min-height:18px;
  width:auto;
  max-width:275px;
}

.EventCal_tf .LineRight ul
{
list-style: none outside none;
margin:0;
padding:0;
}

.EventCal_tf .LineRight ul li
{
list-style: none outside none;
background: url("../../../images/simple_icon1.gif") no-repeat left 5px;
margin:0;
padding:0;
}

.EventCal_tf .LineRight ul li a
{
margin:0 0 0 10px;
}

.EventCal_tf .LineRight a:hover
{
  text-decoration:none;
  color:black;
}

.EventCal_tf .Holiday
{
  color: #7f610e;
  font-size: small;
}

.EventCal_tf .HolidayOther
{
}

/*通常日*/
.EventCal_tf .WeekD_D
{
  color:black;
  font-size:14px;
  font-weight:bold;
  width:2.6em;
  padding:2px 0px 2px 0.1em;
  text-align:right;
}

.EventCal_tf .WeekD
{
  color: black;
  font-size: 14px;
  padding:2px 0px 2px 0;
  text-align:left;
}

/*土曜日*/
.EventCal_tf .SatD_D
{
  color: blue;
  font-size:14px;
  font-weight:bold;
  width:2.6em;
  padding:2px 0px 2px 0.1em;
  text-align:right;
}

.EventCal_tf .SatD
{
  color: blue;
  font-size: 14px;
  padding:2px 0px 2px 0;
  text-align:left;
}

/*日曜、祝日*/
.EventCal_tf .HoliD_D
{
  color: red;
  font-size:14px;
  font-weight:bold;
  width:2.6em;
  padding:2px 0px 2px 0.1em;
  text-align:right;
}

.EventCal_tf .HoliD
{
  color: red;
  font-size: 14px;
  padding:2px 0px 2px 0;
  text-align:left;
}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
.EventCal_tf
{
  margin-bottom: 0px;
  font-size: small;
  width:320px;
}

.EventCal_tfb
{
  padding:0;
  margin:0px;
}

.EventCal_tf .HeaderTxt_h
{
  background-image:url("sf_calender_title_top.gif");
  background-repeat:no-repeat;
  height:5px;
  font-size:1px !important;
  margin:0;
  padding:0;
  float:left;
  width:320px;
}

.EventCal_tf .HeaderTxt
{
  background-image:url("sf_calender_title_bg.gif");
  background-repeat:repeat-y;
  color:black;
  font-size:medium;
  font-weight:bold;
  min-height:2em;
  height:auto !important;
  height:2em;
  margin:0;
  text-align:left;
  float:left;
  width:320px;
}

.EventCal_tf .HeaderTxt_b
{
  background-image:url("sf_calender_title_bottom.gif");
  background-repeat:no-repeat;
  height:5px;
  font-size:1px !important;
  margin:0;
  padding:0;
  float:left;
  width:320px;
}


.EventCal_tf .Prev
{
  float:left;
  margin:0;
  padding:8px 0 0 7px;
  width:80px;
  /*height:30px;*/
}

.EventCal_tf .Prev a
{
  font-size:12px;
  text-decoration:none;
}

.EventCal_tf .Prev a img
{
  margin: 0 2px -2px 0;
}

.EventCal_tf .Term
{
  float:left;
  /*height:30px;*/
  line-height:1.4;
  text-align:center;
  padding:6px 0 0;
}

.EventCal_tf .Term h2
{
  color:#000000;
  float:left;
  /*height:30px;*/
  margin:0;
  text-align:center;
  width:140px;
}

.EventCal_tfb h2
{
  font-weight:bold;
  font-size: medium;
}

.EventCal_tf .Next
{
  float:left;
  margin:0;
  padding:8px 7px 0 0;
  width:80px;
  /*height:30px;*/
  text-align:right;
}

.EventCal_tf .Next a
{
  font-size:12px;
  text-decoration:none;
}

.EventCal_tf .Next a img
{
  margin: 0 0 -2px 2px;
}

.EventCal_tf .CommandButton
{
  width:320px;
  float:left;
}

.EventCal_tf .DivLeft
{
  width:320px;
  border-top:1px dotted #7E7A79;
  border-bottom:1px dotted #7E7A79;
  /*margin-left:10px;*/
}

.EventCal_tf .DivRight
{
  border-bottom:1px dotted #7E7A79;
  /*border-top:1px dotted #7E7A79;*/
  margin-left:0px;
  width:320px;
}

.EventCal_tf .CalDate
{
  display:block;
  margin:0px;
  padding:3px;
  width:20px;
  text-align:center;
  float:left;
}

.EventCal_tf .CalDay
{
  display:block;
  margin:0px;
  padding:3px;
  width:2.6em;
  text-align:center;
  float:left;
}

.EventCal_tf .CalContents
{
  display:block;
  padding:3px;
  padding-left:5px;
  float:left;
}

.EventCal_tf .Date
{
  display:block;
  padding:3px;
  width:auto;
  text-align:center;
  float:left;
}

.EventCal_tf .Day
{
  display:block;
  float:left;
  padding:2px 5px 2px 0;
  text-align:center;
  width:2.3em;
}

.EventCal_tf .Contents
{
  border-bottom: #7E7A79 1px dotted;
  background-color: white;
  margin:0px;
  font-size:small;
}

.EventCal_tf .alter
{
  background-color: #E5E5E5;
}

.EventCal_tf .LineLeft
{
/*  border-right:1px dotted #7E7A79;*/
  float:left;
  margin:0;
  min-height:18px;
  width:74px;
}

.EventCal_tf .LineRight
{
  border-left:1px dotted #7E7A79;
  margin:0px;
  padding:2px 5px 2px 5px;
  float:left;
  min-height:18px;
  width:auto;
}

.EventCal_tf .LineRight ul
{
list-style: none outside none;
margin:0;
padding:0;
}

.EventCal_tf .LineRight ul li
{
list-style: none outside none;
background: url("../../../images/simple_icon1.gif") no-repeat left 5px;
margin:0;
padding:0;
}

.EventCal_tf .LineRight ul li a
{
margin:0 0 0 10px;
}

.EventCal_tf .LineRight a:hover
{
  text-decoration:none;
  color:black;
}

.EventCal_tf .Holiday
{
  color: #7f610e;
  font-size: small;
}

.EventCal_tf .HolidayOther
{
}

/*通常日*/
.EventCal_tf .WeekD_D
{
  color:black;
  font-size:14px;
  font-weight:bold;
  width:2.6em;
  padding:2px 0px 2px 0.1em;
  text-align:right;
}

.EventCal_tf .WeekD
{
  color: black;
  font-size: 14px;
  padding:2px 0px 2px 0;
  text-align:left;
}

/*土曜日*/
.EventCal_tf .SatD_D
{
  color: blue;
  font-size:14px;
  font-weight:bold;
  width:2.6em;
  padding:2px 0px 2px 0.1em;
  text-align:right;
}

.EventCal_tf .SatD
{
  color: blue;
  font-size: 14px;
  padding:2px 0px 2px 0;
  text-align:left;
}

/*日曜、祝日*/
.EventCal_tf .HoliD_D
{
  color: red;
  font-size:14px;
  font-weight:bold;
  width:2.6em;
  padding:2px 0px 2px 0.1em;
  text-align:right;
}

.EventCal_tf .HoliD
{
  color: red;
  font-size: 14px;
  padding:2px 0px 2px 0;
  text-align:left;
}
}