@charset "utf-8";
/*	-------------------------------------------------------------
	Description:	CSS file for screen media
	Filename:		layout.css
	Author: 		N Hayashi
	Date:			06/01/2010
	-------------------------------------------------------------
	■keyvisual設定
	■top_column設定
	■content_left設定
	■content_right設定

FOR SCREEN ****************************************************** */
/*	-------------------------------------------------------------
	■keyvisual設定
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#keyvisual {
	width: 960px;
	height: 250px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	position: relative;
}

	#keyvisual p.main {
		width: 960px;
		height: 150px;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}

	#keyvisual p.button {
		width: 370px;
		height: 90px;
		position: absolute;
		top: 136px;
		left: 15px;
		z-index: 2;
	}

		#keyvisual p.button a {
			width: 370px;
			height: 90px;
			background-image: url(../images/button_keyvisual_on.jpg);
			background-repeat: no-repeat;
			display: block;
		}

		#keyvisual p.button a:hover img {
			visibility: hidden;
		}

		* html #keyvisual p.button a:hover img {
			background-color: transparent;
		}

/*	-------------------------------------------------------------
	■top_column設定
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#top_column {
	width: 930px;
	margin-left: auto;
	margin-right: auto;
}


/*左カラム*/
#top_column #left {
	width: 220px;
	float: left;
	margin-right: 15px;
}

	#left .service {
		width: 230px;
		height: 112px;
		margin-bottom: 10px;
	}

		#left .service a {
			width: 230px;
			height: 112px;
			display: block;
			text-decoration: none;
		}


		#left .service dl {
			width: 230px;
			height: 112px;
			display: block;
		}

			#left .service dl dt {
				width: 210px;
				height: 20px;
				padding-top: 10px;
				padding-left: 10px;
				margin-bottom: 5px;
			}
	
			#left .service dl dd {
				width: 140px;
				margin-left: 80px;
				line-height: 130%;
				font-size: 11px;
			}



/*中央カラム*/
#top_column #center {
	width: 450px;
	float: left;
	margin-right: 15px;
}

	.area_news {
		width: 448px;
		border-top-width: 1px;
		border-right-width: 1px;
		border-bottom-width: 1px;
		border-left-width: 1px;
		border-top-style: solid;
		border-right-style: solid;
		border-bottom-style: solid;
		border-left-style: solid;
		border-top-color: #D4D4D4;
		border-right-color: #B6B6B6;
		border-bottom-color: #B6B6B6;
		border-left-color: #D4D4D4;
		background-color: #FFFFFF;
		margin-bottom: 10px;
	}

		.area_news .title {
			width: 448px;
			height: 23px;
			background-color: #D5DDE0;
			/* Webkit */
			background: -webkit-gradient(
			linear,
			left top,
			left bottom,
			from(#EAEBEC),
			to(#D1D9DE)
				);
			/* Firefox */
			background: -moz-linear-gradient(
			top,
			#EAEBEC,
			#D1D9DE
							);
			/* IE */
			filter:progid:DXImageTransform.Microsoft.gradient
			(startColorstr=#EAEBEC,endColorstr=#D1D9DE);
			border-bottom-width: 1px;
			border-bottom-style: solid;
			border-bottom-color: #B5C4C8;
			padding-top: 7px;
			display: block;
		}

			/*タイトル画像*/
			.area_news .title img {
				float: left;
				padding-left: 10px;
			}

			/*詳細リンク*/
			.area_news .title p {
				float: right;
				padding-right: 10px;
			}

				.area_news .title p a {
					background-image: url(../images/common/icon_arrow01.png);
					background-repeat: no-repeat;
					background-position: left;
					display: block;
					padding-left: 20px;
					text-decoration: none;
				}


		.area_news .body {
			width: 447px;
			/*height: 225px;*/
/*			height: 195px;
*/			margin-left: auto;
			margin-right: auto;
			/*padding-top: 15px;*/
			padding-top: 5px;
			/*padding-bottom: 10px;*/
			padding-bottom: 10px;
			/*overflow-y: scroll;*/
			overflow-y: hidden;
			height: 312px;
		}

			.area_news .body table {
				width: 416px;
			}

			.area_news .body table tr {
				border: none
			}

			.area_news .body dl {
				width: 390px;
				margin-bottom: 10px;
			}

			.area_news .body dl dt {
				float: left;
				width: 70px;
			}

			.area_news .body dl dd {
				color: #333333;
			}
			
			
			/*研究施設用*/
			.labo .body {
				overflow: hidden;
				height: 138px;
				padding-top: 10px;
			}
			
				.area_news .body .labo {
					width: 420px;
					margin-left: auto;
					margin-right: auto;
				}

					.area_news .body .labo p {
						width: 260px;
						float: left;
						line-height: 190%;
					}

					.area_news .body .labo p sup {
						line-height: 120%;
					}

	
					.area_news .body .labo img {
						width: 136px;
						height: 106px;
						float: right;
					}




#top_column #right {
	width: 230px;
	float: left;
}

	/*関連企業*/
	#area_company {
		width: 230px;
		margin-bottom: 10px;
	}

		#area_company #title {
			width: 230px;
			height: 26px;
			background-image: url(../images/company_title_back.jpg);
			background-repeat: no-repeat;
		}

		#area_company #cnt {
			width: 220px;
			padding: 10px 5px 8px 5px;
			background-color: #D1D9DE;
		}


		#area_company #cnt ul {
			width: 220px;
		}

			#area_company #cnt ul li {
				width: 220px;
				height: 70px;
				display: block;
			}



			/*セティバナー*/
			#area_company #cnt ul li.sceti {
				width: 220px;
				height: 70px;
				background-image: url(../images/banner_sceti_on.jpg);
				background-repeat: no-repeat;
				margin-bottom: 8px;
			}

				#area_company #cnt ul li.sceti a {
					width: 220px;
					height: 70px;
					background-image: url(../images/banner_sceti_on.jpg);
					background-repeat: no-repeat;
					display: block;
				}

				#area_company #cnt ul li.sceti a:hover {
					background-image: url(../images/banner_sceti_on.jpg);
					background-repeat: no-repeat;
				}

				#area_company #cnt ul li.sceti a:hover img {
					visibility: hidden;
				}

				*html #area_company #cnt ul li.sceti a:hover {
					background-color: transparent;
				}


			/*デニスバナー*/
			#area_company #cnt ul li.denis {
				width: 220px;
				height: 70px;
				background-image: url(../images/banner_denis_on.jpg);
				background-repeat: no-repeat;
				margin-bottom: 0;
			}


				#area_company #cnt ul li.denis a {
					width: 220px;
					height: 70px;
					background-image: url(../images/banner_denis_on.jpg);
					background-repeat: no-repeat;
					display: block;
				}

				#area_company #cnt ul li.denis a:hover {
					background-image: url(../images/banner_denis_on.jpg);
					background-repeat: no-repeat;
				}

				#area_company #cnt ul li.denis a:hover img {
					visibility: hidden;
				}

				*html #area_company #cnt ul li.denis a:hover {
						background-color: transparent;
				}





	/*バナーエリア*/
	#area_banner {
		width: 230px;
	}

		#area_banner ul {
			width: 230px;
		}

			#area_banner ul li {
				width: 230px;
				height: 70px;
				background-color: #999999;
			}


			/*採用情報*/
			#area_banner ul li.recruit {
				width: 230px;
				height: 70px;
				background-image: url(../images/banner_recruit_on.jpg);
				background-repeat: no-repeat;
			}

				#area_banner ul li.recruit a {
					width: 230px;
					height: 70px;
					display: block;
					background-image: url(../images/banner_recruit_on.jpg);
					background-repeat: no-repeat;
				}

				#area_banner ul li.recruit a:hover {
					display: block;
					background-image: url(../images/banner_recruit_on.jpg);
					background-repeat: no-repeat;
				}

				#area_banner ul li.recruit a:hover img {
					visibility: hidden;
				}

					*html #area_banner ul li.recruit a:hover {
						background-color: transparent;
					}


/*	-------------------------------------------------------------
	■404設定
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#wide {
	width: 930px;
	min-height: 300px;
}

	#wide h2 {
		width: 930px;
		height: 42px;
		background-image: url(../images/h3_wide.jpg);
		background-repeat: no-repeat;
		padding-top: 18px;
		text-indent: 20px;
		font-size: 26px;
		font-weight: bold;
		color: #333333;
		margin-bottom: 15px;
	}

	#wide .message {
		width: 922px;
		border: 1px solid #E8E8E8;
		padding: 3px;
		background-color: #F7F7F7;
		margin-bottom: 30px;
	}



		#wide .message dl {
			width: 880px;
			display: block;
			background-color: #FFFFFF;
			border: 1px solid #F2F2F2;
			padding: 20px;
		}

			#wide .message dt {
				font-size: 16px;
				font-weight: bold;
				color: #333333;
				margin-bottom: 10px;
			}
	
	
			#wide .message dd {
				font-size: 14px;
				line-height: 180%;
				color: #333333;
				margin-bottom: 20px;
			}

			#wide .message dd span {
				font-size: 14px;
				font-weight: bold;
				color: #333333;
			}



	#wide .link_box {
		width: 800px;
		margin-left: auto;
		margin-right: auto;
	}

		#wide .link_box dl {
			width: 800px;
			margin-bottom: 20px;
		}

			#wide .link_box dl dt {
				width: 150px;
				font-size: 14px;
				font-weight: bold;
				float: left;
				background-image: url(../images/common/left_menu_arrow.png);
				background-repeat: no-repeat;
				background-position: left;
				padding-left: 30px;
			}

				#wide .link_box dl dt a {
					font-size: 14px;
					font-weight: bold;
				}


			#wide .link_box dl dd {
				padding-top: 2px;
				color: #333333;
			}




/*20130128 トップページレイアウト調整にて修正
　佐倉工場のレイアウトを以前のものに戻す場合は以下のcssを削除*/
#top_column #right02 {
	width: 685px;
	float: left;
}

	#right02 .right_top {
		width: 685px;
	}

	#right02 .right_top .right_top_left {
		width: 448px;
		float: left;
	}

	#right02 .right_top .right_top_right {
		width: 220px;
		float: right;
	}



	#right02 .right_bottom {
		width: 692px;
		margin-bottom: 15px;
	}