/* ====================================== */
/* clearfix */
.clearfix:after { content: ""; display: table; clear: both; }

/* ladies only */
.clearfix { /* clearfix is already applied */ }

/* ====================================== */
/* main */
.mod_contents.no-side { padding-bottom: 10%; }

.mod_title { position: relative; padding: 0 30px; width: 100%; height: 60px; line-height: 60px; color: #fff; font-size: 1.4em; background: #acabb1; }
.mod_title span { margin: 0 0 0 20px; color: #666; font-size: 0.9em; font-family: Tahoma, Arial, sans-serif; }
@media screen and (max-width: 640px) { .mod_title { margin: 0 -10px; padding: 10px; width: 106.25%; height: auto; line-height: 1.4; font-size: 1em; }
  .mod_title span { display: block; margin: 0; font-size: 0.85em; } }
.mod_title + p { margin: 3% 0; }

.body_404 .btn { letter-spacing: -0.4em; }
.body_404 .btn li { position: relative; display: inline-block; margin: 0 0 0 20px; width: 190px; height: auto; text-align: center; letter-spacing: normal; border: 1px solid #e5e5e5; behavior: url("/common/js/PIE.htc"); background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTJlNGQ4Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(50%, #ffffff), color-stop(100%, #e2e4d8)); background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 50%, #e2e4d8 100%); background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 50%, #e2e4d8 100%); background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #e2e4d8 100%); }
.body_404 .btn li:first-child { margin: 0; }
.body_404 .btn li a { display: block; padding: 10px 0; height: auto; line-height: 1; color: #dd0e16; font-weight: bold; border: 1px solid #fff; }
.body_404 .btn li a:before { position: relative; content: ""; display: inline-block; margin: 0 8px 0 0; border-style: solid; border-width: 5.5px 0 5.5px 7px; border-color: transparent transparent transparent #dd0e16; }
@media screen and (max-width: 640px) { .body_404 .btn { text-align: center; }
  .body_404 .btn li { margin: 0 0 0 10px; width: 48%; font-size: 0.85em; }
  .body_404 .btn li:first-child { margin: 0; }
  .body_404 .btn li a { height: auto; } }

/* ====================================== */