
	#blog_title {
		margin-bottom: 15px;
	}

	#contentsbody {
		line-height: 18px;
		font-size: 12px;
		padding: 15px;
	}

	.floatleft {
		padding-right: 10px;
		float: left;
	}

	.floatclear {
		clear: left;
	}

	.line {
		border-bottom-color: #cccccc;
		padding-bottom: 10px;
		border-right-width: 1px;
		display: block;
		border-bottom-width: 1px;
		border-right-color: #cccccc;
		clear: left;
		border-left-color: #cccccc;
		border-top: 1px solid #cccccc;
		border-left-width: 1px;
		padding-top: 10px;
	}

a.btn-blog {
	display: block;
	background-color: #F0F0F0;
	color: #000;
	padding: 1%;
	width: 200px;
	margin: 1% 2px 2px auto;
	text-align:center;
	text-decoration: none;
	border-radius: 25px;
	box-shadow: #666 1px 1px 0;
}

a.btn-blog:hover {
	background-color: #CCC;
}



.snsbutton a {
	display: block;
	background-color: #F0F0F0;
	color: #000;
	padding: 1%;
	width: 29%;
	margin: 1%;
	text-align:center;
	text-decoration: none;
	border-radius: 25px;
	box-shadow: #666 1px 1px 0;
	float: left;
}

.snsbutton a:hover {
	background-color: #CCC;
}


@media screen and (max-width: 640px){
	.snsbutton a {
		width: 85%;
		padding: 3%;
	}
}


