@charset "utf-8";
/* CSS Document */

/*-------------------------------------------------------------
 *
 *						corporate style
 *
 *-------------------------------------------------------------*/
	
	/* ---------- ---------- ---------- ---------- ----------
	 *				page title , sub title
	 * ---------- ---------- ---------- ---------- ---------- */
		#pageTitle						{ margin:0 0 20px; }
		#pageTitle h1, .setTitle h1		{ font-size:230%; color:#161c6b; font-weight:normal; }
		
	
	/* ---------- ---------- ---------- ---------- ----------
	 *					corporate page
	 * ---------- ---------- ---------- ---------- ---------- */
		#mainContents.company			{ color:#555555; margin-top:60px; }
		.textBox						{ line-height:24px; font-size:120%; }
		.textBox p						{ margin-bottom:25px; }
		
		.pType1							{ font-weight:bold; font-size:120%; margin-bottom:22px !important; }
		
		
	/* ---------- ---------- ---------- ---------- ----------
	 *					message
	 * ---------- ---------- ---------- ---------- ---------- */
		.msg > #leftContents			{ width:660px;  }
		.msg > #rightContents			{ width:260px;  }
		
		.president						{ width:153px; }
		.president img					{ margin:72px 0 8px; }
		.president span					{ display:block; font-size:105%; font-weight:bold; }
		
	
	/* ---------- ---------- ---------- ---------- ----------
	 *					profile
	 * ---------- ---------- ---------- ---------- ---------- */
		.prof > #pageTitle				{ margin-bottom:15px; }
		.prof > .textBox				{ margin-bottom:50px; }
		.setTitle						{ margin:0 0 15px; }
		
		.prof table						{ border-top:1px dotted #767676; font-size:100% !important; } 
		.prof th						{ width:191px; }
		
		.typeDir						{ width:auto; }
		.typeDir td						{ width:246px; }
	
	
	/* ---------- ---------- ---------- ---------- ----------
	 *					map
	 * ---------- ---------- ---------- ---------- ---------- */
		#mapHeader, #mapFooter			{ width:100%; background:#161c6b; }
		#mapHeader div, 
		#mapFooter div					{ width:600px; margin:0 auto; padding:17px 0; }
		
		#mapContainer h1				{ font-size:200%; color:#161c6b; font-weight:normal; margin:20px 0 20px; }
		
		#mapContents					{ width:600px; margin:0 auto; }
		
		#mapArea						{ text-align:center; }
		#mapArea div					{ width:400px; margin:30px auto 40px; text-align:left; border-top:1px dotted #767676; }
		#mapArea th, #mapArea td		{ line-height:20px; }
			
		
	/* ---------- ---------- ---------- ---------- ----------
	 *					business
	 * ---------- ---------- ---------- ---------- ---------- */
		#mainContents.biz				{ display:block; }
		#mainContents > .setDispTb		{ overflow:hidden; margin-bottom:65px; }
		
		.bizBox h2						{ font-size:140%; color:#161c6b; font-weight:bold; margin:0 0 20px; }
		.bizBox div:first-child			{ margin:0 0 70px; }
		
		.bizBox .right					{ width:315px; font-size:120%; }
		
		.biz .linkBox div				{ font-size:100%; line-height:18px; margin-bottom:0px; }
		.biz .linkBox p					{ font-size:130%; color:#161c6b; font-weight:bold; margin-bottom:10px; }
		
		.tabMenu						{ margin:0 0 70px; }
		.tabMenu li						{ margin:0 19px 0 0; }
		.tabMenu a						{ width:187px; height:55px; display:block; overflow:hidden; cursor:pointer; }
		.tabMenu .bizInk				{ background:url("./../corporate/images/btn_inkjet.gif") no-repeat right top; }
		.tabMenu .biz3d					{ background:url("./../corporate/images/btn_3d.gif") no-repeat right top; }
		.tabMenu .bizDesign				{ background:url("./../corporate/images/btn_design.gif") no-repeat right top; }
		
		.tabMenu a:hover img, 
		.tabMenu .linkOn img			{ visibility:hidden; }
		
		
	/* ---------- ---------- ---------- ---------- ----------
	 *					office
	 * ---------- ---------- ---------- ---------- ---------- */
		.officeBox						{ overflow:hidden; margin-bottom:45px; }
		.officeBox > div				{ float:left; width:222px; margin-left:24px; font-size:120%; }
		.officeBox > div:first-child	{ margin-left:0px; }
		.officeBox p					{ font-size:110%; font-weight:bold; margin-bottom:6px; color:#161c6b; }
		
	
	/* ---------- ---------- ---------- ---------- ----------
	 *					link
	 * ---------- ---------- ---------- ---------- ---------- */
		.linkBox						{ overflow:hidden; margin-bottom:45px; }
		.linkBox > div					{ float:left; width:292px; margin-left:42px; font-size:120%; }
		.linkBox > div:first-child		{ margin-left:0px; }
		.linkBox p						{ font-weight:bold; font-size:110%; margin-bottom:6px; }
		.linkBox a						{ color:#3232e6; }
	
	
	/* ---------- ---------- ---------- ---------- ----------
	 *					site map
	 * ---------- ---------- ---------- ---------- ---------- */
		.sitemap ul						{ margin-bottom:20px; }
		.sitemap li						{ float:none !important; padding:2px 10px 2px 0; }
		.sitemap a						{ color:#161c6b; }
		
		.mapInd01						{  }
		.mapInd02						{ padding-left:2em !important; }
		.mapInd03						{ padding-left:4em !important; }
		
		.mapInd01 span					{ font-size:120%; }
		
		.menuVJ							{ cursor:pointer; }
	
	
	/* ---------- ---------- ---------- ---------- ----------
	 *					plivacy policy
	 * ---------- ---------- ---------- ---------- ---------- */
		.privacy .textBox				{ margin-bottom:30px; }
		.privacy h3						{ color:#161c6b; margin-bottom:5px; font-size:110%; }
		.privacy p						{ margin-bottom:10px; }
		.privacy dt						{ width:30px; line-height:20px; }
		.privacy dd						{ margin-left:30px; line-height:20px; }
	
	
	/* ---------- ---------- ---------- ---------- ----------
	 *					contact
	 * ---------- ---------- ---------- ---------- ---------- */
		.contact table					{ border-top:1px dotted #767676; width:auto; font-size:100% !important; }
		.contact th						{ width:190px; }
		.contact td						{ width:566px; font-size:85%; }
		
		.contact select					{ width:344px; height:22px; padding:0 0 0px 4px; font-size:93%; border:1px solid #a8a8a8; 
										  background-position:316px -4px; }
		
		.setSelect						{ width:344px; height:22px; overflow:hidden; border-right:1px solid #a8a8a8; }
		.setSelect > select				{ width:120%; position:relative; top:-2px; }
		@-moz-document url-prefix() 	{ .setSelect.setTop > select { top:-3px; }		}
		
		.contact option					{ text-indent:2px; }
		
		input[type="text"]				{ height:20px; width:340px; border:1px solid #a8a8a8; padding:0 0 3px 3px; color:#555; }
		textarea						{ border:1px solid #a8a8a8; width:100%; padding:0 0 3px 3px; color:#555; }
		
		#btnArea						{ width:400px; margin:0 auto; }
		#btnArea li						{ width:187px; height:55px; margin-left:10px; cursor:pointer; }
		#btnArea input					{ width:187px; height:55px; cursor:pointer; text-indent: -9999px; border-style:none; }
		#btnArea li:first-child			{ margin-left:0px; }
		
		.btnSubmit						{ background:url("./../contact/images/btn_submit_on.gif") no-repeat left top; }
		.btnReset						{ background:url("./../contact/images/btn_reset_on.gif") no-repeat left top; }
		.btnReturn						{ background:url("./../contact/images/btn_return_on.gif") no-repeat left top; }
		
		#submit							{ background:url("./../contact/images/btn_submit_off.gif") no-repeat left top; }
		#reset							{ background:url("./../contact/images/btn_reset_off.gif") no-repeat left top; }
		#return							{ background:url("./../contact/images/btn_return_off.gif") no-repeat left top; }

		.btnSubmit input:hover, 
		.btnReset input:hover, 
		.btnReturn input:hover			{ background:none; opacity:0; }




