/*===================CONTENTS=======================

last-updated: 17:57 2008/5/14 mami;


/*-----------------------------------------------------------
  ��{
-----------------------------------------------------------*/
div#about{
	padding: 5px 0 0 0;
	}

.AboutHead{
	display: block;
	height: 110px;
	margin: 0 auto 0.5em auto;
	padding: 0;
	}
ul.AboutHeadMenu{
	margin: 0;
	padding: 0 0 3px 0;
	display: inline;
	float: left;
	list-style: none;
	border: none;
	}
	ul.AboutHeadMenu li{
		display: block;
		float: left;
		margin: 0;
		padding: 0;
		}
	ul.AboutHeadMenu li a{
		display: block;
		width: 335px;
		height: 51px;
		overflow:hidden;
		text-indent:-10000px;
		color:#FFFFFF;
		}
		ul.AboutHeadMenu li a#AM1	{margin: 0 0 5px 2px; background: url(/img/about/about_CBnr1.jpg) 0 0 no-repeat;}
		ul.AboutHeadMenu li a#AM3	{margin: 0 0 5px 5px; background: url(/img/about/about_CBnr3.jpg) 0 0 no-repeat;}
		ul.AboutHeadMenu li a#AM2	{margin: 0 0 0 2px; background: url(/img/about/about_CBnr2.jpg) 0 0 no-repeat;}
		ul.AboutHeadMenu li a#AM4	{margin: 0 0 0 5px; background: url(/img/about/about_CBnr4.jpg) 0 0 no-repeat;}

		ul.AboutHeadMenu li a:hover#AM1		{background: url(/img/about/about_CBnr1.jpg) 0 -51px no-repeat;}
		ul.AboutHeadMenu li a:hover#AM3		{background: url(/img/about/about_CBnr3.jpg) 0 -51px no-repeat;}
		ul.AboutHeadMenu li a:hover#AM2		{background: url(/img/about/about_CBnr2.jpg) 0 -51px no-repeat;}
		ul.AboutHeadMenu li a:hover#AM4		{background: url(/img/about/about_CBnr4.jpg) 0 -51px no-repeat;}

		ul.AboutHeadMenu li em a#AM1	{background: url(/img/about/about_CBnr1.jpg) 0 -102px no-repeat;}
		ul.AboutHeadMenu li em a#AM3	{background: url(/img/about/about_CBnr3.jpg) 0 -102px no-repeat;}
		ul.AboutHeadMenu li em a#AM2	{background: url(/img/about/about_CBnr2.jpg) 0 -102px no-repeat;}
		ul.AboutHeadMenu li em a#AM4	{background: url(/img/about/about_CBnr4.jpg) 0 -102px no-repeat;}

		ul.AboutHeadMenu li em a:hover#AM1	{background: url(/img/about/about_CBnr1.jpg) 0 -102px no-repeat;}
		ul.AboutHeadMenu li em a:hover#AM3	{background: url(/img/about/about_CBnr3.jpg) 0 -102px no-repeat;}
		ul.AboutHeadMenu li em a:hover#AM2	{background: url(/img/about/about_CBnr2.jpg) 0 -102px no-repeat;}
		ul.AboutHeadMenu li em a:hover#AM4	{background: url(/img/about/about_CBnr4.jpg) 0 -102px no-repeat;}

div#about div.AboutMain{
	display: block;
	width: 680px;
	height: 300px;
	margin: 0 0 1em 0;
	padding: 0;
	background: url(/img/about/AboutMain.jpg);
	}
div#about h3{
	display: block;
	margin: 0 0 10px 0;
	padding: 12px 10px 14px 45px;
	background: url(/img/about/bg_h3.jpg) center center no-repeat;
	font-size: 15px;
	color: #765228;
	}
div#about div.AreaBox{
	display: block;
	margin: 0;
	padding: 0 0 20px 20px;
	}
	div#about div.AreaBox div.Pic{
		display: block;
		margin: 0;
		padding: 10px 0 0 0;
		text-align: center;
		}

	div#about div.AreaBox div.QuickMenu{
		position: relative;
		display: block;
		width: 616px;
		height: 166px;
		margin: 0 0 0.5em 0;
		padding: 0;
		background: url(/img/about/menu.jpg);
		}
		div#about div.AreaBox div.QuickMenu .GoLineup{
			position: absolute;
			display: block;
			width: 230px;
			margin: 0;
			padding: 0;
			top: 130px;
			}
			div#about div.AreaBox div.QuickMenu .GoLink1{
				left: 42px;
				}
			div#about div.AreaBox div.QuickMenu .GoLink2{
				left: 355px;
				}


/*-----------------------------------------------------------
  �Љ�
-----------------------------------------------------------*/
div.about_contents h4{
	clear:both;
}

div.about_merit{
	text-align:center;
	margin: 50px auto 0 auto;
}
div.about_contents img.img_R{
	float:right;
	padding: 0 0 5px 10px;
}
div.about_contents img.img_L{
	float:left;
	padding: 0 10px 5px 0;
}

div.about_contents h5{
	clear:both;
}