body		{ background-color: #666699; font-size: 12px; color: #666666 ; margin-top: 0px }

	a		{ font-size:12px; line-height:1.2em; color:blue; } 
	a.tex		{ line-height:1.2em; color: #006400; text-decoration:none }
	a:active   	{ color:blue }
	a.tex:active   	{ color:#006400 }
	a:visited  	{ color:#cc0066 }
	a.tex:visited  	{ color:#666666 }
	a:hover    	{ color:#66cc66 }
	a.tex:hover    	{ color:#cc0066; background-color: #ffffcc; }

	A.ln02		{ font-size:15px; color:#2f4f4f; font-weight:bold; padding:9px 2px; text-decoration:none; display:block; width:120px; background-image:url(../top/smenu_bg.gif); background-repeat:no-repeat; text-align: center;}
	A.ln02:active   { color:#2f4f4f }
	A.ln02:visited  { color:#2f4f4f }
	A.ln02:hover    { color:#ffffff; text-decoration:none; display:block; width:120px; background-image:url(../top/smenuon_bg.gif) }
	
	a.sabe		{ font-size:14px; color:blue; }
	a.sabe:active  	{ color:blue }
	a.sabe:visited  { color:blue }
	a.sabe:hover   	{ color:#cc0066; background-color: #ffffcc; }

	a.rv		{ color: red; text-decoration: none }
	a.rv:active  	{ color: blue }
	a.rv:visited  	{ color: red }
	a.rv:hover   	{ color:#cc0066; background-color: #ffffcc; text-decoration: none }

	a.rv2		{ color: #0000cd; text-decoration: none }

	a.since		{ color: black }

	a.mij		{ color: #f5f5f5 }
	a.mij:link	{ color: #f5f5f5 }
	a.mij:active   	{ color: #f5f5f5 }
	a.mij:visited  	{ color: #f5f5f5 }
	a.mij:hover    	{ color: #f5f5f5 }

	img.border	{border: none;}

/* page titles */
	
	#pagettl{
		position: relative;
		margin-top: 5px ;margin-left: auto; margin-right: auto;
		width: 675px; height: 65px;
		border-top: #000 1px solid ; border-left: #000 1px solid ; border-right: #000 1px solid ;
		background: url(../top/st01_bg.gif) }	

	/* #iam	{ z-index: 1 ; position: relative; top: 11px; left: 242px;} */
	#iam	{ z-index: 1 ; position: absolute; top: 11px; left: 495px;} 
	
	#adonay	{ z-index: 1 ; position: absolute; top: 5px; left:15px }

	#welcome{ z-index: 1 ; position: absolute; top: 38px; left:570px }

/* design */

	#design{
		position: relative;
		margin-left: auto; margin-right: auto;
		width: 675px; height: 200px;
		border-left: #000 1px solid ; border-right: #000 1px solid ;
		background: url(../top/st01_bg.gif) ;}

	#awa	{ z-index:1 ; position: absolute; top: 50px; left: 90px }  

	#bsh	{ z-index:2 ; position: absolute; top: 10px; left: 250px } 

	#cna	{ z-index:3 ; position: absolute; top: 65px; left: 435px }

	#yfm	{ z-index:4 ; position: absolute; top: 170px; left: 280px }

/* navi & submenus */
	
	#navblock 	{ 
		position: relative;
		margin-left: auto; margin-right: auto; margin-bottom: 10px;
		width: 675px; height: 315px; 
		border-left: #000 1px solid ; border-right: #000 1px solid ; border-bottom: #000 1px solid ;				
		background: url(../top/st01_bg.gif) }
			
	#nav 	{ 
		/*float: left; */ z-index: 1;
		width: 660px; height: 220px; margin-bottom: 0; padding: 0 ;		/* background-image Jesus_Peter */
		background: url(../top/JP_css.gif) no-repeat 45% 100% } 
	
	#nav_5s { 
		position: absolute; top: 3px; left: 36px;	/* test */
		float: left; z-index : 1 }
	
	#smenu 	{ 
		position: absolute; top: 63px; left: 26px;	/* test */
		float: left } 
	
	#nav1_layer	{
		z-index : 2; float: left; padding-top: 28px ; padding-left: 35px ; visibility: hidden }
	
	#nav2_layer	{
		z-index : 2; float: left; padding-top: 28px ; visibility: hidden }

	#nav5_layer	{
		z-index : 2; float: left; padding-top: 28px ; visibility: hidden }

	#nav3_layer	{
		z-index : 2; float: left; padding-top: 28px ; visibility: hidden }

	#nav4_layer	{
		z-index : 2; float: left; padding-top: 28px ; visibility: hidden }

	#new_1	{ z-index:2 ; position: absolute; top: 23px; left: 158px ; width: 30px; height: 140px;}
	#new_2	{ z-index:2 ; position: absolute; top: 23px; left: 278px ; width: 30px; height: 140px;}
	#new_3	{ z-index:2 ; position: absolute; top: 23px; left: 398px ; width: 30px; height: 140px;}
	#new_4	{ z-index:2 ; position: absolute; top: 23px; left: 518px ; width: 30px; height: 140px;}
	#new_5	{ z-index:2 ; position: absolute; top: 23px; left: 638px ; width: 30px; height: 140px;}

	#word	{ z-index : 2; position: absolute; top: 132px; left: 335px; width: 287px; height: 54px; }

	#off	{ z-index : 1; position: absolute; top: 132px; left: 35px; width: 600px; height: 50px; }
	
	/* #off2	{ position: absolute; top: 132px; left: 35px; }
	
	#off3	{ z-index : 3; position: absolute; top: 132px; left: 570px; } */

	#blog	{
		position: absolute; top: 255px; left: 68px;
		}

	#K5 	{ 
		position: absolute; top: 278px; left: 36px;
		width: 600px; padding-top: 5px; padding-bottom: 1px;			/* text-nav block */
		background-color: #f5f5f5 }	

	#mijuku {
		position: absolute; top: 220px; left: 200px; color: #f5f5f5 }

	#caption {
		position: absolute; top: 220px; left: 265px }
	

/* okuduke */
	#okublock{
		position: relative;
		margin-left: auto; margin-right: auto; 
		width: 675px; height: 71px; 
		border: #000 1px solid ;		
		background: #fff ;
		text-align: center }

	#leftcol {
		position: absolute; top: 2px; left: 0px; margin: 0px;
		background-color: transparent ;
		width: 75px ; height: 70px }
		
	#midcol {
		position: absolute; top: 0px; left: 76px; margin: 0px;
		background-color: #f5f5f5 ;
		width: 355px ; height: 69px }
	
	#rightcol {
		position: absolute; top: 0px; left: 430px; margin: 0px;
		background-color: #ccc ; 
		width: 243px ; height: 69px }

	#copyright {
		position: absolute; top:40px ; left: 5px }

	#sakusha {
		position: absolute; top:9px ; left: 9px }


	#mijuku2 {
		position: absolute; top: 9px; left: 200px; color: #f5f5f5 }

	#linksp	{
		z-index: 1; position: absolute; top:5px ; left: 310px; width:20px ; height:20px }		

	#koushin {
		position: absolute; top: 27px; left: 195px; color: red; padding-top: 0 ; padding-bottom: 0 }
	#newmark {
		position: absolute; top: 23px; left: 268px; }

 	#url {
		z-index: 1; position: absolute; top: 27px; left: 10px }
	
	#countnum {
		z-index: 1; font-size: 16px; text-align: right; padding-top: 18px; padding-right: 20px }

	#countmask {
		z-index: 2; position: absolute; top: 2px; left: 75px; }		/* counter mask */

	#since {
		position: absolute; top: 48px; left: 10px }

	#sonetcount {
		position: absolute; top: 42px; left: 105px }

/* credit */	

	#cr_block{
		position: relative;
		margin-top: 5px ;margin-left: auto; margin-right: auto;
		width: 675px; height: 60px;		
		/* background: url(../top/st01_bg.gif) */ }	

	#w3clogo {
		z-index: 1; position: absolute; top: 8px; left: 420px ; width:88px ; height:31px }

/* 3rd counter */

	#dion_cnt	{ z-index: 1 ; position: relative; top: 3px; left:-300px }
	
	#dummy		{ position: relative; z-index: 1; top: 18px; left:-300px; } 
	#dummy2		{ z-index: 1 ; position: relative; top: 40px; left:-300px }
	#dummy3		{ z-index: 1 ; position: relative; top: 58px; left:-300px }

/* iframe */

	#iframe	{ 
		position: relative; z-index: 1; left: center; }
	hr	{
		width: 550px; }