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

/*-------------------------------------------------------------
 *
 *							top menu
 *
 *-------------------------------------------------------------*/
	#publicArea						{ position:absolute; top:0; left:0; width:100%; height:110%; 
									  background:rgba(50, 50, 50, 0.8); display:none; z-index:1000; }
	
	#popTable						{ display:table; width:766px; margin:0 auto; }
	#popTableCell					{ display:table-cell; vertical-align:middle; }
	
	#popMenu						{ color:#646464; width:921px; margin:0 auto; background:#fff; }
	#popMenu a						{ color:#646464; text-decoration:none; }
	
	/*	close area	*/
		#popMenu div:first-child	{ display:block; height:23px; padding:12px 14px 12px 40px; }
		#popMenu a.close			{ display:block; width:23px; height:23px; float:right; cursor:pointer; 
									  background:url("./../images/pop_close.gif") no-repeat left top; }
		#popMenu .close:hover img	{ visibility:hidden; }
	
	/*	vj title area	*/
		.popTitleArea				{ padding:0 40px 2px; }
		.popTitleArea .right		{ width:630px; line-height:18px !important; }
		.popTitleArea img			{ margin-right:18px; }
		.popTitleArea span			{ color:#000; font-size:113%; position:relative; top:-3px; }
	
	
	#menuHA, #menuPJ, #menuXPJ, #menuVJ, #menuDS, #menuVC, #menuVC2		{ display:none; }
	
	.menuArea						{ margin:0 40px; padding:30px 0 40px; overflow:hidden; }
	.menuArea ul					{ width:158px; margin-left:12px; float:left; }
	.menuArea ul:first-child		{ margin-left:0px; }
	
	.menuArea li					{ line-height:22px; font-size:113%; }
	
	.popCap							{ margin-bottom:13px; }
	.popCap a						{ width:158px; height:108px; display:block; overflow:hidden; padding:0px !important;  }
	.popCap a:hover img				{ visibility:hidden; }
	
	.menuArea a						{ padding:0 0 0 2px; }
	
	.vj01							{ background:url("./../images/menu/pop_vj_01.gif") no-repeat right top; }
	.vj02							{ background:url("./../images/menu/pop_vj_02.gif") no-repeat right top; }
	.vj03							{ background:url("./../images/menu/pop_vj_03.gif") no-repeat right top; }
	.vj04							{ background:url("./../images/menu/pop_vj_04.gif") no-repeat right top; }
	.vj05							{ background:url("./../images/menu/pop_vj_05.gif") no-repeat right top; }
    .vj06							{ background:url("./../images/menu/pop_vj_06.gif") no-repeat right top; }

	.menuArea a:hover				{ position:relative; padding-left:15px; }
	.menuArea a:hover::before		{ border-style:solid; border-width:0 10px 10px; content: " "; position:absolute; } 	
	.menuArea a:hover::before		{ border-color:transparent #333; border-width:4px 0 4px 6px; top:4.5px; left:1px; }
	
	.vj01 a:hover					{ color:#e00068 !important; }
	.vj01 a:hover::before			{ border-color:transparent #e00068 !important; }
	.vj02 a:hover					{ color:#00a1e9 !important; }
	.vj02 a:hover::before			{ border-color:transparent #00a1e9 !important; }
	.vj03 a:hover					{ color:#21ac38 !important; }
	.vj03 a:hover::before			{ border-color:transparent #21ac38 !important; }
	.vj04 a:hover					{ color:#f39300 !important; }
	.vj04 a:hover::before			{ border-color:transparent #f39300 !important; }
    .vj06 a:hover					{ color:#5ed3cc !important; }
	.vj06 a:hover::before			{ border-color:transparent #5ed3cc !important; }
	
	.menuArea ul li:first-child a:hover::before		{ border:0px !important; }