﻿@charset "UTF-8";

html,body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,form,input{margin:0px;padding:0px;}
ul,ol{list-style:none;}
select{font-size:11px;}
body{
	padding-left:20px;
	font-family:"ＭＳ Ｐゴシック","Osaka","ヒラギノ角ゴ Pro W3",verdana,sans-serif;
	font-size:12px;
	line-height:1.4em;
	color:#614122;
}
img{border:none;}
p{margin-bottom:8px;}
a:link,a:visited	{color:#C9840E;}
a:hover		{color:#FCB72F;}
a:active	{color:#A3802C;}
/* ------------------------- container -------------------- */
#container{
	width:820px;

}
/* ------------------------- header -------------------- */

#header{
	width:820px;
	height:150px;
	background:url(images/contents_header_hr.gif) 0px 90px no-repeat;
}
		#header.press{
			height:171px;
		}
		#header h1{
			position:absolute;
			top:20px;
			left:19px;
			background:url(images/contents_header_logo.gif) no-repeat;
		}
			#header h1 a{
				text-indent:-4908px;
				width:318px;
				height:54px;
				font-size:1px;
				display:block;
				overflow:hidden;
			}
			#header #topicpath{
				width:812px;
				text-align:right;
				font-size:11px;
				top:72px;
				position:absolute;
			}
					#header #otorioki_title{	background:url(otorioki/images/title.gif) no-repeat #fff;width:197px;height:32px;}
					#header #area_title{		background:url(area/images/title.gif) no-repeat #fff;width:180px;height:32px;}
					#header #area_title a{		background:url(area/images/title.gif) no-repeat #fff;width:180px;height:32px;display:block;text-indent:-4000px;overflow:hidden;}
					#header #contact_title{		background:url(contact/images/title.gif) no-repeat;width:181px;height:32px;}
					#header #sitemap_title{		background:url(sitemap/images/title.gif) no-repeat #fff;width:214px;height:32px;}
					#header #recruit_title{		background:url(recruit/images/title.gif) no-repeat;width:203px;height:32px;}
					#header #catalogue_log_title{		background:url(catalogue/images/title.gif) no-repeat #fff;width:214px;height:32px;}
					#header #press_title{		background:url(press/images/title.gif) no-repeat #fff;width:220px;height:53px;}
					#header #store_title{		background:url(store/images/title.gif) no-repeat #fff;width:203px;height:32px;}
					
					#header h2{
						text-indent:-2980px;
						position:absolute;
						left:20px;
						top:103px;
					}
							#header h2 strong{
									display:block;
									position:absolute;
									top:0px;
									left:180px;
									height:32px;text-indent:-4000px;overflow:hidden;
							}
							
									#header .area01	{	background:url(area/01/subtitle.gif) no-repeat #fff;width:383px;}
									#header .area02	{	background:url(area/02/subtitle.gif) no-repeat #fff;width:383px;}
									#header .area03	{	background:url(area/03/subtitle.gif) no-repeat #fff;width:383px;}
									#header .area04	{	background:url(area/04/subtitle.gif) no-repeat #fff;width:383px;}
									#header .area05	{	background:url(area/05/subtitle.gif) no-repeat #fff;width:383px;}
									#header .area06	{	background:url(area/06/subtitle.gif) no-repeat #fff;width:383px;}
									#header .area07	{	background:url(area/07/subtitle.gif) no-repeat #fff;width:383px;}
									
									
					#header .laedtext{
						position:absolute;
					}
					#header .laedtext_area,#header .laedtext_catalogue{
						position:absolute;
						left:210px;
						top:103px;
						height:32px;
						text-indent:-4000px;
					}
					#header #otorioki_lead{			left:230px;		top:103px;}
					#header #area_lead{			left:215px;		top:103px;}
					#header #contact_lead{			left:217px;		top:103px;}
					#header #sitemap_lead{			left:250px;		top:103px;}
					#header #recruit_lead{			left:235px;		top:103px;}
					#header #catalogue_log_lead{	left:180px;		top:103px;}
					#header #press_lead{			left:255px;		top:103px;}
					#header #store_lead{			left:238px;		top:103px;}
					
					

/* ------------------------- menu -------------------- */
#slideObj{
	font-size:11px;
	z-index:10;
	position:absolute;
	top:0px;
	left:614px;
}
		#slideObj_body{
			background:url(./images/mokuji_bg.gif) repeat-y;
			padding-top:140px;
			top:0px;
		}
				#slideObj_body h2{
					background:url(images/mokuji_head.gif);
					width:226px;
					height:28px;
					overflow:hidden;
				}
						#slideObj_body h2 a{
							float:right;
							display:block;
							text-indent:-8080px;
							width:80px;
							height:28px;
							background:url(images/mokuji_head.gif) 80px;
						}
						#slideObj_body h2 a:hover{
							background:url(images/mokuji_head_hover.gif) 80px;
						}
				#slideObj_body ul li a{
					text-indent:-5000px;
					display:block;
					width:226px;
					overflow:hidden;
				}
				#menu_sokuho a		{height:37px;	background:url(images/mokuji_sokuho.gif);}
				#menu_showroom a		{height:37px;	background:url(images/mokuji_showroom.gif);}
				#menu_otorioki a		{height:37px;	background:url(images/mokuji_otorioki.gif);}
				#menu_staffblog	a	{height:37px;	background:url(images/mokuji_staffblog.gif);}
				#menu_townguide	a	{height:37px;	background:url(images/mokuji_townguide.gif);}
				
				#menu_mile a		{height:22px;	background:url(images/mokuji_mile.gif);}
				#menu_paintok a		{height:18px;	background:url(images/mokuji_paintok.gif) no-repeat;}
				#menu_athome a		{height:22px;	background:url(images/mokuji_atohome.gif) no-repeat;}
				
				#menu_company a 		{height:15px;	background:url(images/mokuji_company.gif);}
				#menu_sitemap a		{height:14px;	background:url(images/mokuji_sitemap.gif);}
				#menu_policy a		{height:14px;	background:url(images/mokuji_policy.gif);}
				#menu_contact a		{height:16px;	background:url(images/mokuji_contact.gif);}
				
				#menu_body ul .sep	{ background:url(images/mokuji_hr.gif) bottom no-repeat;}

				/* onmouse */
				#menu_otorioki a:hover		{background:url(images/mokuji_otorioki_hover.gif);}
				#menu_showroom a:hover		{background:url(images/mokuji_showroom_hover.gif);}
				#menu_catalogue a:hover		{background:url(images/mokuji_catalogue_hover.gif);}
				#menu_staffblog a:hover		{background:url(images/mokuji_staffblog_hover.gif);}
				#menu_townguide	a:hover	{background:url(images/mokuji_townguide_hover.gif);}
				
				#menu_mile a:hover		{background:url(images/mokuji_mile_hover.gif);}
				#menu_paintok a:hover		{background:url(images/mokuji_paintok_hover.gif) no-repeat;}
				#menu_athome a:hover		{background:url(images/mokuji_atohome_hover.gif) no-repeat;}
				
				#menu_company a:hover 		{background:url(images/mokuji_company_hover.gif);}
				#menu_sitemap a:hover		{background:url(images/mokuji_sitemap_hover.gif);}
				#menu_policy a:hover		{background:url(images/mokuji_policy_hover.gif);}
				#menu_contact a:hover		{background:url(images/mokuji_contact_hover.gif);}
				#menu_sokuho a:hover		{background:url(images/mokuji_sokuho_hover.gif);}
		
		
		#slideObj_title{
			background:url(./images/mokuji_foot.gif) no-repeat;
			width:226px;
			height:55px;
			top:0px;
			text-indent:-8000px;
		}
		

/* ------------------------- contents -------------------- */
#contents{
	margin:0px 8px 0px 5px;
}


/* ------------------------- left -------------------- */
#left{
	width:569px;
	float:left;
	margin-bottom:10px;
}
/* ------------------------- right -------------------- */
#right{
	width:210px;
	float:right;
	margin-bottom:10px;
}


/* ------------------------- footer ------------------------ */
#footer{
	clear:both;
	width:820px;
	background:url(images/footer.gif) no-repeat top right;
	
	height:108px;
}
	#footer #footer_copy{
		padding:50px 0px 0px;
		overflow:hidden;
		float:left;
		font-size:11px;
	}
			#footer ul .copyright_jp{
				background:url(images/footer.gif) 0px -50px no-repeat;
				width:252px;
				height:19px;
				overflow:hidden;
				text-indent:-4000px;
			}
			#footer ul .copyright_eng{
				background:url(images/footer.gif) 0px -69px no-repeat;
				width:324px;
				height:16px;
				overflow:hidden;
				text-indent:-4000px;
			}
	#footer_link{
		margin-top:65px;
		margin-right:10px;
		float:right;
		font-size:11px;
	}
			#footer_link li{
				float:left;
			}
			#footer_link li a{
				text-decoration:none;
				color:#598126;
				padding:0px 7px;
				border-left:1px solid #666;
			}
			#footer_link li a:hover{
				text-decoration:underline;
			}
/* ------------------------- otorioki map ------------------- */

#mapmenu{
	background:url(./otorioki/images/menu.gif) no-repeat;
	width:162px;
	height:386px;
	position:absolute;
	float:left;
}
#map{
	background:url(./otorioki/images/mapall.gif);
	float:right;
	width:657px;
	height:386px;
}
#highlightarea{
	position:absolute;
	width:657px;
	height:386px;
}
#mousearea{
	position:absolute;
	width:658px;
	height:386px;
	z-index:3;
}

#maskarea{
	position:absolute;
	width:810px;
	height:386px;
}

#matrixarea{
	position:absolute;
	width:810px;
	height:386px;
}

#mainImage{
	position:absolute;
}
		.areaimg{	position:absolute;}
		#area1{	margin-left:73px;
					margin-top:83px;}
		#area2{	margin-left:32px;
					margin-top:2px;}
		#area3{	margin-left:275px;
					margin-top:87px;}
		#area4{	margin-left:382px;
					margin-top:4px;}
		#area5{	margin-left:275px;
					margin-top:290px;}
		#area6{	margin-left:2px;
					margin-top:290px;}
		#area7{	margin-left:2px;
					margin-top:4px;}

		#mapmenu h1{height:141px;text-indent:-8278px;}
		.mapleftmenu	{width:150px;}
		.mapleftmenu a	{overflow:hidden;text-indent:-8999px;width:150px;display:block;}
		#mapmenu1 a			{background:url(./otorioki/images/areamenu_01a.gif);	height:74px;}
		#mapmenu2 a			{background:url(./otorioki/images/areamenu_02a.gif);	height:64px;}
		#mapmenu3 a			{background:url(./otorioki/images/areamenu_03a.gif);	height:42px;}
		#mapmenu4 a			{background:url(./otorioki/images/areamenu_04a.gif);	height:64px;}
		#mapmenu5 a			{background:url(./otorioki/images/areamenu_05a.gif);	height:40px;}
		#mapmenu6 a			{background:url(./otorioki/images/areamenu_06a.gif);	height:44px;}
		#mapmenu7 a			{background:url(./otorioki/images/areamenu_07a.gif);	height:57px;}
		#mapmenu1 a:hover	{background:url(./otorioki/images/areamenu_01b.gif);}
		#mapmenu2 a:hover	{background:url(./otorioki/images/areamenu_02b.gif);}
		#mapmenu3 a:hover	{background:url(./otorioki/images/areamenu_03b.gif);}
		#mapmenu4 a:hover	{background:url(./otorioki/images/areamenu_04b.gif);}
		#mapmenu5 a:hover	{background:url(./otorioki/images/areamenu_05b.gif);}
		#mapmenu6 a:hover	{background:url(./otorioki/images/areamenu_06b.gif);}
		#mapmenu7 a:hover	{background:url(./otorioki/images/areamenu_07b.gif);}

	.kushitsu{
		clear:both;
		text-align:right;
		padding:7px 5px 5px
	}
			.kushitsu strong{
			font:17px bold 'verdana',sans-serif;
			}


/* ----------------------- area info ---------------- */
#areainfo_left{
	width:569px;
	float:left;
	overflow:auto;
	margin-bottom:10px;
}

		#areainfo_left h3{text-indent:-4000px;height:28px;}
		#areainfo_left h3.area01{background:url(./area/01/lead.gif) no-repeat 10px 0px;}
		#areainfo_left h3.area02{background:url(./area/02/lead.gif) no-repeat 10px 0px;}
		#areainfo_left h3.area03{background:url(./area/03/lead.gif) no-repeat 10px 0px;}
		#areainfo_left h3.area04{background:url(./area/04/lead.gif) no-repeat 10px 0px;}
		#areainfo_left h3.area05{background:url(./area/05/lead.gif) no-repeat 10px 0px;}
		#areainfo_left h3.area06{background:url(./area/06/lead.gif) no-repeat 10px 0px;}
		#areainfo_left h3.area07{background:url(./area/07/lead.gif) no-repeat 10px 0px;}
		
		#areainfo_left img.photolist{
			float:left;
			margin:0px 20px 5px 10px;
		}
		

#areainfo_left p{
	margin-bottom:1em;
}
		#areainfo_left p.sep{
			margin-bottom:2em;
		}

		#areainfo_left .image_left{
			clear:both;
			float:left;
			margin:0px 20px 10px 0px;
		}
		#areainfo_left .image_right{
			clear:both;
			float:right;
			margin:0px 0px 10px 15px;
		}
		
		#areainfo_left a.ichioshi{
			width:210px;
			height:25px;
			display:block;
			background:url(area/images/ichioshi.gif);
			text-indent:-4000px;overflow:hidden;
		}
		#areainfo_left a.tminfo{
			width:210px;
			height:25px;
			display:block;
			background:url(area/images/infolink.gif);
			text-indent:-4000px;overflow:hidden;
		}

#areainfo_right{
}

/* -- photo gallery -- */
#areainfo_gallery{
	clear:both;
	width:807px;
}
			#areainfo_gallery h3.photogallery{
				clear:both;
				background:url(./area/images/gallery_title.gif);
				width:807px;
				height:36px;
				text-indent:-4005px;
			}

			#areainfo_gallery ul.photogallery{
				height:410px;
				
			}
			#areainfo_gallery ul.row1{
				height:210px;
				
			}
			#areainfo_gallery ul.photogallery li{
				float:left;
				position:absolute;
			
			}
					#areainfo_gallery ul.photogallery li.position1{margin:0px 0px 0px 0px}
					#areainfo_gallery ul.photogallery li.position2{margin:0px 0px 0px 269px}
					#areainfo_gallery ul.photogallery li.position3{margin:0px 0px 0px 538px}
					#areainfo_gallery ul.photogallery li.position4{margin:200px 0px 0px 0px}
					#areainfo_gallery ul.photogallery li.position5{margin:200px 0px 0px 269px}
					#areainfo_gallery ul.photogallery li.position6{margin:200px 0px 0px 538px}

/* ----------------------------------- catalogue individual ------------------------- */

#header.catalogue h1 a{
	text-indent:0px;
}
#header.catalogue{
	height:110px;
}

#header .hr{
	position:absolute;
	top:90px;
}

		/* ------------------------- left -------------------- */
		#catalogue_left{
			float:left;
			margin-bottom:10px;
			width:374px;
			text-align:center;
		}
		#catalogue_left ul.photogallery{
			margin:0px 12px 0px 28px;
		}
					#catalogue_left ul.photogallery li{
						float:left;
						width:164px;
						height:164px;
					}
					#catalogue_left ul.photogallery li span{
						float:left;
						width:156px;
						height:156px;
						background:url(catalogue/images/photogallery_bg.gif);
					}
					#catalogue_left ul.photogallery li span img{
						margin:1px;
					}
		


		/* ------------------------- right -------------------- */
		#catalogue_right{
			width:413px;
			float:left;
			margin-bottom:10px;
		}
				#catalogue_right dl.property{
					background:url(catalogue/images/property_bg.gif);
					margin:15px 5px;
					overflow:auto;
				}
				#catalogue_right dl.property dt{
					float:left;
					clear:both;
					padding:2px 2px 2px 5px;
				}
				#catalogue_right dl.property dd{
					padding:2px 5px 2px 118px;
					border-bottom:1px solid #fff;
					
				}
				#catalogue_right h3,#catalogue_right p{
					clear:both;
				}

				#catalogue_right p.tel{
					text-align:left;
					display:block;
					height:62px;
					width:412px;
				}
				#catalogue_right p.tel span{
					position:absolute;
					color:#fff;
					font-size:30px;
					display:block;
					padding-left:135px;
					text-align:center;
					-moz-opacity:0;
					opacity:0;
					filter:Alpha(opacity=0);
					margin:32px 0px;
				}
				#catalogue_right p.tel img{
					position:absolute;
				}
				/* staff comment - contact */
				#catalogue_right h3{
					margin:15px 0px 10px;
				}
						#catalogue_right form dl{
							margin:0px 5px;
						}
						#catalogue_right form dl .textinput{
							width:200px;
							font-size:12px;
							margin:2px 0px 5px;
							padding:2px;
							color:#614122;
						}
						#catalogue_right form dl textarea{
							width:400px;
							height:9em;
							font-size:12px;
							margin:2px 0px 8px;
							padding:2px;
							line-height:1.4em;
							color:#614122;
						}
						
						#catalogue_right .otherphotos {
							width:413px;
							height:90px;
						}
						
						#catalogue_right .otherphotos li{
							float:left;
							width:100px;
						}
										#catalogue_right p#more_executive a{
											clear:both;
											background:url(catalogue/images/more_executive.gif) no-repeat;
											width:316px;
											height:22px;
											margin-top:10px;
											display:block;
											overflow:hidden;
											text-indent:-4000px;
										}
										#catalogue_right p#more_family a{
											clear:both;
											background:url(catalogue/images/more_family.gif);
											width:316px;
											height:22px;
											margin-top:10px;
											display:block;
											overflow:hidden;
											text-indent:-4000px;
										}
										#catalogue_right p#more_single a{
											clear:both;
											background:url(catalogue/images/more_single.gif);
											width:316px;
											height:22px;
											margin-top:10px;
											display:block;
											overflow:hidden;
											text-indent:-4000px;
										}
										#catalogue_right p#more_reasonable a{
											clear:both;
											background:url(catalogue/images/more_reasonable.gif);
											width:316px;
											height:22px;
											margin-top:10px;
											display:block;
											overflow:hidden;
											text-indent:-4000px;
										}
										#catalogue_right p#more_executive a:hover	{background:url(catalogue/images/more_executive_hover.gif);}
										#catalogue_right p#more_family a:hover		{background:url(catalogue/images/more_family_hover.gif);}
										#catalogue_right p#more_single a:hover		{background:url(catalogue/images/more_single_hover.gif);}
										#catalogue_right p#more_reasonable a:hover	{background:url(catalogue/images/more_reasonable_hover.gif);}

		#footer ul.catalogue .copyright_jp{text-indent:0px;}
		#footer ul.catalogue .copyright_eng{text-indent:0px;}





/* ----------- contact ---------------------*/


		/* ------------------------- left -------------------- */
		#left.contact{
			margin-left:8px;
		}
				#left.contact .caution{
					font-size:11px;
					margin:13px 0px 13px 0px;
				}
				#left.contact h3{
					width:558px;
					height:54px;
					text-indent:-4000px;
					overflow:hidden;
				}
						#left.contact h3.tel		{background:url(./contact/images/title_tel.gif) no-repeat center;}
						#left.contact h3.web		{background:url(./contact/images/title_web.gif) no-repeat center;}
						#left.contact h3.confirm	{background:url(./contact/images/title_confirm.gif) no-repeat center;}
						#left.contact h3.thanks		{background:url(./contact/images/title_thanks.gif) no-repeat center;}
		
						#left.contact p.tel{margin:5px 0px 20px;}
		

		
				#left.contact form{
					margin:20px 20px;
				
				}
				#left.contact form dl{
					width:522px;
				
				}
				#left.contact form dt{
					float:left;
					clear:both;
					margin:0px;
					padding:0px;
					margin-bottom:15px;
				}
				#left.contact form dd{
					margin:0px;
					padding:0px;
					margin-left:120px;
					margin-bottom:15px;
				}
							#left.contact form .textinput,#left.contact form textarea{
								width:382px;
								border:1px solid #C6BBB0;
								padding:2px;
								font-size:12px;
								margin:0px;
							}
							#left.contact form dl #option dl{
								width:382px;
								margin-bottom:10px;
								overflow:auto;
							}
									#left.contact form dl #option dt{
										float:left;
										width:90px;
										clear:none;
										margin:0px 0px 10px;
									}
									#left.contact form dl #option dd{
										float:left;
										clear:none;
										width:100px;
										margin:0px 0px 10px;
									}
									#left.contact form dl #option dd select{
										width:90px;
										font-size:12px;
										padding:1px;
									}
				#left.contact form dl p{font-size:11px;text-align:left;}
				#left.contact form p{
					clear:both;
					text-align:center;
				}
		
		/* ------------------------- right -------------------- */
		#right.contact{
			width:226px;
		}
				#right.contact h2{
					background:url(images/right_accessmap.gif);
					text-indent:-2000px;
					width:226px;
					height:44px;
				}


				#right.contact #access li{width:226px;}
				#right.contact #access li span{display:none;}
				#right.contact ul .addr{
				background:url(images/right_addr.gif);
				height:33px;
				}
				#right.contact ul .time{
				background:url(images/right_time.gif);
				height:21px;
				}
				#right.contact ul .distance{
				background:url(images/right_distance.gif);
				height:29px;
				}
				#right.contact ul .map{
				margin:0px auto;
				}

/* ----------------------サイトマップ ------------------------ */

		/* ------------------------- left -------------------- */
		#three_left{
			width:295px;
			float:left;
		}
				#three_left h3 a{
					display:block;text-indent:-4000px;overflow:hidden;
					}
					
				#three_left h3.home a{
					background:url(sitemap/images/home.gif) no-repeat 0px 0px;
					height:27px;
					margin:0px 10px;
					text-indent:-5000px;
				}
				#three_left h3.search{
					background:url(sitemap/images/sokuho_header.gif) no-repeat 10px 0px;
					width:284px;
					height:29px;
					text-indent:-5000px;
				}
				
				#three_left ul.search{
					margin-left:10px;
				}
							#three_left ul.search .sokuho a.title{
									background:url(./sitemap/images/sokuho.gif) no-repeat;
									width:274px;
									height:103px;
									display:block;text-indent:-4000px;overflow:hidden;
							
							}
							#three_left ul.search li a.otorioki{
								background:url(./sitemap/images/otorioki_otorioki.gif) no-repeat;
								width:274px;
								height:34px;
								display:block;text-indent:-4000px;overflow:hidden;
							}
							#three_left ul.search li a.catalogue{
								background:url(./sitemap/images/otorioki_catalogue.gif) no-repeat;
								width:274px;
								height:34px;
								display:block;text-indent:-4000px;overflow:hidden;
							}
							#three_left ul.search li a.sokuho{
								background:url(./sitemap/images/sokuho.gif) no-repeat;
								width:274px;
								height:69px;
								display:block;text-indent:-4000px;overflow:hidden;
							}
							#three_left ul.search li.log{
								margin:0px 15px 7px;
							}
							#three_left ul.search li.log li{
								line-height:1.6em;
							}
									
							/*
							#three_left ul.search li.log{
								background:url(./sitemap/images/otorioki_catalogue_area.gif) no-repeat;
								padding-top:26px;
								margin-bottom:10px;
							}
									#three_left ul.search li.log dl{
										height:5em;
										overflow:auto;
										font-size:10px;
										margin:0px 10px 0px 20px;
									}
											#three_left ul.search li.log dl dt{
												float:left;
												padding-right:2px;
											}
											#three_left ul.search li.log dl dd{;
												padding-right:2px;
											}
											#three_left ul.search li.log dl dd a{
												padding:0px 2px;
											}*/

							#three_left ul.search li a.present{
								background:url(./sitemap/images/present.gif) no-repeat;
								width:274px;
								height:56px;
								display:block;text-indent:-4000px;overflow:hidden;
							}
							#three_left ul.search li a.present{
								background:url(./sitemap/images/present.gif) no-repeat;
								width:274px;
								height:56px;
								display:block;text-indent:-4000px;overflow:hidden;
							}
							#three_left ul.search li a.mile{
								background:url(./sitemap/images/mile.gif) no-repeat;
								width:274px;
								height:56px;
								display:block;text-indent:-4000px;overflow:hidden;
							}

				#center.sitemap a.contact{
					clear:both;
					background:url(sitemap/images/contact.gif) no-repeat 0px 0px;
					width:284px;
					height:46px;
					display:block;text-indent:-4000px;overflow:hidden;
				}
						#center.sitemap a.company{
							background:url(sitemap/images/company.gif) no-repeat 0px 0px;
							width:284px;
							height:18px;
					display:block;text-indent:-4000px;overflow:hidden;
						}
						#center.sitemap a.policy{
							background:url(sitemap/images/policy.gif) no-repeat 0px 0px;
							width:284px;
							height:18px;
					display:block;text-indent:-4000px;overflow:hidden;
						}
						#center.sitemap a.press{
							background:url(sitemap/images/press.gif) no-repeat 0px 0px;
							width:284px;
							height:18px;
					display:block;text-indent:-4000px;overflow:hidden;
						}
						#center.sitemap a.store{
							background:url(sitemap/images/store.gif) no-repeat 0px 0px;
							width:284px;
							height:18px;
					display:block;text-indent:-4000px;overflow:hidden;
						}



		/* ------------------------- center -------------------- */
		#center.sitemap{
			width:302px;
			float:left;
		}

				#center.sitemap h3.book{
					background:url(sitemap/images/book_header.gif) no-repeat 0px 0px;
					width:274px;
					height:67px;
					text-indent:-5000px;
				}

						#center.sitemap h4 a{display:block;text-indent:-4000px;overflow:hidden;}
						#center.sitemap h4 a.area{
							background:url(sitemap/images/area.gif) no-repeat 0px 0px;
							width:274px;
							height:46px;
						}
						#center.sitemap ul.area{
							font-size:13px;
							margin:5px 20px 15px 5px;
							padding-left:17px;
							list-style:disc;
						}
						#center.sitemap ul.area li{
							line-height:1.5em;
							margin-right:5px;
						}
						#center.sitemap ul.area li a{
						}
						#center.sitemap h4 a.paintok{
								clear:both;
								background:url(sitemap/images/paintok.gif) no-repeat 0px 0px;
								width:274px;
								height:31px;
								}
								#center.sitemap p.paintok{
								margin-right:20px;
								margin-bottom:15px;
								margin-left:4px;
								font-size:11px;
								}
						#center.sitemap h4 a.staffblog{
								clear:both;
								background:url(sitemap/images/staffblog.gif) no-repeat 0px 0px;
								width:274px;
								height:55px;
								}
								#center.sitemap p.staffblog{
								margin-right:20px;
								margin-left:4px;
								font-size:11px;
								
								}



		/* ------------------------- right -------------------- */
		#right.sitemap{
			width:210px;
			float:left;
			text-align:center;
			margin-bottom:10px;
		}

				#right.sitemap h2{
					width:210px;
					background:url(images/right_address.gif) 8px 0px;
					text-indent:-2000px;
					height:44px;
				}
						#right.sitemap .access li{width:210px;}
						#right.sitemap .access li span{display:none;}
						#right.sitemap ul .addr{
							background:url(images/right_address.gif) 0px -44px;
							height:33px;
						}
						#right.sitemap ul .time{
							background:url(images/right_address.gif) 0px -77px;
							height:21px;
						}
						#right.sitemap ul .distance{
							background:url(images/right_address.gif) 0px -98px;
							height:29px;
						}
						#right.sitemap ul .map{
							margin:0px auto;
						}

						#right.sitemap #getrss{
							background:url(images/getrss.jpg) no-repeat;
							padding:10px;
							margin:0px 0px;
						}
								#right.sitemap #getrss a{
									width:190px;
									height:33px;
									display:block;
									overflow:hidden;
									text-indent:-3000px;
								}
								#right.sitemap #getrss a:hover{
									background:url(images/getrss_hover.jpg) 3px 0px no-repeat;
								}



/* ----------------------- catalogue list ---------------- */
#left.catalogue{
	width:569px;
	float:left;
	overflow:auto;
	margin-bottom:10px;
}
		/* catalogue indexpage */
		#left.catalogue ul.index{
		}
						#left.catalogue ul.index li{
							width:277px;
							background-repeat:no-repeat;
						}
						#left.catalogue ul.index li p{
							margin:4px 0px 14px;
						}
						#left.catalogue ul.index li a{
							height:170px;
							display:block;
							overflow:hidden;
							text-indent:-4000px;
							background-repeat:no-repeat;
						}
								#left.catalogue ul.index li.executive			{float:left;}
								#left.catalogue ul.index li.family				{float:right;}
								#left.catalogue ul.index li.single				{clear:both;float:left;}
								#left.catalogue ul.index li.reasonable			{float:right;}

								#left.catalogue ul.index li.executive		{background:url(catalogue/images/photo_executive.jpg) no-repeat;}
								#left.catalogue ul.index li.family			{background:url(catalogue/images/photo_family.jpg) no-repeat;}
								#left.catalogue ul.index li.single			{background:url(catalogue/images/photo_single.jpg) no-repeat;}
								#left.catalogue ul.index li.reasonable		{background:url(catalogue/images/photo_reasonable.jpg) no-repeat;}
								
								#left.catalogue ul.index li.executive a:hover	{background:url(catalogue/images/photo_executive_hover.jpg);}
								#left.catalogue ul.index li.family a:hover		{background:url(catalogue/images/photo_family_hover.jpg);}
								#left.catalogue ul.index li.single a:hover		{background:url(catalogue/images/photo_single_hover.jpg);}
								#left.catalogue ul.index li.reasonable a:hover	{background:url(catalogue/images/photo_reasonable_hover.jpg);}

		/* catalogue list(type) */
		#left.catalogue h3{
			width:559px;
			height:49px;
			text-indent:-4000px;
		}

		#left.catalogue h3.executive	{background:url(catalogue/images/title_executive.gif) no-repeat;}
		#left.catalogue h3.family		{background:url(catalogue/images/title_family.gif) no-repeat;}
		#left.catalogue h3.single		{background:url(catalogue/images/title_single.gif) no-repeat;}
		#left.catalogue h3.reasonable	{background:url(catalogue/images/title_reasonable.gif) no-repeat;}

		#left.catalogue ul.list{
			margin:3px 20px 3px 10px;
		}

					#left.catalogue ul.list li{
									clear:both;
						margin-bottom:8px;
						padding-bottom:14px;
						border-bottom:1px solid #CEC4BB;
					
					
						}
								#left.catalogue div.photoviewer{
									float:left;
									width:120px;
								}
											
											#left.catalogue ul.list li img{
												margin-bottom:4px;
											}
											#left.catalogue p.list_area{
												float:left;
												background:url(catalogue/images/list_area_bg.gif);
												margin:0px;
												padding:0px;
												font-size:11px;
												line-height:15px;
												overflow:hidden;
												width:130px;
												height:15px;
												color:white;
												text-align:center;
											}
											#left.catalogue p.date{
												text-align:right;
												margin:0px;
												padding:0px;
												font-size:11px;
												line-height:1em;
												line-height:15px;
												height:15px;
											}


		#left.catalogue h4.contact{
			background:url(catalogue/images/contact_type.gif) 0px 10px no-repeat;
			width:559px;
			height:49px;
			text-indent:-4444px;
		}
							#left.catalogue form .textinput,#left.catalogue form textarea{
								width:559px;
								border:1px solid #C6BBB0;
								padding:2px;
								font-size:12px;
								margin:3px 0px;
							}
							#left.catalogue form .textinput{width:359px;}
							#left.catalogue form textarea{width:559px;height:12em;}
							#left.catalogue form .policy{font-size:11px;}





		
/* ------------------------- right -------------------- */
#right{
	width:210px;
}
		#right h2.access{
			background:url(images/right_address.gif);
			text-indent:-2000px;
			width:210px;
			height:44px;
		}
					#right .access li{width:210px;}
					#right .access li span{display:none;}
					#right ul .addr{
						background:url(images/right_address.gif) 0px -44px;
						height:33px;
					}
					#right ul .time{
						background:url(images/right_address.gif) 0px -77px;
						height:21px;
					}
					#right ul .distance{
						background:url(images/right_address.gif) 0px -98px;
						height:29px;
					}
					#right ul .map{
						margin:0px auto;
					}

		#right ul.rightbanner{
			width:210px;
			text-align:center;
			margin-bottom:0px;
		}
					#right ul.rightbanner li{
						margin:0px;
						text-align:center;
						line-height:1em;
						font-size:1px;
					}
					#right #getrss{
						background:url(images/getrss.jpg) no-repeat;
						padding:10px;
					}
							#right #getrss a{
								width:190px;
								height:33px;
								display:block;
								overflow:hidden;
								text-indent:-3000px;
							}
							#right #getrss a:hover{
								background:url(images/getrss_hover.jpg) 3px 0px no-repeat;
							}

					#right ul.rightbanner li.otorioki a{
						display:block;
						height:222px;
						width:210px;
						background:url(images/banner_otorioki.png) no-repeat;
						text-indent:-4000px;
						overflow:hidden;
					}
		/* right area */
		
		#right h3.areamenu{
			background:url(./area/images/areamenu_text_title.gif) no-repeat bottom;
			width:210px;
			height:47px;
			text-indent:-4000px;
		}
		#right h2.areamenu_catalogue{
			background:url(./catalogue/images/areamenu_title.gif) no-repeat 0px 10px;
			width:210px;
			height:62px;
			text-indent:-4000px;
		}
				#right ul.areamenu{
					margin-bottom:10px;
				}
				#right ul.areamenu li a,#right ul.areamenu li span{
					text-indent:-4000px;
					display:block;
					width:210px;
					height:19px;
					overflow:hidden;
				}
								#right ul.areamenu .area01 a		{background:url(./area/images/menu_text01a.gif);}
								#right ul.areamenu .area02 a		{background:url(./area/images/menu_text02a.gif);}
								#right ul.areamenu .area03 a		{background:url(./area/images/menu_text03a.gif);}
								#right ul.areamenu .area04 a		{background:url(./area/images/menu_text04a.gif);}
								#right ul.areamenu .area05 a		{background:url(./area/images/menu_text05a.gif);}
								#right ul.areamenu .area06 a		{background:url(./area/images/menu_text06a.gif);}
								#right ul.areamenu .area07 a		{background:url(./area/images/menu_text07a.gif);}
								
								#right ul.areamenu .area01 a:hover	{background:url(./area/images/menu_text01b.gif);}
								#right ul.areamenu .area02 a:hover	{background:url(./area/images/menu_text02b.gif);}
								#right ul.areamenu .area03 a:hover	{background:url(./area/images/menu_text03b.gif);}
								#right ul.areamenu .area04 a:hover	{background:url(./area/images/menu_text04b.gif);}
								#right ul.areamenu .area05 a:hover	{background:url(./area/images/menu_text05b.gif);}
								#right ul.areamenu .area06 a:hover	{background:url(./area/images/menu_text06b.gif);}
								#right ul.areamenu .area07 a:hover	{background:url(./area/images/menu_text07b.gif);}
								
								#right ul.areamenu .area01 span		{background:url(./area/images/menu_text01b.gif);}
								#right ul.areamenu .area02 span		{background:url(./area/images/menu_text02b.gif);}
								#right ul.areamenu .area03 span		{background:url(./area/images/menu_text03b.gif);}
								#right ul.areamenu .area04 span		{background:url(./area/images/menu_text04b.gif);}
								#right ul.areamenu .area05 span		{background:url(./area/images/menu_text05b.gif);}
								#right ul.areamenu .area06 span		{background:url(./area/images/menu_text06b.gif);}
								#right ul.areamenu .area07 span		{background:url(./area/images/menu_text07b.gif);}


		/* right sokuho list */
		#right h2.sokuho a{
			display:block;
			width:210px;
			height:71px;
			text-indent:-4004px;
			background:url(images/right_sokuho_title.gif) no-repeat 0px 7px;
			overflow:hidden;
		}
				#right dl.sokuho{
					margin:0px 10px;
					font-size:11px;
				}
						#right dl.sokuho dt{
							font-size:11px;
							line-height:1em;
						}
						#right dl.sokuho dd{
							margin-bottom:7px;
							font-size:11px;
						}
						#right dl.sokuho dd a{
							display:block;
						}




/* ------------------------- press -------------------- */
#left.press h3{
	clear:both;
	background:url(press/images/entrytitle_bg.gif);
	height:29px;
	line-height:29px;
	padding-left:8px;
	color:white;
	font-size:14px;
	font-weight:normal;
}

		#left.press p.date{
			font-size:11px;
			height:25px;
			line-height:17px;
			padding-left:8px;
			background:url(press/images/entrytitle_bg.gif) 0px -29px repeat-x;
		}

		#left.press .body{
			margin:0px 10px 0px 0px;
		}
				#left.press .body p.image{
					float:left;
				}
				#left.press .body p.url{
					text-align:right;
				}


/* ------------------------- store -------------------- */
#left.store h3.map{
	background:url(store/images/title_map.gif);
	height:39px;
	text-indent:-4444px;
}
		#left.store div#storemap{
			height:638px;
			background:url(store/images/photo_bg.gif) 0px 456px no-repeat;
		}

		#mapimage{
			position:absolute;
		}
		
		#storephoto{
			position:absolute;
			margin-top:383px;
			margin-left:27px;
		}
		#left.store div#storemap ul.access{
			position:absolute;
			margin:466px 0px 0px 309px;
		}
				
					#left.store div#storemap ul.access li{width:238px;text-indent:-4000px;}
					#left.store div#storemap ul.access .addr{
						background:url(store/images/addr.gif) 0px 0px;
						height:37px;
					}
					#left.store div#storemap ul.access .time{
						background:url(store/images/addr.gif) 0px -37px;
						height:12px;
					}
					#left.store div#storemap ul.access .distance{
						background:url(store/images/addr.gif) 0px -49px;
						height:31px;
					}
					#left.store div#storemap ul.access .print{
						background:url(store/images/button.gif) 0px 0px;
					}
					#left.store div#storemap ul.access .print a{
						height:41px;
						display:block;
						overflow:hidden;
					}

#left.store h3.gallery{
	background:url(store/images/title_gallery.gif) no-repeat;
	height:41px;
	text-indent:-4444px;
}
#left.store ul.gallery li{
	float:left;
}


/* ----------- recruit ---------------------*/


		/* ------------------------- left -------------------- */
		#left.recruit{
			margin-left:8px;
		}
				#left.recruit h3{
					width:558px;
					height:54px;
					text-indent:-4000px;
					overflow:hidden;
				}
				#left.recruit h3.recruit{
					background:url(./recruit/images/title_recruit.gif) no-repeat center;
				}
		
		
		
		/* ------------------------- right -------------------- */
		#right.recruit{
			width:226px;
		}
				#right.recruit h2{
					background:url(images/right_accessmap.gif);
					text-indent:-2000px;
					width:226px;
					height:44px;
				}


				#right.recruit #access li{width:226px;}
				#right.recruit #access li span{display:none;}
				#right.recruit ul .addr{
				background:url(images/right_addr.gif);
				height:33px;
				}
				#right.recruit ul .time{
				background:url(images/right_time.gif);
				height:21px;
				}
				#right.recruit ul .distance{
				background:url(images/right_distance.gif);
				height:29px;
				}
				#right.recruit ul .map{
				margin:0px auto;
				}

