@charset "utf-8";
/* CSS Document */

body,html {
	background:#cde18f;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:16px;
	line-height:30px;
	color:#000;
	width:100%;
	height:100%;
	text-align:center;
}
#asagaonote {
	width:720px;
	height:460px;
	margin:0 auto;
	padding:0;
	text-align:left;
	background:url(bg2.jpg) 0 0 no-repeat #f9f7f4;
	position:relative;
	overflow:hidden;
}
#header {
	width:100%;
	height:174px;
	text-indent:-9999px;
}
#photo {
	position:absolute;
	top:20px;
	left:210px;
	width:300px;
	height:400px;
	background:#f9f7f4;
}
.text {
	height:240px;
	padding:0 28px;
}
#profile.text {
	width:12em;
}
#comment.text {
	width:11em;
}
#profile {
	float:right;
	font-size:14px;
	text-align:right;
}
#comment {
	float:left;
}
#nav {
	clear:both;
	width:100%;
	height:40px;
	text-align:center;
	position:relative;
	padding-top:6px;
}
#nav a,
#nav span {
	display:block;
	width:120px;
	height:40px;
	text-indent:-9999px;
	position:absolute;
	top:6px;
	background-image:url(agasao_nav.png);
	background-repeat:no-repeat;
}
#nav #prev { left:0; background-position:0 0; }
#nav #back { left:300px; background-position:0 -40px; }
#nav #next { right:0; background-position:0 -80px; }
#nav a#prev:hover { background-position:-120px 0; }
#nav a#back:hover { background-position:-120px -40px; }
#nav a#next:hover { background-position:-120px -80px; }