html, body{ height:100%; }
body{
	background:url("./img/bg.gif") fixed;
	font:75%/175% verdana,osaka,sans-serif;
	margin:0 5%;
}
#index{ margin:0; padding:10px; }
#enter{
	text-align:right;
}
#menu{ margin:0; padding:0; text-align:center; }
#menuDiv{
	background:#fff;
	margin:0 auto; padding:0px;
	border:1px solid RGB(191,176,150);
	border-width:0px 1px;
	width:230px; height:100%;
	min-height:100%;
	text-align:left;
}
#menuDiv a{ background-color:RGB(241,237,228); }
#menuDiv a:hover{
	background-color:transparent;
}
#menuDiv ul, #menuDiv li{
	margin:0; padding:0;
	list-style:none;
}
#menuDiv ul{
	margin:15px;
	height:15px;
	text-align:center;
}
#menuDiv ul li{
	display:inline;
	margin:0px 3px 0 0;
}
#menuDiv ul li a{
	display:block; float:left;
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:50% 50%;
	height:15px;
}

body > #menuDiv{ 
    height:auto; 
}
/* メニュー画像
   widthは 100 / 画像の数 を指定するのをオススメします
   (ちなみにここではなんとなく偏っているように見えたので若干数値変えています)
*/
.menu1 a{ background-image:url("./menu/top.gif"); width:18%; }
.menu2 a{ background-image:url("./menu/main.gif"); width:20%; }
.menu3 a{ background-image:url("./menu/diary.gif"); width:20%; }
.menu4 a{ background-image:url("./menu/link.gif"); width:20%; }
.menu5 a{ background-image:url("./menu/index.gif"); width:20%; }

/* メニューオンマウス時 */
.menu1 a:hover{ background-image:url("./menu/top_.gif"); }
.menu2 a:hover{ background-image:url("./menu/main_.gif"); }
.menu3 a:hover{ background-image:url("./menu/diary_.gif"); }
.menu4 a:hover{ background-image:url("./menu/link_.gif"); }
.menu5 a:hover{ background-image:url("./menu/index_.gif"); }

#menuDiv ul li a span{ display:none; }
#menuDiv .menuTxt{
	background:url("./img/menu.gif") no-repeat 50% 0%;
	margin:10px; padding:25px 10px 10px;
	font:80%/155% verdana,osaka,sans-serif;
	color:RGB(195,184,162);
	word-break:break-all;
	clear:both;
}
.txt{
	border-bottom:1px dashed RGB(161,151,135); 
	margin-bottom:30px; padding-bottom:10px;
	color:RGB(100,92,83);
}

#menu h1{
	background:url("./img/img.png") no-repeat 50% 10px #fff;
	margin:0 0 10px; padding-top:10px;
	height:150px;
	color:#fff;
	text-align:center;
	font:bold 120%/150px verdana,osaka,sans-serif;
}
h2{
	background:url("./img/h2.gif") 0% 15px no-repeat;
	padding-top:15px;
	width:200px; height:20px;
	text-align:center;
	color:#fff;
	font:bold 100%/20px verdana,osaka,sans-serif;
}
h3{
	margin:0 0 5px;
	font:100% verdana,osaka,sans-serif;
}
dl,dt,dd{ margin:0px; padding:0px; }
dl.link-l, dl.link-m{
	margin-bottom:15px;
}
dl.link-l dt{
	width:210px;
	float:left; clear:both;
}

dl.link-m dt{
	float:left; clear:both;
	margin-right:10px;
	padding-right:10px;
}
dl.link-l dd{
	margin-left:210px;
	padding:5px;
	border:1px solid RGB(161,151,135);
	background:url("./img/bg2.gif") RGB(212,201,178);
}

dl.link-m dd{
	margin-left:100px;
	padding:5px;
	border:1px solid RGB(161,151,135);
	background:url("./img/bg2.gif") RGB(212,201,178);
}

input,textarea,select{
	background:url("./img/bg2.gif") RGB(212,201,178);
	padding:2px;
	border:1px solid RGB(161,151,135);
	font:80% verdana,osaka,sans-serif;
	color:RGB(100,92,83);
}

a{ text-decoration:none; color:#666; background:RGB(212,203,181);}
a:visited{ color:#666; }
a:hover{ text-decoration:none; background:transparent; color:#f99; }
