/* CSS Document */

*     {
	padding:0px;
	font-size:12px;
	font-weight:normal;
	line-height:100%;
	margin: 0;
	   }
	   
	   
/* �y�[�W�S�� */

body      {background-image:url(../image/body_haikei.gif);}

#wrapper  {
	width:765px;
	margin:auto;
		   }
		   
#container  {
	width:765px;
	background-image:url(../image/haikei.jpg);
	height: 600px;
			 }
			 
			 
a:link {
	color: #0099FF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #0099FF;
}
a:hover {
	text-decoration: none;
	color: #FF6600;
}
a:active {
	text-decoration: none;
	color: #FF6600;}
			 
			 

/* ��������w�b�_�[ */ 

#header   {width:765px;
           height:103px;
           background-image:url(../image/header_haikei.jpg);
		   }
		   
#logo     {
	display:inline;
	width:101px;
	height:26px;
	float:left;
	margin-top: 69px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
		   }
		   
#logo a:link,
#logo a:visited,
#logo a:hover,
#logo a:active  {display:block;
                 width:101px;
                 height:26px;
				 background-image:url(../image/logo2.gif);
				 background-repeat:no-repeat;
				 text-indent:-9999px;}
				 
		   
#head_menu   {
	width:559px;
	height: 34px;
	margin-top: 69px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: right;
	display: inline;
			  }
			  
#head_menu_wrap {
	height: 34px;
	width: 475px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: right;
}

			  
#home      {
			list-style-type:none;
			float:left;
			}
			
#home a:link,
#home a:visited  {display:block;
                  width:93px;
                  height:34px;
				  background-image:url(../image/home_icon1.jpg);
				  text-indent:-9999px;
				  }
				  
#home a:hover,
#home a:active   {background-image:url(../image/home_icon2.jpg);
                  width:93px;
                  height:34px;
                  }


#works      {
			list-style-type:none;
			float:right;
			}
			
#works a:link,
#works a:visited  {display:block;
                  width:93px;
                  height:34px;
				  background-image:url(../image/works_icon1.jpg);
				  text-indent:-9999px;
				  }
				  
#works a:hover,
#works a:active   {background-image:url(../image/works_icon2.jpg);
                  display:block;
                  width:93px;
                  height:34px;
                  }
				  
				  
#concept      {list-style-type:none;
			float:right;
			}
			
#concept a:link,
#concept a:visited  {display:block;
                  width:93px;
                  height:34px;
				  background-image:url(../image/concept_icon1.jpg);
				  text-indent:-9999px;
				  }
				  
#concept a:hover,
#concept a:active   {background-image:url(../image/concept_icon2.jpg);
                  display:block;
                  width:93px;
                  height:34px;
                  }
				  

#about      {
			list-style-type:none;
			float:right;
			}
			
#about a:link,
#about a:visited  {display:block;
                  width:93px;
                  height:34px;
				  background-image:url(../image/about_icon1.jpg);
				  text-indent:-9999px;
				  }
				  
#about a:hover,
#about a:active   {background-image:url(../image/about_icon2.jpg);
                  display:block;
                  width:93px;
                  height:34px;
                  }
				  
				  
#blog      {list-style-type:none;
			float:right;}
			
#blog a:link,
#blog a:visited  {display:block;
                  width:93px;
                  height:34px;
				  background-image:url(../image/blog_icon1.jpg);
				  text-indent:-9999px;
				  }
				  
#blog a:hover,
#blog a:active   {background-image:url(../image/blog_icon2.jpg);
                  display:block;
                  width:93px;
                  height:34px;
                  }
				  
#contact      {list-style-type:none;
			float:right;}
			
#contact a:link,
#contact a:visited  {display:block;
                  width:93px;
                  height:34px;
				  background-image:url(../image/contact_icon1.jpg);
				  text-indent:-9999px;
				  }
				  
#contact a:hover,
#contact a:active   {background-image:url(../image/contact_icon2.jpg);
                  display:block;
                  width:93px;
                  height:34px;
                  }
				  


/* �����܂Ńw�b�_�[ */    



/* ��������R���e���c */ 

#contents       {float:left;
                 width:765px;
				 background-image:url(../image/haikei.jpg);
				 }
				 
#pankuzu          {
	margin-top:10px;
	font-size:10px;
	color:#666666;
	margin-left: 15px;
				   }
				   
#pankuzu a:link,
#pankuzu a:visited   {color:#666666;
                      text-decoration:none;}

#pankuzu a:hover,
#pankuzu a:active    {color:#990033;
                      text-decoration:none;
					  }	

#top_image      {margin:0px 0px 0px 8px;}

.infomation     {
                 width:340px;
				
                 }
.architects {
	background-color: #FFFFFF;
	width: 357px;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
	height: 100px;
}
.recomend_image {
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.recomend_text {
	line-height: 140%;
	color: #000000;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	font-size: 12px;
}




#new            {margin:10px 0px 0px 0px;}

.info_body      {font-size:12px;
                 margin:5px 0px 5px 10px;
				 line-height:130%;
				 }
				 
.info_line      {margin:0px 0px 0px 10px;} 




/* �����܂ŃR���e���c */  


#footer        {
                padding:0px;
		margin:auto;
                margin-top:0px;
                margin-bottom:0px;
		clear:both;
				}          
#space {
	clear: both;
	height: 5px;
	width: 5px;
}
.text_white {
	color: #FFFFFF;
}
.map_text {
	text-align: left;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 10px;
	line-height: 120%;
}
.map_contact {
	text-align: center;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#space {
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 5px;
	width: 5px;
}
.text_12 {
	font-size: 12px;
}
#logo_wrap {
	margin-top: 67px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	width: 101px;
	height: 26px;
}
#infomation_wrap {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	width: 340px;
}
#top_archive {
	float: right;
	width: 360px;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	display: inline;
}
#top_archive_wrap {
	width: 360px;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.to_detail {
	margin-top: 40px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	text-align: right;
}

.diary_log {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}

.space {
	clear: both;
	height: 1px;
	width: 1px;
}
.spacer {
	clear: both;
	height: 1px;
	width: 1px;
}
#blog_news {
	width: 340px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 20px;
}
#blog_list_title {
	background-image: url(../image/title/blog_list_s.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 30px;
	width: 339px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}