@charset "UTF-8";

/*----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------*/
/*clear*/

body,h1,h2,h3,h4,h5,h6,ul,li{margin:0;padding:0;}


/*----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------*/
/*common*/

body {
	background:url("bodyBg.gif") repeat-y center top #E7EFF9;
	font-size: 75%;
	line-height:140%;
	color: #333333;
	
}

*html #container{
	margin-left:1px;
}


h1 {
	background: url(h1.jpg) no-repeat left center;
	height: 30px;
	width: 560px;
	text-align: left;
	padding:5px 0 0 10px;
	margin: 0 0 15px 0;
	font-size:100%;
}

h1.long{
	width:;
	height:;
}


h2 {
	width:;
	height:;
	background: url(h2.jpg) no-repeat left center;
	font-size: 100%;
	text-align: left;
	padding:0 0 5px 10px;
	margin:0 0 15px 0;
}


h2.long{
	width:;
	background-image:url();
	background-position:;
}

h3 {
	width:465px;
	
	text-align: left;
	border-bottom:5px solid #BBD7F9;
	padding:0 0 3px 0;
	margin:0 0 12px 0;
	color:#333399;
	font-size:110%;
	clear:both;
}


h4{
	width:465px;
	text-align: left;
	padding:0;
	margin:0 0 10px 0;
	border-bottom:3px solid #FA8484;
	font-size:88%;
	color:#333399;
}

h4.short{
	width:250px;
	
}


h5{
	
	text-align: left;
	padding:0;
	margin:0 0 5px 0;
	border-bottom:3px solid #FA8484;
}

h6{
	text-align: left;
	padding:0;
	margin:0 0 5px 0;
	border-bottom:2px solid #CCC;
	font-size:110%;
	color:#333399;
	background:url("icon.gif") no-repeat left center;
	padding-left:20px;
}



p {
	line-height: 150%;
	margin:12px 0 13px 0;
	padding:0;
	text-indent: 1em
}



img{
	border:0;
}



a:link,a:visited{
	text-decoration: none;
}

a:hover{
	color: #0000c0;
	text-decoration: underline;
}

a:active{
	color: #FF0000;
	text-decoration: none;
}



/*----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------*/
/* text menu */

ul.textmenu{
	margin:0;
}

ul.textmenu li{
	display:inline;
	border-right:1px solid #999;
	margin-right:10px;
	padding:0 10px;
}

ul.textmenu li.start{
	padding-left:0;
}

ul.textmenu li.end{
	padding-right:0;
	border-right:0;
}


/*----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------*/
/* text right */

.goToTop{
	display:block;
	text-align:right;
	margin:8px 0 10px 0;
}





/*----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------*/
/*header*/

#header{
	width:750px;
	margin:0 auto 3px auto;
	height:50px;
	background:url("headFoot.jpg") no-repeat center bottom #FFFFFF;
	padding-bottom:10px;
}


#headL{
	float:left;
	height:50px;
	padding-left:10px;
}

#headR{
	float:right;
	height:30px;
	padding-right:5px;
	padding-top:20px;
}

#headerLink{
	text-align:right;
	font-size:88%;
}

#headerLink li{
	padding-left:20px;
	background:url("icon.gif") left center no-repeat;
}


/*----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------*/
/*mainImage*/

#mainImage{
	width:750px;
	clear:both;
	margin:0 auto 5px auto;
	font-size:0px;
}


/*----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------*/
/*menubar - global navigation*/


#menubar {
	background: url("menubar.gif") no-repeat left center;
	height: 26px;
	width: 750px;
	font-size:10px;
	font-weight:bold;
	padding:0;
	margin:0 auto 0 auto;
}

#menubar ul{
	margin:0;
	padding:3px 22px 0 22px;
	width:706px;
	
}


#menubar li{
	display:inline;
	padding:0;
}

#menubar li a{
	float:left;
	display:block;
	background: url("navi.jpg") no-repeat left center;
	padding:0 0 0 25px;
	width:135px;
	height:16px;
	color:#333333;
}


#menubar li a.menu2{
	margin-right:22px;
	margin-left:22px;
}

#menubar li a.menu3{
	margin-right:22px;
}




#menubar  a:link, #menubar a:visited, #menubar a:hover, #menubar a:active{
	text-decoration:none;
}

/*----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------*/
/* %content% */

/*------------------------------------------------*/
/* layout table */

#mainContentsTbl{
	width:750px;
	padding:0;
	margin:0 auto 0 auto;
	clear:both;
	background:#FFFFFF;
}


/*------------------------------------------------*/
/* td common */
.mainContentsTdC{
	vertical-align:top;
	padding-left:3px;
}

/*------------------------------------------------*/
/* td has left */
#mainContRightTd{
	padding-left:0px;
}

/*------------------------------------------------*/
/* main */
div.mainContents {
	padding:0 0 0 0;
	margin:0px 0 0 0;
	text-align: left;
	vertical-align: top;
}

div.mainContents ul{
	list-style-position:inside;
	
}

/*----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------*/
/*template etc*/


div#locator {
	font-size: 10px;
	text-align: right;
	margin:4px 10px 4px 0;
}




/*----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------*/
/* leftmenu - left navigation*/

/*------------------------------------------------*/
/* mainContentsTbl's td */

#leftMenuTd{
	width:185px;
	background:url("leftMenuBg.gif") repeat left top;
	text-align:left;
	padding:0 0 20px 0;
	vertical-align:top;
}

/*------------------------------------------------*/
/* if it has leftmenu title */

#leftMenuTle {
	background: url("leftTle.gif") no-repeat left center;
	margin:0 0 20px 0;
	padding:60px 0 0 30px;
	width: 155px;
	height:66px;
	color: #ffffff;
	font-weight: bold;
	

}


#leftMenuTle a{
	color: #ffffff;
	text-decoration:none;
}

/*------------------------------------------------*/
/* first directory */

#leftMenu ul {
	margin: 10px 0 5px 0;
	padding:0;
	list-style:none;
}

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

#leftMenu ul li a{
	width: 155px;
	height:31px;
	display: block;
	margin:0 auto 14px auto;
	padding:15px 0 0 30px;
	background: url("left1.gif") no-repeat left top;
	color:#333399;
	font-weight:bold;
	font-size:10px;
}



#leftMenu ul li a:link,#leftMenu ul li a:visited{
	background: url("left1.gif") no-repeat left top;
}

#leftMenu ul li a:hover{
	background: url("left1.gif") no-repeat left middle;
}


#leftMenu ul li#LCurrent a{
	width: 125px;
	height:31px;
	display: block;
	margin:0 auto 14px auto;
	padding:15px 0 0 60px;
	background: url("left1C.gif") no-repeat left bottom;
	font-weight:bold;
	color:#333399;
	font-size:10px;
}




/*------------------------------------------------*/
/* second directory */

#leftMenu ul li ul{
	list-style:none;
	margin:0 0 30px 0;
}

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

#leftMenu ul li#LCurrent ul li a{
	background:url("liIcon.gif") no-repeat 7px 8px #FFFFFF;
	width: 150px;
	height:17px;
	margin:0px 0 5px 10px;
	padding-left:20px;
	padding-top:3px;
	border-bottom:2px solid #CCC;
	border-left:5px double #FA8484;
	
}

leftMenu ul li#LCurrent ul li a:hover{
	background-position:left middle;
}


#leftMenu ul li#LCurrent ul li#LCurrent2 a{
	background:url("liIcon.gif") no-repeat 7px 8px #FFFFFF;
	font-weight: bold;
	width: 150px;
	height:17px;
	margin:0 0 5px 10px;
	padding-left:20px;
	padding-top:3px;
	border-bottom:2px solid #CCC;
	border-left:5px double #FA8484;
}



/*----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------*/
/* footer */


#footer{
	width:750px;
	margin:0 auto 0 auto;
	background:url("headFoot.jpg") no-repeat left top #FFFFFF;
	padding-top:20px;
}

#copyright {
	
	font-size:88%;
	text-align: center;
	padding:0 0 0 0;
	color:#3399FF;
}

#footerLink{
	text-align:center;
}



/*-----------------------------------------------------------*/
/*sitemap*/

ul.sitemap {
	margin-top:10px;
	margin-bottom:50px;
	margin-left:auto;
	
	margin-right:auto;
}

ul.sitemap li {
	list-style:none;
	
}

ul.sitemap>li{
	font-weight:bold;
}	 
ul.sitemap li a{
	color:color:#FF8080;
}

ul.sitemap li a{
	display:block;
	margin-top:5px;
	background:url("liIcon.gif") no-repeat left center;
	padding-top:3px;
	height:22px;
	padding-left:20px;
	
}
	
ul.sitemap ul li{	
	font-weight:normal;
}	


ul.sitemap>ul>li{
	border-bottom:2px solid #BBD7F9;
	padding-left:20px;
}

ul.sitemap>ul>ul{
	
}

ul.sitemap>ul>ul>li{
	position:relative;
	left:60px;
	border-bottom:1px solid #FA8484;
	width:80%;
	
}

ul.sitemap>ul>ul>ul>li{
	position:relative;
	left:160px;
	border-bottom:0;
}

ul.sitemap>ul>ul>ul>li a{
	background:url("icon.gif") no-repeat left center;
}


/*----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------*/
/* no indent */

.noIndent{
	text-indent:0;
}


/*----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------*/
/* margin */

.marginP{
	margin-top:12px;
	margin-bottom:14px;
}

.marginM{
	margin-top:0px;
	margin-bottom:0;
}

/*----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------*/
/* font */

.fontS{
	font-size:88%;
}

.fontL{
	font-size:120%;
}



/*----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------*/
/* table */

.lineTbl{
	border-collapase:collapse;
	margin:5px auto 15px auto;
}

.lineTbl td{
	padding:;
	border-bottom:1px dashed #999;
}

.lineTbl th{
	background:url() no-repeat left center;
	padding:;
	border-bottom:1px dashed #999;
}


/*----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------*/
/* toppage */

#topL{
	padding-right:15px;
	vertical-align:top;
	padding-top:15px;
}

#topR{
	background:url("blueBg.gif") repeat left top;
	vertical-align:top;
	padding-top:15px;
}

#topR div{
	text-align:center;
	margin-bottom:15px;
}

#topL dl{
	margin:10px 0 15px 0;
}

#topL dt{
	width:84px;
	float:right;
	margin-right:10px;
}

#topL dd{
	float:left;
	margin:0;
	width:361px;
	font-size:11px;
	padding-right:10px;
}

#topL ul{
	margin:0;padding:0;
	list-style-position:inside;
}

#topL li{
	marign:0;
}


.contTbl{
	margin-bottom:16px;
}



.contTbl td.lBg{
	background:url("contBg.gif") repeat-y left top;
}

.contTbl td.lBgBtm{
	background:url("contBgBtm.gif") no-repeat left top;
}

.contTbl td.mainTd{
	padding:10px 0 12px 14px;
}

.contTbl td.mainTd ul{
	margin-left:15px;
}


.contTblR{
	margin-left:5px;
	margin-bottom:20px;
}

.contTblR td.lBg{
	background:url("contRBg.gif") repeat-y right top;
}

.contTblR td.mainTd{
	padding:10px 0 12px 14px;
}


.infoTbl th{
	padding:2px 0 2px 0;
	color:#6666FF;
	font-weight:normal;
	text-align:left;
}

.infoTbl td{
	padding:2px 0 2px 0;
	color:#6666FF;
}

.flowTbl td{
	text-align:center;
	padding-bottom:3px;
	padding-top:3px;
}

.flowTbl div{
	text-align:left;
	background:url("flow.gif") no-repeat left center;
	width:434px;
	height:21px;
	padding:8px 0 0 30px;
	color:#333399;
	font-weight:bold;
}

/* page common */



.contTblL{
	margin-bottom:16px;
}

.contTblL h3{width:495px;}
.contTblL h3.long{width:600px;}
.contTblL h3.LL{width:680px;}
.contTblL h4{width:495px;}
.contTblL h4.short{width:250px;}
.contTblL h4.long{width:600px;}
.contTblL h4.LL{width:680px;}

.contTblL td.lBg{
	background:url("contBg.gif") repeat-y left top;
}

.contTblL td.lBgBtm{
	background:url("contBgBtm.gif") no-repeat left top;
}

.contTblL td.mainTd{
	padding:15px 0 12px 14px;
}

.contTblL td.mainTd ul{
	margin-left:15px;
}

.contTblL p{
	padding-right:10px;
}




/*----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------*/
/* company */

.compTbl{
	margin-bottom:18px;
	border-collapse:collapse;
		
}

.compTbl th{
	background:#E7EFF9;
	text-align:left;
	color:#333399;
	padding:4px 10px 4px 15px;
	border-right:1px solid #999;
	width:90px;
	vertical-align:top;
	letter-spacing:0.2em;
}




.compTbl td{
	padding:4px 10px 4px 15px;
	vertical-align:top;
}

#company th{
	font-size:10px;
}





.branchTbl td{
	padding-left:10px;
	
	vertical-align:top;
	text-align:left;
}

.branchTbl th{
	vertical-align:top;
	
}


.adrsTbl{
	border-collapse:collapse;
	border:1px solid #88D4ED;
} 

.adrsTbl th{
	background:url("blueBg.gif") repeat left top;
	padding:4px;
	font-weight:normal;
	text-align:right;
	vertical-align:top;
	font-size:80%;
}
.adrsTbl td{
	padding:4px;
	
}



/*----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------*/
/* inquiry */


#inquiryTbl{
	margin:0 auto 15px auto;
}

#inquiryTbl th{
	font-weight:normal;
	text-align:left;
	padding:8px 10px 8px 25px;
	vertical-aling:top;
	background:url("blueBg.gif") repeat left top;
	border-bottom:1px solid #88D4ED;
	font-size:80%;
}

#inquiryTbl td{
	padding:12px 20px;
	border-bottom:1px solid #88D4ED;
}

#inquiryTbl td table td{
	border:0;
	padding:2px 10px;
}

#name , #address , #email , #callNum{
	width:350px;
}
#question {
	width:350px;
	height:100px;
}

#submit{
	margin-right:20px;
}

.hissu{
	font-size:80%;
	color:#FF0000;
}


/*----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------*/
/* prod */


.prodListTbl{
	border-collapse:collapse;
	border:2px solid #666;
	
}

.prodListTbl td{
	border-bottom:1px solid #999;
	text-align:center;
	padding:3px;
	border-right:1px solid #999;
}

.prodListTbl th{
	font-weight:normal;
	font-size:80%;
	border-bottom:2px solid #999;
	border-right:1px solid #999;
}

.prodListTbl tr.c2 td{
	background:url("blueBg.gif") repeat left top;
	
}
.prodListTbl tr.c2 td.cL{
	text-align:left;
}
.prodListTbl td.cL{
	text-align:left;
}

/*----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------*/
/* flow */

.flowTblL td{
	text-align:center;
	padding-bottom:3px;
	padding-top:3px;
}

.flowTblL div{
	text-align:left;
	background:url("tb_bg05.jpg") no-repeat left center;
	width:251px;
	height:52px;
	padding:8px 200px 0 14px;
	color:#333399;
	font-weight:bold;
}

.flowTblL div#flow2{background-image:url("tb_bg04.jpg");}
.flowTblL div#flow3{background-image:url("tb_bg03.jpg");}
.flowTblL div#flow4{background-image:url("tb_bg02.jpg");}
.flowTblL div#flow5{background-image:url("tb_bg01.jpg");}


/*----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------*/
/* privacy */
ol li{
	margin-bottom:4px;
}