/*+++++++$B4pK\%k!<%k(B++++++++*/

body	{
	background-color:#dcdcdc;/* $BGX7J?'!'%0%l%$(B */
	}

#layout{
	     position:absolute;
	     width:700px;
	     /*height:500px;*/
	     padding:0px;
	     margin:0px$B!((B
	     }

/*$B!!!!%l%U%H%5%$%I$N@_Dj!!!!!!(B*/
#leftside{ 
position:absolute; 
top :0px;left :0px;
width:200px;
 height:475px;
padding:0px;
margin:0px;
z-index:1;
				}
#rogoplate{
position:absolute;
top :20px;
left :36px;
padding:0px;
margin:0px;
z-index: 4;
				}
#shade1{
position:absolute;
top  :26px;
left :26px;
padding:0px;
margin:0px;
	z-index: 2;
				}
#shade2{
position:absolute;
top:471px;
left :36px;
width:771px;
height:10px;
	z-index: 1;
}
/*           $B%a%K%e!<%P!<(B         */
#infobar{
position:absolute;
top:135px;
left:37px;
width:170px;
height:340px;
padding:5px 0px 5px 7px;
	margin:0px;
text-align: center;
text-color:#ffffff;
	list-style:none;
	background: url("http://ki-kogyo.com/image/infobar2.gif") no-repeat;
z-index: 3;
				}
.menubar{
		list-style:none;
		z-index:5;
		}
.menubar a{
width:150px;
height: 30px;
padding: 0px;
margin: 0px 0px;
color:#ffffff;
		border:outset;
		border-color:#b0c4de;
		font-size:15px;
		font-family:Osaka,'MS PGothic';
		text-align:center;
		display:block;
		background-image: url("http://ki-kogyo.com/image/menubar.gif") no-repeat;
		background-position:-5px -5px;
		list-style:none;
		z-index: 5;
		}
.menubar a:hover{
		z-index: 5;
		background-position:-5px 38px;
		}

/*+++++++$B%a%$%s%3%s%F%s%D(B+++++++*/
/*$B%3%s%F%s%D%7%j!<%:(B*/
#contents{
					 position :absolute ;
					 top  :135px ;
					 left :205px;
					 background: url("http://ki-kogyo.com/image/background.gif") no-repeat;
					 background-position:320px 145px;
					 background-color:#ffffff;
					 width :601px;
					 height:340px;
					 padding :0px 0px 0px 0px;
					 margin:0px;
					  overflow:auto;
					 }

/*+++++++++$B%J%S%P!<!J%j%s%/!K(B+++++++++++*/

#bar{
	position :absolute;
	top:20px;
	left:207px;
	background: url("http://ki-kogyo.com/image/sora2.gif" ) no-repeat;
	width:601px;
	height:115px;
	padding :0px 0px 0px 0px;
	margin:0px;
	z-index:1;
	background-image: url(/image/sora2.gif);
					 }
#links { 
					position :absolute;
					font-family:Osaka,'MS PGothic';
					top : 80px;
					left : 20px ;
					width:600px;
					height:30px;
					 padding :0px;
					 margin :0px;
					font-size :10pt;
					list-style:none;
					z-index:8;
					}
.navibar{
		float:left;
		padding:0px;
		margin:0px 0px$B!((B
		}

.navibar a{
		width:80px;
		height:25px;
		color:#ffffff;
		padding:0px;
		margin:0px 0px;
		border:ridge;
		border-color:#b0c4de;
		font-size:10pt;
		text-align:center;
		display:block;
		background-image: url("http://ki-kogyo.com/image/menubar.gif") repeat;
		background-position:-50px -5px;
		}
.navibar a:hover{
		background-position:-5px 38px;
		}
h1{
					 width :250px;
					 padding:2px;
					 margin:20px 20px;
					 font-size:15px;
					 font-family:Osaka,'MS PGothic';
					 background-color:#cccc66;
					 }
h1  a{
					 color:#2f4f4f;
					 }
h1  a:hover{
					 color:#556b2f;
					 }
h2{
					 width :250px;
					 padding:2px;
					 margin:0px;
					 font-size:15px;
					 font-family:Osaka,'MS PGothic';
					 background-image:url("http://ki-kogyo.com/image/sora2.gif");
					 }

#text1{
					 position :absolute ;
					 top  :20px ;
					 left :20px;
					 font-size:15px;
					 list-style-image: url("http://ki-kogyo.com/image/list.gif") no-repeat;
					 }
.text1-list{
					  margin:20px 0px 0px 0px;
					 }
.text1-list  a{
					  color:#2f4f4f;
					 }
.text1-list  a:hover{
					  color:#556b2f;
					 }
 p{
					 width:500px;

					 font-size:12px;
					  line-height:1.5em;
					 padding:0px;
					 margin:10px;
					 }
/*+++++$B%1!<%"%$9)6H3t<02q<R(B++++++*/
#ki{
					 position :absolute ;
					 top:40px;
					 left:40px;
					 font-size:25px; 
					 color:#808080;
					 font-family:Osaka,'MS PGothic';
					 }
#explain-text{
					 position :absolute ;
					 top:60px;
					 left:20px;
					  padding:0px 0px 20px 0px;
					 margin:0px;
					  font-size:12px;
					  }
#explain-text div{
					 width:250px;
					 font-size:12px;
					  line-height:1.5em;
					  }
#explain-text  a{
					  color:#2f4f4f;
					 }
#explain-text  a:hover{
					  color:#556b2f;
					 }
#explain-text  p{
					  width:250px;
					  font-size:12px;
					  line-height:1.5em;
					   padding: 0px 0px 0px 0px;
					 margin: 0px 0px 0px 0px;
					  }
#explain-text  ul  {
					  width:250px;
					  font-size:12px;
					  line-height:1.5em;
					  padding: 0px  0px  20px  0px;
					 margin: 0px  0px  20px  20px;
					  }
#text2 {$B!!(B
					 padding:0px;
					 margin:20px 0px;
					  font-size:12px;
					  line-height:1.5em;
					  }
