﻿

/*** for PC Browser ***/
@media (min-width:401px)
{
.BrowserEventList
{
  /*	background-color:#ffffff ;*/
 clear:both;
}

.BrowserEventList .HeaderTxt
{
  font-weight: bold;
  font-size: 120%;
  text-align: left;
  color: white;
  padding: 2px;
  padding-left: 5px;
  margin: 0px;
  height:20px;  
/*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:0px;
  padding:6px 2px 2px 20px;
  background-color: #f0f8ff;
}

.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;
  text-align: left;
  color: #663300;
  padding: 3px 3px 6px 25px;
  margin: 0px;
}

.BrowserEventList .CalendarBack
{
  background-color: #eeeeee;
  font-size: x-small;
  text-align: left;
  border-bottom: solid 0px #9999cc;
  padding: 2px;
}

.BrowserEventList .PageControl
{
  background-color: #eeeeee;
  font-size: x-small;
  text-align: right;
  padding: 2px;
}



}


/*** for Smart Phone ***/
@media (max-width:400px)
{
.BrowserEventList
{
  /*	background-color:#ffffff ;*/
 clear:both;
width:318px !important;
}

.BrowserEventList .HeaderTxt
{
  font-weight: bold;
  font-size: 120%;
  text-align: left;
  color: white;
  padding: 2px;
  padding-left: 5px;
  margin: 0px;
  height:20px;  
/*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:0px;
  padding:6px 2px 2px 20px;
  background-color: #f0f8ff;
}

.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;
  text-align: left;
  color: #663300;
  padding: 3px 3px 6px 25px;
  margin: 0px;
}

.BrowserEventList .CalendarBack
{
  background-color: #eeeeee;
  font-size: x-small;
  text-align: left;
  border-bottom: solid 0px #9999cc;
  padding: 2px;
}

.BrowserEventList .PageControl
{
  background-color: #eeeeee;
  font-size: x-small;
  text-align: right;
  padding: 2px;
}
}
