@charset "utf-8";

/* ---------------------------------------------------------------------------
 [ class.css ]

 クラス設定

 特定の役割を持った要素へのスタイル定義を行います。
 ただし、接頭辞として（.x-）の使用は禁止します。

 ex.) 禁止例

 li.x-example {

 }

--------------------------------------------------------------------------- */

/* ------------------------------
 ログイン 設定
------------------------------ */

/* 中央線 */
.login_border {
  background: url(../../images/login/bg_center_border.gif) repeat-y center;
}

/* ログイン 左 */
.login_l {
  float: left;
  width: 442px;
}

/* ログイン 右 */
.login_r {
  float: right;
  width: 442px;
}

/* タイトル */
.row_line_o {
  margin: 0 0 20px;
  padding: 5px 14px 4px 0;
  border: 1px solid #FF9900;
  background: url(../../images/login/bg_line_orange.gif) repeat;
}

.ttl_ring {
  padding: 0 0 0 26px;
  font-weight: bold;
  font-size: 123.1%;
  background: url(../../images/login/icon_ring.gif) no-repeat 0.3em;
}

/* フォント */
.login_intro {
  margin: 0 0 10px;
  padding: 0 0 0 2px;
  font-size: 100%;
}

.login_err {
  margin: 0 0 5px;
  padding: 0 0 0 2px;
  color: #990000;
  font-size: 100%;
}

/* テーブル */
.type_login {
  width: 345px;
  margin: 0 0 15px;
  border-top: 1px solid #C6B198;
  border-left: 1px solid #C6B198;
}

.type_login th,
.type_login td {
  padding: 10px;
  border-right: 1px solid #C6B198;
  border-bottom: 1px solid #C6B198;
  font-size: 100%;
}

.type_login th {
  font-weight: bold;
  background: url(../../images/bg_th_yellow.gif) repeat;
}

.type_login th.adjust {
  padding-left: 8px;
  padding-right: 0;
}

.type_login td input {
  width: 194px;
  border: 1px solid #C6B198;
}

.type_inquiry_login {
  width: 920px;
  margin: 0 0 15px;
  border-top: 1px solid #C6B198;
  border-left: 1px solid #C6B198;
}

.type_inquiry_login th,
.type_inquiry_login td {
  border-right: 1px solid #C6B198;
  border-bottom: 1px solid #C6B198;
  font-size: 100%;
}

.type_inquiry_login th {
  line-height: 2.0;
  padding: 6px 0 8px;
  text-align: center;
  background: url(../../images/bg_th_yellow.gif) repeat;
}

.type_inquiry_login th.normal {
  background: none;
  background: #F7F3EA;
}

.type_inquiry_login th span {
  font-weight: bold;
}

.type_inquiry_login td {
  padding: 6px 10px;
}

/* ul */
.user_pass {
  padding: 0 0 0 13px;
  color: #990000;
  font-size: 85%;
  background: url(../../images/login/icon_arrow_r_s.gif) no-repeat left 0.1em;
}

.user_pass a {
  color: #990000;
}

ul.input_tel li {
  padding: 0 5px 0 0;
}

ul.login_btn {
  margin: 0 0 15px 10px;
}

ul.login_btn li {
  padding: 0 10px 0 0;
  font-size: 100%;
}

ul.login_btn li input {
  margin: 0 5px 0 0;
}

/* dl */
dl.input_name dt {
  width: 26px;
}

dl.input_name dd {
  padding: 0 15px 0 0;
}

dl.input_address dt {
  margin: 0 5px 0 0;
}

dl.input_address ul li  {
  padding-right: 5px;
}

dl.input_address ul li.last  {
  padding-right: 0;
  padding-right: 10px;
}

dl.ssl_intro {
  margin: 0 0 5px 10px;
  color: #990000;
  font-size: 100%;
}

dl.ssl_intro dt {
  margin: 0 0 3px;
  padding: 5px 26px 2px 0;
  font-weight: bold;
  background: url(../../images/icon_ssl.gif) no-repeat right 0.1em;
}

dl.regist_intro {
  margin: 0 0 10px;
  font-size: 100%;
}

dl.regist_intro dt {
  margin: 0 0 3px;
  padding: 0 0 0 15px;
  color: #00385F;
  font-weight: bold;
  background: url(../../images/icon_sq_diagonal.gif) no-repeat left 0.2em;
}

dl.regist_intro dd ul {
  margin: 0 0 0 2.5em;
}

dl.regist_intro dd ul li {
  list-style-type: disc;
  line-height: 1.4;
}

/* ボタン */
.btn_regist_free {
  margin: 0 0 0 20px;
}


/* ------------------------------
 ログアウト 設定
------------------------------ */
.logout_box {
  margin: 0 0 10px;
  padding: 30px 10px;
  border: 1px solid #999;
  font-weight: bold;
  font-size: 123.1%;
  text-align: center;
}


/* EoS */

/* ===========================================================================
 レスポンシブ対応 メディアクエリ
 ブレークポイント定義：
   PC（デスクトップ）：768px 以上（既存スタイルがそのまま適用）
   スマートフォン     ：767px 以下
=========================================================================== */

/* ------------------------------
 スマートフォン（767px 以下）
------------------------------ */
@media screen and (max-width: 767px) {
    /* ------------------------------
       ログイン設定
    ------------------------------ */
    /* 中央線 */
    .login_border {
	background: none;
    }
    
    /* ログイン 左 */
    .login_l,
    .login_r {
	float: none;
	width: 100%;
    }
    
    /* テーブル */
    .type_login {
	width: 100%;
    }

    .type_login td input {
	width: 100%;
    }

    .type_inquiry_login {
	width: 100%;
    }
}