html {
    min-height:100%;
    background: url(../mate/back2.png) no-repeat center center fixed;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
}
body {
    font-family:"Meiryo","Hiragino Maru Gothic Pro";
    color: #24140e;
    font-size:16px;
	line-height:1.4;
}
html, body {
    height: 100%;
}
body,td,th {
	margin: 0px;
	padding: 0px;
}
/*コンテンツ*/
#content {
	height: auto;
	width: 50%;
	overflow: auto;
	position: absolute;
	left: 23%;
	top: 10%;
	bottom:10%;
	background-color: #fff;
	border: 1px solid #ffffff;
	filter:alpha(opacity=95);
	opacity:0.85;
	position: absolute;
	padding: 10px 40px 10px 40px; /*上右下左*/
}
#content h1 {
    font-size:20px;
    font-family:"Meiryo","Hiragino Maru Gothic Pro";
    color: #222222;
    letter-spacing:5px;
    padding-top:15px;
}
#content h2{
    font-size:18px;
    font-family:Trebuchet MS;
    letter-spacing:3px;
}
#content p {
	line-height: 24px;
	margin: 0px;
	letter-spacing:0.1em;
}
.day{
text-align: center;
font-size: x-small;
color: #888;
}
A{
  color:#24140e;
  text-decoration:none;
}
A:hover{
  color:#ccc;
}