/*** for PC Browser ***/
@media (min-width:401px)
{
.BrowserBlog
{
  /*	background-color: #FFFFFF;*/
  color: #333333;
  padding: 1px 5px 5px 5px;
  margin: 10px;
}

.BrowserBlog .Append
{
  font-size: x-small;
}

.BrowserBlog .Title
{
  color: #333333;
  font-size: medium;
  font-size: 135%;
  text-align: left;
  font-weight: bold;
  border-bottom: 1px dotted #FF0033;
}

.BrowserBlog .SubTitle
{
  color: #000000;
  font-size: medium;
  border-top: 1px dotted #FF0033;
  text-align: left;
  font-weight: bold;
  margin: 0px;
  margin-bottom: 8px;
}

.BrowserBlog .CreatedDate
{
  color: #FF0033;
  font-size: small;
  font-weight: bold;
  text-align: left;
  border-top: 1px solid #FF0033;
  border-left: 5px solid #FF0033;
  padding: 2px;
  padding-left: 3px;
  margin: 0px;
  margin-bottom: 5px;
}

.BrowserBlog .Category
{
  color: #ffffff;
  font-size: small;
  font-size: 120%;
  font-weight: bold;
  text-align: left;
  background-color: #FF0033;
  padding: 3px;
  margin: 0px;
  margin-top: 3px;
  margin-bottom: 3px;
}

.BrowserBlog .Contents
{
  color: #333333;
  font-size: small;
  font-size: 125%;
  line-height: 135%;
  text-align: left;
  padding: 0px;
  margin: 0px;
  margin-top: 10px;
}

.BrowserBlog .Contents img,
.BrowserBlog .Contents iframe
{
 margin-right:15px;
 margin-bottom:10px;
}

.BrowserBlog .Comments
{
  color: #333333;
  font-size: small;
  font-size: 125% ;
  line-height: 120%;
  text-align: left;
  margin: 0px;
  margin-bottom: 5px;
}

.BrowserBlog .Status
{
  color: #999999;
  font-size: x-small;
  font-size: small;
  border-top: 1px dotted #FF0033;
  text-align: left;
  padding: 0px;
  margin: 0px;
  margin-top: 5px;
  margin-bottom: 25px;
}

.BrowserBlog .PageControl
{
  font-size: small;
  padding: 0px;
  margin: 0px;
  margin-bottom: 5px;
}

.BrowserBlog th{
  background-color:#ecc !important;
}

.BrowserBlog .p300px{
 font-size: small;
 font-size: 0.82em;
 width:300px;
 float:left;
 height:auto;
 line-height:1.1em;
 padding:5px;
 margin:0;
 min-height:255px;
}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
.BrowserBlog .p300px{
 font-size: small;
 font-size: 0.82em;
 width:300px;
 float:left;
 height:auto;
 line-height:1.1em;
 padding:5px;
 margin:0;
 min-height:255px;
}
}