@charset "utf-8";



body{
color:#808080;
}



#headArea{
	height:87px;
	background:none;
}

#headArea .tagline{
	position:absolute;
	display:block;
	margin-left:40px;
	z-index:1;
}

#mainArea{
	width:980px;
	padding:0px 0 50px 0px;
}

#mainArea h1{
	padding:47px 0 42px 40px;
	float:left;
	
}

#mainArea #openmark{
	position:relative;
	top:-8px;
	left:33px;
}

#mainArea #mainRight{
	padding-top:56px;
	width:352px;
	float:right;
}

#mainArea #mainRight dl.sq img{
	display:block;
}

#mainArea #mainRight dl.sq dt{
	margin:0 0 3px 8px;
}

#mainArea #mainRight dl.sq dd{
	padding-left:8px;
	height:118px;
	background:url(../common/img/top/sq_bg.jpg) no-repeat;
}

#mainArea #mainRight dl.sq dd ul li{
	float:left;
	padding-right:5px;
}

#mainArea #mainRight dl.sq li a{
	width:104px;
	height:104px;
	overflow:hidden;
	display:block;
	position:relative;
}

#mainArea #mainRight dl.sq li a:hover img{
	position:relative;
	top:-104px;
}

#mainArea #mainRight dl.sq li a:hover{
	background:none;
}

	#mainArea #mainRight a.detail{
		display:block;
		width:352px;
		height:30px;
		background:url(../common/img/top/competence3.gif) no-repeat;
	}

	#mainArea #mainRight a.camp{
		display:block;
		width:352px;
		height:410px;
		background:url(../common/img/top/cam_bn100622.jpg) no-repeat;
	}
	
	#mainArea #mainRight span#cam-copy{
		padding-top:7px;
		display:block;
		width:352px;
		height:13px;
		background:url(../common/img/top/bn_copy_bg.jpg) no-repeat;
		font-size:60%;
		text-align:right;
	}
	
	#mainArea #mainRight span#cam-copy a{
		padding-right:15px;
	}

	#mainArea #mainRight span#cam-copy a,
	#mainArea #mainLeft #information ul li a{
		color:#808080;
		text-decoration:none;
	}

	#mainArea #mainLeft #information ul li a.infoline{
		text-decoration:underline;
	}

	#mainArea #mainRight span#cam-copy a:hover,
	#mainArea #mainRight span#cam-copy a:focus,
	#mainArea #mainLeft #information ul li a:hover,
	#mainArea #mainLeft #information ul li a:focus{
		color:#000000;
		text-decoration:underline;
	}



#mainArea #mainLeft{
	width:626px;
	float:left;
	position:relative;
	min-height:295px;
}

* html #mainArea #mainLeft{
	height:295px;
}

	#mainArea #mainLeft #searchForm{
		margin:0 0 8px 40px;
	}

		#mainArea #mainLeft #searchForm .textField{
			width:456px;
			height:54px;
			float:left;
			margin-top:2px;
			background:url(../common/img/top/textFieldBG.gif) no-repeat right top;
		}

		#mainArea #mainLeft #searchForm .textField.focus{
			background-position:right bottom;
		}

			#mainArea #mainLeft #searchForm .textField span{
				float:left;
				height54px;
				background-image:none;
			}

				#mainArea #mainLeft #searchForm .textField span .body{
					width:289px;
					float:left;
					margin:17px 15px 0 15px;
					padding:2px 0 2px 0;
					color:#000000;
					font-size:18px;
					line-height:20px;
					border:none;
					background:#ebebeb;
				}

				#mainArea #mainLeft #searchForm .textField.focus span .body{
					background:#ffffff;
				}



		#mainArea #mainLeft #searchForm #mediaSelectors{
			float:left;
			margin-top:17px;
			padding:0 6px 0 7px;
			background:url(../common/img/top/mediaSelectorDelimitter.gif) no-repeat;
		}

			#mainArea #mainLeft #searchForm #mediaSelectors .checkbox{
				display:block;
				height:22px;
				border:none;
				float:left;
				padding:0;
			}

				#mainArea #mainLeft #searchForm #mediaSelectors .checkbox.photo{
					width:52px;
					background-image:url(../common/img/top/mediaSelectorPhoto.gif);
				}

				#mainArea #mainLeft #searchForm #mediaSelectors .checkbox.illustration{
					width:67px;
					background-image:url(../common/img/top/mediaSelectorIllustration.gif);
				}

				#mainArea #mainLeft #searchForm #mediaSelectors .checkbox.checked{
					background-position:left -22px;
				}

				#mainArea #mainLeft #searchForm #mediaSelectors .checkbox.over{
					background-position:left -44px;
				}

				#mainArea #mainLeft #searchForm #mediaSelectors .checkbox.checked.over{
					background-position:left -66px;
				}



			#mainArea #mainLeft #searchForm #searchButtons .button#searchButton{
				float:left;
				width:99px;
				height:58px;
				margin-left:4px;
				_margin-left:1px;/*for ie6*/
			}



	#mainArea #mainLeft #links{
		margin-left:38px;
		height:140px;
	}

		#mainArea #mainLeft #links #quickLinks{
			padding-left:2px;
			margin-bottom:12px;
			width:548px;
		}

			#mainArea #mainLeft #links #quickLinks ul{
				height:18px;
				float:left;
				background:url(../common/img/top/naviDelimitters.gif) no-repeat;
			}

				#mainArea #mainLeft #links #quickLinks ul li{
					float:left;
					margin-right:15px;
				}

					#mainArea #mainLeft #links #quickLinks ul li a{
						display:block;
						height:18px;
						background-repeat:no-repeat;
					}

						#mainArea #mainLeft #links #quickLinks ul li a.about{
							width:79px;
							background-image:url(../common/img/top/about.gif);
						}

						#mainArea #mainLeft #links #quickLinks ul li a.guide{
							width:47px;
							background-image:url(../common/img/top/guide.gif);
						}

						#mainArea #mainLeft #links #quickLinks ul li a.faq{
							width:59px;
							background-image:url(../common/img/top/faq.gif);
						}

						#mainArea #mainLeft #links #quickLinks ul li a.help{
							width:30px;
							background-image:url(../common/img/top/help.gif);
						}

						#mainArea #mainLeft #links #quickLinks a.searchDetail{
							display:block;
							float:right;
							width:43px;
							height:18px;
							background:url(../common/img/top/searchDetail.gif) no-repeat;
						}



			#mainArea #mainLeft #links #utilLinks ul{
				height:28px;
			}

				#mainArea #mainLeft #links #utilLinks ul li{
					float:left;
				}

					#mainArea #mainLeft #links #utilLinks ul li a{
						display:block;
						height:28px;
						background-repeat:no-repeat;
					}

						#mainArea #mainLeft #links #utilLinks ul li a.login{
							width:55px;
							background-image:url(../common/img/top/login.gif);
						}

						#mainArea #mainLeft #links #utilLinks ul li a.registration{
							width:76px;
							background-image:url(../common/img/top/memberRegistration.gif);
						}

						#mainArea #mainLeft #links #utilLinks ul li a.regicreator{
							width:96px;
							background-image:url(../common/img/top/creatorRegistration.gif);
						}

						#mainArea #mainLeft #links #utilLinks ul li a.mypage{
							width:66px;
							background-image:url(../common/img/top/mypage.gif);
						}

						#mainArea #mainLeft #links #utilLinks ul li a.logout{
							width:63px;
							background-image:url(../common/img/top/logout.gif);
						}



		#mainArea #mainLeft #links #bannerArea{
			margin-top:20px;
			padding-left:2px;
			vertical-align: bottom;
		}

		#mainArea #mainLeft #links #bannerArea img.bncre{
			margin-right:10px;
		}

		#mainArea #mainLeft #information{
			padding-left:40px;
			font-size:75%;
			position:absolute;
			bottom:0;
		}

			#mainArea #mainLeft #information ul li{
				padding-left:25px;
				margin-bottom:9px;
				padding-top:2px;
				_padding-top:3px;
				_margin-bottom:8px;
				background:url(../common/img/top/infoHead.gif) no-repeat left 3px;
			}

			*:first-child+html #mainArea #mainLeft #information ul li{
				height:1%;
			}

			#mainArea #mainLeft #information ul li.tw{
				margin-bottom:0;
				background:url(../common/img/top/infoHead_tw.gif) no-repeat left 3px;
			}

			#mainArea #mainLeft #information ul li.tw a{
				position:relative;
				top:-2px;
				display:block;
				width:110px;
				height:16px;
			}

			#mainArea #mainLeft #information ul li.tw a:hover img{
				display:none;
			}
			
			#mainArea #mainLeft #information ul li.tw a:hover{
				background:url(../common/img/top/tw_link_on.gif) no-repeat;
			}