@charset "UTF-8";
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	font-size: 1em;
	/*背景画像の全画面の設定*/
	background-image: url("mushroom004.png");
	background-repeat: no-repeat;  
	background-size: cover;
	background-color: #DDDBC6;
}


#siteheader {
	position: absolute;
	top: 20;
	left: 0;
	width: 220px;
	height: 100%;
	color: #FFF;
}
#siteheader h1{
	font-weight: 100;
	margin: 80px 20px;
	font-size: 2em;
}
#siteheader nav {
	margin-left: -40px;
}
#siteheader nav ul li{
	list-style-type: none;
}

#backnext{
	position: absolute;
	bottom: 40px;
	right: 0px;
	height: 50px;
	width: 100px;
}
ul {
  list-style: none;
}
	

/*title*************************************************/
.title a{
	display:block;
	width:180px;
	height:30px;
	background-image:url("komono8.png");
	background-repeat:no-repeat;
}
/*未訪問のリンク*/
.title a:link{
}
/*訪問済みのリンク*/
.title a:visited{
}
/*マウスホバー時*/
.title a:hover{
	background-image:url("komono7.png");
}
/*選択中*/
.title a:active{
}

/*back*************************************************/
.back a{
	display:block;
	width:50px;
	height:50px;
	background-image:url("komono3.png");
	background-repeat:no-repeat;
	float: right;
	margin-right: 70px;
}
/*未訪問のリンク*/
.back a:link{
}
/*訪問済みのリンク*/
.back a:visited{
}
/*マウスホバー時*/
.back a:hover{
	background-image:url("komono5.png");
}
/*選択中*/
.back a:active{
}

/*next*************************************************/
.next a{
	display:block;
	width:50px;
	height:50px;
	background-image:url("komono4.png");
	background-repeat:no-repeat;
}
/*未訪問のリンク*/
.next a:link{
}
/*訪問済みのリンク*/
.next a:visited{
}
/*マウスホバー時*/
.next a:hover{
	background-image:url("komono6.png");
}
/*選択中*/
.next a:active{
}