/*** for PC Browser ***/
@media (min-width:401px)
{
.BlogType_tf
{
  width: 100%;
  box-sizing: border-box;
}

.BlogType_tfb
{
  padding: 0px 5px 0px 5px;
}

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

.BlogType_tf .TitleArea
{
margin:12px 0px 12px 0px;
padding:0 5px 0 10px;
background:#E5E5E5;
border-bottom:1px dotted #555555;
}

.BlogType_tf .Title
{
background:transparent url("blog_icon.gif") no-repeat scroll left center;
color:#000000;
font-size:medium;
font-weight:bold;
height:auto;
width:auto;
margin:0;
padding:2px 0 2px 25px;
}

.BlogType_tf .SubTitle
{
  font-size: small;
  text-align: left;
  font-weight: bold;
  margin: 0px;
}

.BlogType_tf .CreatedDate
{
  color: #999999;
  font-size: small;
  font-weight: bold;
  text-align: left;
  padding: 0px;
  padding-left: 3px;
  margin: 0px;
}

.BlogType_tf .Category
{
background:transparent url("list_icon.gif") no-repeat scroll left center;
color:#000000;
font-size:medium;
font-weight:bold;
margin:0 0 0 5px;
padding:0 0 0 15px;
text-align:left;
}

.BlogType_tf .Contents
{
font-size:small;
padding:5px 0px 5px 10px;
text-align:left;
}

.BlogType_tf .Contents .temp
{
width: 305px;
float: left;
margin-left: 10px;
height: 235px;
background-image: url("waku.gif");
background-repeat: no-repeat;
padding-top: 5px;
padding-left: 5px;
}

.BlogType_tf .Contents .temp img
{
height:220px;
width:290px;
}

.BlogType_tf .Comments
{

}

.BlogType_tf .Status
{
  font-size: small;
  text-align: right;
  padding: 0px;
  margin: 0px;
}

.BlogType_tf .PageControl
{
  font-size: small;
  padding: 0px;
  margin: 0px;
  text-align:center;
}

.BlogType_tf .Status
{
  clear:both;
}


.BlogType_tf .ParentBack
{
  font-size: small;
  text-align: right;
  margin:0 5px 15px 0;
}

.BlogType_tf .ParentBack img
{
 margin:2px;
}


/*= リンク設定 =*/

.BlogType_tf .ParentBack a:link
{
 text-decoration:none;
}

.BlogType_tf .ParentBack a:visited
{
 text-decoration:none;
}

.BlogType_tf .ParentBack a:hover
{
 text-decoration:underline;
}

.BlogType_tf .ParentBack a:active
{
 text-decoration:none;
}



/*= カラーバリエーション1 =*/
.cap_skyblue .BlogType_tf .TitleArea
{
background:none repeat #D6E2F2;
}


/*= カラーバリエーション2 =*/
.cap_pink .BlogType_tf .TitleArea
{
background:none repeat #FDE7EF;
}


/*= カラーバリエーション3 =*/
.cap_lightgreen .BlogType_tf .TitleArea
{
background:none repeat #E3EFD9;
}


/*= カラーバリエーション4 =*/
.cap_orange .BlogType_tf .TitleArea
{
background:none repeat #FFE3B6;
}


/*= カラーバリエーション5 =*/
.cap_purple .BlogType_tf .TitleArea
{
background:none repeat #E0DBEB;
}


/*= カラーバリエーション6 =*/
.cap_coral .BlogType_tf .TitleArea
{
background:none repeat #FDD3BE;
}


/*= カラーバリエーション7 =*/
.cap_peru .BlogType_tf .TitleArea
{
background:none repeat #EEDDCE;
}


/*= カラーバリエーション8 =*/
.cap_lightgrey .BlogType_tf .TitleArea
{
background:none repeat #EEEEEE;
}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
.BlogType_tf
{
  width: 100%;
  box-sizing: border-box;
}

.BlogType_tfb
{
  padding: 0px 0px 0px 0px;
}

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

.BlogType_tf .TitleArea
{
margin:12px 0px 12px 0px;
padding:0 5px 0 10px;
background:#E5E5E5;
border-bottom:1px dotted #555555;
}

.BlogType_tf .Title
{
background:transparent url("blog_icon.gif") no-repeat scroll left center;
color:#000000;
font-size:medium;
font-weight:bold;
height:auto;
width:auto;
margin:0;
padding:2px 0 2px 25px;
}

.BlogType_tf .SubTitle
{
  font-size: small;
  text-align: left;
  font-weight: bold;
  margin: 0px;
}

.BlogType_tf .CreatedDate
{
  color: #999999;
  font-size: small;
  font-weight: bold;
  text-align: left;
  padding: 0px;
  padding-left: 3px;
  margin: 0px;
}

.BlogType_tf .Category
{
background:transparent url("list_icon.gif") no-repeat scroll left center;
color:#000000;
font-size:medium;
font-weight:bold;
margin:0 0 0 5px;
padding:0 0 0 15px;
text-align:left;
}

.BlogType_tf .Contents
{
font-size:small;
padding:5px 0px 5px 0px;
text-align:left;
}

.BlogType_tf .Contents .temp
{
width: 305px;
float: left;
margin-left: 10px;
height: 235px;
background-image: url("waku.gif");
background-repeat: no-repeat;
padding-top: 5px;
padding-left: 5px;
}

.BlogType_tf .Contents .temp img
{
height:220px;
width:290px;
}

.BlogType_tf .Comments
{

}

.BlogType_tf .Status
{
  font-size: small;
  text-align: right;
  padding: 0px;
  margin: 0px;
}

.BlogType_tf .PageControl
{
  font-size: small;
  padding: 0px;
  margin: 0px;
}

.BlogType_tf .Status
{
  clear:both;
}


.BlogType_tf .ParentBack
{
  font-size: small;
  text-align: right;
  margin:0 5px 15px 0;
}

.BlogType_tf .ParentBack img
{
 margin:2px;
}


/*= リンク設定 =*/

.BlogType_tf .ParentBack a:link
{
 text-decoration:none;
}

.BlogType_tf .ParentBack a:visited
{
 text-decoration:none;
}

.BlogType_tf .ParentBack a:hover
{
 text-decoration:underline;
}

.BlogType_tf .ParentBack a:active
{
 text-decoration:none;
}



/*= カラーバリエーション1 =*/
.cap_skyblue .BlogType_tf .TitleArea
{
background:none repeat #D6E2F2;
}


/*= カラーバリエーション2 =*/
.cap_pink .BlogType_tf .TitleArea
{
background:none repeat #FDE7EF;
}


/*= カラーバリエーション3 =*/
.cap_lightgreen .BlogType_tf .TitleArea
{
background:none repeat #E3EFD9;
}


/*= カラーバリエーション4 =*/
.cap_orange .BlogType_tf .TitleArea
{
background:none repeat #FFE3B6;
}


/*= カラーバリエーション5 =*/
.cap_purple .BlogType_tf .TitleArea
{
background:none repeat #E0DBEB;
}


/*= カラーバリエーション6 =*/
.cap_coral .BlogType_tf .TitleArea
{
background:none repeat #FDD3BE;
}


/*= カラーバリエーション7 =*/
.cap_peru .BlogType_tf .TitleArea
{
background:none repeat #EEDDCE;
}


/*= カラーバリエーション8 =*/
.cap_lightgrey .BlogType_tf .TitleArea
{
background:none repeat #EEEEEE;
}
}