html, body{letter-spacing:2px; font-size:14px; margin:0; color:#4A4A4A;}
.engRemark {font-family: Verdana, Geneva, sans-serif; letter-spacing:0;}

article, section, aside, hgroup, nav, header, footer, figure, figcaption {
  display: block;
}

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

h1 {font-size:20px;}
h2 {font-size:18px;}
h3 {font-size:16px;}
h4 {font-size:14px;}
h5 {font-size:12px;}

h4+p, p:first-child {padding-top:0; margin-top:0;}

.colorSetA {color:#c58113;}
.colorSetB {color:#178625;}
.colorSetC {color:#CC2B48;}
.colorSetD {color:#0a2d8f;}
.colorSetE {color:#2c2d32;}

body {background-color:#dfdfdf;}

img {margin:0;}

div.container {width:960px; height:1%; overflow:hidden; margin:0 auto; background-color:#FFF;}

.bannerArea {border-bottom:#9ad300 4px solid;}
.bannerArea img{display:block;}

#mainPage ul{width:99%; display: inline-block; list-style-type: none; margin:0; padding:3px 0.5%;}
#mainPage ul li{width:47%; float: left; margin:5px 0.39%; padding:1%; border:#c5c5c5 1px solid; text-align:center; background:#fafafa;}

#companyName {width:100%; float:left; text-align:center; margin-top:15px;}
.contentBox {margin:10px 0 30px;}

.mainpic01 {padding-left:4%; background:#c58113;}
.mainpic02 {padding-left:4%; background:#178625;}
.mainpic03 {padding-left:4%; background:#CC2B48;}
.mainpic04 {padding-left:4%; background:#0a2d8f;}

footer {width:100%; height:95px; padding-top:5px; float:left; color:#FFF; border-top:#d3b600 12px solid;}

.footerBg {
  /* fallback */
  background-color: #1f170a;
  background: url(images/linear_bg_2.png);
  background-repeat: repeat-x;

  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#44341a), to(#1f170a));

  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #1f170a, #44341a);

  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #1f170a, #44341a);

  /* IE 10 */
  background: -ms-linear-gradient(top, #1f170a, #44341a);

  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #1f170a, #44341a);
}