/*-----全体-----*/

#contentsHEADER{
	margin:0;
	padding:0;
	height:40px;
	width:780px;
	background:url(../img_contents/contents_header.jpg) no-repeat;
	}
	
#contentsMAIN{
	float:right;
	margin:0;
	padding:0;
	height:auto;
	width:582px;
	}
	
#contentsTITLE{
	float:left;
	margin:0;
	padding:0;
	height:491px;
	width:198px;
	}
	
#contentsTITLETOP{
	margin:0;
	padding:0;
	background:#FFFFFF url(../img_contents/contents_title_back.jpg) no-repeat left top;
	height:290px;
	width:198px;
	}

#contentsTITLETOP img{
	position:absolute;
	top:300px;
	left:51px;
	}
	
	
/*-----ページごとのタイトル写真-----*/
	
#contentsCOMPANY{
	margin:0;
	padding:0;
	height:291px;
	width:582px;
	background:#FFFFFF url(../img_company/company_pict.jpg) no-repeat right top;
	}

#contentsBUSINESS{
	margin:0;
	padding:0;
	height:291px;
	width:582px;
	background:#FFFFFF url(../img_business/business_pict.jpg) no-repeat right top;
	}

#contentsRECRUITING{
	margin:0;
	padding:0;
	height:291px;
	width:582px;
	background:#FFFFFF url(../img_recruiting/recruiting_pict.jpg) no-repeat right top;
	}

#contentsCONTACT{
	margin:0;
	padding:0;
	height:291px;
	width:582px;
	background:#FFFFFF url(../img_contact/contact_pict.jpg) no-repeat right top;
	}


#contentsSITEMAP{
	margin:0;
	padding:0;
	height:20px;
	width:600px;
	background:#FFFFFF url(http://vndt.vn/vndt/include/themes/standard/sitemap/sitemap_pict.jpg) no-repeat right top;
	}

#contentsPRIVACY{
	margin:0;
	padding:0;
	height:291px;
	width:582px;
	background:#FFFFFF url(../img_privacy/privacy_pict.jpg) no-repeat right top;
	}
	
	
/*-----ナビゲーション共通-----*/

#contentsNAVI{
	margin:0;
	padding:0;
	height:33px;
	width:780px;
	background:url(../img_navi/base.jpg) no-repeat;
	background-position:left top;
	display:block;
	}

#contentsNAVI ul{
	list-style:none;
	text-indent:-10000px;
	}

#contentsNAVI li{
	float:left;
	}

#contentsNAVI a{
	text-decoration:none;
	display:block;
	height:30px;
	}

/*-----ナビゲーションhome-----*/

#contentsNAVI li#N_home a{
	position:relative;
	left:15px;
	width: 94px;
	}
	
#contentsNAVI li#N_home a:hover, #contentsNAVI li#N_home a:active{
	background:url(../img_navi/hover.jpg) no-repeat -15px 0px;
	}

/*-----ナビゲーションcompany-----*/

#contentsNAVI li#N_company a{
	position:relative;
	left:15px;
	width: 118px;
	}

#contentsNAVI li#N_company a:hover, #contentsNAVI li#N_company a:active{
	background:url(../img_navi/hover.jpg) no-repeat -109px 0px;
	}
.N_company{
	height:33px;
	position:relative;
	left:15px;
	width: 118px;
	background:url(../img_navi/hover.jpg) no-repeat -109px 0px;
	}

/*-----ナビゲーションbusiness-----*/

#contentsNAVI li#N_business a{
	position:relative;
	left:15px;
	width: 153px;
	}

#contentsNAVI li#N_business a:hover, #contentsNAVI li#N_business a:active{
	background:url(../img_navi/hover.jpg) no-repeat -227px 0px;
	}
.N_business{
	width: 153px;
	height:33px;
	position:relative;
	left:15px;
	background:url(../img_navi/hover.jpg) no-repeat -227px 0px;
	}

/*-----ナビゲーションrecruiting-----*/

#N_recruiting a{
	position:relative;
	left:15px;
	width: 127px;
	}

#N_recruiting a:hover, #N_recruiting a:active{
	background:url(../img_navi/hover.jpg) no-repeat -380px 0px;
	}
.N_recruiting{
	height:33px;
	position:relative;
	left:15px;
	background:url(../img_navi/hover.jpg) no-repeat -380px 0px;
	width: 127px;
}


/*-----ナビゲーションcontact-----*/

#N_contact a{
	position:relative;
	left:15px;
	width: 136px;
	}

#N_contact a:hover, #N_contact a:active{
	background:url(../img_navi/hover.jpg) no-repeat -507px 0px;
	}
	
.N_contact{
	height:33px;
	position:relative;
	left:15px;
	background:url(../img_navi/hover.jpg) no-repeat -507px 0px;
	width: 136px;
	}

/*-----ナビゲーションsite map-----*/

#N_sitemap a{
	position:relative;
	left:15px;
	width: 122px;
	}

#N_sitemap a:hover, #N_sitemap a:active{
	background:url(../img_navi/hover.jpg) no-repeat -643px 0px;
	}
.N_sitemap{
	height:33px;
	position:relative;
	left:15px;
	width: 122px;
	background:url(../img_navi/hover.jpg) no-repeat -643px 0px;
	}



/*-----ナビゲーション第２階層共通-----*/

#navi02 ul{
	visibility:hidden;
	position:absolute;
	top:10px;
	left:100px;
	margin:0;
	padding:0;
	}

#navi02 li{
	display:block;
	list-style:none;
	text-indent:-10000px;
	}

#navi02 li a{
	display:block;
	height:33px;
	width:118px;
	text-decoration:none;
	}

/*-----ナビゲーション第２階層about us-----*/

#navi02 li#company_outline a{
	background:url(../img_navi/01_base.jpg) no-repeat;
	}

/*-----コンテンツ共通-----*/

h1{
	position:relative;
	width:540px;
	height:1em;
	top:223px;
	text-align:left;
	padding:0 0 10px;
	margin:0;
	border-bottom:#CCCCCC solid 1px;
	border-left:#CCCCCC solid 1px;
	}

h1 img{
	margin:0 0 0 10px;
	text-align:left;
}
	
h4{
	color:#666666;
	font-size:14px;
	margin:0;
	padding:0px 0px 1px;
	width:540px;
	height:1em;
	font-weight:bold;
	text-indent:10px;
	}

h5{
  color:#7E5B5D;
	font-size:12px;
	font-weight:bold;
	margin:5px 5px 0 0;
}	

#contentsMAIN p{
	width:540px;
	padding:0px 30px 0px 10px;
	color:#7E5B5D;
	font-size:12px;
	line-height: 145%;
	}

.top10{
	position:relative;
	top:-10px;
	}

.top30{
	position:relative;
	top:-30px;
	}
	
.top50{
	position:relative;
	top:-50px;
	}	
	
.top66{
	position:relative;
	top:-66px;
	}
	
.mt10r30{
	margin:10px 30px 0px 0px;
	}
	
#contentsMAIN dl{
	width:550px;
	padding:0px 30px 0px 0px;
	font-size:12px;
	line-height: 145%;
	}

#contentsMAIN dd{
	margin:10px 0px;
	color:#666666;
	}

#contentsMAIN dt{
	margin:0px 0px 0px 1em;
	color:#7E5B5D;
	}

#contentsMAIN a{
	color:#A80036;
	}

#contentsMAIN a:hover, #contentsMAIN a:active{
	color:#E50023;
	}	

.right_align{
	color:#666666;
	width:540px;
	padding:0px 30px 0px 0px;
	font-size:12px;
	line-height: 145%;
	text-align:right;
	margin:10px 0px 0px;
	}

.left_float{
	float:left;
	color:#7E5B5D;
	font-size:12px;
	line-height: 145%;
	margin:10px 0 0;
	}

/*-----コンテンツ第２階層共通-----*/

#qualiaBACK{
	width:550px;
	background:url(../img_company/company_back.jpg) bottom right no-repeat;
	}

#contents02MAIN{
	margin:0;
	padding:0;
	height:auto;
	width:780px;
	background:url(../img_contents/contents_back.jpg) no-repeat left top;
	}
	
.contents02TEXT{
	margin:0px 40px;
	padding:5px 0 0;
	height:auto;
	width:700px;
	text-align:left;
	background:#FFFFFF;
	}

h2{
	margin:20px 0;
	padding:0;
	border:none;
	text-align:left;
	}

h3{
	color:#666666;
	font-size:10px;
	margin:0;
	padding:0px 0px 5px;
	width:699px;
	height:1em;
	text-indent:5px;
	border-bottom:#CCCCCC solid 1px inset;
	border-left:#CCCCCC solid 1px inset;
	letter-spacing:0.2em;
	font-weight:normal;
	}
			
h3 a{
	color:#666666;
	text-decoration:none;
	}

h3 a:hover, h3 a:active{
	color:#333333;
	text-decoration:underline;
}

.red{
	color:#640125;
	font-weight:bold;
	}

.mb10{
	margin:0 0 10px 0;
	}

.mtb10l10{
	margin:10px 0 10px 10px;
	}

.ml10{
	margin:0 0 0 10px;
	}	

.ml5mr5{
	margin:0 5px;
	}

.ml10mr10{
	 margin:0 10px;
	}

.ml20mr20{
	margin:0 20px;
	}		

.mt10mb10{
	margin:10px 0;
	}

.mt20mb20{
	margin:20px 0;
	}
		
.mt30mb20{
	margin:30px 0 20px;
	}		
	
.gotoTOP02 a{
	clear:both;
	position:relative;
	right:-700px;
	display:block;
	width:4em;
	height:1em;
	padding:0;
	margin:10px 0px;
	font-size:10px;
	text-align:right;
	color:#A78879;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	}
	
.gotoTOP02 a:hover, .gotoTOP02 a:active{
	text-decoration:underline;
}

/*-----コンテンツ第２階層ナビゲーション-----*/

#menu02{
	position:relative;
	top:-30px;
	width:550px;
	}

#menu03{
	width:550px;
	}

#menu03 ul{
	margin:20px 0 0;
	padding:0;
	list-style:none;
}

#menu03 li{
	text-indent:20px;
	height:20px;
	text-align:left;
	display:block;
	width:240px;
	display:block;
	margin:10px 10px 20px;
	padding:0;
	}

#menu03 a{
	text-align:left;
	display:block;
	width:240px;
	text-decoration:none;
	margin:0;
	padding:5px 0;
	border-bottom:#CCCCCC solid 1px;
}

#menu03 ul a:hover, #menu03 ul a:active{
	background:url(../img_contents/contents_icon.gif) left center no-repeat;
	height:20px;
	border-bottom:#640125 solid 1px;	
	}

#menu04{
	position:relative;
	margin:-20px 0 0 43px;
	width:80px;
	height:100px;
	}

#menu04 ul{
	margin:0;
	padding:0;
	list-style:none;
}

#menu04 li{
	text-indent:20px;
	height:15px;
	text-align:left;
	display:block;
	width:100px;
	margin:10px 10px 20px;
	padding:0;
	}

#menu04 a{
	text-align:left;
	display:block;
	width:100px;
	text-decoration:none;
	margin:0;
	padding:5px 0;
	border-bottom:#CCCCCC solid 1px;
}

#menu04 ul a:hover, #menu04 ul a:active{
	background:url(../img_contents/contents_icon.gif) left center no-repeat;
	height:15px;
	border-bottom:#640125 solid 1px;
	}

/*-----トップへ戻るボタン-----*/

.gotoTOP a{
	clear:both;
	position:relative;
	right:-500px;
	display:block;
	width:4em;
	height:1em;
	padding:0;
	margin:10px 0px;
	font-size:10px;
	text-align:right;
	color:#A78879;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	}
	
.gotoTOP a:hover, .gotoTOP a:active{
	text-decoration:underline;
}
	
/*-----ABOUT US-----*/

.wrapperCOMPANY{
	height:1380px;
}

table#company{
	position:relative;
	margin:0;
	width:520px;
	text-align:left;
	background-color:#999999;
	font-size:12px;
	line-height: 145%;
	}
table#company th{
	color:#640125;
	width:110px;
	height:1em;
	background-color:#EAE2E6;
	vertical-align: top;
	text-align:left;
	padding:5px;
	letter-spacing:0.2em;
	}
table#company td{
	height:1em;
	text-align:left;
	padding:5px 10px;
	background-color: #FFFFFF;
	vertical-align: top;
	letter-spacing:0.1em;
	}
.map{
	position:relative;
	text-align:left;
	border:#640125 solid 1px;
	margin:0;
	}

.companyphotoLEFT{
	border:#640125 solid 1px;
	margin:10px 5px 10px 5px;
	}
.companyphotoCENTER{
	border:#640125 solid 1px;
	margin:10px 0 10px;
	}
.companyphotoRIGHT{
	border:#640125 solid 1px;
	margin:10px 0 10px 5px;
	}	
/*-----BUSINESS-----*/

#businessNAVI{
	font-size:12px;
	margin:0 0 0 0;
}
#businessNAVI ul{
	margin-left:-10px;
}

#businessNAVI li{
	float:left;
	text-indent:20px;
	list-style:none;
	margin-bottom:10px;
	}

#businessLINK a{
	color:#FFFFFF;
	}
	
#businessLINK a:hover, #businessLINK a:active{
	text-decoration:none;
	color:#FFFFFF;
}

table#business{
	margin: -5px 20px 38px 10px;
	width:450px;
	text-align:left;
	background-color:#999999;
	font-size:11px;
	line-height: 145%;
	}
table#business th{
	color:#640125;
	white-space:nowrap;
	height:1em;
	background-color:#EAE2E6;
	vertical-align: top;
	text-align:left;
	padding:5px;
	letter-spacing:0.2em;
	}
table#business td{
	height:1em;
	text-align:left;
	padding:5px 3px;
	background-color: #FFFFFF;
	vertical-align: top;
	letter-spacing:0.1em;
	white-space:nowrap;
	}

li.table{
	color:#660033;
	margin:0 5px 4px 18px;
	padding:5px 0px;
	text-indent:1em;
	border-bottom:none;
	height:1.5em;
	text-align:left;
	list-style:square url(http://vndt.vn/vndt/include/themes/standard/sitemap/list.gif) inside;
	font-size:12px;
	line-height: 145%;
	}

li.main{
	margin:0px 5px 0 0;
	padding:2px 5px;
	text-indent:5px;
	font-size:14px;
	font-weight:bold;
	background-color:#660033;
	color:#FFFFFF;
	}

ul.business{
	margin:0 0 10px;
	padding:0 10px;
	width:540px;
	clear:left;
	}

li.sub{
	color:#660033;
	padding:5px 0px;
	text-indent:1em;
	border-bottom:1px solid #333333;
	height:1.5em;
	text-align:left;
	list-style:square url(http://vndt.vn/vndt/include/themes/standard/sitemap/list.gif) inside;
	font-size:12px;
	line-height: 145%;
	margin:8px 5px 0px 20px;
	}

p#business_mainTEXT{
	width:520px;
	padding:0px 0px 0px 20px;
	color:#7E5B5D;
	font-size:12px;
	text-indent: 1em; 
	line-height: 145%;
	text-align:left;
	}

p#business_mainTEXT2{
	width:520px;
	padding:0px 0px 10px 20px;
	color:#7E5B5D;
	font-size:12px;
	line-height: 145%;
	text-align:left;
	}

li.business_list{
	margin: 6px 0 -4px 34px;
	color:#666666;
	border-bottom:0;
	text-align:left;
	list-style:none;
	font-size:12px;
	line-height: 145%;
	}

ul.business_sub{
	margin:10px 0 5px;
	padding:6px 10px;
	width:540px;
	line-height: 145%;
	}

li.business_listsub{
	color:#666666;
	margin:0px 5px 0px 60px;
	padding:0px 0px;
	border-bottom:0;
	height:1.5em;
	text-align:left;
	list-style:none;
	font-size:12px;
	line-height: 100%;
	}

.business_OTHER{
	color:#666666;
	font-size:12px;
	text-align:left;
	line-height: 145%;
	text-indent: 40em; 
	margin: 0px 35px 10px 10px;
	}
	
.business_violet{
	color:#660033;
	width:540px;
	padding:0px 30px 0px 0px;
	font-size:12px;
	line-height: 145%;
	margin:10px 0px 0px;
	}

ul.business_design{
	margin:0 0 0 50px;
	width:480px;
	line-height: 145%;
	}

li.design{
	margin:5px 5px 0px 40px;
	color:#000000;
	padding:5px 0px;
	border-top:2px dotted #660033;
	text-align:left;
	list-style:none;
	font-size:12px;
	}

li.design2{
	margin:5px 5px 0px 40px;
	color:#000000;
	padding:5px 0px;
	height:324px;
	border-top:2px dotted #660033;
	text-align:left;
	list-style:none;
	font-size:12px;
	}

.business_photoWRAPPER{
	width:160px;
	float:left;
	margin-left:0px;
}

li.design_bottom{
	color:#000000;
	margin:5px 5px 0px 40px;
	padding:5px 0px;
	border-top:2px dotted #660033;
	text-align:left;
	list-style:none;
	font-size:12px;
	}

.business_designTITLE{
	width:570px;
	font-size:12px;
	line-height: 145%;
	margin:20px 10px 0px 0px;
	color: #A80036;
	}

.business_designTEXT{
	margin: 0px 3px 0px 3px;
	color:#666666;
	height:161px;
	font-size:12px;
	text-align:left;
	line-height: 145%;
	text-indent: 0em; 
	}
.business_designTEXT2{
	width:250px;
	margin: 0px 3px 0px 0px;
	color:#666666;
	font-size:12px;
	text-align:left;
	line-height: 145%;
	text-indent: 0em; 
	float:right;
}
.business_photo{
	border:1px solid #640125;
	margin:3px 20px 0px 0px;
	}

.business_photo2{
	border:1px solid #640125;
	margin:3px 0px 0px 0px;
	clear:left;
	}

/*-----RECRUITING-----*/

.photoLEFT{
	border:#640125 solid 1px;
	margin:0 10px 10px;
	}
.photoCENTER{
	border:#640125 solid 1px;
	margin:0 0 10px;
	}
.photoRIGHT{
	border:#640125 solid 1px;
	margin:0 0 10px 10px;
	}	
	
table#recruiting{
	position:relative;
	margin:0 0 10px;
	width:660px;
	text-align:left;
	background-color:#999999;
	font-size:12px;
	line-height: 145%;
	}
table#recruiting th{
	color:#333333;
	width:120px;
	height:1em;
	background-color:#EAE2E6;
	vertical-align: top;
	text-align:left;
	padding:5px;
	letter-spacing:0.2em;
	font-weight:normal;
	}
table#recruiting td{
	height:1em;
	text-align:left;
	padding:5px 10px;
	background-color: #F6F6F6;
	vertical-align: top;
	letter-spacing:0.1em;
	}
.formLONG{
	width:20em;
	}
.formLONG2{
	width:30em;
	}
.formSHORT{
	width:4em;
	}
.formSHORT2{
	width:10em;
	}	
.formRED{
	color:#640125;
	font-size:12px;
	}
.formTEXT{
	color:#640125;
	font-size:10px;
	margin:0 0 5px;
	text-align:left;
	}

.prf{
	color:#666666;
	font-size:10px;
	text-align:left;
	line-height: 145%;
	}
.TEXT{
	color:#000000;
	font-size:12px;
	text-align:left;
	line-height: 145%;
	text-indent: 1em; 
	margin: 12px 0 12px 0;
	}


/*-----CONTACT US-----*/
table#contact{
	margin:20px 0px 0px;
	width:540px;
	text-align:left;
	background-color:#999999;
	font-size:12px;
	line-height: 145%;
	}
table#contact th{
	color:#640125;
	white-space:nowrap;
	height:1em;
	background-color:#EAE2E6;
	vertical-align: top;
	text-align:left;
	padding:5px;
	letter-spacing:0.2em;
	}
table#contact td{
	height:1em;
	text-align:left;
	padding:5px 10px;
	background-color: #FFFFFF;
	vertical-align: top;
	letter-spacing:0.1em;
	white-space:nowrap;
	}

/*-----SITE MAP-----*/

#siteMAP{
	position:relative;
	top:-10px;
	width:540px;
	height:auto;
	clear:both;
	}

#siteMAP dl {
	margin:0;
	clear:both;
	margin:0 1em 0;
	width:540px;
	}
	
#siteMAP dt{
	font:14px bold;
	text-indent:1em;
	background:url(http://vndt.vn/vndt/include/themes/standard/sitemap/list.gif) center left no-repeat;
	margin:0;
	}

#siteMAP dt a{
	text-decoration:none;
	}	
	
#siteMAP dd{
	text-indent:2em;
	margin:0;
	padding:0;
	}

#siteMAP dd a{
	color:#666666;
	border-left:#999999 solid 1px;
	border-bottom:#999999 solid 1px;
	width:15em;
	text-align: left;
	text-decoration:none;
	padding:3px 5px 5px 0;
	margin:5px 5px 5px 2em;
	display:block;
	text-indent:1em;
	}		
	
#siteMAP .line{
	clear:both;
	border-bottom:1px #CCCCCC dashed;
	height:1px;
	width:100%;
	margin:0 0 5px 10px;
	}
	
/*-----(C) 4QUALIA-----*/