/*-----------------------------------------------------------
  body
-----------------------------------------------------------*/
#body{
	background: #ffffff url(/img/bg_topbody.jpg) 0 0 repeat-x;
	}

/*-----------------------------------------------------------
  MainImage
-----------------------------------------------------------*/
#MainImage{
	position:relative;
	width: 920px;
	height: 305px;
	margin: 0 auto 25px auto;
	padding: 0;
	background: url(/img/MainImage.jpg) center top no-repeat;
	}
	#MainImage #PRArea{
		position: absolute;
		top: 30px;
		right: 10px;
		margin: 0;
		padding: 0;
		background: url(/img/bg_PRArea.png) 0 0 no-repeat;
		width: 270px;
		height: 245px;
		}
		#MainImage #PRArea .PR1{
			position:relative;
			margin: 40px 0 0 0;
			padding: 0;
			height: 85px;
			}
		#MainImage #PRArea .PR2{
			position:relative;
			margin: 12px 0 0 0;
			padding: 0;
			height: 85px;
			}
			#MainImage #PRArea dt{
				position: absolute;
				top: 15px;
				left: 120px;
				margin: 0;
				padding: 0;
				width: 138px;
				font-size: 14px;
				}
				#MainImage #PRArea dt a{
					position: absolute;
					margin: 0;
					padding: 0;
					font-weight: bold;
					color: #ffffff;
					}
			#MainImage #PRArea dd{
				position: absolute;
				top: 33px;
				left: 120px;
				margin: 5px 0 0 0;
				padding: 0;
				color: #ffffff;
				width: 138px;
				}
			#MainImage #PRArea dd.images{
				position: absolute;
				top: 0;
				left: 10px;
				margin: 5px 0 0 0;
				padding: 0;
				width: 103px;
				}


/*-----------------------------------------------------------
  FrameTopエリア
-----------------------------------------------------------*/
/* 製品案内タイトル */
#FrameTop .TopProductsT{
	display: block;
	height: 33px;
	background: url(/img/TopProductsT.jpg) 0 0 no-repeat;
	color: #ffffff;
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 12px;
	}
	#FrameTop .TopProductsT span{display: none;}
	#FrameTop .TopProductsT strong{display: block; padding: 6px 0 0 190px; font-weight: normal;}
	/* 製品案内カテゴリ分け */
	#FrameTop .TopProductsC1T,
	#FrameTop .TopProductsC2T{
		display: block;
		height: 16px;
		margin: 0 0 10px 0;
		padding: 0 0 0 195px;
		}
		#FrameTop .TopProductsC1T{background: url(/img/TopProductsC1T.jpg) 0 0 no-repeat;}
		#FrameTop .TopProductsC2T{background: url(/img/TopProductsC2T.jpg) 0 0 no-repeat;}
		#FrameTop .TopProductsC1T strong,#FrameTop .TopProductsC2T strong{display: none;}
	#FrameTop ul.TopProductsC{
		margin: 0 0 20px 0;
		padding: 0;
		list-style: none;
		}
		/* TopProductsC⇒clearfix */
		#FrameTop ul.TopProductsC{zoom:1;}
		#FrameTop ul.TopProductsC:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
		#FrameTop ul.TopProductsC {display: inline-table;}
		* html #FrameTop ul.TopProductsC {height: 1%;}
		#FrameTop ul.TopProductsC {display: block;}
		/**/
		#FrameTop ul.TopProductsC li{
			float: left;
			margin: 0;
			padding: 0;
			width: 180px;
			height: 230px;
			}
			#FrameTop ul.TopProductsC li.Btn_C01	{background: url(/img/Btn_C01.jpg) 0 0 no-repeat;}
			#FrameTop ul.TopProductsC li.Btn_C02	{background: url(/img/Btn_C02.jpg) 0 0 no-repeat;}
			#FrameTop ul.TopProductsC li.Btn_C03	{background: url(/img/Btn_C03.jpg) 0 0 no-repeat;}
			#FrameTop ul.TopProductsC li.Btn_C04	{background: url(/img/Btn_C04.jpg) 0 0 no-repeat;}
			#FrameTop ul.TopProductsC li.Btn_C05	{background: url(/img/Btn_C05.jpg) 0 0 no-repeat;}
			#FrameTop ul.TopProductsC li.Btn_C06	{background: url(/img/Btn_C06.jpg) 0 0 no-repeat;}
			#FrameTop ul.TopProductsC li.Btn_C07	{background: url(/img/Btn_C07.jpg) 0 0 no-repeat;}
			#FrameTop ul.TopProductsC li.Btn_C08	{background: url(/img/Btn_C08.jpg) 0 0 no-repeat;}
			#FrameTop ul.TopProductsC li.Btn_C09	{background: url(/img/Btn_C09.jpg) 0 0 no-repeat;}
				#FrameTop ul.TopProductsC li a{
					display: block;
					margin: 0;
					padding: 0;
					width: 180px;
					height: 230px;
					text-indent: -10000px;
					overflow: hidden;
					background: url(/img/spacer.png) 0 0 no-repeat;
					}
					#FrameTop ul.TopProductsC li a:hover{background: url(/img/Btn_C00.png) 0 0 no-repeat;}
		/* 製品案内検索窓 */
		#FrameTop ul.TopProductsC li.SearchBox{
			background: url(/img/SearchBox.jpg) 0 0 no-repeat;
			}
			#FrameTop ul.TopProductsC li.SearchBox form{
				padding: 50px 15px 10px 15px;
				width: 150px;
				}
				#FrameTop ul.TopProductsC li.SearchBox form .SearchBox_TextBox{
					display: block;
					margin: 0 0 10px 0;
					padding: 0;
					border-top: 1px solid #717171;
					border-right: 1px solid #efefef;
					border-bottom: 1px solid #efefef;
					border-left: 1px solid #717171;
					height: 20px;
					width: 148px;
					vertical-align: middle;
					}
				#FrameTop ul.TopProductsC li.SearchBox form .SearchBox_Btn{
					display: block;
					margin: 0 0 0 auto;
					padding: 0;
					vertical-align: middle;
					}
				#FrameTop ul.TopProductsC li.SearchBox form p{
					font-size: 12px;
					}

#FrameTop #Left{
	display: block;
	float: left;
	width: 600px;
	margin: 0;
	padding: 0;
	}
	#FrameTop #Left .TopNewsT{
		display: block;
		height: 33px;
		background: url(/img/TopNewsT.jpg) 0 0 no-repeat;
		color: #ffffff;
		margin: 0 0 8px 0;
		padding: 0;
		font-size: 12px;
		}
		#FrameTop #Left .TopNewsT span{display: none;}
		#FrameTop #Left .TopNewsT a{
			display: block;
			height: 33px;
			width: auto;
			margin: 0 0 0 180px;
			text-indent: -1000px;
			overflow: hidden;
			}
			#FrameTop #Left .TopNewsT a:hover{background: url(/img/TopNewsT_more.gif) 377px 13px no-repeat;}
	#FrameTop #Left .TopNewsCate{
		display: block;
		margin: 0 0 5px 0;
		padding: 0;
		width: 600px;
		height: 24px;
		background: url(/img/bg_TopNewsCate.gif) 0 0 no-repeat;
		}
		#FrameTop #Left .TopNewsCate ul{
			display: inline;
			float: right;
			list-style: none;
			margin: 0;
			padding: 0;
			}
			#FrameTop #Left .TopNewsCate li{
				display: block;
				float: right;
				margin: 0 0 0 4px;
				padding: 0;
				}
				#FrameTop #Left .TopNewsCate li a{
					display: block;
					height: 24px;
					text-indent: -10000px;
					overflow: hidden;
					}
					#FrameTop #Left .TopNewsCate li.N_ct4	{width: 80px; background: url(/img/N_ct.gif) -287px 0 no-repeat;}
					#FrameTop #Left .TopNewsCate li.N_ct3	{width: 80px; background: url(/img/N_ct.gif) -168px 0 no-repeat;}
					#FrameTop #Left .TopNewsCate li.N_ct2	{width: 80px; background: url(/img/N_ct.gif) -84px 0 no-repeat;}
					#FrameTop #Left .TopNewsCate li.N_ct1	{width: 80px; background: url(/img/N_ct.gif) 0 0 no-repeat;}
					#FrameTop #Left .TopNewsCate li.N_ct4 a:hover,
					#FrameTop #Left .TopNewsCate li.N_ct3 a:hover,
					#FrameTop #Left .TopNewsCate li.N_ct2 a:hover,
					#FrameTop #Left .TopNewsCate li.N_ct1 a:hover	{background: url(/img/Btn_C00.png) center center no-repeat;}
	#FrameTop #Left .TopNewsList{
		display: block;
		width: 600px;
		margin: 0;
		padding: 0;
		}
		#FrameTop #Left .TopNewsList ul{
			display: block;
			list-style-type: none;
			text-align: left;
			margin: 0;
			padding: 0;
			}
			#FrameTop #Left .TopNewsList ul li{
				display: block;
				margin: 7px 0 12px 0;
				padding: 0 0 10px 0;
				background: url(/img/dotline.gif) left bottom repeat-x;
				line-height: 140%;
				}
			#FrameTop #Left .TopNewsList ul li span img{
				border: 0;
				float: none;
				}
				/* サムネイル */
				#FrameTop #Left .TopNewsList ul li img{
					float: right;
					vertical-align:middle;
					margin: 0 0 0 10px;
					padding: 1px;
					background: #ffffff;
					border: 1px solid #f2f2f2;
					}
				/* 日付、カテゴリ */
				#FrameTop #Left .TopNewsList ul li .DateCate{
					padding: 0 0 0 15px;
					background: url(/img/listmark01.gif) 0 5px no-repeat;
					}
					#FrameTop #Left .TopNewsList ul li .DateCate img{
						float: none;
						margin: 0;
						padding: 0;
						border: none;
						}
				/* タイトル */
				#FrameTop #Left .TopNewsList ul li .Title{
					padding: 0 0 0 15px;
					}
					#FrameTop #Left .TopNewsList ul li a{
						margin: 0;
						}


#FrameTop #Right{
	display: block;
	float: right;
	width: 280px;
	margin: 0;
	padding: 0;
	}
	#FrameTop #Right .TopBannerArea{
		margin: 0;
		padding: 0;
		}
		#FrameTop #Right .TopBannerArea ul{
			margin: 0;
			padding: 0;
			list-style: none;
			}
			#FrameTop #Right .TopBannerArea ul li.bnr_eco,
			#FrameTop #Right .TopBannerArea ul li.bnr_recruit{
				margin: 0 0 20px 0;
				padding: 0;
				width: 280px;
				height: 150px;
				}
				#FrameTop #Right .TopBannerArea ul li a{
					display: block;
					margin: 0;
					padding: 0;
					width: 280px;
					height: 150px;
					text-indent: -10000px;
					overflow: hidden;
					}
				#FrameTop #Right .TopBannerArea ul li.bnr_eco a			{background: url(/img/bnr_eco.jpg) 0 0 no-repeat;}
				#FrameTop #Right .TopBannerArea ul li.bnr_recruit a		{background: url(/img/bnr_recruit.jpg) 0 0 no-repeat;}

				#FrameTop #Right .TopBannerArea ul li.bnr_eco a:hover		{background: url(/img/bnr_eco.jpg) 0 -150px no-repeat;}
				#FrameTop #Right .TopBannerArea ul li.bnr_recruit a:hover	{background: url(/img/bnr_recruit.jpg) 0 -150px no-repeat;}