﻿

/*** for PC Browser ***/
@media (min-width:401px)
{
.BrowserEventList
{
  /*	background-color:#ffffff ;*/
  margin:0;
 padding:0;
}

.BrowserEventList .HeaderTxt
{
  font-weight: bold;
  font-size: 125%;
  text-align: left;
  color: white;
  padding: 2px;
  padding-left: 5px;
  margin: 0px;
  height:auto;  
/*dummy
	filter: Blur(strength=2,add=true) DropShadow(offX=1,offY=1,color=lightgrey);*/
}


.BrowserEventList .Title 
{
  text-align: left;
  color: #333333;
  font-size: medium;
  margin:2px 2px 2px 0;
  padding:6px 2px 2px 0px;
  background-color: #f0f8ff;
  line-height:130%;
}

.BrowserEventList .Mark
{
  color: #663300;
  padding: 2px;
  padding-left: 1px;
  margin: 0px;
}

.BrowserEventList .CDatetime
{
  font-family: 'ＭＳ ゴシック' , 'Osaka－等幅' , monospace;
  float: right;
  font-size: small;
  text-align: center;
  color: black;
  padding: 2px;
}

.BrowserEventList .CDate {
  padding:2px;
}

.BrowserEventList .Summary
{
  font-size: small;
  color: #333;
  padding:3px 3px 6px 5px;
  margin:3px 2px 3px 5px;
}

.BrowserEventList .CalendarBack
{
  background-color: #eeeeee;
  font-size: x-small;
  text-align: left;
  border-bottom: solid 0px #9999cc;
  padding: 0px;
}

.BrowserEventList .PageControl
{
  background-color: #eeeeee;
  font-size: x-small;
  text-align: right;
  padding: 2px;
}

.BrowserEventList .yohaku
{
  padding:0px 4px 6px 10px;
  margin:0;
  line-height:128%;
}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
.BrowserEventList
{
  /*	background-color:#ffffff ;*/
  margin:0;
 padding:0;
 width:100% !important;
}

.BrowserEventList .HeaderTxt
{
  font-weight: bold;
  font-size: 125%;
  text-align: left;
  color: white;
  padding: 2px;
  padding-left: 5px;
  margin: 0px;
  height:auto;  
/*dummy
	filter: Blur(strength=2,add=true) DropShadow(offX=1,offY=1,color=lightgrey);*/
}


.BrowserEventList .Title 
{
  text-align: left;
  color: #333333;
  font-size: medium;
  margin:2px 2px 2px 0;
  padding:6px 2px 2px 0px;
  background-color: #f0f8ff;
  line-height:130%;
}

.BrowserEventList .Mark
{
  color: #663300;
  padding: 2px;
  padding-left: 1px;
  margin: 0px;
}

.BrowserEventList .CDatetime
{
  font-family: 'ＭＳ ゴシック' , 'Osaka－等幅' , monospace;
  float: right;
  font-size: small;
  text-align: center;
  color: black;
  padding: 2px;
}

.BrowserEventList .CDate {
  padding:2px;
}

.BrowserEventList .Summary
{
  font-size: small;
  color: #333;
  padding:3px 3px 6px 5px;
  margin:3px 2px 3px 5px;
}

.BrowserEventList .CalendarBack
{
  background-color: #eeeeee;
  font-size: x-small;
  text-align: left;
  border-bottom: solid 0px #9999cc;
  padding: 0px;
}

.BrowserEventList .PageControl
{
  background-color: #eeeeee;
  font-size: x-small;
  text-align: right;
  padding: 2px;
}

.BrowserEventList .yohaku
{
  padding:0px 4px 6px 10px;
  margin:0;
  line-height:128%;
}

.BrowserEventList .HeaderTxt img
{
width:45px;
}

.BrowserEventList .HeaderTxt a
{
padding:0 !important;
margin:0 !important;
}

#R1_67234_PrevWeekLink img,
#R1_67234_PrevDateLink img
{
float:left;
}

#R1_67234_NextWeekLink img,
#R1_67234_NextDateLink img
{
float:right;
}
}
