
body{
	background:url(../images/bg.gif) repeat-y #f5f3e8;
	font-size:80%;
	color:#555555;
	line-height:150%;
	}
	
/**************************************************
div#container
***************************************************/
div#container{
	width:920px;
	margin-left:10px;
	}
	#sitelogo {
		width:920px;
		height:75px;
		margin:0;
		padding:0;
		background:url(../images/header.jpg) no-repeat;
		font-size:1px;
		text-indent:-9999px;
	}
	h1 {
		width:920px;
		height:75px;
		margin:0;
		padding:0;
		background:url(../images/header.jpg) no-repeat;
		font-size:1px;
		text-indent:-9999px;
	}
	
/**************************************************
div#main
***************************************************/
	div#main{
		width:910px;
		margin:0 0 0 10px;
	}
/**************************************************
#navigation 
***************************************************/
		#navigation {
			float:left;
			width:209px;
			margin:0 16px 0 0;
		}
			ul#global-nav{
				width:209px;
				font-size:1px;
				text-indent:-9999px;
				text-decoration:none;
				}
				li#home{
					height:28px;
					background:url(../images/btn_home_f2.gif) no-repeat;
					}
				li#home a{
					display:block;
					background:url(../images/btn_home.gif) no-repeat;
					height:28px;
					}
				li#home a:hover{
					background:url(../images/btn_home_f2.gif) no-repeat;
					}
				li#gellery{
					height:102px;
					background:url(../images/btn_gellery_f2.jpg) no-repeat;
					}
				li#gellery a{
					display:block;
					height:102px;
					background:url(../images/btn_gellery.jpg) no-repeat;
					}
				li#gellery a:hover {
					background:url(../images/btn_gellery_f2.jpg) no-repeat;
					}
				li#gellery2{
					height:102px;
					background:url(../images/btn_gellery_f2.jpg) no-repeat;
				}
				li#gellery2{
					display:block;
					height:102px;
					background:url(../images/btn_gellery_f2.jpg) no-repeat;
					}
				li#gellery2 a{
					height:102px;
					display:block;
					background:url(../images/btn_gellery.jpg) no-repeat;
					}
				li#gellery2 a:hover {
					background:url(../images/btn_gellery_f2.jpg) no-repeat;
					}
				li#impression{
					background:url(../images/btn_impression_f2.jpg) no-repeat;
					height:84px;
					}
				li#impression a{
					display:block;
					background:url(../images/btn_impression.jpg) no-repeat;
					height:84px;
					}
				li#impression a:hover {
					background:url(../images/btn_impression_f2.jpg) no-repeat;
					}
				li#impression2{
					background:url(../images/btn_impression_f2.jpg) no-repeat;
					height:84px;
					}
				li#impression2 a{
					display:block;
					background:url(../images/btn_impression.jpg) no-repeat;
					height:84px;
					}
				li#impression2 a:hover {
					background:url(../images/btn_impression_f2.jpg) no-repeat;
					}
				li#architect{
					background:url(../images/btn_architect_f2.jpg) no-repeat;
					height:87px;
					}
				li#architect a{
					display:block;
					background:url(../images/btn_architect.jpg) no-repeat;
					height:87px;
					}
				li#architect a:hover {
					background:url(../images/btn_architect_f2.jpg) no-repeat;
					}
				li#concept{
					background:url(../images/btn_concept_f2.gif) no-repeat;
					height:42px;
					}
				li#concept a{
					display:block;
					background:url(../images/btn_concept.gif) no-repeat;
					height:42px;
					}
				li#concept a:hover {
					background:url(../images/btn_concept_f2.gif) no-repeat;
					}
				#flow{
					background:url(../images/btn_flow_f2.gif) no-repeat;
					height:39px;
					}
				#flow a{
					display:block;
					background:url(../images/btn_flow.gif) no-repeat;
					height:39px;
					}
				li#flow a:hover {
					background:url(../images/btn_flow_f2.gif) no-repeat;
					}
				li#coordinator{
					background:url(../images/btn_coordinator_f2.gif) no-repeat;
					height:39px;
				}
				li#coordinator a{
					display:block;
					background:url(../images/btn_coordinator.gif) no-repeat;
					height:39px;
					}
				#coordinator a:hover {
					background:url(../images/btn_coordinator_f2.gif) no-repeat;
					}
				li#topics{
					background:url(../images/btn_topics_f2.gif) no-repeat;
					height:39px;
					}
				li#topics a{
					display:block;
					background:url(../images/btn_topics.gif) no-repeat;
					height:39px;
					}
				li#topics a:hover {
					background:url(../images/btn_topics_f2.gif) no-repeat;
					}
				li#topics2{
					background:url(../images/btn_topics_f2.gif) no-repeat;
					height:39px;
				}
				li#topics2 a{
					display:block;
					background:url(../images/btn_topics_f2.gif) no-repeat;
					height:39px;
					}
				li#topics2 a:hover {
					background:url(../images/btn_topics_f2.gif) no-repeat;
					}
				li#qa{
					background:url(../images/btn_qa_f2.gif) no-repeat;
					height:39px;
					}
				li#qa a{
					display:block;
					background:url(../images/btn_qa.gif) no-repeat;
					height:39px;
					}
				li#qa a:hover {
					background:url(../images/btn_qa_f2.gif) no-repeat;
					}
				li#about{
					background:url(../images/btn_about.gif) no-repeat;
					height:27px;
					}
				li#about a{
					display:block;
					background:url(../images/btn_about.gif) no-repeat;
					height:27px;
					}
				li#about a:hover {
					background:url(../images/btn_about_f2.gif) no-repeat;
					}
				li#link{
					background:url(../images/btn_link.gif) no-repeat;
					height:17px;
					}
				li#link a{
					display:block;
					background:url(../images/btn_link.gif) no-repeat;
					height:17px;
					}
				li#link a:hover {
					background:url(../images/btn_link_f2.gif) no-repeat;
					}
				li#sitemap{
					background:url(../images/btn_sitemap.gif) no-repeat;
					height:17px;
					}
				li#sitemap a{
					display:block;
					background:url(../images/btn_sitemap.gif) no-repeat;
					height:17px;
					}
				li#sitemap a:hover {
					background:url(../images/btn_sitemap_f2.gif) no-repeat;
					}
				li#privacy{
					background:url(../images/btn_privacy.gif) no-repeat;
					height:17px;
					}
				li#privacy a{
					display:block;
					background:url(../images/btn_privacy.gif) no-repeat;
					height:17px;
					}
				li#privacy a:hover {
					background:url(../images/btn_privacy_f2.gif) no-repeat;
					}
				p#img1{
					background:url(../images/img1.gif) no-repeat;
					height:60px;
					font-size:1px;
					text-indent:-9999px;
					text-decoration:none;
					}
				p#contact{
					background:url(../images/btn_contact_f2.jpg) no-repeat;
					height:53px;
					font-size:1px;
					text-indent:-9999px;
					text-decoration:none;
					}
				p#contact a{
					display:block;
					background:url(../images/btn_contact.jpg) no-repeat;
					height:53px;
					text-decoration:none;
					}
				p#contact a:hover {
					background:url(../images/btn_contact_f2.jpg) no-repeat;
					}
				p#img2{
					background:url(../images/img2.gif) no-repeat;
					height:59px;
					font-size:1px;
					text-indent:-9999px;
					text-decoration:none;
					}
				p#adress {
					margin:0 0 5px 12px;
					font-size:8pt;
					color:#000033;
					font-weight:lighter;
					}
			ul#banner{
				width:209px;
				font-size:1px;
				text-indent:-9999px;
				text-decoration:none;
				}
			
				li#banner1{
					background:url(../images/banner1.jpg) no-repeat;
					height:122px;
				}
				li#banner1 a{
					display:block;
					background:url(../images/banner1.jpg) no-repeat;
					height:122px;
					}
				li#banner1 a:hover {
					background:url(../images/banner1.jpg) no-repeat;
					}
				li#banner2{
					background:url(../images/banner2.jpg) no-repeat;
					height:91px;
				}
				li#banner2 a{
					display:block;
					background:url(../images/banner2.jpg) no-repeat;
					height:91px;
				}
				li#banner2 a:hover {
					background:url(../images/banner2.jpg) no-repeat;
				}
				li#banner3{
					width:209px;
					background:url(../images/banner3.jpg) no-repeat;
					height:65px;
				}
				li#banner3 a{
					display:block;
					background:url(../images/banner3.jpg) no-repeat;
					height:65px;
				}
				li#banner3 a:hover {
					background:url(../images/banner3.jpg) no-repeat;
					}
				li#banner4{
					margin:0 0 0 105px;
					background:url(../images/banner4.jpg) no-repeat;
					height:65px;
					}
				li#banner4 a{
					display:block;
					background:url(../images/banner4.jpg) no-repeat;
					height:65px;
					}
				li#banner4 a:hover {
					background:url(../images/banner4.jpg) no-repeat;
					}
				li#banner5{
					background:url(../images/banner5.jpg) no-repeat;
					height:65px;
					}
				li#banner5 a{
					display:block;
					background:url(../images/banner5.jpg) no-repeat;
					height:65px;
				}
				li#banner5 a:hover {
					background:url(../images/banner5.jpg) no-repeat;
				}
				li#banner6{
					background:url(../images/banner6.jpg) no-repeat;
					height:78px;
				}
				li#banner6 a{
					display:block;
					background:url(../images/banner6.jpg) no-repeat;
					height:78px;
				}
				li#banner6 a:hover {
					background:url(../images/banner6.jpg) no-repeat;
				}
				li#banner7 a{
					display:block;
					background:url(../images/banner7.jpg) no-repeat;
					height:71px;
				}
				li#banner7 a:hover {
					background:url(../images/banner7.jpg) no-repeat;
				}
				li#banner8 a{
					display:block;
					background:url(../images/banner8.jpg) no-repeat;
					height:71px;
				}
				li#banner8 a:hover {
					background:url(../images/banner8.jpg) no-repeat;
				}
				li#banner9 {
					margin: 15px 0 15px 20px;
				}
				li#banner9 a{
					display:block;
					background:url(../images/banner9.jpg) no-repeat;
					height:90px;
				}
				li#banner9 a:hover {
					background:url(../images/banner9.jpg) no-repeat;
				}
				li#banner9 br {
					display: none;
				}


/**************************************************
#contents
***************************************************/		
		#contents{
			float:left;
			width:685px;
		}
		
		

/**************************************************
上部お問い合わせエリア
***************************************************/
p#contactus{
	float:left;
	width:437px;
	height:30px;
	margin:0 2px 0 0;
	font-size:1px;
	text-indent:-9999px;
	background:url(../images/header1.gif) no-repeat;
}
p#contactform{
	float:left;
	width:121px;
	height:30px;
	margin:0 1px 0 0;
	background:url(../images/header2.gif) no-repeat;
	font-size:1px;
	text-indent:-9999px;
}
p#contactform a{
	display:block;
	background:url(../images/header2.gif) no-repeat;
	height:30px;
}

p#contactform a:hover{
	background:url(../images/header2_f2.gif) no-repeat;
}
	

/**************************************************
文字サイズ選択エリア
***************************************************/
dl#text-util{
	float:left;
}
dt#text-utilttl{
	float:left;
	width:50px;
	height:30px;
	margin:0 1px 0 0;
	background:url(../images/header1-2.gif) no-repeat;
	font-size:1px;
	text-indent:-9999px;
}
/*add update*/
dd#textlarge{
	float:left;
	width:17px;
	height:30px;
	background:url(../images/header4.gif) no-repeat;
	display:block;
	font-size:1px;
	text-indent:-9999px;
}
dd#textlarge a{
	width:17px;
	height:30px;
	background:url(../images/header4.gif) no-repeat;
	display:block;
	font-size:1px;
	text-indent:-9999px;
}
dd#textlarge a:hover{
	background:url(../images/header4_f2.gif);
}

dd#textdefault{
	float:left;
	width:16px;
	height:30px;
	background:url(../images/header5.gif) no-repeat;
	display:block;
	font-size:1px;
	text-indent:-9999px;
	}
dd#textdefault a{
	width:16px;
	height:30px;
	background:url(../images/header5.gif) no-repeat;
	display:block;
	font-size:1px;
	text-indent:-9999px;
	}
dd#textdefault a:hover{
	background:url(../images/header5_f2.gif);
}
dd#textsmall{
	float:left;
	width:15px;
	height:30px;
	background:url(../images/header6.gif) no-repeat;
	display:block;
	font-size:1px;
	text-indent:-9999px;
}
dd#textsmall a{
	width:15px;
	height:30px;
	background:url(../images/header6.gif) no-repeat;
	display:block;
	font-size:1px;
	text-indent:-9999px;
}
dd#textsmall a:hover{
	background:url(../images/header6_f2.gif);
}
	
	
/**************************************************
パンくずエリア
***************************************************/
.pankuzu {
	margin:7px 0 8px 0;
	font-size:8px;
}
*:first-child+html p.pankuzu {
	margin:9px 0 10px 0;
	font-size:8px;
}
	

/**************************************************
footer
***************************************************/
.gotoup{
	margin:20px 0 10px 0;
	width:660px;
	font-size:x-small;
	text-align:right;
	}
.history{
	width:660px;
	margin:0 0 20px 0;
	font-size:x-small;
	text-align:right;
	}
#bottom{
	/*clear:left;*/
	width:660px;
	height:30px;
	padding:2px 0 0 0;
	background:url(../images/bottom.gif) no-repeat;
	border-top:1px solid #000033;
	}
#bottom a{
	display:block;
	width:119px;
	height:26px;
	margin:0 0 0 536px;
	background:url(../images/bottom_contact.gif) no-repeat;
	font-size:1px;
	text-indent:-9999px;
	}
#bottom a:hover{
	background:url(../images/bottom_contact_f2.gif) no-repeat;
	}
.copyright{
	margin:0 0 30px 0;
	text-align:center;
	font-size:x-small;
	color:#A3967B;
	}
.bold{
	font-size:medium;
	color:#000033;
	font-weight:bold;
	}