@charset "UTF-8";

/* Reset CSS */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	line-height:150%;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}


/* Global */
html,body{
text-align:center;
height:100%;
}

body {
background-color:#FFFFFF;
color:#333333;
background-repeat:repeat-x;
background-attachment:fixed;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:13.5px;
}

a:link, a:visited, a:active {
color:#003399;
text-decoration:underline;
}
a:hover {
color:#3399CC;
text-decoration:none;
}
img	{
border-style: none;
}

input, option, select, textarea {
font-size:1em;
}

div.clear {
	margin:0;
	padding:0;
	clear:both;
	line-height: 0;
	height: 1px;
	width: 1px;
}
table td, table th, div {
	vertical-align: top;
	line-height:150%;
}


#mainLayout {
width:1100px;
margin:0 auto;
padding:0;
background:url(../images/bg.gif) repeat-y #ffffff;
}

#headerLayout {
width:100%;
height:90px;
margin:0;
padding:0;
}

#headerLeft {
width:270px;
height:90px;
float:left;
text-align:left;
margin:0 0 0 15px;
padding:0;
}


#headerRight {
width:770px;
height:90px;
float:right;
margin:0 15px 0 0;
padding:0;
}

#headerLang {
width:160px;
height:23px;
float:right;
margin:0 0 15px 0;
padding:0;
}

#headerMenu {
margin:0;
padding:0;
width:100%;
height:40px;
float:right;
}

#contentLayout {
clear:both;
margin:10px 15px;
padding:0;
text-align:center;
}

#breadCrumb {
font-size:0.85em;
margin:0;
padding:0 10px;
text-align:left;
}

h1 {
width:900px;
margin:20px auto 30px auto;
}

h2 {
margin-bottom:10px;
}


h3 {
margin-bottom:10px;
}


h5 {
font-size:1.3em;
color:#000000;
margin-bottom:10px;
}

h6 {
font-size:1.3em;
margin-bottom:2px;
font-weight:bold;
}

.pageContent {
clear:both;
width:100%;
margin:0 auto 70px auto;
text-align:left;
}

strong {
color:#FF0000;
font-weight:bold;
}

.dottedFrame {
border:#CCCDC7 1px dotted;
padding:5px 10px;
}

p {
padding:0;
margin-bottom:20px;
}

.list {
margin:0;
padding:0;
}

.note {
color:#FFCC00;
}

.red {
color:#FF0000;
}

.scrollIcon {
clear:both;
width:1068px;
margin:5px auto;
}

.gray {
color:#333333;
}


/* Page000: Top page */
.page000-1strow {
clear:both;
padding:7px;
}

.page000-1strow .page000-left {
width:790px;
height:390px;
float:left;
background-image:url(../images/top-ad-bg.gif);
background-repeat:no-repeat;
}

#top-photo {
margin:20px auto;
}

.page000-1strow .page000-right {
width:266px;
float:right;
}

.page000-1strow .page000-right2 table td {
padding-top:5px;
vertical-align:middle;
}

.page000-3ndrow {
clear:both;
margin:0 auto;
}


.page000-3ndrow-Left {
float:left;
width:354px;
text-align:left;
margin-left:6px;
}

.page000-3ndrow-Center {
float:left;
width:354px;
text-align:left;
margin-left:0;
}

.page000-3ndrow-Right {
float:left;
width:354px;
text-align:left;
margin-left:0;
}



.page000-3ndrow-Left h4, .page000-3ndrow-Center h4, .page000-3ndrow-Right h4 {
margin:0 auto;
width:354px;
}

.top-ad-bg1 {
background-image:url(../images/top-ad-bg1.jpg);
background-repeat:no-repeat;
margin:0 auto;
width:354px;
height:173px;
}
.top-ad-bg2 {
background-image:url(../images/top-ad-bg2.jpg);
background-repeat:no-repeat;
margin:0 auto;
width:354px;
height:173px;
}
.top-ad-bg3 {
background-image:url(../images/top-ad-bg3.jpg);
background-repeat:no-repeat;
margin:0 auto;
width:354px;
height:173px;
}


.page000-3ndrow-Left h5, .page000-3ndrow-Center h5, .page000-3ndrow-Right h5 {
margin:0 auto;
width:196px;
}


.top-ms-bg1 {
background-image:url(../images/top-ms-bg1.jpg);
background-repeat:no-repeat;
width:196px;
height:175px;
text-align:center;
margin:0;
padding:0;
}

.top-ms-bg2 {
background-image:url(../images/top-ms-bg2.jpg);
background-repeat:no-repeat;
width:196px;
height:175px;
text-align:center;
margin:0;
padding:0;
}


.top-ms-bg3 {
background-image:url(../images/top-ms-bg3.jpg);
background-repeat:no-repeat;
width:196px;
height:175px;
text-align:center;
margin:0;
padding:0;
}


.top-ms-bg1 ul, .top-ms-bg2 ul, .top-ms-bg3 ul {
padding-top:5px;
}





.ad-txt {
padding:10px 10px 0 35px;
text-align:left;
}
.ad-txt ul li {
list-style-image:url(../images/headmark001.gif);
padding:0;
margin:0;
}
li#notice {
list-style-image:none;
}
li#notice div {
margin-left:-25px;
fot-size:1.2em;
}

#top-sp {
width:158px;
}



/* Page001-004 */
h1.pageTitle {
float:left;
width:180px;
height:320px;
margin-right:15px;
margin-bottom:15px;
margin-top:0;
margin-left:0;
padding:0;
}

.topLayout {
float:right;
margin-bottom:20px;
width:860px;
}

.btmLayout {
clear:both;
width:1020px;
margin:0 auto;
}

h3.pageItem {
background:url(../images/bar-bg1.gif) no-repeat;
height:24px;
color:#FFFFFF;
font-weight:bold;
font-size:1.2em;
line-height:100%;
margin-top:0;
margin-bottom:0;
padding-bottom:0;
padding-top:3px;
padding-left:5px;
vertical-align:top;
}

.pageItem .note {
font-size:0.85em;
padding-left:15px;}


/* Page001: Special Promotion */





/* Page002: Customer Service */

.customer1-1 {
width:325px;
}

.customer1-2 {
margin:0 0 0 15px;
padding:5px 10px;
border:1px dotted #ccc;
}

.customer1-2 h5 {
font-size:1.3em;
color:#000000;
margin-bottom:5px;
}

.customer1-2 p {
margin-bottom:5px;}


.customer1-3 {
margin:10px 0 0 15px;
}

.customer1-3 h5 {
font-size:1.3em;
color:#000000;
margin-bottom:5px;
width:200px;
}

.customer1-3 table {
width:100%;}


.customer1-4 {
background:url(../images/customer-10.gif) no-repeat;
width:520px;
height:100px;
margin:0;
padding:0;
}

.customer1-4 table {
width:100%;
}

.customer1-4 table td {
padding:2px 3px 3px 3px;}

.customer1-4-1 {
width:50px;
text-align:center;
vertical-align:middle;}

.customer1-4-1 img {
float:left;
margin-left:2px;
}


.customer1-5 {
vertical-align:middle;
font-size:0.8em;
}


.customer1-6 {
margin:0 0 0 15px;
font-size:0.9em;
}



.customer2-1 p {
width:305px;
margin-right:25px;
}


.customer2-2 p {
width:225px;
margin-right:25px;
}

.customer2-3 table {
width:440px;
margin-bottom:20px;
}

.customer2-3 p {
width:440px;
}

.customer3-1 {
padding-top:10px;}


.customer3-1 table {
width:100%;
}

.customer3-1 table td {
padding:10px;
width:50%;
}


.page002-1strow {
clear:both;
}
.page002-1strow .page002-left {
width:435px;
float:left;
}

.page002-1strow .page002-left .dottedFrame {
margin:15px auto;
}

.page002-1strow .page002-left ol {
margin-left:20px;
padding:0;
list-style-type:decimal;
}

.page002-1strow .page002-left ol li {
margin-bottom:10px;
}

.page002-1strow .page002-right {
width:445px;
float:right;
}

.page002-1strow .page002-right .page002-right1 {
width:225px;
float:left;
}

.page002-1strow .page002-right .page002-right2 {
width:200px;
float:right;
}

.page002-1strow .page002-right .page002-right3 {
clear:both;
width:445px;
padding-top:30px;
}

.page002-2ndrow {
clear:both;
padding-top:20px;
}

.page002-2ndrow table {
clear:both;
}

.page002-2ndrow table td {
padding-top:20px;
}

.page002-2ndrow table td.left {
padding-right:30px;
}

.page002-2ndrow table td ul {
margin-left:2px;
}


/* Page003: About Us */

.about-logo {
float:right;
margin:0 0 15px 15px;}




.about-1 td {
width:340px;}



.page003-2ndrow-Left {
border:#DDDDDD 10px solid;
width:310px;
text-align:left;
}

.page003-2ndrow-Center {
border:#DDDDDD 10px solid;
width:310px;
text-align:left;
}


.page003-2ndrow-Right {
border:#DDDDDD 10px solid;
width:310px;
text-align:left;
}


.page003-txt {
padding:5px 10px;
height:250px;
}

.page003-2ndrow-Left .page003-txt h6 {
color:#FFCC00;
margin-bottom:10px;
}


.page003-2ndrow-Center .page003-txt h6 {
color:#FF1B00;
margin-bottom:10px;
}

.page003-2ndrow-Right .page003-txt h6 {
color:#432D25;
margin-bottom:10px;
}




.page003-icons {
background:#D5D9E5;
width:980px;
margin:0 auto 10px auto;
}

.page003-icons ul {
padding:15px;
}


.page003-icons ul li {
display:inline;
}


.page003-icons ul li img {
margin:10px;}





/* Page004: Recruit */
.page004-2ndrow-Left {
border:#DDDDDD 10px solid;
margin-bottom:10px;
}

.page004-2ndrow-Center {
border:#DDDDDD 10px solid;
margin-bottom:10px;
}


.page004-2ndrow-Right {
border:#DDDDDD 10px solid;
margin-bottom:10px;
}


.page004-txt {
padding:5px 10px;
}

.page004-2ndrow-Left .page004-txt h6 {
color:#FFCC00;
margin-bottom:10px;
}


.page004-2ndrow-Center .page004-txt h6 {
color:#FF1B00;
margin-bottom:10px;
}

.page004-2ndrow-Right .page004-txt h6 {
color:#432D25;
margin-bottom:10px;
}


/* Page005: APITA UNY PIAGO card */


.dahsingcard-1 {
margin:0 auto 20px auto;
width:850px;
}

.dahsingcard-1 td {
text-align:center;
}

.page005-remark {
padding:20px 0;
}

.apitacard {
height:840px;
}

.page005-btn-table {
margin:0 auto;
}

.page005-btn {
padding:20px 8px;
text-align:center;
}


/* Footer */

#footerLayout {
width:100%;
height:33px;
margin:10px 0 0 0;
padding:0;
clear:both;
color:#333333;
font-size:0.85em;
background-image:url(../images/footer-bg.jpg);
}
/* font-family, font-size, line-height are imported by another css for each language */

#footerLayout a {
color:#003399;
text-decoration:underline;
}

#footerLayout a:hover {
color:#3399CC;
text-decoration:none;
}


#footerLeft {
float:left;
text-align:left;
margin:10px 0 0 15px;
}

#footerRight {
float:right;
text-align:right;
margin:10px 0 0 0;
}

#footerRight ul li {
display:inline;
margin: 0 15px 0 0;
}