/*-----------------------------------------------------------
  MainImageエリア
-----------------------------------------------------------*/
#MainImageArea{
	width: 100%;
	height: 450px;
	position: relative;
	margin: 0 auto 40px auto;
	background-color: #020202;
	z-index: 1;
	}
	#MainImage{
		display: block;
		width: 100%;
		height: 450px;
		margin: 0;
		padding: 0;
		/*background: url(/img/MainImage.jpg) center top no-repeat;*/
		background: url(/img/MainImage/image1.jpg) center top no-repeat;
		text-indent: -10000px;
		position: absolute;
		top: 0;
		left: 0;
		}
	.TopGalleryArea{
		margin: 0;
		padding: 40px 0 0 0;
		width: 100%;
		text-indent: 0;
		position: absolute;
		z-index: 200;
		
		}
	.TopGallery{
		margin: 0 auto;
		padding: 0;
		width: 900px;
		text-indent: 0;
		}
		.TopGallery .TopGalleryT{
			margin: 0 0 0 auto;
			padding: 0;
			width: 220px;
			height: 33px;
			background: url(/img/t_gallery.png) left top no-repeat;
			position: relative;
			}
			.TopGallery .TopGalleryT a.more{
				background: url(/img/more02.gif) 0 0 no-repeat;
				right: 15px;
				}
				.TopGallery .TopGalleryT a:hover.more{
					background: url(/img/more02.gif) 0 -11px no-repeat;
					}
		.TopGallery .TopGalleryC{
			margin: 0 0 10px auto;
			padding: 0;
			width: 220px;
			height: 255px;
			background: url(/img/t_gallery.png) left bottom no-repeat;
			}
			.TopGallery .TopGalleryC ul{
				margin: 0;
				padding: 15px 15px 0 15px;
				list-style: none;
				}
				.TopGallery .TopGalleryC ul li{
					margin: 0;
					padding: 0 0 15px 0;
					clear: both;
					color: #e5e5e5;
					font-size: 10px;
					line-height: 1.5em;
					height: 64px;
					}
					.TopGallery .TopGalleryC ul li img{
						display: block;
						margin: 0 10px 0 0;
						padding: 0;
						float: left;
						}
					.TopGallery .TopGalleryC ul li a	   	{color: #c0c0c0; line-height: 20px; font-size: 11px;}
					.TopGallery .TopGalleryC ul li a:link   	{color: #c0c0c0;}
					.TopGallery .TopGalleryC ul li a:visited	{color: #c0c0c0;}
					.TopGallery .TopGalleryC ul li a:active 	{color: #c0c0c0;}
					.TopGallery .TopGalleryC ul li a:hover		{color: #ffffff;}

		.TopGallery .TopGalleryBnr{
			margin: 0 0 0 auto;
			padding: 0;
			width: 220px;
			height: 67px;
			}
		.TopGallery .TopGalleryBnr a{
			display: block;
			margin: 0 0 0 auto;
			padding: 0;
			width: 220px;
			height: 67px;
			background: url(/img/bnr_gallery.png) 0 0 no-repeat;
			text-indent: -10000px;
			overflow: hidden;
			}
			.TopGallery .TopGalleryBnr a:hover{background-position: 0 -67px;}


/*-----------------------------------------------------------
  FrameTopエリア
-----------------------------------------------------------*/
#FrameTop #Left{
	display: block;
	float: left;
	width: 650px;
	margin: 0;
	padding: 0;
	}

	/* 新着情報 */
	.TopNews{
		display: block;
		float: left;
		width: 310px;
		margin: 0 0 35px 0;
		padding: 0;
		}
		.TopNews .TopNewsT{
			margin: 0;
			height: 47px;
			background: url(/img/t_news.gif) 0 0 no-repeat;
			position: relative;
			}

	/* イベント情報 */
	.TopEvent{
		display: block;
		float: right;
		width: 310px;
		margin: 0 0 35px 0;
		padding: 0;
		}
		.TopEvent .TopEventT{
			margin: 0;
			height: 47px;
			background: url(/img/t_event.gif) 0 0 no-repeat;
			position: relative;
			}

	/* 記事一覧 */
	.TopNewsList ul,
	.TopEventList ul{
		display: block;
		list-style: none;
		text-align: left;
		margin: 7px 0 0 0;
		padding: 0;
		}
		.TopNewsList ul li,
		.TopEventList ul li{
			display: block;
			margin: 0;
			padding: 6px 0;
			background: url(/img/dotline.gif) left bottom repeat-x;
			line-height: 120%;
			}
			.TopNewsList ul li a,
			.TopEventList ul li a{
				font-size: 10px;
				height: 12px;
				overflow: hidden;
				}
			.TopNewsList ul li span.date,
			.TopEventList ul li span.date{
				font-size: 10px;
				padding: 0;
				color: #333333;
				font-weight: bold;
				margin: 0 10px 0 0;
				}

	/* お客様の声 */
	.TopCustomer{
		display: block;
		clear: both;
		width: 650px;
		margin: 0 0 35px 0;
		padding: 0;
		}
		.TopCustomer .TopCustomerT{
			margin: 0;
			height: 47px;
			background: url(/img/t_customer.gif) 0 0 no-repeat;
			position: relative;
			}
	.TopCustomerList ul{
		display: block;
		list-style: none;
		text-align: left;
		margin: 7px -30px 0 0;
		padding: 0;
		zoom: 1;
		}
		.TopCustomerList ul li{
			display: block;
			margin: 0 30px 0 0;
			padding: 10px 0;
			background: url(/img/dotline.gif) left bottom repeat-x;
			line-height: 120%;
			width: 310px;
			float: left;
			}
			.TopCustomerList ul li a{
				font-size: 10px;
				height: 12px;
				overflow: hidden;
				}
			.TopCustomerList ul li span.date{
				font-size: 10px;
				margin: 0 10px 0 0;
				padding: 0;
				color: #333333;
				font-weight: bold;
				}
			.TopCustomerList ul li span.thumb img{
				float: right;
				margin: 0 0 0 10px;
				width: 100px;
				}

	/* 茨城ものがたり */
	.TopStory{
		display: block;
		clear: both;
		width: 650px;
		margin: 0 0 35px 0;
		padding: 0;
		}
		.TopStory .TopStoryT{
			margin: 0;
			height: 47px;
			background: url(/img/t_story.gif) 0 0 no-repeat;
			position: relative;
			}
	.TopStoryList ul{
		display: block;
		list-style: none;
		text-align: left;
		margin: 7px -20px 0 0;
		padding: 0;
		zoom: 1;
		}
		.TopStoryList ul li{
			display: block;
			margin: 0 10px 0 0;
			padding: 10px 0 0 0;
			width: 210px;
			float: left;
			}
		.TopStoryList ul li a{
			display: block;
			width: 210px;
			height: 60px;
			text-indent: -10000px;
			overflow: hidden;
			}
			.TopStoryList ul li.story_01 a{ background: url(/img/bnr_helth.jpg) 0 0 no-repeat; }
			.TopStoryList ul li.story_02 a{ background: url(/img/bnr_structure.jpg) 0 0 no-repeat; }
			.TopStoryList ul li.story_03 a{ background: url(/img/bnr_durability.jpg) 0 0 no-repeat; }
			.TopStoryList ul li.story_04 a{ background: url(/img/bnr_energy.jpg) 0 0 no-repeat; }
			.TopStoryList ul li.story_05 a{ background: url(/img/bnr_interior.jpg) 0 0 no-repeat; }
			.TopStoryList ul li.story_06 a{ background: url(/img/bnr_cost.jpg) 0 0 no-repeat; }
			.TopStoryList ul li a:hover{ background-position: 0 -60px; }

a.more{
	display: block;
	width: 11px;
	height: 11px;
	background: url(/img/more01.gif) 0 0 no-repeat;
	text-indent: -10000px;
	overflow: hidden;
	position: absolute;
	top: 12px;
	right: 0;
	}
	a:hover.more{
		background: url(/img/more01.gif) 0 -11px no-repeat;
		}

#FrameTop #Right{
	display: block;
	float: right;
	width: 220px;
	margin: 0;
	padding: 0;
	}
	/* 社長ブログ */
	#FrameTop #Right{
		display: block;
		float: right;
		width: 220px;
		margin: 0;
		padding: 0;
		}