
relative
html, body{
	height:100%;
	}

body{
	background-color:#fff;
	color:#666666;
	margin:0;
	padding:0;
	text-align:left;
	height:100%;
	font-size:12px;
	}

body, th, td, p{
/*font-size:medium;*/
	line-height:150%;
	}

form{
	margin:0;
	padding:0;
	}

img{
	border:none;
	vertical-align:text-bottom;
	}

a:link    {color:#0066cc;  text-decoration:underline;}
a:visited {color:#0066cc;  text-decoration:underline;}
a:active  {color:#0066cc;  text-decoration:underline;}
a:hover   {color:#3399ff;  text-decoration:underline;}
a         {color:#0066cc;  text-decoration:underline;}

.clear{
	clear:both;
	font-size:1px;
	line-height:1px;
	}

	.red{
	color:#FF0000;	}

	.orange{
	color:#ff6600;	}

	#container{
	width: 800px;
 margin-left: auto;
 margin-right: auto;
	text-align:left;
 }
	
		.arrow1{
		padding:2px 0px 0px 13px;
		background-image:url("img/arrow_mn1.gif");
		background-repeat:no-repeat;
		background-position:0px center;
		}
		.arrow2{
		padding:2px 0px 0px 13px;
		background-image:url("img/arrow_mn2.gif");
		background-repeat:no-repeat;
		background-position:0px center;
		}
		.arrow3{
		background-image:url("img/arrow_mn3.gif");
		background-repeat:no-repeat;
		background-position:10px center;
		}
		.arrow4{
		background-image:url("img/arrow_mn4.gif");
		background-repeat:no-repeat;
		background-position:10px center;
		}
		
		
		
		#menu_type{
		margin:5px 0px 10px 0px;
		padding:5px;
		overflow:hidden;
		background-color:#ffffec;
		border:1px solid #99cc66;
		}
		#menu_type ul{
		margin:5px;
		padding:0;
		}
		
		#menu_type li{
		list-style:none;
		padding:2px 0px 0px 13px;
		background-image:url("img/arrow_kensaku.gif");
		background-repeat:no-repeat;
		background-position:0px center;
		}



	#header{
	color:#FFFFFF;

	padding:3px 0px 0px 5px;
	height:25px;
	background-image:url("img/header.jpg");
	}

	 #logo{
		width:195px;
		height:50px;

		position:relative;
		margin:20px 0px 0px 10px;

		}
		
		#main-menu{
		width:800px;
		height:53px;
		position:relative;
		top:25px; left:0px;
		}
		
		#main-menu ul.menu{
		width:800px;
		margin:0;
		padding:0;
		}
		
		#main-menu ul.menu li{
		float:left;
		list-style:none;
	 }
		
		#text-menu{
		text-align:right;
		position:relative;
		top:25px; left:0px;
		}
		
	
		#main{
		width:800px;
		position:relative;
		top:35px; left:0px;

		}
		
		#left{
		width:590px;
		margin:0px 10px 0px 0px;
		padding:0;
		float:left;
		}
		
		
		#ttl a:link    {color:#0066cc;  text-decoration:underline;}
		#ttl a:visited {color:#ff6600;  text-decoration:underline;}
		#ttl a:active  {color:#0066cc;  text-decoration:underline;}
		#ttl a:hover   {color:#3399ff;  text-decoration:underline;}
		#ttl a         {color:#0066cc;  text-decoration:underline;}
		
		#left .post-ttl{
		color:#006600;
		font-weight:bold;
		width:570px;
		height:27px;
		background-image:url("img/title.gif");
		padding:4px 0px 0px 20px;
		margin:0px 0px 5px 0px;
		}
		#left .post-ttl2{
		color:#666600;
		font-weight:bold;
		width:570px;
		height:27px;
		background-image:url("img/title2.gif");
		padding:4px 0px 0px 20px;
		margin:0px 0px 5px 0px;
		}
		
		#left .post-main{
		color:#339900;
		background-color:#f1fade;
		font-weight:bold;
		width:555px;
		line-height:1.4;
		background-image:url("img/arrow_title.gif");
		background-repeat:no-repeat;
		background-position:3px center;
		padding:4px 0px 0px 25px;
		margin:0px 0px 0px 5px;
		}
		
		#left .post-main2{
		color:#339900;
		background-color:#FFFFFF;
		font-weight:bold;
		width:555px;
		line-height:1.4;
		background-image:url("img/arrow_title.gif");
		background-repeat:no-repeat;
		background-position:3px center;
		padding:4px 0px 0px 25px;
		margin:0px 0px 0px 5px;
		}
		#left .post-main3{
		color:#339900;
		background-color:#fcf9d3;
		font-weight:bold;
		width:555px;
		height:21px;
		background-image:url("img/arrow_title.gif");
		background-repeat:no-repeat;
		background-position:3px center;
		padding:4px 0px 0px 25px;
		margin:0px 0px 0px 5px;
		}
		
		
		#left a{
		font-weight:normal; 	
		padding:4px 0px 0px 0px;
		margin:0px 0px 0px 5px;
		}
		

		
		#kensaku{
		width:582px;
		margin:0px 0px 25px 0px;
		padding:3px;
		border:1px solid #bcb54a;
		}
		
		#kensaku_img1{
		margin:-18px 0px 0px 8px;
		position:absolute;
		float:left;
		}
		
		#kensaku_img2{
		margin:-18px 0px 0px 205px;
		position:absolute;
		float:left;
		}
		
		#kensaku .bg{
		width:582px;
		background-color:#f1f1e0;
		padding:20px 0px 10px 0px;
  height:213px;
		}
		
		#kensaku .bg_quick{
		width:582px;
		background-color:#f1f1e0;
		padding:20px 0px 10px 0px;
  height:41px;
		}
		
		#kensaku .bg1{
		width:191px;
		height:213px;
		margin:0px 5px 0px 5px;
		padding:0px 0px 0px 0px;
		background-image:url("img/kensaku/bg1.gif");
		background-repeat:no-repeat;
		float:left;
		}
		
		#kensaku .bg1 ul{
		margin:10px 0px 0px 10px;
		padding:0;
		}
		
		#kensaku .bg1 li{
		list-style:none;
		line-height:160%;
		padding:0px 0px 2px 8px;
		background-image:url("img/arrow_kensaku.gif");
		background-repeat:no-repeat;
		background-position:0px center;
		}
		
		#kensaku .bg2{
		width:362px;
		height:213px;
		padding:0px 0px 0px 5px;
		background-image:url("img/kensaku/bg2.gif");
		background-repeat:no-repeat;
		float:left;
		}
		
		#kensaku .bg3{
		width:555px;
		height:31px;
		margin:0px 0px 0px 6px;
		padding:10px 0px 0px 15px;
		background-image:url("img/kensaku/bg3.gif");
		background-repeat:no-repeat;
		}
		
		
		#SPnav{
		width:590px;
		padding:0px 0px 0px 0px;
		margin:0px 0px 0px 0px;
		}

		#SPnav .midashi{
		border-top:3px solid #dcdd85;
		border-bottom:1px solid #dcdd85;
		background-color:#fefee4;
		font-weight:bold;	
		width:580px;
		height:22px;
		padding:4px 0px 0px 10px;
		margin:0px 0px 3px 0px;
		}

		#SPnav ul {
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		list-style:none;
		border-bottom:dotted 1px #BBBBBB;
		}
		
		#SPnav li{
		padding:3px 0px 2px 0px;
		list-style:none;
		border-bottom:dotted 1px #BBBBBB;
		}
		
		
		#right{
		width:200px;
		margin:0px 0px 0px 0px;
		padding:0;
		float:left;
		}
		
		#mn{
		width:200px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		}
		
		#menu1{
		width:178px;
		margin:5px 0px 10px 0px;
		padding:15px 10px 15px 10px;
		overflow:hidden;
		background-color:#ffffec;
		border:1px solid #99cc66;
		}
		
		#menu1 ul{
		margin:0px 0px 10px 0px;
		padding:0;
		}
		
		#menu1 li{
		list-style:none;
		padding:0px 0px 2px 13px;
		background-image:url("img/arrow_mn1.gif");
		background-repeat:no-repeat;
		background-position:0px center;
		}
		
		#menu2{
		width:188px;
		margin:0px 0px 0px 0px;
		padding:5px 5px 10px 5px;
		overflow:hidden;

		}
		
		#menu2 a{
		text-decoration:none;
		}
		
		#menu2 ul{
		margin:0px 0px 0px 0px;
		padding:0;
		}
		
		#menu2 li{
		border-bottom:dotted 1px #BBBBBB;
		list-style:none;
		padding:5px 0px 0px 13px;
		background-image:url("img/arrow_mn2.gif");
		background-repeat:no-repeat;
		background-position:0px center;
		}
		

	
  #footer{
  position:relative;
		float:left;
		border-top:2px solid #95ce00;
		border-bottom:3px solid #95ce00;
		text-align:center;
		width:800px;
		padding:10px 0px 10px 0px;
		margin:30px 0px 0px 0px;
	 }




