/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ZONE SETTING */
/* ------------------ HEAD ZONE */
#headzone{
	height: 257px;
	width: 100%;
	background: url(../img/bg_tophead.jpg) repeat-x 0px 0px;
	margin: 0px;
	padding: 0px;
}
#headzone p{
	font-size: 90%;
	text-align: right;
	margin: 0px auto;
	padding: 12px 0px 0px;
	height: 29px;
	width: 800px;
	color: #D4D4D4;
}
#headzone p a{
	color: #66CCFF;
	text-decoration: underline;
}
#headzone p a:hover{
	color: #FFFFFF!important;
	text-decoration: none!important;
}
#heads{
	background: url(../img/ph_topimage.jpg) no-repeat right bottom;
	margin: 0px;
	padding: 0px;
	height: 215px;
	width: 100%;
}
#heads h1{
	background: url(../img/ph_toplogo2.jpg) no-repeat left top;
	height: 215px;
	width: 800px;
	font-size: xx-small;
	margin: 0px auto;
	padding: 0px;
	text-indent: -9999px;
	text-align: left;
}
/* ------------------ HEAD ZONE Contents */
#headzonec{
	height: 130px;
	width: 100%;
	background: url(../img/bg_conthead.jpg) repeat-x 0px 0px;
	margin: 0px;
	padding: 0px;
}
#headc{
	background: url(../img/ph_contimage.jpg) no-repeat right bottom;
	margin: 0px;
	padding: 41px 0px 0px;
	height: 88px;
	width: 100%;
}
#headc h1{
	background: url(../img/ph_contlogo.jpg) no-repeat left top;
	height: 88px;
	width: 800px;
	font-size: xx-small;
	margin: 0px auto;
	padding: 0px;
	text-indent: -9999px;
	text-align: left;
}
/* ------------------ GLOABL NAVIGATION */
#gnavi{
	background: #003399 url(../img/bg_gnavi01.gif) repeat-x left top;
	margin: 0px;
	padding: 3px 0px;
	width: 100%;
	clear: both;
}
#gnavi ul{
	margin: 0px auto;
	padding: 0px;
	width: 800px;
	clear: both;
	list-style: none;
}
#gnavi ul li,
#gnavi ul li.home{
	margin: 0px;
	padding: 4px 15px 4px 16px;
	float: right;
	background: url(../img/bg_gnavi_line.gif) no-repeat left top;
	font-size: 90%;
}
#gnavi ul li.home{
	float: left;
	padding: 4px 15px 4px 10px;
	background: url(../img/bg_gnavi_line.gif) no-repeat right top;
}
#gnavi a,
#gnavi a:link,
#gnavi a:active,
#gnavi a:visited {
	color: #6fc1e6;
	text-decoration: none;
}

#gnavi a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}
#gnavi span{
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}

#gclear{
	margin: 0px;
	padding: 0px;
	height: 1px;
	clear: both;
}
*html #gclear{
	display: none;
}
/* ------------------ Content Zone */
#contzone{
	background: #DCE4FC url(../img/bg_cont.gif) repeat-x left top;
	margin: 0px;
	padding: 30px 0px 0px;
	width: 100%;
	clear: both;
}
/* ------------------ MAINCONT */
#contbody{
	margin: 0px auto;
	padding: 0px;
	width: 800px;
	text-align: left;
	clear: both;
}
/* ------------------ CONTENT LEFT */
#contl{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 200px;
}
#contl h2{
	font-size: x-small;
	font-weight: normal;
	background: url(../img/bg_line01.gif) repeat-x left bottom;
	margin: 0px;
	padding: 0px 0px 10px;
}

#contl ul{
	margin: 0px;
	padding: 10px 0px 30px 14px;
	clear: both;
	width: 186px;
	list-style: none;
}
#contl ul li{
	margin: 0px;
	padding: 4px 0px 4px 16px;
	background: url(../img/icon_arrow02.gif) no-repeat 0px 6px;
	font-size: 90%;

}
#contl ul li a{
	display: block;
}
#contl ul li a:hover,
#contl ul li span{
	display: block;
	background: #003399;
	color: #FFFFFF;
}

#contl ul li ul{
	margin: 0px;
	padding: 0px;
	width: 100%;

}
/* ------------------ CONTENT RIGHT */
#contr{
	margin: 0px;
	padding: 0px 0px 0px 45px;
	float: left;
	width: 550px;
}
#contr p{
	margin: 0px;
	font-size: 86%;
	line-height: 1.5em;
}
#contr h2.toph2{
	background: url(../img/bg_line01.gif) repeat-x left bottom;
	margin: 0px;
	padding: 10px 0px;
}
/* ------------------ FOOTER */
#footer{
	text-align: center;
	margin: 0px;
	padding: 20px 0px 10px;
	clear: both;
	width: 100%;
	background: #003399 url(../img/bg_foot.gif) repeat-x left top;
}
#footer p{
	font-size: 70%;
	color: #CCCCCC;
	line-height: 1.4em;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ CLASS SETTING */

/* ------------------ TopPage */
p.topp{
	padding-bottom: 20px;
}
p.topm{
	font-size: 80%;
	padding-top: 16px;
	padding-bottom: 0px;
	text-align: right;
	clear: both;
}
/* ------------------ TOPICS */
#topics{
	margin: 16px 0px;
}
#topics th{
	vertical-align: text-top;
	padding: 6px 16px 6px 30px;
	background: url(../img/icon_arrow01.gif) no-repeat 10px 8px;
	font-size: 80%;
	white-space: nowrap;
	margin: 0px;
}
#topics td{
	vertical-align: text-top;
	padding: 6px 0px;
	font-size: 80%;}
/* ------------------ TOP Buttons */
#topbtns{
	margin: 0px;
	padding: 20px 0px 10px;
	width: 550px;
}
#topbtns ul{
	margin: 0px;
	clear: both;
	list-style: none;
	padding: 0px;
}
#topbtns ul li{
	margin: 0px;
	padding: 0px;
	float: left;
	height: 104px;
	width: 134px;
	background: url(../img/bg_topbtn.gif) no-repeat left top;
}
#topbtns ul li a,
#topbtns ul li a:link,
#topbtns ul li a:active,
#topbtns ul li a:visited {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 104px;
	width: 124px;
}
#topbtns ul li a:hover{
	margin: 0px;
	padding: 4px 0px 0px 4px;
	height: 100px;
	width: 120px;
}

/* ------------------ H2 content */
div.conth2{
	background: #003399;
	margin: 0px;
	padding: 0px 0px 0px 15px;
	color: #FFFFFF;
}
div.conth2 h2{
	font-size: 100%;
	margin: 0px;
	padding: 5px 5px 5px 10px;
	border-left: 8px solid #FFFFFF;
	
}
/* ------------------ H3 content */
div.conth3{
background: url(../img/bg_line01.gif) repeat-x left bottom;
	margin: 20px 0px 16px;
	padding: 0px;}
div.conth3 h3{
	font-size: medium;
	background: url(../img/icon_arrow03.gif) no-repeat left center;
	margin: 0px;
	padding: 10px 0px 10px 20px;
	color: #003399;
}
/* ------------------ Short Cut P */
p.shortcut{
	margin: 0px;
	padding: 16px 16px 6px;
}
/* ------------------ P General01 */
p.general01{
	margin: 0px;
	padding: 16px 0px 10px;
}
/* ------------------ Table General01 */
table.general01{
	margin: 16px 0px;
	color: #FFFFFF;
}
table.general01 tbody th,
table.general01 tbody td{
	font-size: 90%;
	padding: 6px 10px;
	font-weight: normal;
	text-align: left;
}
table.general01 tbody tr.odd th{
	background: #003399;
}
table.general01 tbody tr.odd td{
	background: #002B82;
}
table.general01 tbody tr.even th{
	background: #819bd1;}
table.general01 tbody tr.even td{
	background: #677cbc;}
table.general01 tfoot td{
	font-size: 70%;
	color: #666666;
	padding: 5px;
}
table.general01 a,
table.general01 a:link,
table.general01 a:active,
table.general01 a:visited {
	color: #D5F2FF;
	text-decoration: underline;
}

table.general01 a:hover{
	color: #FFFFFF;
	text-decoration: none;
}
/* ------------------ Industrial sewing machine */
table.industry01{
	margin: 20px 0px;
}
table.industry01 th{
	padding: 0px 0px 0px 50px;
}
table.industry01 td{
	padding: 0px 50px 0px 10px;
}
table#industry02{
	margin: 16px 0px 0px;
	width: 540px;
}
table#industry02 td{
	text-align: center;
	padding: 0px;
}
table#industry02 th{
	font-size: 80%;
	font-weight: normal;
	text-align: center;
	padding: 5px 0px 20px;
}
/* ------------------ Embroidery machine */
p.embroidery01{
	margin: 0px;
	padding: 0px 0px 16px 20px;
}
table.embroidery01{
	margin: 10px 0px;

}
table.embroidery01 td{
	vertical-align: top;
	padding: 0px ;
}
table.embroidery01 td h4{
	background: #003399;
	margin: 0px;
	padding: 5px 10px;
	font-size: 90%;
	color: #FFFFFF;
}
table.embroidery01 td p{
	margin: 0px;
	padding: 5px 10px;
}
table.embroidery01 th{
	background: #003399;
	padding: 5px 10px;
}
table.embroidery01 th h4{
	font-weight:bold;
}
table.embroidery01 td.bgset{
	background: #003399;
	margin: 0px;
	padding: 0px;
}

table.embroidery02{
	margin: 10px 0px 20px;
	
}
table.embroidery02 td{
	vertical-align: top;
	padding: 0px ;
}
table.embroidery02 td h4{
	font-weight: bold;
	color: #5555FF;
	margin: 0px;
	padding: 5px 0px 5px 5px;
	font-size: 90%;
}
table.embroidery02 td p{
	margin: 0px;
	padding: 0px 0px 0px 5px;
	font-size: 70%;
}
table.embroidery02 td strong{
	font-weight: bold;
	color: #6699FF;
}
p.embroidery02{
	margin: 0px;
	padding: 16px 0px 10px;
}


table.embroidery03{
	margin: 10px 0px;
	width: 100%;
	color: #FFFFFF;
}
table.embroidery03 td{
background: #003399;
	vertical-align: top;
	padding: 0px ;
}
table.embroidery03 td p{
	margin: 0px;
	padding: 0px 5px;
}
table.embroidery03 th{
	background: #003399;
	padding: 0px;
	
}
table.embroidery03 h4{
	font-weight:bold;
	padding: 0px;
	margin:0px;
	line-height: 1.5em;
	text-align: center;
	font-size: 86%;
}
table.embroidery03 a,
table.embroidery03 a:link,
table.embroidery03 a:active,
table.embroidery03 a:visited {
	color: #D5F2FF;
	text-decoration: underline;
}

table.embroidery03 a:hover{
	color: #FFFFFF;
	text-decoration: none;
}



table.embroidery04{
	margin: 0px;
	width: 100%;
}
table.embroidery04 td{
	margin: 0px;
	padding: 0px;
}
table.embroidery04 h5{
	margin: 0px;
	padding: 0px 0px 0px 10px;
	border-left: 10px solid #6699FF;
	font-size: 86%;
	font-weight: bold;
	line-height: 1.5em;
	
}
table.embroidery04 td p{
	margin: 0px;
	padding: 0px 6px 16px;
}
table.embroidery04 td p.textr{
	margin: 0px;
	padding: 0px!important;
}

table.embroidery05{
	margin: 20px 0px;
	width: 100%;
	color: #FFFFFF;
}
table.embroidery05 th{
	background: #101038;
	vertical-align: top;
	padding: 3px;
	text-align:center;
	font-size: 90%;
}
table.embroidery05 td{
	background: #003399;
	vertical-align: top;
	padding: 3px;
	text-align: center;
	font-size: 90%;
}
/* ------------------ Curtain machine */
ol.curtain01{ margin:0px; padding:5px 0px 5px 26px;}
ol.curtain01 li{
	font-size: 86%;
	line-height: 1.4em;
}
h4.curtain01{
	margin: 10px 0px 0px;
	padding: 5px;
	border: 1px solid #003399;
	color: #003399;
}
/* ------------------ System */
ul.system01{
	margin: 0px;
	padding: 10px 20px;
	list-style: none;
}
ul.system01 li{
	background: #FFFFFF;
	margin: 0px 0px 6px;
	padding: 5px 5px 5px 10px;
	height: 22px;
	width: 360px;
	border: 1px solid #CCCCCC;
}
ul.system01 li a{
	color: #0033CC;
	text-decoration: none;
	display: block;
}
/* ------------------ Navigation List */
p.breads{
	font-size: 60%;
	margin: 0px;
	padding: 0px 0px 10px;
	color: #666666;
}
/* ------------------ Domestic */
a.domestic{
	background: url(../img/domestic/banasanpuru12.gif) no-repeat right center;
	margin: 0px;
	padding: 6px 90px 0px 0px;
	height: 25px;
	width: 190px;
	display:block;
	vertical-align:bottom!important;
}
/* ------------------ Privacy Policy */
dl#privacy01{
	margin: 0px;
	padding: 16px 0px;
}
dl#privacy01 dt{
	font-size: 90%;
	margin: 0px;
	padding: 5px;
}
dl#privacy01 dd{
	font-size: 86%;
	line-height: 1.4em;
	margin: 0px;
	padding: 5px 5px 5px 16px;
}
dl#privacy01 dd ul{
	margin: 0px;
	padding: 0px 0px 0px 16px;
}
dl#privacy01 dd ul li{}
/* ------------------ LINKS */
div#links{
	margin: 0px;
	padding: 20px 0px 10px;
}
#links h3{
	font-size: 90%;
	font-weight: bold;
	margin: 0px;
	padding: 6px 0px 10px 16px;
	border-left: 12px solid #003399;
	color: #003399;
}
#links p{
	padding-left: 30px;
}
#links p.links{
	padding-bottom: 20px;
}
/* ------------------ SHANGHAI MAP */
div#maps{
	margin: 0px;
	padding: 0px;
}
div#maps a,
div#maps a:link,
div#maps a:active,
div#maps a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}
div#maps a:hover{
	color: #66FFFF;
	text-decoration: none;
}
/* ------------------ NOWRAP */
.nowrp{
	white-space: nowrap!important;
}
/* ------------------ Go Page TOP */
.gotop{
	text-align: right;
	margin: 0px;
	padding: 5px 0px;
	clear: both;
}
.globaltop{
	text-align: right;
	margin: 0px auto;
	padding: 5px 0px 16px;
	clear: both;
	width: 800px;
	font-size: 86%;
}