/* -------------------------------
base Layout
------------------------------- */
body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  text-align: left;
 }

#wrapper {
  width: 100%;
  margin: 0 auto;
  position: absolute;
  top:0;
  left:0;
 }

/* -------------------------------
headerArea Layout
------------------------------- */
#headerArea {
  text-align:left;
  margin: 0 auto;
 }

/* -------------------------------
contentsArea Layout
------------------------------- */
#contentsArea {
  text-align:left;
  clear:both;
 }
/* -------------------------------
centerArea Layout
------------------------------- */
.centerArea {
  float: left;
 }

/* -------------------------------
leftArea Layout
------------------------------- */
.leftArea {
  float: left;
 }
/* -------------------------------
rightArea Layout
------------------------------- */
.rightArea {
  float: left;
 }

/* -------------------------------
footerArea Layout
------------------------------- */
#footerArea {
  text-align:left;
  clear: both;
 }