@charset "utf-8";
/* CSS Document */

/*-------------------------------------------------------------
 *
 *						layout.css
 *
 *-------------------------------------------------------------*/
	
	/* ---------- ---------- ---------- ---------- ----------
	 *					all container
	 * ---------- ---------- ---------- ---------- ---------- */
		#allContainer				{ background:#fff; }
	
	/* ---------- ---------- ---------- ---------- ----------
	 *					header
	 * ---------- ---------- ---------- ---------- ---------- */
		#header						{ background:#161c6b; color:#fff; width:100%; position:fixed; top:0; z-index:500; }
		
		.headContents				{ width:960px; margin:0 auto; }
		.headContents div			{ float:left; }
		
		#headLink					{ width:271px; padding:35px 0px; }
		#headLink a					{ width:177px; height:32px; display:block; }
		
		#globalMenu					{ width:414px; z-index:100; border-left:1px solid #5c6098; }
		
		#searchArea					{ float:right; width:271px; padding:18px 0 16px; text-align:right; }
		#searchArea div				{ width:185px; float:right; }
		
		#vjClub a					{ width:185px; height:38px; display:block; overflow:hidden; 
									  background:url("./../common/vj_club.gif") no-repeat right top; }
		#vjClub a:hover img			{ visibility:hidden; }
		
		#siteSearch					{ margin-top:6px; }
		
	/* ---------- ---------- ---------- ---------- ----------
	 *				header search style
	 * ---------- ---------- ---------- ---------- ---------- */
		#cse-search-box				{ width:185px !important; }
		 
		#cse-search-box div			{ padding: 0 !important; height:24px; }
		#cse-search-box input[type="text"] {
									  font-size:90%; height:20px; width:185px; border:1px solid #b4b4b4 !important; }
		#cse-search-box input[type="submit"] {
									  background:url("./../common/icon/ico_search.gif") no-repeat scroll 0 0;
									  border:0 none; height:14px; width:14px; position:relative; top:-22px; right:5px; cursor:pointer; }
		#cse-search-box input[type="submit"]:hover {
									  background:url("./../common/icon/ico_search.gif") no-repeat scroll 0 100%; }
	
	
	/* ---------- ---------- ---------- ---------- ----------
	 *					slide area
	 * ---------- ---------- ---------- ---------- ---------- */
		#slideArea					{ padding-top:104px; background:#161c6b; height:300px; width:100%; color:#fff; }
		.slider						{ width:960px; margin:0 auto; }
		.slider div					{ background:#fff; }
		
	
	/* ---------- ---------- ---------- ---------- ----------
	 *					main container
	 * ---------- ---------- ---------- ---------- ---------- */
		#mainContainer				{ padding:0 0 60px; }
		.classTop					{ background:#a5a5a5; }
		.classOther					{ background:#fff; }
		
	
	/* ---------- ---------- ---------- ---------- ----------
	 *					main contents
	 * ---------- ---------- ---------- ---------- ---------- */
		#mainContents				{ overflow:hidden; width:960px; margin:0 auto; }
		
	
	/* ---------- ---------- ---------- ---------- ----------
	 *					left contents
	 * ---------- ---------- ---------- ---------- ---------- */
		#leftContents				{ float:left; padding:0 40px 0 0 ; }
		
	
	/* ---------- ---------- ---------- ---------- ----------
	 *					right contents
	 * ---------- ---------- ---------- ---------- ---------- */
		#rightContents				{ float:right; }
		
	
	/* ---------- ---------- ---------- ---------- ----------
	 *					footer sitemap
	 * ---------- ---------- ---------- ---------- ---------- */
		#ftrSitemap					{ background:#d6d7d8; }
		#ftrSitemap>div				{ width:912px; margin:0 auto; }
		
		
	/* ---------- ---------- ---------- ---------- ----------
	 *					page top
	 * ---------- ---------- ---------- ---------- ---------- */
		#pageTop					{ width:968px !important; margin:0 auto; overflow:hidden; }
		#pageTop a					{ width:130px; height:34px; display:block; overflow:hidden; float:right; 
									  background:url("./../common/btn/btn_pagetop.png") no-repeat right top; }
		#pageTop a:hover img		{ visibility:hidden; }
	
		
	/* ---------- ---------- ---------- ---------- ----------
	 *					footer
	 * ---------- ---------- ---------- ---------- ---------- */
		#ftrArea					{ background:#161c6b; color:#fff; padding:30px 0 24px; }
		#footer						{ width:960px; margin:0 auto; overflow:hidden; }
		
		#footer div:first-child		{ width:739px; float:left; }
		
		.ftrCorp					{ width:638px; margin:3px 0 15px; }
		.ftrCorp img:first-child	{ margin-right:20px; }
		
		.jpLink a					{ margin:1px 0 15px; }
		
		.ftrList02 li				{ margin:0 0 3px 15px; }
		.ftrList02 li:first-child	{ margin-left:0px; }
		
		.ftrList02 a				{ height:13px; display:block; overflow:hidden; margin-top:1px; }
		
		.ftrLink01 a				{ width:58px; background:url("./../common/btn/btn_sitemap.gif") no-repeat right top; }
		.ftrLink02 a				{ width:150px; background:url("./../common/btn/btn_website.gif") no-repeat right top; }
		.ftrLink03 a				{ width:86px; background:url("./../common/btn/btn_privacy.gif") no-repeat right top; }
		.ftrLink04 a				{ width:163px; background:url("./../common/btn/btn_mineral.gif") no-repeat right top; }
		
		.linkSR						{ float:right; width:186px; }
		.linkSR a					{ width:186px; height:64px; display:block; overflow:hidden; 
									  background:url("./../common/btn/btn_sr.gif") no-repeat right top; }
		
		.ftrList02 a:hover img, 
		.linkSR a:hover img			{ visibility:hidden; }
		
		
	/* ---------- ---------- ---------- ---------- ----------
	 *					pan navi
	 * ---------- ---------- ---------- ---------- ---------- */
		#panNavi					{ width:100%; background:#dbdbdb; margin:104px 0 0;}
		#panNavi ul					{ width:960px; margin:0 auto; padding:6px 0; }
		#panNavi li					{ padding-right:4px; }
		#panNavi a					{ color:#646464; }
		
		#panNavi .menuVJ			{ cursor:pointer; }
	
	/* ---------- ---------- ---------- ---------- ----------
	 *					sub menu
	 * ---------- ---------- ---------- ---------- ---------- */
		#subMenu li					{ padding:15px 0 15px 10px; background:#FCC; border-top:2px solid #fff; }
		#subMenu li:first-child		{ border:0px; }