@charset "UTF-8";

/*
=============================================================================
top.css
=============================================================================
Suggested order by mozilla.org Base Styles (http://www.mozilla.org/css/base/content.css)
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
-----------------------------------------------------------------------------
font-size reference
 *  77% = 10px	 	* 122% = 16px		* 167% = 22px
 *  85% = 11px		* 129% = 17px		* 174% = 23px
 *  92% = 12px		* 136% = 18px		* 182% = 24px
 * 100% = 13px		* 144% = 19px		* 189% = 25px
 * 107% = 14px		* 152% = 20px		* 197% = 26px
 * 114% = 15px		* 159% = 21px
-----------------------------------------------------------------------------
*/


/* eyecatch Styling
-----------------------------------------------------------------------------*/

/* アイキャッチイメージ */
#eyecatch {
	position: relative;
	left: 30px;
	width: 900px;
	height: 200px;
	margin-bottom: 15px;
	overflow: hidden;
	}
	
	#eyecatch table {
		width: 100%
		height: 100%;
		}
		#eyecatch table td {
			width: 100px;
			height: 100px;
			}

/* アイキャッチイメージの枠 */
#eyecatch-frame {
	position: absolute;
	top: 126px;
	left: 27px;
	width: 906px;
	height: 206px;
	background: url(../images/bg-eyecatch-frame.png) 0 0 no-repeat;
	z-index: 10;
	}

	/* アンカー */
	#eyecatch-frame a#eyecatch-frame-anchor {
		display: block;
		width: 906px;
		height: 206px;
		font-size: 1px;
		text-indent: -9999px;
		z-index: 100;
		}

/* スライド画像 */
#eyecatch-panel-base,
#eyecatch-panel-db,
#eyecatch-panel-navi {
	position: absolute;
	}
#eyecatch-panel-base {
	display: block;
	left: 0;
	width: 900px;
	height: 200px;
	}
#eyecatch-panel-navi {
	left: 517px;
	}
#eyecatch-panel-db {
	left: 707px;
	}
/* スライドアンカー */
#eyecatch-anchor-navi, 
#eyecatch-anchor-db {
	display: block;
	float: right;
	width: 190px;
	height: 200px;
	font-size: 1px;
	text-indent: -9999px;
	}


/* Contents Styling
-----------------------------------------------------------------------------*/
.contents {
	position: relative;
	width: 670px;
	}


	/* お知らせ
	-------------------------------------------------------------------------*/
	.information {
		position: relative;
		width: 641px;
		margin: 0 0 4px 27px;
		background: url(../images/bg-box-635-body.gif) 0 0 repeat-y;
		}

		/* 見出し */
		.information h2 {
			width: 641px;
			height: 37px;
			background: url(../images/bg-whatsnew.gif) 0 0 no-repeat;
			font-size: 1px;
			text-indent: -9999px;
			}

		/* 一覧を見る */
		.information a#information-list {
			display: block;
			position: absolute;
			top: 11px;
			right: 15px;
			width: 45px;
			height: 15px;
			background: url(../images/bg-arrow-blue.gif) 0 0 no-repeat;
			font-size: 1px;
			text-indent: -9999px;
			overflow: hidden;
			}
			.information a#information-list:hover, .information a#information-list:active {
				background-position: 0 -15px;
				}

		/* 新着情報リスト */
		.information ul {
			width: 641px;
			padding: 10px 0;
			background: url(../images/bg-box-635-footer.gif) 0 100% no-repeat;
			}
		.information ul:after {
			display: block;
			content: "";
			clear: both;
			height: 0;
			visibility: hidden;
			}
			.information li {
				margin: 0 15px;
				padding: 0.6em 10px 0.6em 0;
				background: url(../images/bg-whatsnew-hr.gif) 0 0 no-repeat;
				}
				.information li.firstline {
					padding-top: 1px;
					background: none;
					}
				/* 新着情報日付 */
				.information span.date {
					float: left;
					margin-right: 8px;
					padding-left: 20px;
					background: url(../images/img-link.gif) 0 50% no-repeat;
					font-size: 92%;
					line-height: 1.4em;
					}
				/* 新着情報カテゴリー */
				.information span.category {
					float: left;
					width: 58px;
					height: 18px;
					margin: -1px 10px 0 0;
					background: url(../images/bg-whatsnew-cat2.gif) 0 0 no-repeat;
					font-size: 1px;
					text-indent: -9999px;
					}
					/* カテゴリー：未分類 */
					.information li.category-uncategorized span.category {
						background-position: -58px 0;
						}
					/* カテゴリー：お知らせ */
					.information li.category-cat-info span.category {
						background-position: 0 0;
						}
					/* カテゴリー：トピック */
					.information li.category-cat-topic span.category {
						background-position: -58px 0;
						}
					/* カテゴリー：活動報告 */
					.information li.category-cat-eventreport span.category {
						background-position: -116px 0;
						}
					/* カテゴリー：イベント */
					.information li.category-cat-event span.category {
						background-position: -174px 0;
						}
					/* カテゴリー：ＮＡＺＥメール */
					.information li.category-cat-nazemail span.category {
						background-position: -232px 0;
						}
					/* カテゴリー：ＮＡＺＥスタイル */
					.information li.category-cat-nazestyle span.category {
						background-position: -290px 0;
						}
					/* カテゴリー：会員限定情報 */
					.information li.category-cat-members span.category {
						background-position: -348px 0;
						}
				/* 新着情報タイトル */
				.information h3 {
					float: left;
					width: 430px;
					font-size: 92%;
					line-height: 1.4em;
					}


	/* モノづくり技術からさがす
	-------------------------------------------------------------------------*/
	#mono {
		width: 406px;
		margin-left: 27px;
		}

		/* 見出し */
		#mono h2 {
			width: 406px;
			height: 41px;
			background: url(../images/bg-mono.gif) 0 0 no-repeat;
			font-size: 1px;
			text-indent: -9999px;
			}

		#mono ul {
			width: 406px;
			padding: 4px 0 8px 4px;
			}
			/* IE7 Hack */
			*:first-child+html #mono ul {
				padding-bottom: 15px;
				}
		#mono ul:after {
			display: block;
			content: "";
			clear: both;
			height: 0;
			visibility: hidden;
			}
			#mono li {
				float: left;
				width: 128px;
				height: 90px;
				margin: 0 6px 7px 0;
				}
				#mono li a {
					display: block;
					width: 128px;
					height: 90px;
					background-image: url(../images/btn-mono.jpg);
					background-repeat: no-repeat;
					font-size: 1px;
					text-indent: -9999px;
					overflow: hidden;
					}
					#mono li#mono01 a {
						background-position: 0 0;
						}
					#mono li#mono02 a {
						background-position: -128px 0;
						}
					#mono li#mono03 a {
						background-position: -256px 0;
						}
					#mono li#mono04 a {
						background-position: -384px 0;
						}
					#mono li#mono05 a {
						background-position: -512px 0;
						}
					#mono li#mono06 a {
						background-position: -640px 0;
						}
					#mono li#mono07 a {
						background-position: -768px 0;
						}
					#mono li#mono08 a {
						background-position: -896px 0;
						}
					#mono li#mono09 a {
						background-position: -1024px 0;
						}


	/* 業種／製品・サービス／技術 からさがす
	-------------------------------------------------------------------------*/
	.conditional-search-wrapper {
		margin-left: 27px;
		}

	.conditional-search {
		width: 641px;
		background: url(../images/bg-box-635-body.gif) 0 0 repeat-y;
		}
	#type-industry, #product-service {
		margin-bottom: 4px;
		}
	#tech {
		margin-bottom: 10px;
		}

		/* 見出し */
		.conditional-search h2 {
			width: 641px;
			height: 37px;
			background-position: 0 0;
			background-repeat: no-repeat;
			font-size: 1px;
			text-indent: -9999px;
			}
		#type-industry h2 {
			background-image: url(../images/bg-type_industry-635.gif);
			}
		#product-service h2 {
			background-image: url(../images/bg-product_service-635.gif);
			}
		#tech h2 {
			background-image: url(../images/bg-tech-635.gif);
			}

		.conditional-search ul {
			background: url(../images/bg-box-635-footer.gif) 0 100% no-repeat;
			width: 611px;
			padding: 5px 15px 10px;
			}
		.conditional-search ul:after {
			display: block;
			content: "";
			clear: both;
			height: 0;
			visibility: hidden;
			}
			.conditional-search li {
				float: left;
				margin: 0.2em 20px 0.2em 0;
				padding-left: 18px;
				background: url(../images/img-link.gif) 0 0.4em no-repeat;
				word-break: keep-all;
				}
				.conditional-search li a {
					padding: 0 2px 0 1px;
					}
				.conditional-search li a:hover, .conditional-search li a:active {
					background-color: #eeeeee;
					}

				/* 業種からさがす */
				#type-industry ul {
					width: 615px;
					padding: 10px 10px 10px 16px;
					}
					#type-industry li {
						width: 116px;
						height: 37px;
						margin: 0 7px 7px 0;
						padding: 0;
						background: none;
						}
						#type-industry li a {
							display: block;
							width: 116px;
							height: 37px;
							padding: 0;
							background-image: url(../images/btn-type_industry.gif);
							background-repeat: no-repeat;
							font-size: 1px;
							text-indent: -9999px;
							overflow: hidden;
							}
							#type-industry li#type01 a:link, #type-industry li#type01 a:visited {
								background-position: 0 0;
								}
							#type-industry li#type01 a:hover {
								background-position: -116px 0;
								}
							#type-industry li#type01 a:active {
								background-position: -232px 0;
								}
							#type-industry li#type02 a:link, #type-industry li#type02 a:visited {
								background-position: 0 -37px;
								}
							#type-industry li#type02 a:hover {
								background-position: -116px -37px;
								}
							#type-industry li#type02 a:active {
								background-position: -232px -37px;
								}
							#type-industry li#type03 a:link, #type-industry li#type03 a:visited {
								background-position: 0 -74px;
								}
							#type-industry li#type03 a:hover {
								background-position: -116px -74px;
								}
							#type-industry li#type03 a:active {
								background-position: -232px -74px;
								}
							#type-industry li#type04 a:link, #type-industry li#type04 a:visited {
								background-position: 0 -111px;
								}
							#type-industry li#type04 a:hover {
								background-position: -116px -111px;
								}
							#type-industry li#type04 a:active {
								background-position: -232px -111px;
								}
							#type-industry li#type05 a:link, #type-industry li#type05 a:visited {
								background-position: 0 -148px;
								}
							#type-industry li#type05 a:hover {
								background-position: -116px -148px;
								}
							#type-industry li#type05 a:active {
								background-position: -232px -148px;
								}
							#type-industry li#type06 a:link, #type-industry li#type06 a:visited {
								background-position: 0 -185px;
								}
							#type-industry li#type06 a:hover {
								background-position: -116px -185px;
								}
							#type-industry li#type06 a:active {
								background-position: -232px -185px;
								}
							#type-industry li#type07 a:link, #type-industry li#type07 a:visited {
								background-position: 0 -222px;
								}
							#type-industry li#type07 a:hover {
								background-position: -116px -222px;
								}
							#type-industry li#type07 a:active {
								background-position: -232px -222px;
								}
							#type-industry li#type08 a:link, #type-industry li#type08 a:visited {
								background-position: 0 -259px;
								}
							#type-industry li#type08 a:hover {
								background-position: -116px -259px;
								}
							#type-industry li#type08 a:active {
								background-position: -232px -259px;
								}
							#type-industry li#type09 a:link, #type-industry li#type09 a:visited {
								background-position: 0 -296px;
								}
							#type-industry li#type09 a:hover {
								background-position: -116px -296px;
								}
							#type-industry li#type09 a:active {
								background-position: -232px -296px;
								}
							#type-industry li#type10 a:link, #type-industry li#type10 a:visited {
								background-position: 0 -333px;
								}
							#type-industry li#type10 a:hover {
								background-position: -116px -333px;
								}
							#type-industry li#type10 a:active {
								background-position: -232px -333px;
								}



	/* センターバナー
	-------------------------------------------------------------------------*/
	.contents .banner {
		width: 228px;
		}
		.contents .banner li {
			margin-bottom: 4px;
			}
			.contents .banner li a {
				display: block;
				width: 226px;
				overflow: hidden;
				}
				/* NAZE スタイル */
				.contents .banner li a#naze-style {
					height: 179px;
					}
				/* 企業ＰＲビデオクリップ */
				.contents .banner li a#pr-video {
					height: 149px;
					}
				/* NAZE NAVI */
				.contents .banner li a#naze-navi {
					height: 149px;
					}
				/* NAZE企業ガイド */
				.contents .banner li a#corporation-guide {
					height: 149px;
					}


	/* リンクバナー
	-------------------------------------------------------------------------*/
	.banner-wrap {
		position: relative;
		width: 635px;
		margin: 0 0 20px 30px;
		background: url(../images/bg-box2-635-body.gif) 0 0 repeat-y;
		}
		.banner-wrap ul {
			width: 605px;
			padding: 18px 15px 0;
			background: url(../images/bg-box2-635-header.gif) 0 0 no-repeat;
			}
			.banner-wrap li {
				float: left;
				min-height: 120px;
				font-size: 10px;
				text-align: center;
				line-height: 1.4em;
				}
				.banner-wrap li#naze {
					float: right;
					}
					.banner-wrap li a {
						display: block;
						margin-right: 12px;
						}
					.banner-wrap img {
						margin-bottom: 5px;
						}
					.banner-wrap li#naze img {
						border: 1px solid #a2b4c0;
						}
		.banner-wrap-footer {
			clear: both;
			padding-bottom: 10px;
			background: url(../images/bg-box2-635-footer.gif) 0 100% no-repeat;
			}


/* Quick Search Form Styling
-----------------------------------------------------------------------------*/
form#searchform {
	position: relative;
	width: 256px;
	height: 95px;
	margin-bottom: 3px;
	background: url(../images/bg-quick_search-s.gif) 0 0 no-repeat;
	}

	/* 入力エリア */
	form#searchform span {
		display: block;
		position: absolute;
		top: 58px;
		left: 10px;
		background-color: #ffffff;
		}

	form#searchform input#s {
		display: block;
		width: 208px;
		margin: 1px;
		border: 1px solid #a2b4c0;
		background: #ffffff url(../images/bg-input-inshadow.gif) 0 0 repeat-x;
		}
		/* IE7 Hack */
		*:first-child+html form#searchform input#s {
			margin: 0 1px;
			}

	/* 検索ボタン */
	form#searchform button {
		display: block;
		position: absolute;
		top: 58px;
		right: 6px;
		width: 21px;
		height: 21px;
		background: url(../images/btn-quick_search-s.gif) 0 0 no-repeat;
		font-size: 1px;
		text-indent: -9999px;
		overflow: hidden;
		cursor: pointer;
		}
		/* サイト内検索 */
		form#searchform button:hover, form#searchform button:active {
			background-position: 0 -21px;
			}



/* Sidebar Styling
-----------------------------------------------------------------------------*/
.sidebar {
	position: relative;
	width: 283px;
	}


	/* イベントカレンダー
	-------------------------------------------------------------------------*/
	.event-calendar {
		position: relative;
		width: 256px;
		margin-bottom: 3px;
		background: url(../images/bg-box-250-body.gif) 0 0 repeat-y;
		}

		/* 見出し */
		.event-calendar h2 {
			width: 256px;
			height: 40px;
			background: url(../images/bg-eventcalendar.gif) 0 0 no-repeat;
			font-size: 1px;
			text-indent: -9999px;
			}

		/* イベントカレンダーリスト */
		.event-calendar .event {
			margin: 0 10px 6px;
			padding: 7px 6px;
			border: 1px solid #d6d6d6;
			-moz-border-radius: 5px;
			-khtml-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			background-color: #ffffff;
			line-height: 1.2em;
			}		
			/* イベントタイトル */
			.event-calendar h3 {
				width: 202px;
				margin-bottom: 5px;
				padding-left: 20px;
				background: url(../images/img-link.gif) 0 0.1em no-repeat;
				font-size: 92%;
				}
				.event-calendar h3.no-link {
					background: none;
					}
			/* イベント開催日付 */
			.event-calendar ul.date {
				width: 202px;
				margin-bottom: 8px;
				padding-left: 20px;
				font-size: 92%;
				}
				.event-calendar ul.date li {
					padding: 0 0 0.6em 15px;
					background: url(../images/img-cal.gif) 0 0.2em no-repeat;
					color: #5692b4;
					line-height: 1.2em;
					}

		/* 一覧を見る */
		.event-calendar #event-list {
			width: 256px;
			padding-bottom: 25px;
			background: url(../images/bg-box-250-footer.gif) 0 100% no-repeat;
			}
			.event-calendar #event-list a {
				display: block;
				position: absolute;
				right: 10px;
				bottom: 8px;
				width: 45px;
				height: 15px;
				background: url(../images/bg-arrow-blue.gif) 0 0 no-repeat;
				font-size: 1px;
				text-indent: -9999px;
				overflow: hidden;
				}
				.event-calendar a#event-calendar-list:hover, .event-calendar a#event-calendar-list:active {
					background-position: 0 -15px;
					}


	/* サイドバーバナー
	-------------------------------------------------------------------------*/
	.sidebar .banner {
		width: 256px;
		}
		.sidebar .banner li {
			margin-bottom: 3px;
			}
			.sidebar .banner li a {
				display: block;
				width: 256px;
				height: 66px;
				overflow: hidden;
				}
			.sidebar .banner li a#tech-db,
			.sidebar .banner li a#meil_magazine {
				height: 78px;
				}