/**
 * reset
 */

body {
  background: #fff;
  font-family: 'Arial';
  font-size: 12px;
  color: #000;
}

table, td {
  margin: 0;
  border: 0;
  padding: 0;
}

td {
  text-align: left;
  vertical-align: middle;
}

th {
  text-align: center;
  vertical-align: middle;
}

img {
  border: 0;
}

form {
  margin: 0;
}

input, select, textarea {
  margin: 0;
  padding: 0;
  font-family: 'Arial';
  font-size: 12px;
  color: #000;
}

input, select, textarea:focus {
  outline: none;
}

/**
 * layout
 */

html {
  height: 101%;
}

body {
  height: 100%;
  margin: 0;
  padding: 0;
}

.l_wrapper {
  width: 100%;
  height: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

.l_spike,
.l_spike_left,
.l_spike_right,
.l_spike_center,
.l_spike_center div {
  height: 0;
  font-size: 0;
}

.l_spike_left,
.l_spike_right {
  width: 50%;
}

.l_spike_center,
.l_spike_center div {
  width: 900px;
}

.l_middle {
}

.l_middle_left,
.l_middle_right,
.l_middle_center {
  vertical-align: top;
}

.l_bottom {
}

.l_bottom_left,
.l_bottom_right,
.l_bottom_center {
  vertical-align: bottom;
}

.l_content {
  width: 900px;
  border-collapse: collapse;
  border-spacing: 0;
}

.l_content_spike,
.l_content_spike_left,
.l_content_spike_right,
.l_content_spike_center {
  height: 0;
  padding: 0;
  font-size: 0;
}

.l_content_spike_left {
  width: 205px;
}

.l_content_spike_right {
  width: 230px;
}

.l_content_spike_center {
  width: 465px;
}

.l_content_left,
.l_content_right,
.l_content_center {
  vertical-align: top;
}

.l_content_left {
  width: /* 205 - 30 */175px;
  padding: 50px 30px 30px 0;
}

.l_content_right {
  width: /* 230 - 30 */200px;
  padding: 45px 0 50px 30px;
}

.l_content_center {
  width: 465px;
  padding: 45px 0 30px 0;
}