#headerarea{
}
#bodyarea{
padding-bottom:24px;
}
#bodyarea .body{
    margin: 8px 16px;
	line-height: 1.8;
	color:#444;
}
#bodyarea .subject{
    margin: 8px 16px 16px 16px;
	line-height: 1.8;
	color:#000;
}

#bodyarea a{
	line-height: 1.6;
	margin: 4px 0 0 0;
	text-decoration: underline;
	color:#3333dd;
}
#bodyarea img{
display:inline-block;
}

.inline-block{
display:block;
}

#bodyarea p{
margin-bottom:16px;
font-size:96%;
}
#bodyarea p.head01{
font-size:100%;
font-weight:bold;
display:block;
border-bottom: 2px solid #84a1cd;
margin-bottom:8px;
}
#bodyarea p.head02{
font-weight:bold;
display:inline-block;
line-height:100%;
margin-top:4px;
margin-bottom:4px;
border-left: 3px solid #4f7dad;
padding-left: 8px;
}


#headerarea{
}
#headerarea{
display:table;
width:100%;
}

#headerarea .thumb{
margin:0px 0px 0px 0px;
width:100px;
height:100px;
vertical-align:top;
}
#headerarea .thumb.small{
width:75px;
height:75px;
}
#headerarea .content {
padding: 12px 12px 12px 12px;
display:table-cell;
vertical-align:top;
max-width:100%;
width:100%;
position:relative;
}
#headerarea .content .bottom{
position:absolute;bottom:12px;
}


.date{
float:left;
}
.author{
color: #444;
float:right;
}




/* --------------------- */
.petititems{
}
.petititems a{
display:table;
width:100%;
}

.petititems .thumb{
margin:0px 0px 0px 0px;
width:100px;
height:100px;
vertical-align:top;
}
.petititems .thumb.small{
width:75px;
height:75px;
}
.petititems .content {
padding: 8px;
display:table-cell;
vertical-align:top;
max-width:100%;
width:100%;
font-size: 80%;
}
.petititems .content .bottom{
}


.petititems .thumb.small{
width:55px;
height:55px;
}


/* 0000000000 */
ul.categorylists{
border-left:1px solid #ccc;
border-top:1px solid #ccc;

}
ul.categorylists li a {
display:block;
padding: 12px 16px;
font-size:12px;
text-align:center;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
}
/* */
#bodyarea a.tag,
a.tag{
color: #333;
display:block;
border:1px dotted #ccc;
padding:4px 8px;
border-radius:4px;
font-size:12px;
text-decoration:none;
line-height:1.4;
}
a:hover.tag{
	background-color: #edf5ff;
	color:black;
}

#bodyarea a.baggage,
a.baggage{
border: 1px dotted;
display:inline-block;
padding: 6px 12px;
font-size:12px;
line-height:1.4;
border-color: #ccc ;
color: #333;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
text-decoration:none;
}
#bodyarea a:hover.baggage,
a:hover.baggage{
	background-color: #4f7dad;
	color:#fff;
}
a.baggage span.fa-tag{
 margin-right:4px;
}

.mr36{
margin-right:36px;
}
.mr35{
margin-right:35px;
}