@charset "UTF-8";
:root {
  background-color: #5e360e; }

/*====================================================================================================
html
====================================================================================================*/
html {
  background: #5e360e; }

body {
  color: #333;
  font: 14px/100% "Arial", "Verdana", "sans-serif", "Lucida Grande", "Lucida Sans Unicode", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica";
  -webkit-font-smoothing: antialiased; }

a {
  color: #0b6aff;
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

strong {
  font-weight: bold; }

/*====================================================================================================
common
====================================================================================================*/
.mb10 {
  margin-bottom: 10px; }

.mb20 {
  margin-bottom: 20px; }

/*====================================================================================================
clearfix
====================================================================================================*/
.clearfix:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

* html .clearfix {
  height: 1%; }

*:first-child + html .clearfix {
  min-height: 1px; }

/*====================================================================================================
header
====================================================================================================*/
.ui-header {
  border-bottom: 4px solid #e95504;
  background: #fff; }

.ui-header .ui-title {
  padding: 15px 0;
  text-align: center; }

.ui-header .ui-title a {
  display: inline-block; }

.ui-header .ui-title img {
  display: block; }

.ui-navi {
  position: absolute;
  bottom: 20px;
  right: 0; }

.ui-navi li {
  float: left;
  border-left: 1px solid #333;
  padding: 0 20px;
  text-align: right; }

.ui-navi li:last-child {
  padding-right: 0; }

.ui-navi li.faq {
  border: none;
  padding-left: 0; }

.ui-navi a {
  color: #333; }

/*====================================================================================================
contents
====================================================================================================*/
.ui-content {
  min-width: 1072px;
  background: url("/kanji/assets/media/hiroba/pc/img/bg_img.png") no-repeat center top; }

.ui-main-body {
  position: relative; }

.ui-item_error {
  position: absolute;
  bottom: 0;
  left: 50%;
  border: 6px solid #000;
  margin: 15px 0;
  padding: 30px 50px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%); }
  .ui-item_error p {
    text-align: left; }

.ui-content .ui-container {
  width: 900px; }

.ui-footer #copyright small {
  color: #fff; }

.ui-main-upper .ui-logo {
  position: relative;
  padding-top: 14px; }

.ui-frame .ui-item-header .ui-item-title {
  margin-top: 0; }