
body {
	background: url("../../img/header/mainNaviBg.png") repeat-x 0 126px;
	word-break: break-all;
	}



/* *** LAYOUT *** */
#wrap {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	}


#header {
	width: 1000px;
	height: 190px;
	overflow: hidden;
	position: relative;
	}
	/* *** H1 *** */
	h1 {
		width: 324px; /*344px;*/
		height: 106px; /*126px;*/
		overflow: hidden;
		float: left;
		padding: 20px 20px 0 0;
		text-align: right;
		}

	/* *** TOP SEARCH/BTN *** */
	#top {
		width: 656px;
		height: 80px;/*126px;*/
		padding: 46px 0 0 0;
		float: left;
		overflow: hidden;
		position: relative;
		}
		/* TOP NAVI */
		#top .topNavi {
			height: 20px;
			position: absolute;
			top: 6px;
			right: 0;
			z-index: 1000;
			}
			#top .topNavi li {
				float: left;
				padding: 0 13px 0 12px;
				background: url("../../img/header/topNaviBg.gif") no-repeat right 1px;
				font-size: 11px;
				letter-spacing: -1px;
				}
				#top .topNavi li.last {
					background: none;
					}
				#top .topNavi li a {
					color: #999999;
					}

		/* TOP SEARCH */
		#top .search {
			height: 40px;
			margin-bottom: 7px;
			}
			#top .search span {
				display: block;
				width: 314px; /*321px;*/
				height: 24px; /*30px;*/
				overflow: hidden;
				border: #6066e1 5px solid;
				float: left;
				margin-right: 5px;
				padding: 6px 0 0 7px;
				}
				#top .search span input {
					width: 300px;
					height: 18px;
					line-height: 18px;
					border: none;
					background: none;
					}
			#top .search .searchBt {
				float: left;
				}
		
		/* LAYER BTN */
		#top .topLayer {
			clear: both;
			height: 20px;
			}
			#top .topLayer li {
				float: left;
				padding: 0 2px 0 0;
				}
		
		/* SOCIAL NETWORK */
		#top .socialNet {
			clear: both;
			height: 20px;
			position: absolute;
			right: 8px;
			bottom: 15px;
			}
			#top .socialNet li {
				float: left;
				padding: 0 2px 0 0;
				}

	/* *** MAIN NAVI *** */
	.naviBg {
		clear: both;
		width: 1000px;
		height: 64px;
		overflow: hidden;
		position: relative;
		background: url("../../img/header/mainNaviBg.png") no-repeat 0 0;
		}
		#mainNavi {
			height: 64px;
			overflow: hidden;
			}
		#mainNavi dt {
			float: left;
			padding: 0 30px 0 28px;
			background: url("../../img/header/naviBg.gif") no-repeat right 0;
			}
			#mainNavi dt.last {
				background: none;
				}
		#mainNavi dd {
			width: 1000px;
			height: 24px;
			line-height: 24px;
			position: absolute;
			bottom: 0;
			left: 0;
			display: none;
			}
			#mainNavi dd li {
				float: left;
				}
			#mainNavi dd ul {
				height: 24px;
				position: absolute;
				bottom: 0;
				}
			#mainNavi .navi0 ul { left: 30px; }
			#mainNavi .navi1 ul { left: 149px; }
			#mainNavi .navi2 ul { left: 310px; }
			#mainNavi .navi3 ul { left: 465px; }
			#mainNavi .navi4 ul { left: 580px; }
			#mainNavi .navi5 ul { left: 510px; }

			#mainNavi dd li a {
				color: #666666;
				background: url("../../img/bullet01.gif") no-repeat 0 4px;
				padding: 0 17px 0 10px;
				}
				#mainNavi dd li a:focus, #mainNavi dd li a:hover {
					color: #4b53ce;
					background: url("../../img/bullet00.gif") no-repeat 0 4px;
					}

		.naviBg .allMenu {
			position: absolute;
			top: 5px;
			right: 5px;
			z-index: 1000;
			}

		.topLayerBox {
			overflow: hidden;
			z-index: 10000;
			display: block;
			padding: 16px 16px 48px 16px;
			background-color: #fff;
			display: none;
			/*position: absolute;*/
			top: 126px;
			left: 56px;
			margin: 0 auto;	
			border: #5358cd 3px solid;
			}
			.topLayerBox .tit {
				width: 847px;
				overflow: hidden;
				padding: 0 0 22px 0;
				}
			.topLayerBox .text {
				font-size: 0.9em;
				background: url("../../img/topLayer/icon00.gif") no-repeat 0 1px;
				padding: 0 0 4px 15px;
				}
			.topLayerBox .layerSerch {
				padding: 25px 0 0 0;
				text-align: center;
				}
			.topLayerBox .layerClose {
				position: absolute;
				right: 6px;
				bottom: 7px;
				z-index: 1000000;
				}
		/* ALL MENU LAYER */
		#allMenu {
			width: 962px;
			top: 170px !important;
			left: 0;
			}
		/* TOP LAYER */
		#highSearch {
			width: 847px; /*879px;*/
			}
		
		#indexSearch {
			width: 847px; /*879px;*/
			}
		
		#categorySearch {
			width: 847px; /*879px;*/
			}
			/* IN LAYER */
			#categorySearch .list {
				width: 530px;
				height: 404px;
				background: url("../../img/topLayer/inLayerBg.png") no-repeat 0 0;
				overflow: hidden;
				position: absolute;
				top: 16px;
				right: 16px;
				display: none;
				}
				#categorySearch .list .inLayerClose {
					text-align: center;
					}
				#categorySearch .list dl {
					width: 495px; /*515px;*/
					overflow: hidden;
					padding: 16px 16px 8px 16px;
					position: relative;
					}
					#categorySearch .list dl dt {
						position: absolute;
						top: 16px;
						left: 16px;
						font-size: 1.2em;
						font-weight: bold;
						background: url("../../img/bullet09.gif") no-repeat 0 1px;
						padding: 0 0 0 17px;
						color: #111111;
						}
					#categorySearch .list dl dd {
						padding: 6px 0 0 0;
						}
						#categorySearch .list dl dd p {
							text-align: right;
							font-size: 0.9em;
							padding: 0 0 3px 0;
							}
							#categorySearch .list dl dd p span {
								color: #ff771d;
								}
						#categorySearch .list dl dd div.roll {
							height: 318px;
							overflow: auto;
							}
							#categorySearch .list dl dd div.bg {
								border-bottom: #7e7e7e 1px solid;
								}
								#categorySearch .list dl dd table th {
									padding: 9px 0;
									}
								#categorySearch .list dl dd table td {
									padding: 7px 0;
									border-bottom: #ebebeb 1px solid;
									}
	
		#autoSearch {
			width: 847px; /*879px;*/
			}
		
		#help {
			width: 847px; /*879px;*/
			}







.partnerBg {
	clear: both;
	height: 47px;
	background: url("../../img/footer/partnerBg.gif") repeat-x 0 0;
	}
	#footPartner {
		width: 1000px;
		height: 35px; /*47px;*/
		padding: 6px 0;
		overflow: hidden;
		position: relative;
		margin: 0 auto;
		background: url("../../img/footer/partnerBg.gif") repeat-x 0 0;
		}
		/* TIT */
		#footPartner .partnerTit {
			width: 81px;
			height: 35px;
			padding: 0 18px 0 7px;
			float: left;
			}
		/* LAST BTN HOME/TOP */
		#footPartner .go {
			position: absolute;
			top: 6px;
			right: 0;
			}
			#footPartner .go li {
				float: left;
				padding: 0 0 0 10px;
				}
		/* ROLLING BANNER */
		#footPartner .footBanner {
			height: 35px;
			overflow: hidden;
			position: relative;
			float: left;
			}
			#footPartner .footBanner .banner {
				display: block;
				float: left;
				}
				#footPartner .footBanner .banner ul {
					overflow: hidden;
					}
					#footPartner .footBanner .banner ul li {
						float: left;
						padding: 0 5px;
						width: 163px;
						height: 35px;
						text-align: center;
						}
			#footPartner .footBanner button {
				border: none;
				background: none;
				display: block;
				float: left;
				vertical-align: top;
				cursor: pointer;
				}






#contents {
	width: 1000px;
	overflow: hidden;
	}

#footer {
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 40px;
	height: 82px;
	overflow: hidden;
	position: relative;
	}
	/* *** FOOTER LOGO *** */
	#footer .footLogo {
		width: 253px; /*262px;*/
		height: 69px; /*82px;*/
		float: left;
		padding: 13px 0 0 9px;
		}

	/* *** FOOTER LINK/ADDRESS *** */
	#footer .foot {
		width: 738px;
		height: 82px;
		float: left;
		overflow: hidden;
		position: relative;
		}
		#footer .foot .footLink {
			height: 12px;
			overflow: hidden;
			padding: 14px 0 11px 0;
			}
			#footer .foot .footLink li {
				float: left;
				padding: 0 6px;
				background: url("../../img/footer/footLinkBg.gif") no-repeat 0 0;
				}
				#footer .foot .footLink li.first {
					background: none;
					padding-left: 0;
					}
		#footer .foot address {
			clear: both;
			padding: 0 0 5px 0;
			}
		#footer .foot .familySite {
			width: 145px;
			position: absolute;
			top: 15px;
			right: 10px;
			text-align: right;
			}
		#footer .foot .selectbox {
			background: #FFFFFF url("../../img/icon_selectbox2.gif") no-repeat right 0;
			padding: 0 20px 0 0;
			width: 90px;
			float: left;
			text-align: left;
			height: 14px;
			line-height: 14px;
			font-size: 0.9em;
			}
			#footer .foot .selectbox a {
				color: #a5a5a5;
				}
		#footer .foot .selectbox ul {
			top: 14px;
			}
			#footer .foot .selectbox ul li a {
				height: 14px;
				line-height: 14px;
				}

			#footer .foot .familySite select {
				left: -9999px;
				position: absolute;
				}








/* *** SUB *** */
#left {
	width: 192px; /*223px;*/
	padding: 0 22px 40px 9px;
	overflow: hidden;
	position: relative;
	float: left;
	}
	#leftNavi {
		width: 192px;
		}
		#leftNavi li {
			width: 192px;
			overflow: hidden;
			background: url("../../img/leftNavi/leftBg.gif") no-repeat 0 0;
			}
			#leftNavi li img {
				float: left;
				}
		#leftNavi a:focus, #leftNavi a:hover {
			font-weight: bold;
			color: #666666;
			}

		/* 2Depth */
		#leftNavi li ul {
			clear: both;
			padding: 4px 0 4px 10px;
			}
			#leftNavi li li {
				background: url("../../img/bullet02.gif") no-repeat 0 4px;
				padding: 0 0 0 18px;
				width: 164px;
				}
				#leftNavi li li a {
					display: block;
					padding: 5px 0;
					}

		/* 3Depth */
		#leftNavi li li ul {
			padding: 0;
			}
			#leftNavi li li li {
				background: url("../../img/bullet03.gif") no-repeat 0 8px;
				padding: 0 4px 0 0;
				width: 160px;
				}
				#leftNavi li li li a {
					padding: 5px 0;
					margin: 0 0 0 10px;
					}

		/* 4Depth */
		#leftNavi li li li ul {
			padding: 4px 8px;
			background-color: #f1f1f1;
			margin: 0 0 5px 0;
			}
			#leftNavi li li li li {
				background: none;
				padding: 0;
				margin: 0;
				width: 143px;
				}
				#leftNavi li li li li a {
					background: url("../../img/bullet04.gif") no-repeat 0 7px;
					padding: 2px 0 2px 9px;
					margin: 0;
					}
				#leftNavi li li li li a:focus, #leftNavi li li li li a:hover {
					background: url("../../img/bullet05.gif") no-repeat 0 7px;
					color: #4a52ce;
					font-weight: normal !important;
					}

		/* 5Depth */
		#leftNavi li li li li ul {
			padding: 5px 0;
			margin: 0 0 5px 0;
			background-color: #fff;
			}
			#leftNavi li li li li li {
				background: none;
				padding: 0 5px 0 9px;
				text-indent: -9px;
				width: 125px;
				}
			#leftNavi li li li li li a {
				background: none;
				font-weight: normal !important;
				}
			#leftNavi li li li li li a:focus, #leftNavi li li li li li a:hover {
				background: none;
				font-weight: normal !important;
				text-decoration: underline;
				}



#substance {
	min-height: 600px;
	}

.sub0 {
	width: 721px; /*777px;*/
	min-height: 300px;
	overflow: hidden;
	position: relative;
	float: left;
	background: url("../../img/sub/subVisual00.gif") no-repeat 0 0;
	padding: 99px 28px 60px 28px;
	}
.sub1 {
	width: 945px; /*1000px;*/
	min-height: 300px;
	overflow: hidden;
	position: relative;
	float: left;
	background: url("../../img/sub/subVisual01.gif") no-repeat 0 0;
	padding: 99px 28px 60px 27px;
	}
	.visual_disNone {
		display: none;
		}









