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

/*-------------------------------------------------------------
 *
 *						product style
 *
 *-------------------------------------------------------------*/
	
	/* ---------- ---------- ---------- ---------- ----------
	 *					category top
	 * ---------- ---------- ---------- ---------- ---------- */
		#catTitle					{ width:100%; margin-bottom:45px; }
		#catTitle div				{ width:960px; margin:0 auto; padding:14px 0 10px; color:#000; }
		#catTitle img				{ margin-right:15px; }
		#catTitle h1				{ display:inline-block; font-size:200%; font-weight:normal; line-height:24px; }
		
		.colType01					{ background:#e00068; }
		.colType02					{ background:#00a1e9; }
		.colType03					{ background:#21ac38; }
		.colType04					{ background:#f39300; }
		.colType05					{ background:#a3a3a3; }
		.colType06					{ background:#6bdad5; }
		
		.proCol01					{ color:#e00068; }
		.proCol02					{ color:#00a1e9; }
		.proCol03					{ color:#21ac38; }
		.proCol04					{ color:#f39300; }
		.proCol05					{ color:#a3a3a3; }
		
		.catTop						{ font-size:120%; color:#646464; }
		
		#catCaption					{ margin-bottom:50px; }
		
		#lineup						{ padding-bottom:50px; }
		#lineup div.xpj_vj_series	{ max-width: 950px; margin: 0 auto; }
		#lineup > div				{ overflow:hidden; margin-bottom:25px; }
		#lineup > div > div			{ float:left; width:286px; padding:5px 12px 20px; text-align:center; margin-left:15px; }
		#lineup > div > div:first-child		{ margin-left:0px; }
		#lineup > div > div:nth-child(3)		{ margin-left:0px; }
		#lineup a					{ width:286px; height:205px; display:block; overflow:hidden; margin-bottom:13px; }
		
		/*	eco-solvent	*/
			.eco01					{ background:url("./../products/vj/eco/images/menu/eco_01.jpg") no-repeat right top; }
			.eco02					{ background:url("./../products/vj/eco/images/menu/eco_02.jpg") no-repeat right top; }
			.eco03					{ background:url("./../products/vj/eco/images/menu/eco_03.jpg") no-repeat right top; }
			.eco04					{ background:url("./../products/vj/eco/images/menu/eco_04.jpg") no-repeat right top; }
			.eco05					{ background:url("./../products/vj/eco/images/menu/eco_05.jpg") no-repeat right top; }
			.eco06					{ background:url("./../products/vj/eco/images/menu/eco_06.jpg") no-repeat right top; }
			.eco07					{ background:url("./../products/vj/eco/images/menu/eco_07.jpg") no-repeat right top; }
			.eco08					{ background:url("./../products/vj/eco/images/menu/eco_08.jpg") no-repeat right top; }
			.eco09					{ background:url("./../products/vj/eco/images/menu/eco_09.jpg") no-repeat right top; }
			.eco10					{ background:url("./../products/vj/eco/images/menu/eco_10.jpg") no-repeat right top; }
			.eco11					{ background:url("./../products/vj/eco/images/menu/eco_11.jpg") no-repeat right top; }
			.eco12					{ background:url("./../products/vj/eco/images/menu/eco_12.jpg") no-repeat right top; }
			.eco13					{ background:url("./../products/vj/eco/images/menu/eco_13.jpg") no-repeat right top; }
			.eco14					{ background:url("./../products/vj/eco/images/menu/eco_14.jpg") no-repeat right top; }
			.eco15					{ background:url("./../products/vj/eco/images/menu/eco_15.jpg") no-repeat right top; }
            .eco16					{ background:url("./../products/vj/eco/images/menu/eco_16.jpg") no-repeat right top; }
		
		/*	Water-Based	*/
			.wb01					{ background:url("./../products/vj/wb/images/menu/wb_01.jpg") no-repeat right top; }
			.wb02					{ background:url("./../products/vj/wb/images/menu/wb_02.jpg") no-repeat right top; }
			.wb03					{ background:url("./../products/vj/wb/images/menu/wb_03.jpg") no-repeat right top; }
			.wb04					{ background:url("./../products/vj/wb/images/menu/wb_04.jpg") no-repeat right top; }
			.wb05					{ background:url("./../products/vj/wb/images/menu/wb_05.jpg") no-repeat right top; }
			.wb06					{ background:url("./../products/vj/wb/images/menu/wb_06.jpg") no-repeat right top; }
			.wb07					{ background:url("./../products/vj/wb/images/menu/wb_07.jpg") no-repeat right top; }
			.wb08					{ background:url("./../products/vj/wb/images/menu/wb_08.jpg") no-repeat right top; }
			.wb09					{ background:url("./../products/vj/wb/images/menu/wb_09.jpg") no-repeat right top; }
			.wb10					{ background:url("./../products/vj/wb/images/menu/wb_10.jpg") no-repeat right top; }

		
		/*	textile	*/
			.tx01					{ background:url("./../products/vj/tx_gt/images/menu/tx_01.jpg") no-repeat right top; }
			.tx02					{ background:url("./../products/vj/tx_gt/images/menu/tx_02.jpg") no-repeat right top; }
		
		/*	Specialty / Industrial	*/
			.sp01					{ background:url("./../products/vj/uh_uf/images/menu/sp_01.jpg") no-repeat right top; }
			.sp02					{ background:url("./../products/vj/uh_uf/images/menu/sp_02.jpg") no-repeat right top; }
			.sp03					{ background:url("./../products/vj/uh_uf/images/menu/sp_03.jpg") no-repeat right top; }
			.sp04					{ background:url("./../products/vj/uh_uf/images/menu/sp_04.jpg") no-repeat right top; }
			.sp05					{ background:url("./../products/vj/uh_uf/images/menu/sp_05.jpg") no-repeat right top; }
			.sp06					{ background:url("./../products/vj/uh_uf/images/menu/sp_06.jpg") no-repeat right top; }
			.sp07					{ background:url("./../products/vj/uh_uf/images/menu/sp_07.jpg") no-repeat right top; }
			.sp08					{ background:url("./../products/vj/uh_uf/images/menu/sp_08.jpg") no-repeat right top; }
			.sp09					{ background:url("./../products/vj/uh_uf/images/menu/sp_09.jpg") no-repeat right top; }
			.sp10					{ background:url("./../products/vj/uh_uf/images/menu/sp_10.jpg") no-repeat right top; }
			.sp11					{ background:url("./../products/vj/uh_uf/images/menu/sp_11.jpg") no-repeat right top; }
			.sp12					{ background:url("./../products/vj/uh_uf/images/menu/sp_12.jpg") no-repeat right top; }
			.sp13					{ background:url("./../products/vj/uh_uf/images/menu/sp_13.jpg") no-repeat right top; }
			.sp14					{ background:url("./../products/vj/uh_uf/images/menu/sp_14.jpg") no-repeat right top; }

			
		#lineup a:hover img			{ visibility:hidden; }
		
		#lineup span				{ display:block; line-height:18px; }
		
	
	/* ---------- ---------- ---------- ---------- ----------
	 *					product page
	 * ---------- ---------- ---------- ---------- ---------- */
		.product					{ color:#646464; line-height:18px; }
		
		.setBorder					{ height:2px; width:661px; margin:0 auto 45px; position:relative; }
		.setBorder::before			{ content: ''; position:absolute; bottom:0; left:0; right:0; height:2px; background:#fff; }
		.setBorder::before			{ background-image:-webkit-linear-gradient(left, transparent, #bcbcbc 45%, #bcbcbc 55%, transparent);
									  background-image:linear-gradient(to right, transparent, #bcbcbc 45%, #bcbcbc 55%, transparent); }
		.lsType01					{ letter-spacing:-0.1px; }
		
		/*	product first box 	*/
			#proMain					{ overflow:hidden; padding:0 30px; margin:40px 0 0; }
			
			.proNameArea				{ float:left; width:366px; padding-top:50px; color:#000; }
			.proNameArea div			{ margin-bottom:28px; }
			
			.proCat						{ padding:5px 14px 3px; font-size:110%; display:inline-block; }
			.proName					{ line-height:36px; letter-spacing:0.5px; margin-bottom:39px !important; }
			.proName h1					{ font-size:386%; font-weight:normal; }
			.proName .proNew			{ font-size:48%; margin-left:13px; font-weight:bold; position:relative; top:-9px; }
			.proCatch					{ line-height:23px; }
			.proCatch p					{ margin-bottom:11px; font-size:132%; }
			.proCatch span				{ font-size:120%; color:#646464; display:block; width:310px; }
			.proCatch img				{ margin-right:12px; }
			
			.proImgArea					{ float:left; width:534px; text-align:center; }
			.mainImg					{ margin-bottom:20px; }
			.menuImg img				{ border:1px solid #dbdbdb; margin-left:5px; display:inline; }
			.menuImg img:first-child	{ margin:0px; }
			.menuImg img.on				{ border:1px solid #646464; }
			
			.proLinkArea				{ clear:both; padding-top:50px; width:601px; margin:0 auto 69px; }
			.setSizeVC					{ width:394px !important; }
			.proLinkArea li				{ margin-left:20px; }
			.proLinkArea li:first-child	{ margin:0px; }
			.proLinkArea a				{ width:187px; height:55px; display:block; overflow:hidden; }
			.proDl						{ background:url("./../products/images/btn/btn_dl.gif") no-repeat right top; }
			.proSpe						{ background:url("./../products/images/btn/btn_spe.gif") no-repeat right top; }
			.proInk						{ background:url("./../products/images/btn/btn_ink.gif") no-repeat right top; }
			.proTech					{ background:url("./../products/images/btn/btn_tech.gif") no-repeat right top; }
			
			
			
			.proLinkArea a:hover img	{ visibility:hidden; }
		
		/*	product second box	*/
			#proCaption					{  }
			#proCaption p				{ margin-bottom:50px; font-size:120%; line-height:24.5px; }
		
		/*	product third box	*/
			#proDetail					{ overflow:hidden; }
			#proDetail>div				{ float:left; width:455px; overflow:hidden; }
			#proDetail>div:first-child	{ width:505px; }
			
			#proDetail p				{ font-weight:bold; font-size:125%; margin-bottom:13px; }
			#proDetail ul				{ font-size:120%; }
			
			#proDetail .listType03 img	{ display:block; margin-bottom:8px; }
			
		/*	product movie	*/
			#proMovie					{ padding:80px 0 50px; text-align:center; }
			
			#proMovie iframe:nth-child(even)	{ margin-left:45px; }
			#proMovie p					{ font-size:115%; }
			#proMovie p span			{ display:inline-block; width:455px; margin-top:5px; vertical-align:top; }
			#proMovie p span:nth-child(even)	{ margin-left:45px; }
			
			#proDetail #proMovie p		{ font-size:115%; font-weight:normal; }
	
		/* rip */
			.rip01 a					{ width: 200px; height: 67px; background: url(./../products/vj/uh_uf/images/common/rip01_off.jpg) no-repeat;
											display: block; text-indent: -9999px; background-size: contain; }
			.rip01 a:hover 				{ background-image:url(./../products/vj/uh_uf/images/common/rip01_on.jpg); }


	
	/* ---------- ---------- ---------- ---------- ----------
	 *					product spac page
	 * ---------- ---------- ---------- ---------- ---------- */
		/*	title	*/
			.proTitleArea					{ margin:65px 0 30px; overflow:hidden; }
			.spec > .proTitleArea			{ margin-bottom:35px; }
			#pageTitle						{ float:left; }
			#pageTitle h1					{ display:inline-block; font-size:250%; color:#161c6b; font-weight:normal; 
											  line-height:37px; margin-left:12px; }
		
		/*	spec select link	*/
			#specLink						{ margin-top:3px; width:274px; height:29px; float:right; overflow:hidden; 
											  border-right:1px solid #767676; }
			#specLink > select				{ width:120%; }
			#specLink select				{ height:29px; }
		
		/*	spec detail	*/
			#specDetail						{ clear:both; font-size:105%; }
			.proNum							{ padding:20px 10px 12px }
			.proNum h2						{ font-size:190%; font-weight:normal; color:#000; }
			.specNote					 	{ margin-top:13px;line-height:18px; }
			.spec table						{ font-size:108%; }
		
		/*	page back	*/
			.pageBack						{ margin-top:35px }
			.pageBack a						{ width:187px; height:55px; display:block; overflow:hidden; 
											  background:url("./../products/images/btn/btn_pro_back.gif") no-repeat right top; }
			.pageBack a:hover img			{ visibility:hidden; }
		
		
	/* ---------- ---------- ---------- ---------- ----------
	 *				smart printing tech
	 * ---------- ---------- ---------- ---------- ---------- */
		.spt > p						{ font-size:120%; margin-bottom:55px; line-height:24px; }
		
		.boxSpt							{ overflow:hidden; padding:15px 30px 30px 25px; width:848px; margin:0 auto; 
										  border:1px dotted #808080; margin-bottom:30px; }
		.sptLeft						{ float:left; }
		.sptRight						{ float:right; }
		
		.sptSize1						{ width:70px; }
		.sptSize2						{ width:762px; }
		.sptSize3						{ width:270px; }
		.sptSize4						{ width:554px; display:block; margin:0 auto; text-align:left; margin-top:4px; }
		.sptSize5						{ width:240px; }
		.sptSize6						{ width:250px; }
		
		.boxSpt h2						{ font-size:200%; font-weight:normal; margin:25px 0 20px; color:#000; }
		.boxSpt p						{ margin-bottom:15px; color:#555; }
		.boxSpt img.sptRight			{ margin-top:5px; }
	
	
	/* ---------- ---------- ---------- ---------- ----------
	 *				product rj series page
	 * ---------- ---------- ---------- ---------- ---------- */
		.series > #proMain				{ padding:0px; margin:53px 0 60px; }
		.series > #proMain h2			{ color:#000; margin:0 0 15px; font-size:130%; font-weight:normal; }
		.series > #proMain p			{ font-size:120%; line-height:24px; }
		.series > p						{ font-size:130%; font-weight:bold; margin:0 0 25px; }
		
		#boxTb > div					{ display:table; margin:0 0 20px; }
		
		#boxTb .boxTr					{ display:table-row; }
		#boxTb .setSpace				{ border:0px !important; padding:0px !important; }
		
		.tbBox2 > div, 
		.tbBox3 > div > div				{ display:table-cell; border:1px dotted #656565; }
		
		.tbBox2 > div					{ width:429px; padding:15px 20px; overflow:hidden; vertical-align:top; }
		.tbBox2 > div.setSpace			{ width:22px; }
		.tbBox2 .right					{ width:342px; }
		
		.tbBox3 .boxTr > div			{ width:276px; padding:0 15px 17px; border-top:0px; }
		.tbBox3 .boxTr > div.setSpace	{ width:21px; }
		
		.tbBox3 .boxTr:first-child > div	{ padding:17px 15px 5px; border-top:1px dotted #656565; border-bottom:0px; }
		
		#boxTb h3						{ font-size:140%; color:#000; margin:0 0 15px; font-weight:normal; }
		/*#boxTb .tbBox2 h3				{ margin-top:18px; }*/
		
	
	/* ---------- ---------- ---------- ---------- ----------
	 *				project ink
	 * ---------- ---------- ---------- ---------- ---------- */
		/*	box	*/
			.inkBox						{ margin:0 0 45px; font-size:120%; line-height:24px; padding-top:60px; margin-top:-60px; }
			.inkBox h2					{ font-size:165%; color:#000; padding:17px 10px 9px; font-weight:normal; margin:0 0 15px; }
			.inkBox > p					{ margin:0 0 35px; }
			.inkBox > div				{ overflow:hidden; margin:0 0 10px; }
			.inkBox > div > .left		{ padding:3px 0 0; }
			.inkBox > div > .right		{  padding:7px 0 0; }
			
				.sizeInk1 .left			{ width:635px; }
				.sizeInk1 .right		{ width:252px; }
				
				.sizeInk2 .left			{ width:670px; }
				.sizeInk2 .right		{ width:255px; }
				
				.sizeInk3 .left			{ width:460px; }
				.sizeInk3 .right		{ width:438px; }
				
				.sizeInk4 .left			{ width:600px; }
				.sizeInk4 .right		{ width:312px; }
			
			
			.inkBox > div > img			{ float:right; position:relative; top:10px; }
			.inkBox > div span			{ display:block; }
		
		/*	table	*/
			.inkTb						{ font-size:120%; line-height:20px; margin:0 0 140px; }
			.inkTb p					{ font-size:120%; font-weight:bold; margin:0 0 10px; }
			.inkTb table				{ border-bottom:1px solid #646464; }
			
			.inkTb thead th, 
			.inkTb thead td				{ background:#d9d9d9; font-weight:bold; vertical-align:middle; line-height:16px; 
										  text-align:center; }
			.inkTb thead th				{ text-align:left !important; padding:15px 0 15px 7px; }
			.inkTb thead td				{ padding:15px 0; width:65px; /* pro num size */ }
			
			.inkTb tbody th				{ border-bottom:1px dotted #646464; padding:5px 0 5px 5px; font-size:83%; }
			.inkTb tbody td				{ border-bottom:1px dotted #646464; text-align:center; vertical-align:middle; 
										  font-size:140%; padding:5px 0; }
			
			.inkTb .textCenter			{ text-align:center !important; }
			.inkTb .verMiddle			{ vertical-align:middle !important; }
			.inkTb .midCenter			{ text-align:center !important; vertical-align:middle !important; }
			
			.inkTb .noBorder, 
			.inkTb .brdNone th, 
			.inkTb .brdNone td			{ border:0px !important; }
			
			
			
		/*	th + td size	*/
			.inkSize1					{ width:100px; }	/* category, product name size */
			.inkSize2					{ width:130px; padding-left:5px !important; }	/* model name size	*/
			.inkSize3					{ width:70px; }		/*	summary size */
			.inkSize4					{ width:80px; }		/* package size	*/
			
			/*.inkSize4					{ width:100px !important; }*/
			
			.inkCol01 p, 
			.inkCol01 tbody td			{ color:#e00068; }
			.inkCol02 p, 
			.inkCol02 tbody td			{ color:#00a1e9; }
			.inkCol03 p, 
			.inkCol03 tbody td			{ color:#21ac38; }
			.inkCol04 p, 
			.inkCol04 tbody td			{ color:#f39300; }
			.inkCol05 p, 
			.inkCol05 tbody td			{ color:#a3a3a3; }
			.inkCol06 p, 
			.inkCol06 tbody td			{ color:#6bdad5; }
		
		/*	btn back	*/
			.btnBack						{ margin-top:35px }
			.btnBack a						{ width:187px; height:55px; display:block; overflow:hidden; 
											  background:url("./../products/images/btn/btn_page_back.gif") no-repeat right top; }
			.btnBack a:hover img			{ visibility:hidden; }