
/*-----------------------------------------------------------
  MainImageエリア
-----------------------------------------------------------*/
#MainImage{
	display: block;
	width: 920px;
	height: 453px;
	margin: 0 auto 20px auto;
	padding: 0;
	background: #0d0d0d;
/*
	background: url(/img/MainImage.jpg) center top no-repeat;
	text-indent: -10000px;
*/
	}

/*-----------------------------------------------------------
  TopBlogMenuエリア
-----------------------------------------------------------*/
#TopBlogMenu{
	display: block;
	width: 920px;
	margin: 0 auto 35px auto;
	padding: 0;
	}
	#TopBlogMenu ul{
		margin: 0;
		padding: 0;
		list-style: none;
		background: url(/img/TopBlogMenuLine.png) right bottom no-repeat;
		}
		#TopBlogMenu ul li{
			float: left;
			margin: 0 10px 0 0;
			padding: 0;
			width: 100px;
			height: 23px;
			}
			#TopBlogMenu ul li a{
				display: block;
				margin: 0;
				padding: 0;
				width: 100px;
				height: 23px;
				background: url(/img/TopBlogMenu.png);
				text-indent: -10000px;
				overflow: hidden;
				}
				#TopBlogMenu ul li a#Menu_kubo	{background-position: 0 0; }
				#TopBlogMenu ul li a#Menu_staff	{background-position: -110px 0;}
				#TopBlogMenu ul li a:hover#Menu_kubo	{background-position: 0 -23px; }
				#TopBlogMenu ul li a:hover#Menu_staff	{background-position: -110px -23px;}
				/* IE6用 */
				#TopBlogMenu ul li a:hover#Menu_kubo	{_background-position: 0 -22px; }
				#TopBlogMenu ul li a:hover#Menu_staff	{_background-position: -110px -22px;}


/*-----------------------------------------------------------
  TopEventCalendarエリア
-----------------------------------------------------------*/
.TopEventCalendar{
	display: block;
	width: 920px;
	margin: 0 auto 20px auto;
	padding: 0;
	color: #ffffff;
	}
	.TopEventCalendar .TopEventCalendarT{
		float: left;
		margin: 0 30px 0 15px;
		_margin: 0 30px 0 7px;
		width: 185px;
		height: 50px;
		background: url(/img/t_eventcalendar.png) 0 0 no-repeat;
		text-indent: -10000px;
		}
		.EventCalendarL{
			margin: 0 0 12px 0;
			padding: 0;
			background: url(/img/bg_hanrei.gif) right top no-repeat;
			float: left;
			}
			.EventCalendarL .Month{
				margin: 0 0 10px 0;
				padding: 0;
				background: url(/img/bg_Month.png) 0 0 no-repeat;
				font-size: 9px;
				width: 85px;
				height: 11px;
				line-height: 1em;
				}
				.EventCalendarL .Month span{
					margin: 0;
					padding: 0;
					float: left;
					}
				.EventCalendarL span.YMLast,
				.EventCalendarL span.YMNext{
					margin: 0;
					padding: 0;
					width: 11px;
					height: 11px;
					}
					.EventCalendarL span.YMLast a,
					.EventCalendarL span.YMNext a{
						display: block;
						margin: 0;
						padding: 0;
						width: 11px;
						height: 11px;
						text-indent: -10000px;
						overflow: hidden;
						}
						.EventCalendarL span.YMLast a{background: url(/img/Btn_Month.png) 0 0 no-repeat;}
						.EventCalendarL span.YMNext a{background: url(/img/Btn_Month.png) -11px 0 no-repeat;}
						.EventCalendarL span.YMLast a:hover{background: url(/img/Btn_Month.png) 0 -11px no-repeat;}
						.EventCalendarL span.YMNext a:hover{background: url(/img/Btn_Month.png) -11px -11px no-repeat;}
				.EventCalendarL span#YMDate{
					margin: 0;
					padding: 0;
					width: 63px;
					height: 11px;
					text-align: center;
					line-height: 1.2em;
					}
			.EventCalendarL .Day{
				margin: 0;
				padding: 0 0 10px 0;
				clear: left;
				font-size: 12px;
				width: 690px;
				background: url(/img/TopNewsMenuLine.gif) right bottom no-repeat;
				}
				.EventCalendarL .Day span{
					margin: 0 6px 0 0;
					padding: 0 1px;
					color: #999999;
					}
					.EventCalendarL .Day span#Today		{background: #b3b3b3; color: #404040;}
					.EventCalendarL .Day span.Sat		{color: #b8b8e5;}
					.EventCalendarL .Day span.Sun		{color: #e5b8b8;}
					.EventCalendarL .Day span a			{padding: 0 1px; background: #6c1212; color: #d3b7b7; text-decoration: none;}
					.EventCalendarL .Day span a:hover	{padding: 0 1px; color: #ffffff; }


/*-----------------------------------------------------------
  TopEventエリア
-----------------------------------------------------------*/
.TopEvent{
	display: block;
	width: 920px;
	margin: 0 auto 20px auto;
	padding: 0;
	color: #ffffff;
	}
	.TopEvent .TopEventT{
		float: left;
		margin: 0 30px 0 15px;
		_margin: 0 30px 0 7px;
		width: 185px;
		height: 141px;
		background: url(/img/t_event.png) 0 0 no-repeat;
		}
		.TopEvent .TopEventT a{
			float: left;
			width: 185px;
			height: 141px;
			text-indent: -10000px;
			overflow: hidden;
			}
		.TopEvent .TopNewsList{
			margin: 0;
			padding: 0;
			width: 690px;
			float: right;
			}


		.TopEvent .TopNewsList ul{
			display: block;
			list-style-type: none;
			text-align: left;
			margin: 0;
			padding: 0;
			background: url(/img/TopNewsMenuLine.gif) right bottom no-repeat;
			height: 89px;
			}
			.TopEvent .TopNewsList ul li{
				display: block;
				margin: 0;
				padding: 3px 0 0 0;
				background: url(/img/bg_dotted2.gif) left bottom repeat-x;
				line-height: 120%;
				}
				.TopEvent .TopNewsList ul li a{
					text-decoration: none;
					font-size: 10px;
					height: 12px;
					overflow: hidden;
					}
				.TopEvent .TopNewsList ul li span{
					color: #6a6a6a;
					font-size: 10px;
					padding: 0 10px 0 0;
					}

.TopNews{
	display: block;
	width: 920px;
	margin: 0 auto 30px auto;
	padding: 0;
	color: #ffffff;
	}
	.TopNews .TopNewsT{
		float: left;
		margin: 0 30px 0 15px;
		_margin: 0 30px 0 7px;
		width: 185px;
		height: 120px;
		background: url(/img/t_news.png) 0 0 no-repeat;
		text-indent: -10000px;
		}
		.TopNews .TopNewsT a{
			float: left;
			width: 185px;
			height: 120px;
			text-indent: -10000px;
			overflow: hidden;
			}

		.TopNews .TopNewsList{
			width: 505px;
			float: right;
			}
		.TopNews .TopNewsList ul{
			display: block;
			list-style-type: none;
			text-align: left;
			margin: 0;
			padding: 0;
			height: 108px;
			width: 500px;
			}
			.TopNews .TopNewsList ul li{
				display: block;
				margin: 0;
				padding: 3px 0 2px 0;
				background: url(/img/bg_dotted2.gif) left bottom repeat-x;
				line-height: 120%;
				}
				.TopNews .TopNewsList ul li a{
					text-decoration: none;
					font-size: 10px;
					height: 12px;
					overflow: hidden;
					}
				.TopNews .TopNewsList ul li span{
					color: #6a6a6a;
					font-size: 10px;
					padding: 0 10px 0 0;
					}

/*-----------------------------------------------------------
  SimpleTabs: default style
-----------------------------------------------------------*/
		.Tabwrapper{
			width: 690px;
			height: 120px;
			float: right;
			background: url(/img/TopNewsMenuLine.gif) right bottom no-repeat;
			}
			ul.tabs{
				margin:0 10px 0 0;
				padding:0 5px 0 0;
				text-align:left;
				width: 165px;
				float: left;
				border-right: 1px solid #6c1212;
				}
				ul.tabs li{
					list-style:none;
					display:block;
					margin:0;
					padding:0;
					height: 27px;
					width: 165px;
					}
					ul.tabs li a{
						display:block;
						margin:0;
						padding:0;
						height: 27px;
						width: 165px;
						background: url(/img/NewsMenu.jpg);
						text-indent: -10000px;
						overflow: hidden;
						}
						ul.tabs li#menu_topics a	{ background-position: 0 0px;  }
						ul.tabs li#menu_event a		{ background-position: 0 -27px; }
						ul.tabs li#menu_news a		{ background-position: 0 -54px; }
						ul.tabs li#menu_owners a	{ background-position: 0 -81px; }

						ul.tabs li#menu_topics a:hover	{ background-position: -165px 0px; }
						ul.tabs li#menu_event a:hover	{ background-position: -165px -27px; }
						ul.tabs li#menu_news a:hover	{ background-position: -165px -54px; }
						ul.tabs li#menu_owners a:hover	{ background-position: -165px -81px; }

						ul.tabs li#menu_topics a.current	{ background-position: -330px 0px; }
						ul.tabs li#menu_event a.current		{ background-position: -330px -27px; }
						ul.tabs li#menu_news a.current		{ background-position: -330px -54px; }
						ul.tabs li#menu_owners a.current	{ background-position: -330px -81px; }

						ul.tabs li#menu_topics a:hover.current	{ background-position: -495px 0px; }
						ul.tabs li#menu_event a:hover.current	{ background-position: -495px -27px; }
						ul.tabs li#menu_news a:hover.current	{ background-position: -495px -54px; }
						ul.tabs li#menu_owners a:hover.current	{ background-position: -495px -81px; }


			ul.simpleTabsNavigation li a:hover {  }
			ul.simpleTabsNavigation li a.current {  }
			div.simpleTabsContent { padding:0; display:none; height:120px; float: left; position:relative; }
			div.simpleTabsContent a{}
			div.simpleTabsContent a:hover{}
			div.simpleTabsContent.currentTab { display:block; }


/*-----------------------------------------------------------
  FrameTopエリア
-----------------------------------------------------------*/
#FrameTop #Left{
	display: block;
	float: left;
	width: 200px;
	margin: 0;
	padding: 0;
	}
	/* 久保社長ブログ */
	.TopKuboBlog .TopKuboBlogT{
		background: url(/img/t_KuboBlog.png) 0 0 no-repeat;
		width: 200px;
		height: 155px;
		text-indent: -10000px;
		}

#FrameTop #Right{
	display: block;
	float: right;
	width: 690px;
	margin: 0;
	padding: 0;
	}
	/* デザーンギャラリー ------------------------------------------------------- */
	#FrameTop #Right .T_DesignGallery{
		display: block;
		width: 690px;
		height: 30px;
		margin: 30px 0 20px 0;
		padding: 0;
		background: url(/img/t_designgallery.gif) 0 0 no-repeat;
		position: relative;
		}
		#FrameTop #Right .T_DesignGallery a.DG_design{
			display: block;
			width: 95px;
			height: 12px;
			background: url(/img/t_designgallery_more.gif) 0 0 no-repeat;
			position: absolute;
			top: 9px;
			left: 527px;
			text-indent: -10000px;
			overflow: hidden;
			}#FrameTop #Right .T_DesignGallery a:hover.DG_design{background: url(/img/t_designgallery_more.gif) 0 -13px no-repeat;}
		#FrameTop #Right .T_DesignGallery a.DG_area{
			display: block;
			width: 50px;
			height: 12px;
			background: url(/img/t_designgallery_more.gif) -113px 0 no-repeat;
			position: absolute;
			top: 9px;
			left: 638px;
			text-indent: -10000px;
			overflow: hidden;
			}#FrameTop #Right .T_DesignGallery a:hover.DG_area{background: url(/img/t_designgallery_more.gif) -113px -13px no-repeat;}
	#FrameTop #Right .TopDesignGallery{
		display: block;
		width: 690px;
		margin: 0 0 40px 0;
		padding: 0;
		}
	#FrameTop #Right .TopDesignGallery .DItem{
		display: block;
		width: 156px;
		float: left;
		margin: 0 0 0 20px;
		_margin: 0 0 0 15px;
		padding: 0;
		font-size: 10px;
		color: #666666;
		}
		#FrameTop #Right .TopDesignGallery .DItem img{
			vertical-align: middle;
			}
		#FrameTop #Right .TopDesignGallery .DItemTop{
			margin: 0;
			}
		#FrameTop #Right .TopDesignGallery .DItem a img{
			display: block;
			width: 158px;
			height: 105px;
			margin: 0 0 3px 0;
			border: 1px solid #dedede;
			}
	/* お客様の声 ------------------------------------------------------- */
	#FrameTop #Right .T_CustomerVoice{
		display: block;
		width: 690px;
		height: 30px;
		margin: 0 0 20px 0;
		padding: 0;
		background: url(/img/t_customervoice.gif) 0 0 no-repeat;
		text-indent: -10000px;
		}
	#FrameTop #Right .TopCustomerVoice{
		margin: 0 0 40px 0;
		padding: 0;
		}
		#FrameTop #Right .TopCustomerVoice table{
			margin: 0;
			padding: 0;
			width: 100%;
			border-collapse: collapse;
			}
			#FrameTop #Right .TopCustomerVoice table tr{
				margin: 0;
				padding: 0;
				}
				#FrameTop #Right .TopCustomerVoice table th{
					background: url(/img/bg_cv_dot.gif) left bottom repeat;
					vertical-align: top;
					width: 102px;
					border-bottom: 1px solid #d9d9d9;
					}
					#FrameTop #Right .TopCustomerVoice table th span{
						display: block;
						text-indent: -10000px;
						width: 90px;
						height: 44px;
						margin: 10px 0 0 10px;
						padding: 0;
						position: relative;
						}
						#FrameTop #Right .TopCustomerVoice table tr.CV_Contract th span			{background: url(/img/t_cv_contract.gif) 0 0 no-repeat;}
						#FrameTop #Right .TopCustomerVoice table tr.CV_StartCeremony th span	{background: url(/img/t_cv_startceremony.gif) 0 0 no-repeat;}
						#FrameTop #Right .TopCustomerVoice table tr.CV_Delivery th span			{background: url(/img/t_cv_delivery.gif) 0 0 no-repeat;}
						#FrameTop #Right .TopCustomerVoice table tr.CV_AfterInterview th span	{background: url(/img/t_cv_afterinterview.gif) 0 0 no-repeat;}

					#FrameTop #Right .TopCustomerVoice table th a.more{
						display: block;
						text-indent: -10000px;
						overflow: hidden;
						width: 9px;
						height: 9px;
						/*margin: -42px 0 10px 82px;*/
						padding: 0;
						background: url(/img/more.gif) 0 0 no-repeat;
						position: absolute;
						top: 1px;
						left: 72px;
						}
						#FrameTop #Right .TopCustomerVoice table th a:hover.more{background: url(/img/more.gif) 0 -9px no-repeat;}

				#FrameTop #Right .TopCustomerVoice table td{
					border-bottom: 1px solid #e9e9e9;
					color: #404040;
					}
					#FrameTop #Right .TopCustomerVoice table td ul{
						margin: 0 0 10px 0;
						padding: 0;
						list-style: none;
						font-size: 10px;
						}
						#FrameTop #Right .TopCustomerVoice table td ul{zoom:1;}
						#FrameTop #Right .TopCustomerVoice table td ul:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
						#FrameTop #Right .TopCustomerVoice table td ul {display: inline-table;}/* Hides from IE-mac \*/
						* html #FrameTop #Right .TopCustomerVoice table td ul {height: 1%;}.clearfix {display: block;}/* End hide from IE-mac */

						#FrameTop #Right .TopCustomerVoice table td ul li{
							margin: 0;
							padding: 5px 0 0 22px;
							}
							#FrameTop #Right .TopCustomerVoice table tr.CV_StartCeremony td ul li,
							#FrameTop #Right .TopCustomerVoice table tr.CV_Delivery td ul li,
							#FrameTop #Right .TopCustomerVoice table tr.CV_AfterInterview td ul li{
								float: left;
								width: 269px;
								}
								#FrameTop #Right .TopCustomerVoice table td ul li a{
									margin: 0;
									padding: 0;
									color: #808080;
									}
									#FrameTop #Right .TopCustomerVoice table td ul li a:hover{color: #404040;}

								#FrameTop #Right .TopCustomerVoice table td ul li a.thumb{
									display: block;
									float: right;
									padding: 0;
									margin: 0 0 5px 10px;
									_margin-left: 0;
									width: 118px;
									border:1px solid #DEDEDE;
									}
									#FrameTop #Right .TopCustomerVoice table td ul li a img{
										margin: 0;
										padding: 0;
										border: 1px solid #dedede;
										}
				#FrameTop #Right .TopCustomerVoice table td.spacer{
					height: 20px;
					border-bottom: 0;
					}

	/* 家創りストーリー ------------------------------------------------------- */
	#FrameTop #Right .Story{
		display: block;
		width: 330px;
		margin: 0;
		padding: 0;
		float: left;
		}
		#FrameTop #Right .T_Story{
			display: block;
			width: 330px;
			height: 30px;
			margin: 0 0 15px 0;
			padding: 0;
			background: url(/img/t_story.gif) 0 0 no-repeat;
			text-indent: -10000px;
			}
		#FrameTop #Right .TopStory{
			margin: 0 0 40px 0;
			padding: 0;
			}
			#FrameTop #Right .TopStory ul{
				margin: 0 0 10px 0;
				padding: 0 0 5px 0;
				list-style: none;
				font-size: 10px;
				}
				#FrameTop #Right .TopStory ul li{
					margin: 0;
					padding: 5px 0 8px 0;
					background: url(/img/dotline_gray.gif) left bottom repeat-x;
					line-height: 1.5em;
					}
						#FrameTop #Right .TopStory ul li a{
							margin: 0;
							padding: 0;
							color: #808080;
							}
							#FrameTop #Right .TopStory ul li a:hover{color: #404040;}

	/* お客様からのお便り ------------------------------------------------------- */
	#FrameTop #Right .Letter{
		display: block;
		width: 330px;
		margin: 0;
		padding: 0;
		float: right;
		}
		#FrameTop #Right .T_Letter{
			display: block;
			width: 330px;
			height: 30px;
			margin: 0 0 15px 0;
			padding: 0;
			background: url(/img/t_letter.gif) 0 0 no-repeat;
			text-indent: -10000px;
			}
		#FrameTop #Right .TopLetter{
			margin: 0 0 40px 0;
			padding: 0;
			}
			#FrameTop #Right .TopLetter ul{
				margin: 0 0 10px 0;
				padding: 0 0 5px 0;
				list-style: none;
				font-size: 10px;
				}
				#FrameTop #Right .TopLetter ul li{
					margin: 0;
					padding: 5px 0 8px 0;
					background: url(/img/dotline_gray.gif) left bottom repeat-x;
					line-height: 1.5em;
					}
						#FrameTop #Right .TopLetter ul li a{
							margin: 0;
							padding: 0 0 0 15px;
							color: #808080;
							background: url(/img/icon_mail.gif) left center no-repeat;
							}
							#FrameTop #Right .TopLetter ul li a:hover{
								color: #404040;
								background: url(/img/icon_mail_on.gif) left center no-repeat;
								}

	/* トップPRエリア ------------------------------------------------------- */
	#FrameTop #Right .TopPR{
		margin: 0;
		padding: 0;
		clear: both;
		}
		#FrameTop #Right .TopPR dl{
			margin: 0 0 40px 0;
			padding: 0;
			width: 330px;
			}
			#FrameTop #Right .TopPR dl.Concept,
			#FrameTop #Right .TopPR dl.Step,
			#FrameTop #Right .TopPR dl.Tochi,
			#FrameTop #Right .TopPR dl.Ark{
				float: left;
				}
			#FrameTop #Right .TopPR dl.Dictionary,
			#FrameTop #Right .TopPR dl.Furniture,
			#FrameTop #Right .TopPR dl.Club{
				float: right;
				}

			#FrameTop #Right .TopPR dl dt{
				display: block;
				height: 30px;
				margin: 0 0 20px 0;
				padding: 0;
				text-indent: -10000px;
				}
				#FrameTop #Right .TopPR dl.Concept dt	{background: url(/img/t_pr_concept.gif) 0 0 no-repeat;}
				#FrameTop #Right .TopPR dl.Dictionary dt{background: url(/img/t_pr_dictionary.gif) 0 0 no-repeat;}
				#FrameTop #Right .TopPR dl.Step dt		{background: url(/img/t_pr_step.gif) 0 0 no-repeat;}
				#FrameTop #Right .TopPR dl.Furniture dt	{background: url(/img/t_pr_furniture.gif) 0 0 no-repeat;}
				#FrameTop #Right .TopPR dl.Tochi dt		{background: url(/img/t_pr_tochi.gif) 0 0 no-repeat;}
				#FrameTop #Right .TopPR dl.Club dt		{background: url(/img/t_pr_club.gif) 0 0 no-repeat;}
				#FrameTop #Right .TopPR dl.Ark dt		{background: url(/img/t_pr_ark.gif) 0 0 no-repeat;}
			#FrameTop #Right .TopPR dl dd{
				margin: 0;
				padding: 0;
				font-size: 10px;
				}
				#FrameTop #Right .TopPR dl dd a{
					display: block;
					margin: 0 0 10px 0;
					padding: 0;
					height: 60px;
					text-indent: -10000px;
					overflow: hidden;
					}
					#FrameTop #Right .TopPR dl.Concept dd a		{background: url(/img/bg_pr_concept.jpg) 0 0 no-repeat;}
					#FrameTop #Right .TopPR dl.Dictionary dd a	{background: url(/img/bg_pr_dictionary.jpg) 0 0 no-repeat;}
					#FrameTop #Right .TopPR dl.Step dd a		{background: url(/img/bg_pr_step.jpg) 0 0 no-repeat;}
					#FrameTop #Right .TopPR dl.Furniture dd a	{background: url(/img/bg_pr_furniture.jpg) 0 0 no-repeat;}
					#FrameTop #Right .TopPR dl.Tochi dd a		{background: url(/img/bg_pr_tochi.jpg) 0 0 no-repeat;}
					#FrameTop #Right .TopPR dl.Club dd a		{background: url(/img/bg_pr_club.jpg) 0 0 no-repeat;}
					#FrameTop #Right .TopPR dl.Ark dd a		{background: url(/img/bg_pr_ark.jpg) 0 0 no-repeat;}
					#FrameTop #Right .TopPR dl dd a:hover		{background-position: 0 -60px;}


