@charset "Shift_JIS";

a		{color			: navy;
		 text-decoration	: none;}
a:hover		{color			: maroon;
		 background		: lavenderblush;}

#main		{position		: relative;
		 width			: 720px;
		 height			: 560px;
		 margin			: 32px auto;
		 padding		: 0px;}

#mainimg	{position		: absolute;
		 top			: 2px;
		 left			: 4px;
		 width			: 640px;
		 height			: 480px;
		 margin			: auto;
		 background		: url(../img/index_01.gif) no-repeat;
		 z-index		: 2;}

#count		{position		: absolute;
		 top			: 380px;
		 left			: 48px;
		 width			: 128px;
		 height			: 48px;
		 z-index		: 3;}

#count2		{position		: absolute;
		 top			: 380px;
		 left			: 488px;
		 width			: 88px;
		 height			: 32px;
		 z-index		: 3;}

#img1		{background		: url(../img/iwajuku_01.jpg) no-repeat;
		 position		: absolute;
		 top			: 40px;
		 left			: 124px;
		 width			: 488px;
		 height			: 320px;
		 z-index		: 1;}

#navi			{position		: absolute;
			 top			: 48px;
			 left			: 8px;
			 z-index		: 3;}

li.menu			{width			: 80px;
			 height			: 24px;
			 list-style-type	: none;
			 margin-left		: -24px;
			 background		: mistyrose;
			 font			: 11pt Book Antiqua,sans-serif;
			 color			: black;
			 padding		: 4px;
			 vertical-align		: middle;
			 border			: ridge navy;}

div#top a		{position		: absolute;
			 top			: 48px;
			 left			: 26px;
			 background		: url(../img/btm/top.jpg) no-repeat;
			 width			: 96px;
			 height			: 46px;
			 display		: block;
			 z-index		: 3;
			 text-indent		: -999px;}

div#top a:hover		{background		: url(../img/btm/top_o.jpg) no-repeat;}

div#blog a		{position		: absolute;
			 top			: 95px;
			 left			: 26px;
			 background		: url(../img/btm/blog.jpg) no-repeat;
			 width			: 96px;
			 height			: 46px;
			 text-indent		: -999px;
			 display		: block;
			 z-index		: 3;}
div#blog a:hover	{background		: url(../img/btm/blog_o.jpg) no-repeat;}

div#eg a		{position		: absolute;
			 top			: 142px;
			 left			: 26px;
			 background		: url(../img/btm/eg.jpg) no-repeat;
			 width			: 96px;
			 height			: 46px;
			 text-indent		: -999px;
			 display		: block;
			 z-index		: 3;}
div#eg a:hover		{background		: url(../img/btm/eg_o.jpg) no-repeat;}

div#link a		{position		: absolute;
			 top			: 189px;
			 left			: 26px;
			 background		: url(../img/btm/link.jpg) no-repeat;
			 width			: 96px;
			 height			: 46px;
			 text-indent		: -999px;
			 display		: block;
			 z-index		: 3;}
div#link a:hover	{background		: url(../img/btm/link_o.jpg) no-repeat;}

div#prof a		{position		: absolute;
			 top			: 236px;
			 left			: 26px;
			 background		: url(../img/btm/prof.jpg) no-repeat;
			 width			: 96px;
			 height			: 46px;
			 text-indent		: -999px;
			 display		: block;
			 z-index		: 3;}
div#prof a:hover	{background		: url(../img/btm/prof_o.jpg) no-repeat;}