@charset "utf-8";






.box {
	background: url("../img/note/note-bg.jpg") center center;
	background-size: cover;

	padding: 0 0 2em;

	text-shadow: 1px 0 1px #111,
				-1px 0 1px #111,
				0 1px 1px #111,
				0 -1px 1px #111,
				4px 4px 3px rgba(0,0,0,0.7);
	margin-bottom: 3em;
	overflow: hidden;	/* 画像が横幅超える場合にカット */
}
.box h2 {
	text-align: left;
}


.postbody a:link, .postbody a:visited {
	font-weight: bold;
	background: #428bca;
	text-align: center;

	background: -moz-linear-gradient(top, rgba(69,149,250,0.7), rgba(99,179,250,0.8));
	background: -webkit-linear-gradient(top, rgba(69,149,250,0.7), rgba(99,179,250,0.8));
	background: -ms-linear-gradient( top, rgba(69,149,250,0.7), rgba(99,179,250,0.8) 100% );
	background: linear-gradient(to bottom, rgba(69,149,250,0.7), rgba(99,179,250,0.9));

	color: #fff;
	font-size: 1.7rem;
	padding: .5em .1em;
	border-radius: 15px;
	margin: .5em;
	text-shadow: none;
	display: block;
	box-shadow: 0 0 10px #000;

	-moz-transition: all .1s ease-out;
	-webkit-transition: all .1s ease-out;
	-ms-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
.postbody a:hover {
	text-decoration: none;
	box-shadow: 0 0 5px #000;
	background: -moz-linear-gradient(top, rgba(69,149,250,0.7), rgba(99,179,250,0.8));
	background: -webkit-linear-gradient(top, rgba(69,149,250,0.7), rgba(99,179,250,0.8));
	background: -ms-linear-gradient( top, rgba(69,149,250,0.7), rgba(99,179,250,0.8) 100% );
	background: linear-gradient(to bottom, rgba(79,159,255,0.7), rgba(109,189,255,0.9));

	-moz-transform: scale3d(0.99,0.99,1);
	-ms-transform: scale3d(0.99,0.99,1);
	-webkit-transform: scale3d(0.99,0.99,1);
	transform: scale3d(0.99,0.99,1);
}



.postbody {	/* 文字見えないのでsystemと同じ背景つける */
	background: rgba(54,16,34,0.7);
	padding: 1em .5em;
	border-top: 1px solid #c49a70;
	border-bottom: 1px solid #c49a70;
}