html, body {
	height: 540px;
}

#contents {
	position: relative;
	height: 100%;
/* 	background-color: #aaa; */
}

.link {
	display: inline-block;
	position: absolute;
	bottom: 15px;
	left: 10px;
/* 	background-color: #eee; */
}

/*----------------------------
  title
  ----------------------------*/
div.title {
	position: relative;
	
}

.title_header {
	display: inline-block;
	
	font-size: 20em;
	vertical-align: top;
	margin-top: -15px;
}

.title_body {
	display: inline-block;
	
	font-size: 6em;
	vertical-align: top;
	margin-top: 5px;
	margin-left: -5px;
}

.info {
	display: inline-block;
	position: absolute;
	top: 360px;
	left: 20px;
	
	font-size: smaller;
	color: white;
}

/*----------------------------
  image
  ----------------------------*/

div.portrait {
	position: absolute;
	top: 105px;
	left: 390px;
	
}
.portrait img {
	width: 215px;
}
div.landscape {
	display: none;
	position: absolute;
	top: 335px;
	left: 230px;
}
.landscape img {
	height: 205px;
	
/*
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
*/
}

/*----------------------------
  weekday
  ----------------------------*/
.date {
	position: absolute;
	top: 5px;
	right: 35px;
	
	font-size: 4em;
/* 	color: rgba(250, 250, 250, .9); */
}
.day {
	position: absolute;
	top: 35px;
	right: 30px;
	
	font-size: 14em;
/* 	color: rgba(250, 250, 250, .9); */
}
.weekday {
	position: absolute;
	bottom: 10px;
	right: 20px;
	margin-bottom: -10px;
	
	font-size: 16em;
/* 	color: rgba(250, 250, 250, .9); */
	vertical-align: bottom;
}