@charset "utf-8";

/*** Ravijour CSS Document *******************************************

  form.css

**********************************************************************
  
  1. フォーム系共通パーツ

  2. カート系

  3. 会員登録系

  4. マイページ系

******************************************************************* */



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

  1. フォーム系共通パーツ

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



/* アラート
------------------------------------- */
.alert.topBox {
  position: absolute;
  z-index: 2001;
  width: 100%;
  min-width: 850px;
  padding: 10px 0;
  text-align: center;
  font-weight: bold;
  font-size: 180%;
  background: #ecb5d3;
}

.alert.topBox span {
  line-height: 160%;
}

.alert.topBox a {
  padding: 0 0 0 20px;
  text-decoration: none;
  font-size: 75%;
  line-height: 100%;
}

.alert.topBox a.cartlink {
  text-decoration: underline;
  margin: 0 20px;
  padding: 0 0 0 15px;
  background: url(../images_ravi/bg_link.png) no-repeat left center;
  font-size: 100%;
}

.alert.topBox.green {
  background: #e1a531;
}

.alert.topBox.green span {
  padding: 0 0 0 25px;
}

.alert.topBox.red {
  background: #ecb5d3;
}

.alert.topBox.red span {}

.alert.topBox.normal {
  background: #8be2ec;
}


/* ポップアップアラート（カート追加済み時表示）
------------------------------------- */
#alertPop {
  position: absolute;
  z-index: 2000;
  text-align: center;
  font-size: 180%;
  width: 400px;
  top: 400px;
  margin-left: 290px;
  border: 2px solid #cf4889;
  padding: 20px;
  background: #fff;
  border-radius: 3px;
}

#alertPop p {
  color: #cf4889;
  font-weight: bold;
}

#alertPop p.cartlink {
  display: inline-block;
  margin: 10px auto 0;
  padding: 0;
  font-weight: normal;
  font-size: 90.9%;
}

#alertPop p.cartlink a {
  display: block;
  font-size: 100%;
  text-decoration: none;
  color: #ffffff;
  background: #cf4889;
  padding: 0 10px;
  border-radius: 3px;
}

#alertPop p.cartlink a img {
  vertical-align: central;
  padding: 0 3px 3px 0;
}

#alertPop p.cartlink a:hover {
  background: #e9bfd3;
}

#alertPop p {
  padding: 0;
  margin: 0;
}

#alertPop .close.btn {
  position: absolute;
  right: -12px;
  top: -12px;
  cursor: pointer;
}

#alertPop.error {
  margin-left: 85px;
}

/* 大枠
------------------------------------- */
#allfieldsimple {
  position: relative;
  width: 100%;
  min-width: 1025px;
  height: 100%;
  padding: 0 0 30px;
}

@media screen and (max-width: 1112px) {
  #allfieldsimple {
    min-width: 100%;
  }
}

/* ヘッダー */
#allfieldsimple #header {
  border: none;
  background: #fff;
  min-width: 1025px;
  margin: 0 auto;
  text-align: center;
  padding: 10px 0 5px;
}

@media screen and (max-width: 1112px) {
  #allfieldsimple #header {
    min-width: 100%;
  }
}

#allfieldsimple .logo {
  float: none;
  width: 1025px;
  padding: 2px 0;
  margin: 0 auto;
  text-align: left;
  position: relative;
}

@media screen and (max-width: 1112px) {
  #allfieldsimple .logo {
    width: auto !important;
    position: static;
    margin-left: 5%;
  }
}


#dvUserContents {
  width: 780px;
  margin: 20px auto;
  padding: 30px 0;
  text-align: left;
  position: relative;
  background: #fff;
}

#dvUserContents h2 {
  font-size: 130%;
  margin: 0 auto;
  padding: 20px 0;
  width: 580px;
  text-align: center;
}

#dvHeaderRegistClumbs {
  text-align: center;
}

.dvContentsInfo {
  padding: 10px 0 20px;
  text-align: center;
}

.dvUserInfo {
  width: 580px;
  margin: 0 auto;
}

.dvUserInfo h3 {
  font-size: 130%;
  border-top: 1px solid #aaa;
  padding: 20px 0;
}

.dvUserInfo table th {
  padding: 5px 60px 5px 0;
}

.dvUserInfo table td {
  padding: 5px 0;
}

.dvLoginInfo {
  width: 340px;
  margin: 30px auto 0;
  padding: 20px;
  text-align: center;
  background: #fafafa;
  border: 1px solid #ccc;
}

.dvLoginInfo table {
  margin: 0 auto;
}

.dvLoginInfo table th,
.dvLoginInfo table td {
  font-weight: normal;
  padding: 5px 20px;
}


/* noscript */
#noscript {
  display: block;
  background: #ecb5d3;
  margin: 0 auto 10px;
  width: 840px;
  padding: 0 5px;
  text-align: center;
}

.dvUserBtnBox p span {
  display: inline-block;
}

.dvUserBtnBox p span a {
  background: #ec86a8;
  border-radius: 5px;
  border: none;
  color: #ffffff;
  padding: 8px 0;
  text-align: center;
  cursor: pointer;
  display: block;
}



/* パンくず */
ul#breadcrumbs {
  width: 1025px;
  margin: 0 auto;
  padding: 10px 0;
}

@media screen and (max-width: 1112px) {
  ul#breadcrumbs {
    width: auto !important;
    margin-left: 5%;
  }
}

ul#breadcrumbs h1 {
  font-weight: normal;
}

ul#breadcrumbs li {
  float: left;
  background: url(../images_ravi/bg_arr_breadcrumbs.gif) no-repeat 0 50%;
  margin: 0 10px 0 0;
  padding: 0 0 0 15px;
  line-height: 100%;
}

ul#breadcrumbs li.home {
  background: none;
  padding: 0;
}

ul#breadcrumbs li a {
  color: #999;
  text-decoration: underline !important;
}

ul#breadcrumbs li a:hover {
  text-decoration: none !important;
}


/* テキスト装飾 */
.txtb {
  font-weight: bold;
}

.txtng {
  font-weight: bold;
  color: #d91e78;
}

.txtex {
  padding: 3px 0 0;
  font-size: 83.3%;
  line-height: 130%;
  color: #999999;
}

p.txtex {
  margin-top: 0.3em;
}

.txtsmall {
  font-size: 83.3%;
  line-height: 130%;
}

.txtprice {
  font-weight: bold;
  color: #cc0000;
}

.txtattention {
  font-size: 91.7%;
  line-height: 130%;
  color: #d50101;
}

.txtattention2 {
  line-height: 130%;
  color: #ffffff;
  background: #d50101;
  padding: 0 5px;
}

.txtempareart {
  display: block;
  font-weight: bold;
  color: #d50101;
}

.txtspace {
  padding: 0 0 0 16px;
}


/* リンク：矢印 */
.arrlink a {
  display: inline-block;
  background: url(../images_ravi/bg_link.png) no-repeat 0 50%;
  padding: 0 0 0 15px;
}


/* リンク：別ウィンドウ*/
.arrlinkother a {
  background: url(../images_ravi/ico_otherwindow.gif) no-repeat 100% 50%;
  line-height: 160%;
  margin: 0 4px 0 0;
  padding: 0 13px 0 0;
}


/* リンク枠（中央揃え） */
.linkregist {
  margin: 5px 20px 10px;
  text-align: center;
}


/* 注意枠 */
.boxalertstrong {
  background: #ffffff url(../images_ravi/bg_boxalertstrong.gif) no-repeat 0 0;
  border: 5px solid #efdae4;
  line-height: 160%;
  margin: 20px 0 0;
  padding: 10px 20px 10px 50px;
  color: #d50101;
}

.boxalertstrong strong {
  display: block;
  font-size: 116.7%;
}

/* 注意文単体 */
.alertstrong {
  color: #d50101;
  font-size: 116.7%;
}


/* フォームボタン
------------------------------------- */

/* 購入手続きへ（ピンク） */
input.btncartinpurchase {
  display: block;
  border: none;
  background: url(../images_ravi/btn_carttop_purchase.gif) no-repeat 0 0;
  width: 400px;
  height: 46px;
  margin: 0 auto;
  padding: 0;
  text-indent: -9999px;
}

a.btncartinpurchase {
  display: block;
  border: none;
  background: url(../images_ravi/btn_carttop_purchase.gif) no-repeat 0 0;
  width: 400px;
  height: 46px;
  margin: 0 auto;
  padding: 0;
  text-indent: -9999px;
  display: block;
  margin-left: 150px;
}

/* ログインして、購入を続ける（ピンク） */
input.btnlogintopnext,
a.btnlogintopnext {
  display: block;
  border: none;
  background: url(../images_ravi/btn_cart_login.gif) no-repeat 0 0;
  width: 230px;
  height: 29px;
  margin: 20px 0;
  padding: 0;
  text-indent: -9999px;
}

/* 会員登録して、購入を続ける（ピンク） */
input.btnlogintopmember {
  display: block;
  border: none;
  background: url(../images_ravi/btn_cart_regist.gif) no-repeat 0 0;
  width: 230px;
  height: 29px;
  margin: 15px auto 0;
  padding: 0;
  text-indent: -9999px;
}

/* 購入手続きへ（ピンク） */
input.btnlogintoppurchase,
a.btnlogintoppurchase {
  display: block;
  border: none;
  background: url(../images_ravi/btn_cart_noregist.gif) no-repeat 0 0;
  width: 230px;
  height: 29px;
  margin: 20px 0;
  padding: 0;
  text-indent: -9999px;
}


/* 会員登録しないで、購入を続ける（ピンク） */
input.btnlogintoppurchase_old {
  display: block;
  border: none;
  background: url(../images_ravi/btn_cart_noregist_old.gif) no-repeat 0 0;
  width: 230px;
  height: 29px;
  margin: 20px 0;
  padding: 0;
  text-indent: -9999px;
}


/* 次に進む（ピンク） */
input.btnloginnext,
a.btnloginnext {
  display: block;
  border: none;
  background: url(../images_ravi/btn_step_next.gif) no-repeat 0 0;
  width: 140px;
  height: 29px;
  margin: 0 auto;
  padding: 0;
  text-indent: -9999px;
}

/* 追加する（ピンク） */
input.btnloginadd {
  display: block;
  border: none;
  background: url(../images_ravi/btn_step_add.gif) no-repeat 0 0;
  width: 140px;
  height: 29px;
  margin: 0 auto;
  padding: 0;
  text-indent: -9999px;
}

/* 登録する（ピンク） */
input.btnloginregistry {
  display: block;
  border: none;
  background: url(../images_ravi/btn_step_registry.gif) no-repeat 0 0;
  width: 140px;
  height: 29px;
  margin: 0 auto;
  padding: 0;
  text-indent: -9999px;
}

/* 注文を確定する（ピンク） */
input.btnorder {
  display: block;
  border: none;
  background: url(../images_ravi/btn_cart_orderfix.gif) no-repeat 0 0;
  width: 240px;
  height: 40px;
  margin: 0 auto;
  padding: 0;
  text-indent: -9999px;
}

a.btnorder {
  display: block;
  border: none;
  background: url(../images_ravi/btn_cart_orderfix.gif) no-repeat 0 0;
  width: 240px;
  height: 40px;
  margin: 0 auto;
  padding: 0;
  text-indent: -9999px;
  display: block;
}

/* 変更する（ピンク） */
input.btnchange {
  display: block;
  border: none;
  background: url(../images_ravi/btn_ovl_change.gif) no-repeat 0 0;
  width: 140px;
  height: 29px;
  margin: 0 auto;
  padding: 0;
  text-indent: -9999px;
}

a.btnchange {
  display: block;
  border: none;
  background: url(../images_ravi/btn_ovl_change.gif) no-repeat 0 0;
  width: 140px;
  height: 29px;
  margin: 0 auto;
  padding: 0;
  text-indent: -9999px;
}

/* 確認する（ピンク） */
a.btnchange2 {
  display: block;
  border: none;
  background: url(../images_ravi/btn_ovl_confirmation.gif) no-repeat 0 0;
  width: 140px;
  height: 29px;
  margin: 0 auto;
  padding: 0;
  text-indent: -9999px;
}

/* ログイン（ピンク） */
input.btnregistlogin {
  display: block;
  border: none;
  background: url(../images_ravi/btn_regist_login.gif) no-repeat 0 0;
  width: 230px;
  height: 29px;
  margin: 0 auto;
  padding: 0;
  text-indent: -9999px;
}

a.btnregistlogin {
  display: block;
  border: none;
  background: url(../images_ravi/btn_regist_login.gif) no-repeat 0 0;
  width: 230px;
  height: 29px;
  margin: 0 auto;
  padding: 0;
  text-indent: -9999px;
  display: block;
}

/* 解除する（ピンク） */
input.btnregistcancel {
  display: block;
  border: none;
  background: url(../images_ravi/btn_regist_release.gif) no-repeat 0 0;
  width: 140px;
  height: 29px;
  margin: 0 auto;
  padding: 0;
  text-indent: -9999px;
}

/* 更新する（ピンク） */
input.btnregistupdate {
  display: block;
  border: none;
  background: url(../images_ravi/btn_regist_update.gif) no-repeat 0 0;
  width: 140px;
  height: 29px;
  margin: 0 auto;
  padding: 0;
  text-indent: -9999px;
}

/* 送信する（ピンク） */
input.btnregistsubmit {
  display: block;
  border: none;
  background: url(../images_ravi/btn_regist_submit.gif) no-repeat 0 0;
  width: 140px;
  height: 29px;
  margin: 0 auto;
  padding: 0;
  text-indent: -9999px;
}

a.btnregistsubmit {
  display: block;
  border: none;
  background: url(../images_ravi/btn_regist_submit.gif) no-repeat 0 0;
  width: 140px;
  height: 29px;
  margin: 0 auto;
  padding: 0;
  text-indent: -9999px;
}

/* 同意して登録する（ピンク） */
input.btnregistagree {
  display: block;
  border: none;
  background: url(../images_ravi/btn_regist_member.gif) no-repeat 0 0;
  width: 240px;
  height: 40px;
  margin: 0 auto;
  padding: 0;
  text-indent: -9999px;
}

a.btnregistagree {
  display: block;
  border: none;
  background: url(../images_ravi/btn_regist_member.gif) no-repeat 0 0;
  width: 240px;
  height: 40px;
  margin: 0 auto;
  padding: 0;
  text-indent: -9999px;
  display: block;
}

/* 会員登録はこちら（ピンク） */
input.btnregistagreehere {
  display: block;
  border: none;
  background: url(../images_ravi/btn_regist_member_here.gif) no-repeat 0 0;
  width: 150px;
  height: 29px;
  margin: 0 auto;
  padding: 0;
  text-indent: -9999px;
}

/* カタログ配送先を設定する（ピンク） */
input.btncatalogcansel {
  display: block;
  border: none;
  background: url(../images_ravi/btn_catalog_cancel.gif) no-repeat 0 0;
  cursor: pointer;
  width: 150px;
  height: 26px;
  margin: 0px auto;
  padding: 0;
  text-indent: -9999px;
}

/* 並び替えを確定する（ピンク） */
input.btnchangefix {
  display: block;
  border: none;
  background: url(../images_ravi/btn_mypage_changefix.gif) no-repeat 0 0;
  cursor: pointer;
  width: 140px;
  height: 29px;
  margin: 0px auto;
  padding: 0;
  text-indent: -9999px;
}

/* 前の画面に戻る（グレー） */
input.btncartincancel {
  position: absolute;
  top: 7px;
  left: 2px;
  display: block;
  border: none;
  background: url(../images_ravi/btn_carttop_prev.gif) no-repeat 0 0;
  width: 138px;
  height: 26px;
  padding: 0;
  text-indent: -9999px;
}

a.btncartincancel {
  position: absolute;
  top: 7px;
  left: 2px;
  display: block;
  border: none;
  background: url(../images_ravi/btn_carttop_prev.gif) no-repeat 0 0;
  width: 138px;
  height: 26px;
  padding: 0;
  text-indent: -9999px;
  display: block;
}

/* 変更する（グレー） */
input.btnloginchange {
  display: block;
  border: none;
  background: url(../images_ravi/btn_change.gif) no-repeat 0 0;
  width: 150px;
  height: 26px;
  margin: 0 auto;
  padding: 0;
  text-indent: -9999px;
}

a.btnloginchange {
  display: block;
  border: none;
  background: url(../images_ravi/btn_change.gif) no-repeat 0 0;
  width: 150px;
  height: 26px;
  margin: 0 auto;
  padding: 0;
  text-indent: -9999px;
  display: block;
}

/* 別のお届け先を指定する（グレー） */
input.btnloginanother {
  display: block;
  border: none;
  background: url(../images_ravi/btn_anotherdeliver.gif) no-repeat 0 0;
  width: 150px;
  height: 26px;
  margin: 0 auto;
  padding: 0;
  text-indent: -9999px;
}

/* 会員登録解除確認（グレー） */
input.btnmypagechange2 {
  display: block;
  border: none;
  background: url(../images_ravi/btn_mypage_guestrelease2.gif) no-repeat 0 0;
  width: 150px;
  height: 26px;
  padding: 0;
  margin: 0 auto;
  text-indent: -9999px;
}

a.btnmypagechange2 {
  display: block;
  border: none;
  background: url(../images_ravi/btn_mypage_guestrelease2.gif) no-repeat 0 0;
  width: 150px;
  height: 26px;
  padding: 0;
  margin: 0 auto;
  text-indent: -9999px;
}

/* 会員登録解除確定（グレー） */
input.btnmypagechange {
  display: block;
  border: none;
  background: url(../images_ravi/btn_mypage_guestrelease.gif) no-repeat 0 0;
  width: 150px;
  height: 26px;
  padding: 0;
  margin: 0 auto;
  text-indent: -9999px;
}

/* 前に戻る（グレー） */
input.btnordercancel,
a.btnordercancel {
  position: absolute;
  top: 3px;
  display: block;
  border: none;
  background: url(../images_ravi/btn_cart_ordercancel.gif) no-repeat 0 0;
  width: 108px;
  height: 26px;
  padding: 0;
  text-indent: -9999px;
}

input.btnordercancel.fix {
  top: 7px;
}

/* カート一覧に戻る（グレー） */
input.btncartprev {
  position: absolute;
  top: 3px;
  display: block;
  border: none;
  background: url(../images_ravi/btn_cart_prevcart.gif) no-repeat 0 0;
  width: 108px;
  height: 26px;
  padding: 0;
  text-indent: -9999px;
}

/* キャンセル（グレー） */
input.btncancel {
  position: absolute;
  top: 3px;
  display: block;
  border: none;
  background: url(../images_ravi/btn_ovl_cancel.gif) no-repeat 0 0;
  width: 108px;
  height: 26px;
  padding: 0;
  text-indent: -9999px;
}

/* お届け先を追加する（グレー） */
input.btndelivadd,
a.btndelivadd {
  display: block;
  border: none;
  background: url(../images_ravi/btn_deliv_add.gif) no-repeat 0 0;
  width: 120px;
  height: 26px;
  margin: 0 auto;
  padding: 0;
  text-indent: -9999px;
}

/* 変更（小） */
input.btnchangesmall,
a.btnchangesmall {
  display: inline-block;
  border: none;
  background: url(../images_ravi/btn_change_small.gif) no-repeat 0 0;
  width: 40px;
  height: 20px;
  padding: 0;
  vertical-align: middle;
  text-indent: -9999px;
  /display: inline;
  /zoom: 1;
}

/* 削除（小） */
input.btndelsmall,
a.btndelsmall {
  display: inline-block;
  border: none;
  background: url(../images_ravi/btn_del_small.gif) no-repeat 0 0;
  width: 40px;
  height: 20px;
  padding: 0;
  vertical-align: middle;
  text-indent: -9999px;
  /display: inline;
  /zoom: 1;
}


/* 検索する */
input.btnsearch {
  float: right;
  display: block;
  border: none;
  background: url(../images_ravi/btn_search.gif) no-repeat 0 0;
  width: 110px;
  height: 26px;
  padding: 0;
  text-indent: -9999px;
  margin: 2px 90px 0 0;
}

/* ボタン */
.form_btn {
  display: inline-block;
  margin: 10px 0 0 120px;
}

.form_btn :first-child {
  margin-right: 10px;
}

/* ボタン 背景ピンク 201705追記*/
.form_btnpink {
  display: inline-block;
  background: #ec86a8;
  border-radius: 5px;
  border: none;
  color: #ffffff;
  padding: 8px 0;
  text-align: center;
  margin: 0 auto;
}

.form_btnpink a:link {
  text-decoration: none;
  color: #ffffff;
  display: block;
}

.form_btnpink a:visited {
  text-decoration: none;
  color: #ffffff;
}

/* ボタン 背景グレー 201705追記*/
.form_btngray {
  display: inline-block;
  background: #e5e5e5;
  border-radius: 5px;
  color: #555555;
  text-shadow: 0px 1px 0px #ffffff;
  border: 1px solid #bbbbbb;
  padding: 8px 0;
  text-align: center;
  margin: 0 auto;
}

.btntxt_s {
  /*ボタンテキスト短い場合*/
  width: 180px;
}

.btntxt_l {
  /*ボタンテキスト長い場合*/
  width: 250px;
}

/* フォームタイトル 201705追記*/
.form_catalogttl {
  text-align: center;
  padding: 20px 0;
}

.form_catalogttl.bd {
  border-bottom: 1px solid #cccccc;
  margin: 0 0 10px 0;
}

.form_catalogttl h2 {
  font-size: 120%;
  font-weight: bold;
}

/* ボタン 201712追記*/
.btn {
  position: relative;
  z-index: 1;
}

.dvUserBtnBox {
  text-align: center;
  margin-top: 30px;
}

.dvUserBtnBox p {
  display: inline-block;
  zoom: 1;
}

.dvUserBtnBox .btn {
  width: 140px;
  margin: 0 40px;
}

.gBtn {
  border: 1px solid #d45d95;
  display: block;
  text-align: center;
  border-radius: 2px;
  padding: 5px 0px;
  background: #d45d95;
  cursor: pointer;
  position: relative;
  z-index: 1;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

.gBtnWhite {
  border: 1px solid #d45d95;
  display: block;
  text-align: center;
  border-radius: 2px;
  padding: 5px 0px;
  background: #fff;
  cursor: pointer;
  position: relative;
  z-index: 1;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}


/* フォームパーツ
------------------------------------- */
.formxs,
.formxsefo_invalid,
.formxs.efo_valid {
  border: 1px solid #cccccc;
  width: 62px;
  padding: 3px;
  font-size: 116.7%;
}

.forms,
.formsefo_invalid,
.forms.efo_valid {
  border: 1px solid #cccccc;
  width: 82px;
  padding: 3px;
  font-size: 116.7%;
}

.formm,
.formmefo_invalid,
.formm.efo_valid {
  border: 1px solid #cccccc;
  width: 132px;
  padding: 3px;
  font-size: 116.7%;
}

select.formm {
  width: 140px;
}

.forml,
.formlefo_invalid,
.forml.efo_valid {
  border: 1px solid #cccccc !important;
  width: 222px !important;
  padding: 3px !important;
  font-size: 116.7% !important;
}

.formll,
.formllefo_invalid,
.formll.efo_valid {
  border: 1px solid #cccccc;
  width: 300px;
  padding: 3px;
  font-size: 116.7%;
}

.formxl,
.formxlefo_invalid,
.formxl.efo_valid {
  border: 1px solid #cccccc;
  width: 252px;
  padding: 3px;
  font-size: 116.7%;
}

.formwide,
.formwideefo_invalid,
.formwide.efo_valid {
  border: 1px solid #cccccc;
  width: 552px;
  padding: 3px;
  font-size: 116.7%;
}


/* チェックボックス対応 */
.check,
.radio {
  margin-left: 0;
}


/* 強調枠 */
.boxenclose {
  border: 1px solid #cccccc;
  background: #efefef;
  padding: 10px 10px 5px;
}

/* 強調枠（ポイント） */
.boxenclose.point {
  margin: 20px 20px 0;
  padding: 5px 10px 10px;
}

.boxenclose.point dl {
  border-bottom: 1px dashed #d4c2be;
  padding: 0 0 7px;
}

.boxenclose.point dl dt {
  display: inline;
  padding: 0 20px 0 0;
  font-weight: bold;
}

.boxenclose.point dl dd {
  display: inline;
  color: #cc0000;
}

.boxenclose.point dl dd span {
  font-weight: bold;
  font-size: 160%;
}

.boxenclose.point .txtex {
  padding: 10px 0 0 0;
  color: #cc0000;
}

/* 強調枠（配送方法） */
.boxenclose.deliver {
  margin: 10px 0 0 0;
}



/* フォーム系コンテンツ枠
------------------------------------- */
#formcontarea {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background: #ffffff;
  width: 640px;
  margin: 0 auto;
  padding: 20px 0;
  color: #333333;
}

#formcontarea a {
  color: #d91e78 !important;
  text-decoration: underline !important;
}

#formcontarea a:hover {
  text-decoration: none !important;
}

#formcontarea .innercontguest {
  padding: 0 20px;
}


/* 見出し */
#formcontarea h2 {
  margin: 0 0 20px 20px;
}

#formcontarea h2 img {
  padding: 0 10px 0 0;
  vertical-align: text-bottom;
}

#formcontarea h2 a {
  font-weight: normal;
}

#formcontarea h2.titguest {
  margin: 0 0 10px 20px;
}

#formcontarea h2.titorder {
  margin: 20px 0 5px 20px;
  color: #d91e78;
  font-weight: normal;
}

#formcontarea h2.titorder img {
  margin-right: 10px;
}

/* ボタン */

#boxorderaccountBox {
  position: relative;
}

#formcontarea .btnarea {
  margin: 20px 20px 0;
  position: relative;
}

#formcontarea .btnarea.totalList {
  top: -70px;
  width: 370px;
}

#formcontarea .btnarea img {
  margin: 0 auto;
  display: block;
}


/* テーブル：お客様情報入力 */
#formcontarea .tblguestform {
  padding: 0 20px;
  margin: 20px auto 5px auto;
  width: 600px;
}

#formcontarea .tblguestform th {
  width: 220px;
  padding: 6px 20px 15px 0;
  font-weight: normal;
  text-align: right;
  vertical-align: top;
}

#formcontarea .tblguestform th.level {
  padding: 0 20px 15px 0;
}

#formcontarea .tblguestform td {
  width: 360px;
  padding: 0 20px 15px 0;
}

/* 点線対応時 */
#formcontarea .tblguestform tr.linetop {
  background: url(../images_ravi/bg_dotline.gif) repeat-x 0 0;
}

#formcontarea .tblguestform tr.linetop th {
  padding: 21px 20px 15px 0;
}

#formcontarea .tblguestform tr.linetop td {
  padding: 15px 20px 15px 0;
}

#formcontarea .tblguestform dl dt,
#formcontarea .tblguestform dl dd {
  float: left;
}

#formcontarea .tblguestform dl dt {
  width: 3em;
  padding: 0.5em 0 0 0;
}

#formcontarea .tblguestform dl dd {
  padding: 0 10px 0 0;
}

/* テーブル：お届け・お支払い・配送 */
#formcontarea p.titcartlist {
  border-bottom: 1px solid #666666;
  margin: 0;
  padding: 0 0 5px;
  color: #d91e78;
}

#formcontarea .tblcartinnerlist {
  border-bottom: 1px solid #666666;
  width: 600px;
  margin: 0 auto;
}

#formcontarea .tblcartinnerlist td {
  padding: 15px 10px;
  vertical-align: middle;
}

#formcontarea .tblcartinnerlist td.pic {
  width: 112px;
  padding-left: 0;
}

#formcontarea .tblcartinnerlist td.pic img {
  width: 100%;
}

#formcontarea .tblcartinnerlist a {
  color: #333333 !important;
}


/* テーブル：お届け・お支払い・配送 */
#formcontarea .tblbuyinfoform th {
  width: 120px;
  padding: 6px 20px 15px 0;
  font-weight: normal;
  vertical-align: top;
  border: none;
}

#formcontarea .tblbuyinfoform td {
  /*width:420px;*/
  padding: 0 0 15px 0;
}

#formcontarea .tblbuyinfoform tr.undercol th {
  text-align: right;
}

#formcontarea .tblbuyinfoform tr.linetop {
  background: #ffffff url(../images_ravi/bg_dotline.gif) repeat-x 0 0;
}

#formcontarea .tblbuyinfoform tr.linetop th {
  padding: 15px 20px 15px 0;
}

#formcontarea .tblbuyinfoform tr.linetop td {
  color: #333333;
  padding: 15px 0 15px 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

#formcontarea .tblbuyinfoform tr.last td,
#formcontarea .tblbuyinfoform tr.linetop.last td {
  padding-bottom: 0;
}

#formcontarea .tblbuyinfoform ul.boxconveni {
  width: 420px;
}

#formcontarea .tblbuyinfoform ul.boxconveni li {
  float: left;
  width: 120px;
  margin: 20px 20px 0 0;
}

#formcontarea .tblbuyinfoform ul.boxconveni li.last {
  width: 260px;
  margin: 20px 20px 0 0;
}

#formcontarea .tblbuyinfoform ul.boxconveni li img {
  margin: 5px 0 0 0;
}

#formcontarea .tblbuyinfoform ul.boxconveni li label {
  font-weight: normal;
}

#formcontarea .wrapping .tblbuyinfoform tr.linetop td label {
  display: block;
  height: 106px;
  position: relative;
}

#formcontarea .wrapping .tblbuyinfoform tr.linetop td label img {
  position: absolute;
  right: 10px;
}

#formcontarea .wrapping .tblbuyinfoform tr.linetop td .note {
  height: 250px;
  padding: 15px;
  margin: 15px 0;
  border: 1px solid #e6e6e6;
  overflow: auto;
}

#formcontarea .wrapping .tblbuyinfoform tr.linetop td .note li {
  margin-bottom: 5px;
}

#formcontarea .wrapping .tblbuyinfoform tr.linetop td .note + label {
  height: inherit;
}

/* テーブル：購入確認 */
#formcontarea .tblorderlist {
  margin: 0 20px;
  width: 600px;
}

#formcontarea .tblorderlist th {
  width: 360px;
  padding: 10px 20px 10px 0;
  background: url(../images_ravi/bg_dotline.gif) repeat-x 0 100%;
  font-weight: normal;
  white-space: normal;
}

#formcontarea .tblorderlist td {
  width: 65px;
  padding: 10px 0 10px 10px;
  background: url(../images_ravi/bg_dotline.gif) repeat-x 0 100%;
  text-align: right;
}

#formcontarea .tblorderlist td.price {
  width: 60px;
  padding: 10px 0 10px 20px;
  text-align: right;
}

/*セール時価格表示*/
#formcontarea .tblorderlist td.price del {
  color: #999999;
}

#formcontarea .tblorderlist td.price span {
  color: #333333;
  margin-right: 15px;
}

#formcontarea .tblorderlist td.price .sale {
  color: #cc0000;
  font-size: 130%;
  white-space: nowrap;
}

/* 注意書き */
.desc {
  margin: 10px 0 20px 150px;
}

.desc2 {
  margin: 10px 0 20px 70px;
}

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

  2. カート系（マイページTOP／）

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



/* ショッピンングバッグ
------------------------------------- */
#cartinarea {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background: #ffffff;
  width: 720px;
  margin: 20px auto 0;
  padding: 20px;
  color: #333333;
}

#cartinarea a {
  color: #d91e78 !important;
  text-decoration: underline !important;
}

#cartinarea a:hover {
  text-decoration: none !important;
}


/* タイトル */
#cartinarea p.titcartlist {
  border-bottom: 1px solid #666666;
  margin: 0;
  padding: 0 0 5px;
  color: #d91e78;
}

#cartinarea p.titcartlist img {
  margin-right: 10px;
}

/* テーブル：カート */
#cartinarea .tblcartinnerlist {
  border-bottom: 1px solid #666666;
  width: 720px;
}

#cartinarea .tblcartinnerlist a {
  color: #333333 !important;
}

#cartinarea .tblcartinnerlist td {
  padding: 15px 10px;
  vertical-align: middle;
}

* html #cartinarea .tblcartinnerlist td {
  background: url(../images_ravi/bg_dotline.gif) repeat-x 0 0;
}

/*IE6*/
#cartinarea .tblcartinnerlist tr + tr td {
  background: url(../images_ravi/bg_dotline.gif) repeat-x 0 0;
}

#cartinarea .tblcartinnerlist td.pic {
  width: 15%;
  padding-left: 0;
}

#cartinarea .tblcartinnerlist td.pic img {
  width: 102px;
}

#cartinarea .tblcartinnerlist td.tit {
  width: 40%;
}

#cartinarea .tblcartinnerlist td.price {
  width: 15%;
  text-align: right;
  font-weight: bold;
  color: #cc0000;
}

/*セール時価格表示*/
#cartinarea .tblcartinnerlist td.price del {
  color: #999999;
}

#cartinarea .tblcartinnerlist td.price span {
  color: #333333;
  margin-right: 15px;
}

#cartinarea .tblcartinnerlist td.price .sale {
  color: #cc0000;
  font-size: 130%;
}

#cartinarea .tblcartinnerlist td.number {
  width: 15%;
  text-align: right;
}

#cartinarea .tblcartinnerlist td.del {
  width: 15%;
  text-align: center;
}

#cartinarea .tblcartinnerlist td.del.pink,
#cartinarea .tblcartinnerlist td.del.pink a.btn {
  color: #d91e78 !important;
}






#cartinarea .tblcartinnerlist_1 {
  border-bottom: 1px solid #666666;
  width: 720px;
}

#cartinarea .tblcartinnerlist_1 a {
  color: #333333 !important;
}

#cartinarea .tblcartinnerlist_1 td {
  padding: 15px 10px;
  vertical-align: middle;
}

* html #cartinarea .tblcartinnerlist_1 td {
  background: url(../images_ravi/bg_dotline.gif) repeat-x 0 0;
}

/*IE6*/
#cartinarea .tblcartinnerlist_1 tr + tr td {
  background: url(../images_ravi/bg_dotline.gif) repeat-x 0 0;
}

#cartinarea .tblcartinnerlist_1 td.pic {
  width: 15%;
  padding-left: 0;
}

#cartinarea .tblcartinnerlist_1 td.pic img {
  width: 102px;
}

#cartinarea .tblcartinnerlist_1 td.tit {
  width: 40%;
}

#cartinarea .tblcartinnerlist_1 td.price {
  width: 15%;
  text-align: right;
  font-weight: bold;
  color: #cc0000;
}

/*セール時価格表示*/
#cartinarea .tblcartinnerlist_1 td.price del {
  color: #999999;
}

#cartinarea .tblcartinnerlist_1 td.price span {
  color: #333333;
  margin-right: 15px;
}

#cartinarea .tblcartinnerlist_1 td.price .sale {
  color: #cc0000;
  font-size: 130%;
}

#cartinarea .tblcartinnerlist_1 td.number {
  width: 15%;
  text-align: right;
}

#cartinarea .tblcartinnerlist_1 td.del {
  width: 15%;
  text-align: center;
}

#cartinarea .tblcartinnerlist_1 td.del.pink,
#cartinarea .tblcartinnerlist_1 td.del.pink a.btn {
  color: #d91e78 !important;
}



#cartinarea .tblcartinnerlist_2 {
  border-bottom: 1px solid #666666;
  width: 720px;
}

#cartinarea .tblcartinnerlist_2 a {
  color: #333333 !important;
}

#cartinarea .tblcartinnerlist_2 td {
  padding: 15px 10px;
  vertical-align: middle;
}

* html #cartinarea .tblcartinnerlist_2 td {
  background: url(../images_ravi/bg_dotline.gif) repeat-x 0 0;
}

/*IE6*/
#cartinarea .tblcartinnerlist_2 tr + tr td {
  background: url(../images_ravi/bg_dotline.gif) repeat-x 0 0;
}

#cartinarea .tblcartinnerlist_2 td.pic {
  width: 15%;
  padding-left: 0;
}

#cartinarea .tblcartinnerlist_2 td.pic img {
  width: 102px;
}

#cartinarea .tblcartinnerlist_2 td.tit {
  width: 40%;
}

#cartinarea .tblcartinnerlist_2 td.price {
  width: 15%;
  text-align: right;
  font-weight: bold;
  color: #cc0000;
}

/*セール時価格表示*/
#cartinarea .tblcartinnerlist_2 td.price del {
  color: #999999;
}

#cartinarea .tblcartinnerlist_2 td.price span {
  color: #333333;
  margin-right: 15px;
}

#cartinarea .tblcartinnerlist_2 td.price .sale {
  color: #cc0000;
  font-size: 130%;
}

#cartinarea .tblcartinnerlist_2 td.number {
  width: 15%;
  text-align: right;
}

#cartinarea .tblcartinnerlist_2 td.del {
  width: 15%;
  text-align: center;
}

#cartinarea .tblcartinnerlist_2 td.del.pink,
#cartinarea .tblcartinnerlist_2 td.del.pink a.btn {
  color: #d91e78 !important;
}



/* カート上部お知らせ */
#cartinarea div.cartinfo p {
  padding: 0;
  margin: 0 0 0.5em 0;
}

#cartinarea div.cartinfo .cartinfoTtl {
  font-weight: bold;
}

#cartinarea div.cartinfo .cartinfoTxt {
  line-height: 120%;
}

#cartinarea div.cartinfo .cartinfoTime {
  color: #999999;
  font-size: 10px;
}

/* 合計 */
#cartinarea dl.boxcartinaccount {
  float: right;
  display: inline;
  width: 230px;
  margin: 20px 145px 50px 0;
}

#cartinarea dl.boxcartinaccount dt {
  float: left;
}

#cartinarea dl.boxcartinaccount dt strong {
  font-size: 116.7%;
}

#cartinarea dl.boxcartinaccount dt .txtex {
  position: absolute;
  width: 230px;
}

#cartinarea dl.boxcartinaccount dd {
  text-align: right;
  font-size: 116.7%;
  font-weight: bold;
  color: #cc0000;
  white-space: nowrap;
}

/*クーポン*/

#cartinarea .couponArea .couponTtl {
  font-size: 12px;
  margin-bottom: 10px;
}

#cartinarea .couponArea .couponContents table {}


#cartinarea .couponArea .couponContents .couponBox {
  text-align: center;
  width: auto;
}

#cartinarea .couponArea .couponContents .couponBox a {
  display: block;
  width: 200px;
  height: 50px;
  font-size: 12px;
  line-height: 50px;
  background-color: #555;
}



/*クーポン*/




/* カート0件 */
#cartinarea p.alertword {
  clear: both;
  text-align: center;
  padding: 25px 0;
  font-size: 180%;
}

#cartinarea img.btncartdisable,
#cartinarea input.btncartinpurchase {
  margin: 0 0 0 148px;
}


/* ボタン＋送料無料 */
#cartinarea .btncartinarea {
  position: relative;
  margin: 10px 0 25px 0;
  width: 326px;
}

#cartinarea .btncartinarea p {
  position: absolute;
  top: -60px;
  left: 600px;
  width: 170px;
  height: 148px;
  margin: -100px 0 0;
}

#cartinarea .btncartinarea div.price {
  position: absolute;
  top: -101px;
  left: 600px;
  width: 170px;
  height: 40px;
  text-align: center;
  font-size: 116.7%;
  color: #fff;
}

#cartinarea .btncartinarea div.text1 {
  position: absolute;
  top: -139px;
  left: 600px;
  width: 170px;
  text-align: center;
  line-height: 130%;
  font-size: 100%;
  color: #333;
}

#cartinarea .btncartinarea div.text2 {
  position: absolute;
  top: -56px;
  left: 600px;
  width: 170px;
  text-align: center;
  line-height: 130%;
  font-size: 133.3%;
  font-weight: bold;
  color: #333;
}

#cartinarea .btncartinarea .txtprice {
  font-size: 164.3%;
  color: #fff;
}

/* ボタン＋送料無料 9周年記念Ver */
#cartinarea .btncartinarea div.price_9th {
  position: absolute;
  top: -89px;
  left: 600px;
  width: 170px;
  height: 40px;
  text-align: center;
  font-size: 116.7%;
  color: #ffff99;
}

#cartinarea .btncartinarea div.text1_9th {
  position: absolute;
  top: -117px;
  left: 600px;
  width: 170px;
  text-align: center;
  line-height: 110%;
  font-size: 100%;
  color: #FFFFFF;
}

#cartinarea .btncartinarea div.text2_9th {
  position: absolute;
  top: -55px;
  left: 600px;
  width: 170px;
  text-align: center;
  line-height: 130%;
  font-size: 133.3%;
  font-weight: bold;
  color: #000000;
}


/* 強調アラート */
#cartinarea p.txtempareart,
#cartinarea p.txtnormalareart {
  padding-right: 145px;
}


/* おすすめ */
#cartinarea.boxrecommend {
  background: none;
  width: 760px;
  padding: 0;
  margin: 20px auto 0;
}

#cartinarea.boxrecommend a {
  color: #333333 !important;
}

#cartinarea.boxrecommend .list_item {
  margin: 0 -12px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#cartinarea.boxrecommend .list_item .item {
  display: inline-block;
  vertical-align: top;
  background: #ffffff;
  width: 150px;
  padding: 11px;
  margin: 4px 12px 20px 12px;
}

#cartinarea.boxrecommend .list_item div.image {
  margin-bottom: 10px;
}

#cartinarea.boxrecommend .list_item .btn {
  display: block;
  background: #cd2671;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f0559b 0%, #cd2671 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0559b), color-stop(100%, #cd2671));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f0559b 0%, #cd2671 100%);
  /* Chrome10+,Safari5.1+ */
  background: linear-gradient(to bottom, #f0559b 0%, #cd2671 100%);
  /* W3C */
  width: 100%;
  border-radius: 5px;
  border: none;
  color: #fff !important;
  text-decoration: none !important;
  text-align: center;
  padding: 5px 0;
  margin-top: 5px;
}

/* 購入に進む前に
------------------------------------- */

/* タイトル */
#checkitarea {
  width: 850px;
  margin: 10px auto 20px auto;
}

#checkitarea dt {
  padding: 0 0 10px 0;
}

#checkitarea dd {
  margin-top: 10px;
  font-size: 116.7%;
  line-height: 160%;
}

#checkitarea dd span {
  font-weight: bold;
}


/* コンテンツ */
#cartentrancearea {
  width: 850px;
  margin: 0 auto;
}

@media screen and (max-width: 1112px) {
  #cartentrancearea {
    width: 850px;
    margin: 0 auto;
  }
}


#cartentrancearea a {
  color: #d91e78 !important;
  text-decoration: underline !important;
}

#cartentrancearea a:hover {
  text-decoration: none !important;
}

/*3つ並び
#cartentrancearea div.inner{
float:left;
width:230px;
min-height:420px;
margin:0 20px 0 0;
padding:20px;
background:#ffffff;
color:#333333;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}*/

/*2つ並び*/
#cartentrancearea div.inner {
  float: left;
  width: 370px;
  min-height: 330px;
  margin: 0 20px 0 0;
  padding: 20px;
  background: #ffffff;
  color: #333333;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

#cartentrancearea div.inner span.txtex {
  color: #999999;
  font-size: 83.3%;
  line-height: 130%;
}

#cartentrancearea div.inner.last {
  margin: 0;
}

#cartentrancearea h2 {
  margin: 0 0 20px 0;
}

#cartentrancearea h2.ttx {
  font: 75% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", MS-PGothic, sans-serif;
  font-size: 17px;
  line-height: 1;
}

#cartentrancearea p.txt {
  line-height: 160%;
}

#cartentrancearea p.extxt {
  line-height: 150%;
  padding: 10px 0 0 0;
}

#cartentrancearea p.extxt .txtex {
  padding: 10px 0 0 0;
  display: block;
  color: #999999;
  font-size: 83.3%;
  line-height: 130%;
}

#cartentrancearea dl {
  padding: 10px 0 0 0;
}

#cartentrancearea dt {
  padding: 0 0 3px 0;
}

#cartentrancearea dl.first {
  padding: 0;
}

#cartentrancearea .level {
  padding: 15px 0 5px 0;
}

#cartentrancearea dl.level dt {
  float: left;
  width: 40px;
  padding: 0 10px 0 0;
}

#cartentrancearea dl.level dt.age {
  padding: 3px 10px 0 0;
}

#cartentrancearea dl.level dd {
  float: left;
}

#cartentrancearea dl dd .formxs {
  width: 50px;
}

#cartentrancearea p.btn a {
  display: block;
  width: 230px;
  padding: 5px 0;
  background: linear-gradient(#FFF6FA 0px, #FFDEED 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: 1px solid #ff6699;
  border-radius: 3px;
  font-size: 11px;
  text-align: center;
  text-decoration: none !important;
}


/* ステップ
------------------------------------- */
#cartsteparea {
  position: relative;
  width: 640px;
  height: 35px;
  margin: 20px auto;
}

.gift #cartsteparea {
  width: 760px;
  height: 35px;
}

#cartsteparea ol li {
  position: absolute;
}

#cartsteparea ol li.first {
  z-index: 4;
}

#cartsteparea ol li.second {
  left: 141px;
  z-index: 3;
}

#cartsteparea ol li.third {
  left: 437px;
  z-index: 2;
}

#cartsteparea ol li.fourth {
  right: 0;
  z-index: 1;
}



/* 支払方法・注文完了
------------------------------------- */
#formcontarea div.innercontbuyinfo {
  padding: 0 40px;
}

#formcontarea div.innercontbuyinfo.last {
  padding: 0 40px 20px 40px;
}

#formcontarea div.innercontbuyinfo.linebottom {
  border-bottom: 1px solid #999;
  padding: 0 40px 20px 40px;
  margin: 0 0 20px 0;
}

#formcontarea div.innercontbuyinfo.linebottom .mente {
  text-align: center;
  margin: 20px 0;
}

#formcontarea div.innercontbuyinfo .point {
  margin: 20px 0 0 0;
  padding: 10px;
}

#formcontarea div.innercontbuyinfo .point div.pointhcheck {
  float: left;
  margin: 0;
  width: 250px;
  line-height: 250%;
}

#formcontarea div.innercontbuyinfo div.pointhcheck p {
  line-height: 130%;
}

#formcontarea div.innercontbuyinfo .point div.currentpoint {
  float: right;
  width: 240px;
  background: #ffffff;
  padding: 10px;
}

#formcontarea div.innercontbuyinfo .point .box {
  float: right;
}

#formcontarea div.innercontbuyinfo .point .box .currentpoint {
  float: none;
}

#formcontarea div.innercontbuyinfo .point dl dt {
  font-weight: normal;
}

#formcontarea div.innercontbuyinfo label {
  font-weight: bold;
}

/* プレゼントラッピングサービス */
#formcontarea div.innercontbuyinfo.linebottom.presentWrapping .card {
  margin: 15px 0 30px;
  border-bottom: 1px solid #e6e6e6;
}

#formcontarea div.innercontbuyinfo.linebottom.presentWrapping .card li {
  padding: 10px 0;
  border-top: 1px solid #e6e6e6;
}

#formcontarea div.innercontbuyinfo.linebottom.presentWrapping .card label {
  display: block;
  height: 106px;
  position: relative;
}

#formcontarea div.innercontbuyinfo.linebottom.presentWrapping .card label img {
  position: absolute;
  right: 10px;
}

#formcontarea div.innercontbuyinfo.linebottom.presentWrapping .raviImg {
  text-align: center;
  margin-bottom: 30px;
}

#formcontarea div.innercontbuyinfo.linebottom.presentWrapping .note {
  height: 250px;
  padding: 15px;
  margin: 15px 0;
  border: 1px solid #e6e6e6;
  overflow: auto;
}

#formcontarea div.innercontbuyinfo.linebottom.presentWrapping .note li {
  margin-bottom: 5px;
}

/* 配送先：boxdeliver */
#formcontarea div.innercontbuyinfo ul.boxdeliver {
  margin: 0 0 10px 0;
}

#formcontarea div.innercontbuyinfo ul.boxdeliver li {
  background: url(../images_ravi/bg_dotline.gif) repeat-x 0 100%;
  padding: 15px 0;
}

#formcontarea div.innercontbuyinfo ul.boxdeliver li dl {
  padding: 0 10px 0 0;
  margin: 0 10px 0 0;
  display: inline-block;
  vertical-align: middle;
  /display: inline;
  /zoom: 1;
  border-right: 1px solid #e8dfdd;
}

#formcontarea div.innercontbuyinfo ul.boxdeliver li dl dt {
  float: left;
  width: 120px;
}

#formcontarea div.innercontbuyinfo ul.boxdeliver li dl dd {
  float: left;
  padding: 0 0 0 20px;
  width: 350px;
}


/* クレジットカード：boxcreditcard */
#formcontarea div.innercontbuyinfo ul.boxcreditcard {
  margin: 0 0 10px 0;
}

#formcontarea div.innercontbuyinfo ul.boxcreditcard li {
  padding-top: 10px;
}

#formcontarea div.innercontbuyinfo ul.boxcreditcard li dl {
  padding: 0 10px 0 0;
  margin: 0 10px 0 0;
  display: inline-block;
  vertical-align: middle;
  /display: inline;
  /zoom: 1;
  border-right: 1px solid #e8dfdd;
}

#formcontarea div.innercontbuyinfo ul.boxcreditcard li dl dt {
  float: left;
  width: 200px;
}

#formcontarea div.innercontbuyinfo ul.boxcreditcard li dl dd {
  float: left;
  padding: 0 0 0 20px;
  width: 130px;
}

#formcontarea div.innercontbuyinfo dl.boxenclosewrap {
  background: none repeat scroll 0 0 #EFEFEF;
  border: 1px solid #CCCCCC;
  padding: 10px;
}

#formcontarea div.innercontbuyinfo dl.boxenclosewrap dt {
  float: left;
  width: 150px;
  margin: 0 20px 0 0;
}

#formcontarea div.innercontbuyinfo dl.boxenclosewrap dd {
  float: left;
  width: 360px;
  line-height: 160%;
}

#formcontarea div.innercontbuyinfo dl.boxenclosewrap dd p {
  margin: 5px 0 0 0;
}



/* 購入確認
------------------------------------- */
#formcontarea dl.boxorderaccount {
  width: 200px;
  margin: 10px 0 0 420px;
  line-height: 160%;
}

#formcontarea dl.boxorderaccount dt {
  width: 90px;
  float: left;
  padding: 0 20px 0 0;
}

#formcontarea dl.boxorderaccount dd {
  float: left;
  width: 90px;
  text-align: right;
}

#formcontarea dl.boxorderaccount dt.total,
#formcontarea dl.boxorderaccount dd.total {
  margin: 5px 0 0 0;
  padding-top: 5px;
  font-weight: bold;
  border-top: 1px solid #999;
}

#formcontarea div.boxorderinfo {
  margin: 20px auto 0 auto;
  padding: 20px;
  width: 558px;
  border: 1px solid #999;
  line-height: 160%;
}

#formcontarea div.boxorderinfo a {
  text-decoration: none !important;
}

#formcontarea div.boxorderinfo p {
  padding-bottom: 20px;
}

#formcontarea div.boxorderinfo dl dt {
  /*width:110px;
10周年キャンペーン中*/
  width: 130px;
  float: left;
  padding: 0 20px 10px 0;
  text-align: right;
  font-weight: bold;
}

#formcontarea div.boxorderinfo dl dd {
  float: left;
  /*width:420px;
10周年キャンペーン中*/
  width: 400px;
  padding: 0 0 10px 0;
}

#formcontarea div.boxorderinfo dl dd.priceTag {
  padding-top: 10px;
}

#formcontarea div.boxorderinfo dl dt.last,
#formcontarea div.boxorderinfo dl dd.last {
  padding-bottom: 0;
}

#formcontarea div.boxordernotice {
  padding: 20px 20px 10px 20px;
}

#formcontarea div.boxordernotice p {
  color: #666666;
  margin: 0 0 10px 0;
  line-height: 140%;
}

#formcontarea div.boxordernotice ul {
  color: #666666;
  margin: 0 0 10px 0;
}

#formcontarea div.boxordernotice ul li {
  margin: 0 0 5px 0;
}


/* 10周年キャンペーン */
#formcontarea div.campaign h2 {
  margin: 0 0 20px;
}

#formcontarea div.campaign {
  margin: 0 20px;
}

#formcontarea div.campaign p.desc {
  width: 700px;
  font-size: 14px;
  margin: 0 auto;
}

#formcontarea div.campaign ul.present {
  width: 600px;
  margin: 20px auto;
  over-flow: hidden;
}

#formcontarea div.campaign ul.present li:first-child {
  float: left;
  margin-right: 20px;
}

#formcontarea div.campaign p.center {
  font-weight: bold;
  font-size: 18px;
}

#formcontarea div.campaign dl {
  overflow-y: scroll;
  border: 1px solid #ccc;
  height: 80px;
  padding: 10px;
  margin: 5px 0 20px;
}

#formcontarea div.campaign dl dt {
  font-weight: bold;
}

#formcontarea div.campaign .campaignSelect {
  background: #fdf0f4;
  padding: 15px;
  margin: 10px 0;
}

#formcontarea div.campaign .campaignSelect h3 span {
  font-size: 10px;
  font-weight: normal;
  vertical-align: bottom;
  color: #666;
  margin-left: 10px;
}

#formcontarea div.campaign .campaignSelect p {
  margin: 5px 0 10px;
}

#formcontarea div.campaign li input {
  margin: 0 2px 2px 0;
}

#formcontarea div.campaign li {
  margin-bottom: 5px;
}

#formcontarea div.campaign .select_size {
  height: 20px;
}

#formcontarea div.campaign .select_size li {
  float: left;
  margin: 0 20px 0 0;
}


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

  3. 会員登録系（メルマガ登録・仮登録完了・本登録完了・解除・仮解除完了・解除完了／新規登録・仮登録完了／ログイン／パスワードリマインダー／退会完了）

------------------------------------------------------------------- */
#registloginarea {
  position: relative;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background: #ffffff;
  width: 260px;
  padding: 20px;
  margin: 80px auto 80px auto;
  color: #333333;
}

#registloginarea a {
  color: #d91e78 !important;
  text-decoration: underline !important;
}

#registloginarea a:hover {
  text-decoration: none !important;
}


#registloginarea h2 {
  padding: 0 0 20px;
  font-size: 133.3%;
  text-align: center;
}

#registloginarea p.txt {
  line-height: 160%;
}

#registloginarea p.extxt {
  line-height: 150%;
  padding: 10px 0 0;
}

#registloginarea p.extxt .txtex {
  padding: 10px 0 0;
  display: block;
  color: #999999;
  font-size: 83.3%;
  line-height: 130%;
}

#registloginarea dl {
  padding: 10px 0 0;
}

#registloginarea dt {
  padding: 0 0 3px;
}

#registloginarea dl.first {
  padding: 0;
}

#registloginarea .colregistcont,
#registloginarea .colregistcont h2 {
  margin: 0 0 20px;
  text-align: left;
}


/* リンク */
#registloginarea .linkregist {
  margin-top: 10px;
}

#registloginarea .linkregist a {
  display: inline-block;
  background: url(../images_ravi/bg_link.png) no-repeat 0 50%;
  padding: 0 0 0 15px;
}

.dvRegulation p {
  margin: 0.5em 0 1.5em;
}


/* メールマガジン登録・新規登録
------------------------------------- */
.registMail {
  width: 850px;
  background: #fff;
  margin: 0 auto;
  border-radius: 0 0 5px 5px;
}

#ovlguestformarea {
  margin: 0 auto;
  background: #ffffff;
  color: #333333;
  padding: 20px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  width: 500px;
}

#ovlguestformarea a {
  color: #d91e78 !important;
  text-decoration: underline !important;
}

#ovlguestformarea a:hover {
  text-decoration: none !important;
}


#ovlguestformarea h2 span {
  font-weight: normal;
  font-size: 91.7%;
  color: #666;
}

/* 新規登録 */
#ovlguestformarea .tblguestform {
  margin: 15px 20px 0 20px;
}

#ovlguestformarea .tblguestform th {
  width: 140px;
  padding: 6px 10px 15px 0;
  font-weight: normal;
  text-align: right;
  vertical-align: top;
}

#ovlguestformarea .tblguestform th.level {
  padding: 0 20px 15px 0;
}

#ovlguestformarea .tblguestform td {
  width: 300px;
  padding: 0 0 15px 0;
}

#ovlguestformarea .tblguestform dl dt,
#ovlguestformarea .tblguestform dl dd {
  float: left;
}

#ovlguestformarea .tblguestform dl dt {
  width: 3em;
  padding: 0.5em 0 0 0;
}

#ovlguestformarea .tblguestform dl dd {
  padding: 0 10px 0 0;
}

#ovlguestformarea .tblguestform span.error_inline {
  display: block;
  padding-top: 5px;
  width: 230px;
}

input[type=checkbox].efo_valid {
  width: auto !important;
}

/* 新規登録：セール開催時対応
------------------------------------- */
#ovlguestformsalearea {
  margin: 0 auto;
  background: #ffffff;
  color: #333333;
  padding: 20px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  width: 720px;
}

#ovlguestformsalearea a {
  color: #d91e78 !important;
  text-decoration: underline !important;
}

#ovlguestformsalearea a:hover {
  text-decoration: none !important;
}


/* 新規登録 */
#ovlguestformsalearea h2 {
  text-align: center;
}

#ovlguestformsalearea .tblguestform {
  margin: 15px auto 0 auto;
}

#ovlguestformsalearea .tblguestform th {
  width: 140px;
  padding: 6px 10px 15px 0;
  font-weight: normal;
  text-align: right;
  vertical-align: top;
}

#ovlguestformsalearea .tblguestform th.level {
  padding: 0 20px 15px 0;
}

#ovlguestformsalearea .tblguestform td {
  width: 300px;
  padding: 0 0 15px 0;
}

#ovlguestformsalearea .tblguestform dl dt,
#ovlguestformsalearea .tblguestform dl dd {
  float: left;
}

#ovlguestformsalearea .tblguestform dl dt {
  width: 3em;
  padding: 0.5em 0 0 0;
}

#ovlguestformsalearea .tblguestform dl dd {
  padding: 0 10px 0 0;
}


/* メールマガジン登録 */
#ovlguestformarea.mailmagazine h2 {
  margin: 0 0 15px -8px;
}

#ovlguestformarea.mailmagazine ol li {
  margin: 0 0 15px 0;
}

#ovlguestformarea.mailmagazine dl {
  font-size: 116.7%;
}

#ovlguestformarea.mailmagazine dt {
  font-weight: bold;
  padding: 0 0 10px 0;
}

#ovlguestformarea.mailmagazine input.formxl {
  float: left;
  width: 342px;
}

#ovlguestformarea.mailmagazine input.btnregistsubmit {
  float: right;
  margin-top: 2px;
}

#ovlguestformarea.mailmagazine dd span {
  padding: 5px 0 0 0;
  font-size: 71.4%;
  color: #999999;
  line-height: 130%;
  display: block;
  float: left;
}

#ovlguestformarea.mailmagazine dd p {
  padding: 5px 0 0 0;
  font-size: 71.4%;
  color: #999999;
  line-height: 130%;
}


/* メルマガサンプル */
#ovlmailsamplearea {
  background: url(../images_ravi/bg_ovl_mailsample_top.png) no-repeat 0 0;
  padding: 7px 0 0 0;
  margin: 0 auto;
  width: 670px;
}

#ovlmailsamplearea .bottom {
  background: url(../images_ravi/bg_ovl_mailsample_bottom.png) no-repeat 0 100%;
  padding: 0 0 7px 0;
}

#ovlmailsamplearea .body {
  background: url(../images_ravi/bg_ovl_mailsample.gif) repeat-y 0 0;
  padding: 3px 0 13px 0;
}

#ovlmailsamplearea div.titarea {
  padding: 0 20px 10px 20px;
  border-bottom: 1px solid #d4c2be;
  position: relative;
}

#ovlmailsamplearea div.titarea p {
  position: absolute;
  right: 10px;
  top: 0;
}

#ovlmailsamplearea div.titarea ul {
  position: absolute;
  left: 165px;
  top: 0;
}

#ovlmailsamplearea div.titarea ul li {
  float: left;
  background: #f1e7df;
  border: 1px solid #d4c2be;
  padding: 2px 4px;
  margin: 0 5px 5px 0;
  white-space: nowrap;
}

#ovlmailsamplearea div.titarea ul li a {
  text-decoration: none;
}

#ovlmailsamplearea div.titarea ul li.selected {
  background: #ffea00
}

#ovlmailsamplearea div.contarea {
  width: 630px;
  height: 400px;
  margin: 20px auto 0 auto;
  overflow: auto;
}

#ovlmailsamplearea div.contarea img {
  text-align: center;
}





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

  4. マイページ系（マイページTOP／購入履歴／お届け先一覧／閲覧履歴一覧／お気に入り一覧／会員情報変更入力／メールアドレス変更・完了／パスワード変更／退会確認／クレジットカード一覧／カタログ配送解除）

------------------------------------------------------------------- */
#mypagedetailarea {
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  background: #ffffff url(../images_ravi/bg_mypage_detail.gif) repeat-y 0 0;
  width: 990px;
  margin: 19px auto 0;
  color: #333333;
}

@media screen and (max-width: 1112px) {
  #mypagedetailarea {
    width: 100%;
  }
}

#mypagedetailarea a {
  color: #d91e78 !important;
  text-decoration: underline !important;
}

#mypagedetailarea div.boxorderinfo a {
  text-decoration: none !important;
  font-size: 11px;
  display: block;
  background-color: #d91e78;
  color: #fff !important;
  padding: 5px 10px;
  text-align: center;
  width: 150px;
}

#ctl00_ContentPlaceHolder1_rOrderShipping_ctl00_dShippngInput a {
  margin-top: 10px !important;
  box-sizing: border-box;
}

#divOrderShippingUpdateButtons a.btn,
#divShippingTimeUpdateButtons a.btn-next,
#divShippingTimeUpdateButtons .btn-ddd {
  display: inline-block !important;
  width: 80px !important;
}

#mypagedetailarea a:hover {
  text-decoration: none !important;
}

#mypagedetailarea a.gBtn {
  color: #fff !important;
  text-decoration: blink !important;
}

#mypagedetailarea a.gBtnWhite {
  color: #333 !important;
  text-decoration: blink !important;
}


/* 左ナビ
------------------------------------- */
#mypagedetailarea div.colleftnavi {
  float: left;
  width: 220px;
  padding: 15px;
  color: #666666;
}

@media screen and (max-width: 1112px) {
  #mypagedetailarea div.colleftnavi {
    width: 22%;
  }
}

#mypagedetailarea div.colleftnavi h3 {
  margin: 0 0 5px;
}

#mypagedetailarea div.colleftnavi h3.ttx {
  font-size: 14px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", MS-PGothic, sans-serif;
  font-weight: bold;
  line-height: 1.2;
  color: #333333;
}

#mypagedetailarea div.colleftnavi ul {
  margin: 0 0 20px;
}

#mypagedetailarea div.colleftnavi li {
  margin: 2px 0 0;
}

#mypagedetailarea div.colleftnavi li a {
  display: inline-block;
  background: url(../images_ravi/bg_link.png) no-repeat 3px 50%;
  padding: 1px 0 1px 18px;
}

#mypagedetailarea div.colleftnavi li.selected {
  background: #cf4889 url(../images_ravi/bg_link.png) no-repeat 3px 50%;
  padding: 1px 0 1px 18px;
  font-weight: bold;
  color: #ffffff;
}

#mypagedetailarea div.colleftnavi li.already {
  padding-left: 3px;
}

#mypagedetailarea div.colleftnavi li a:link {
  text-decoration: none;
}

#mypagedetailarea div.colleftnavi li a:visited {
  text-decoration: none;
}

#mypagedetailarea div.colleftnavi li a:hover {
  text-decoration: none;
}

#mypagedetailarea div.colleftnavi li a:active {
  text-decoration: none;
}

#mypagedetailarea div.colleftnavi p {
  margin-left: 3px;
}

#mypagedetailarea div.colleftnavi .catalog img {
  margin-bottom: 3px;
}



/* 右コンテンツ
------------------------------------- */
#mypagedetailarea div.colrightcont {
  float: right;
  width: 740px;
  padding: 0 0 30px;
}

@media screen and (max-width: 1112px) {
  #mypagedetailarea div.colrightcont {
    width: 74%;
  }
}

/*アプリバナー*/
.mypageBanner {
  margin: 0 auto;
  width: 780px;
  padding: 10px 0 0 0;
  margin-bottom: -15px;
}

/* タイトル */
#mypagedetailarea div.colrightcont div.titarea {
  border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
  -webkit-border-radius: 0 5px 0 0;
  background: #efc8da url(../images_ravi/bg_mypage_detail.gif) no-repeat -990px 100%;
  padding: 10px 20px 22px;
}

#mypagedetailarea div.colrightcont div.titarea h2 {
  float: left;
}

#mypagedetailarea div.colrightcont div.titarea h2.ttx {
  font-size: 13px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", MS-PGothic, sans-serif;
  font-weight: bold;
  line-height: 1.2;
}

#mypagedetailarea div.colrightcont div.titarea p {
  margin: 0;
  text-align: right;
  line-height: 1.2;
}

#mypagedetailarea div.colrightcont div.titarea p span {
  padding: 0 5px 0 0;
  font-weight: bold;
}


/* ボタン */
#mypagedetailarea input.btnchange,
#mypagedetailarea a.btnchange2,
#mypagedetailarea input.btnchangefix,
#mypagedetailarea input.btnregistcancel,
#mypagedetailarea input.btnmypagechange,
#mypagedetailarea input.btnmypagechange2,
#mypagedetailarea a.btnmypagechange2,
#mypagedetailarea input.btncatalogcansel {
  margin-top: 20px;
}



/* テキスト */
#mypagedetailarea p.fulltext {
  background: url(../images_ravi/bg_dotline.gif) repeat-x 0 100%;
  margin-right: 20px;
  margin-left: 20px;
  padding: 0 0 1em;
}

#mypagedetailarea p.fulltext.last {
  background: none;
  padding-bottom: 0;
}

#mypagedetailarea p.txtlink {
  margin-right: 20px;
  margin-left: 20px;
  text-align: center;
}

#mypagedetailarea p.txtlink a {
  display: inline-block;
  background: url(../images_ravi/bg_link.png) no-repeat 0 50%;
  padding: 0 0 0 15px;
}

#mypagedetailarea p.boxalertstrong {
  margin: 20px 20px 0;
}

#mypagedetailarea p.boxredeliver {
  width: 530px;
  margin: 10px auto 0 auto;
  padding: 5px;
  text-align: center;
}

#mypagedetailarea .btnsubmit {
  display: block;
  margin: 20px auto;
  padding: 10px 20px;
  color: #fff;
  border-radius: 4px;
  background: #d86ca0;
  /* Old browsers */
  background: -moz-linear-gradient(top, #d86ca0 0%, #cf4989 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #d86ca0 0%, #cf4989 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #d86ca0 0%, #cf4989 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d86ca0', endColorstr='#cf4989', GradientType=0);
  /* IE6-9 */
}

/* テキスト：0件 */
#mypagedetailarea p.boxproductnothing {
  margin: 50px 20px;
  text-align: center;
}


/* テーブル：入力フォーム */
#mypagedetailarea .tblguestform {
  width: 580px;
  margin: 5px auto 0;
}

#mypagedetailarea .tblguestform th {
  width: 38%;
  padding: 21px 20px 0 0;
  vertical-align: top;
  text-align: right;
  font-weight: normal;
}

#mypagedetailarea .tblguestform th.level {
  padding-top: 15px;
}

#mypagedetailarea .tblguestform td {
  width: 62%;
  padding: 15px 0 0 0;
}

#mypagedetailarea .tblguestform .linetop {
  background: url(../images_ravi/bg_dotline.gif) repeat-x 0 20px;
}

#mypagedetailarea .tblguestform .linetop th {
  padding-top: 41px;
}

#mypagedetailarea .tblguestform .linetop td {
  padding-top: 35px;
}

#mypagedetailarea .tblguestform td.tit {
  padding-bottom: 0;
  padding-left: 20px;
  font-weight: bold;
}

#mypagedetailarea .tblguestform dl dt,
#mypagedetailarea .tblguestform dl dd {
  float: left;
}

#mypagedetailarea .tblguestform dl dt {
  width: 3em;
  padding: 0.5em 0 0 0;
}

#mypagedetailarea .tblguestform dl dd {
  padding: 0 10px 0 0;
}

#mypagedetailarea .tblguestform span.error_inline {
  padding: 3px 0 0 0;
  color: #d50101 !important;
  line-height: 150%;
  display: table;
}


/* 会員情報：確認 */
#mypagedetailarea .dvUserInfo {
  width: 565px;
  margin: 30px auto 0;
}

#mypagedetailarea .dvUserInfo dl {
  display: table;
}

#mypagedetailarea .dvUserInfo dl.top {
  border-top: 1px solid #ccc;
}

#mypagedetailarea .dvUserInfo dt,
#mypagedetailarea .dvUserInfo dd {
  display: table-cell;
  vertical-align: middle;
  border-bottom: 1px solid #ccc;
}

#mypagedetailarea .dvUserInfo dt {
  width: 200px;
  padding: 21px 40px;
}

#mypagedetailarea .dvUserInfo dd {
  width: calc(565px - 200px);
}

/* 会員情報： */
.completeInfo {
  text-align: center;
  margin: 0;
}

.completeInfo span {
  font-size: 20px;
  display: block;
  font-weight: bold;
  margin: 0 0 30px;
}

/* 一覧：商品 */
#mypagedetailarea ul.boxproductlist li {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 120px;
  margin: 20px 0 0 20px;
  /display: inline;
  /zoom: 1;
}

#mypagedetailarea ul.boxproductlist li a {
  display: block;
  color: #333333 !important;
}

#mypagedetailarea ul.boxproductlist li a img {
  margin-bottom: 5px;
  width: 120px;
}

#mypagedetailarea ul.boxproductlist li .fav {
  display: block;
  /*float:left;
width:80px;*/
}

#mypagedetailarea ul.boxproductlist li .spec {
  display: block;
  font-size: 75%;
  color: #999999;
  padding-top: 5px;
}

#mypagedetailarea ul.boxproductlist li .btn {
  display: block;
  padding-top: 5px;
  /*float:right;*/
}

#mypagedetailarea ul.boxproductlist li .btn a {
  display: inline;
}

#mypagedetailarea ul.boxproductlist li .btn a img {
  margin: 0;
  width: 40px;
}


/* ページング */
#mypagedetailarea ul.pager {
  background: url(../images_ravi/bg_dotline.gif) repeat-x 0 0;
  margin: 20px 0 0;
  padding: 16px 0 0;
  text-align: center;
}

#mypagedetailarea ul.pager li {
  display: inline;
  margin: 0 5px;
  vertical-align: top;
  line-height: 2;
}

#mypagedetailarea ul.pager li a {
  display: inline-block;
  margin: 0 .5em;
}

#mypagedetailarea ul.pager li.focus {
  display: inline-block;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background: #cf4889;
  padding: 0 .75em;
  font-weight: bold;
  color: #ffffff;
  /display: inline;
  /zoom: 1;
}


/* マイページTOP */
#mypagedetailarea .pictbox {
  margin: 10px 20px 0;
}

#mypagedetailarea .pictbox dt {
  position: relative;
  width: 700px;
}

@media screen and (max-width: 1112px) {
  #mypagedetailarea .pictbox dt {
    width: 100%;
  }
}

#mypagedetailarea .pictbox dt .more {
  position: absolute;
  top: 12px;
  right: 0;
}

#mypagedetailarea .pictbox .list_item {
  margin: 0 -45px 0 70px;
}

#mypagedetailarea .pictbox .list_item .item {
  width: 150px;
  margin: 0 45px 25px 0;
}

@media screen and (max-width: 1112px) {
  #mypagedetailarea .pictbox .list_item {
    margin: 0 0 0 10%;
  }

  #mypagedetailarea .pictbox .list_item .item {
    width: 150px;
    margin: 0 45px 25px 0;
  }
}


#mypagedetailarea .pictbox .list_item .item a {
  color: #333333 !important;
}

#mypagedetailarea .pictbox .list_item .item .hover {
  display: none;
}


/* お届け先一覧 */
#mypagedetailarea ul.boxdeliver {
  margin: 0 20px;
  padding: 10px 0 0;
}

#mypagedetailarea ul.boxdeliver li {
  position: relative;
  border: 1px solid #cccccc;
  margin: 10px 0 0 0;
  padding: 15px 20px 15px 20px;
}

#mypagedetailarea ul.boxdeliver li dl {
  border-right: 1px solid #cccccc;
  width: 560px;
  padding-right: 16px;
}

#mypagedetailarea ul.boxdeliver li dl dd {
  padding: 5px 0 0 0px;
}

#mypagedetailarea ul.boxdeliver li div.radiobtnarea {
  position: absolute;
  top: 30%;
  right: 25px;
}

#mypagedetailarea ul.boxdeliver li div.btnarea {
  position: absolute;
  top: 50%;
  right: 30px;
  margin-top: -25px;
}

#mypagedetailarea ul.boxdeliver li div.btnarea input,
#mypagedetailarea ul.boxdeliver li div.btnarea a {
  display: block;
  margin: 5px 0 0;
}

#mypagedetailarea .btndelivadd {
  margin: 20px 20px 0;
}


/* 購入履歴一覧 */
#mypagedetailarea div.colrightcont.histlist dl {
  margin: 20px 20px 0;
  padding-bottom: 15px;
}

#mypagedetailarea div.colrightcont.histlist dl dt {
  border-top: 1px solid #999999;
  background: url(../images_ravi/bg_dotline.gif) repeat-x 0 100%;
  padding: 10px 0;
  text-align: right;
}

#mypagedetailarea div.colrightcont.histlist dl dt span {
  float: left;
  margin: 4px 0 0;
  font-weight: bold;
}

#mypagedetailarea div.colrightcont.histlist dl dd li {
  padding: 15px 0 0;
}

#mypagedetailarea div.colrightcont.histlist dl dd li a {
  color: #333333 !important;
}

#mypagedetailarea div.colrightcont.histlist dl dd li p {
  float: left;
  margin: 0;
}

#mypagedetailarea div.colrightcont.histlist dl dd li img {
  float: right;
}

/* おねだり一覧 */
#mypagedetailarea div.colrightcont.mypageilist dl {
  margin: 20px 20px 0;
  padding-bottom: 15px;
}

#mypagedetailarea div.colrightcont.mypageilist dl dt {
  border-top: 1px solid #999999;
  background: url(../images_ravi/bg_dotline.gif) repeat-x 0 100%;
  padding: 10px 0;
}

#mypagedetailarea div.colrightcont.mypageilist dl dt span {
  float: left;
  margin: 4px 0 0;
  font-weight: bold;
}

#mypagedetailarea div.colrightcont.mypageilist dl dd li {
  padding: 15px 0 0;
}

#mypagedetailarea div.colrightcont.mypageilist dl dd li a {
  color: #333333 !important;
}

#mypagedetailarea div.colrightcont.mypageilist dl dd li p {
  float: left;
  margin: 0;
}

#mypagedetailarea div.colrightcont.mypageilist dl dd li img {
  float: right;
  width: 100%;
}


/* 購入履歴詳細 */
#mypagedetailarea div.colrightcont.histdetail h3 {
  border-top: 1px solid #999999;
  background: url(../images_ravi/bg_dotline.gif) repeat-x 0 100%;
  margin: 20px 20px 0;
  padding: 14px 0;
}

#mypagedetailarea div.colrightcont.histdetail h3 span {
  color: #999999;
}

#mypagedetailarea div.colrightcont.histdetail h3 span.finish {
  color: #ff3399;
}

#mypagedetailarea div.colrightcont.histdetail h3 span.yet {
  color: #cf2a0d;
}


/* 購入履歴詳細 > 購入確認 */
#mypagedetailarea .tblorderlist {
  width: 700px;
  margin: 0 20px;
}

#mypagedetailarea .tblorderlist th,
#mypagedetailarea .tblorderlist td {
  background: url(../images_ravi/bg_dotline.gif) repeat-x 0 100%;
  padding: 10px 10px 11px;
}

#mypagedetailarea .tblorderlist th {
  width: 60%;
  padding-left: 0;
  font-weight: normal;
  white-space: normal;
}

#mypagedetailarea .tblorderlist td {
  background: url(../images_ravi/bg_dotline.gif) repeat-x 0 100%;
  width: 10%;
  text-align: right;
}

#mypagedetailarea .tblorderlist td.price {
  width: 15%;
}

#mypagedetailarea .tblorderlist td.sprice {
  width: 15%;
  padding-right: 0;
  text-align: right;
}

#mypagedetailarea dl.boxorderaccount {
  float: right;
  display: inline;
  width: 316px;
  margin: 10px 20px 20px;
}

#mypagedetailarea dl.boxorderaccount dt {
  float: left;
  width: 180px;
  padding-top: 5px;
}

#mypagedetailarea dl.boxorderaccount dd {
  padding-top: 5px;
  padding-left: 100px;
  text-align: right;
}

#mypagedetailarea dl.boxorderaccount .total {
  border-top: 1px solid #999999;
  margin-top: 10px;
  padding-top: 5px;
  font-weight: bold;
}

#mypagedetailarea div.boxorderinfo {
  clear: both;
  border: 1px solid #999999;
  margin: 0 20px;
  padding: 1px 15px 1em;
}

#mypagedetailarea div.boxorderinfo dl dt {
  clear: left;
  float: left;
  width: 110px;
  padding-top: 1em;
  text-align: right;
  font-weight: bold;
}

#mypagedetailarea div.boxorderinfo dl dd {
  margin: 0 0 0 130px;
  padding-top: 1em;
}


/* お気に入り一覧 */
#mypagedetailarea p.alldel {
  margin: 8px 20px 0;
  text-align: right;
}

#mypagedetailarea p.alldel input {
  display: inline-block;
  border: none;
  background: url(../images_ravi/btn_mypage_allfavdel.gif) no-repeat 0 0;
  width: 160px;
  height: 26px;
  padding: 0;
  text-indent: -9999px;
}


/* クレジットカード一覧 */
#mypagedetailarea .cardlist {
  width: 540px;
  margin: 20px 20px 0;
}

#mypagedetailarea .cardlist th,
#mypagedetailarea .cardlist td {
  border: 1px solid #cccccc;
  padding: 5px 15px;
}

#mypagedetailarea .cardlist th {
  background: #efefef;
  text-align: center;
}

mypagedetailarea .pictbox .list_item .item a {
  color: #333333 !important;
}

#mypagedetailarea .creditcardFrom td {
  padding-top: 21px !important;
}

#mypagedetailarea .creditcardFrom .creditcardForm_head {
  padding-top: 13px !important;
}

/* space20 */
.space20 {
  padding-top: 20px;
}

/* space10 */
.space10 {
  margin-top: 10px;
}


/* space25 */
.space25 {
  margin: 25px 0;
}

/* space */
.space {
  margin: 20px 0;
}


/* ↓ｄ必要なければ削除 */


/*
#mypagedetailarea .boxnothing{
padding:40px 20px;
}
#mypagedetailarea .pictbox ul li{
background:url(../images_ravi/bg_mypagesquare_inbox.gif) no-repeat 0 0;
float:left;
height:164px;
width:164px;
padding:5px;
margin:10px 9px 0 0;
position:relative;
z-index:5;
}
#mypagedetailarea .pictbox dd{
margin:0 0 20px 0;
}

#mypagedetailarea .pictbox ul li a{
text-decoration:none;
}

#mypagedetailarea .pictbox ul li span.pic{
height:120px;
overflow:hidden;
display:block;
position:relative;
}

#mypagedetailarea .pictbox ul li span.pic img{
margin:-24px 0 0 0;
}

#mypagedetailarea .pictbox ul li span.label{
display:block;
overflow:hidden;
background:url(../images_ravi/bg_productsquare_label.gif) repeat 0 0;
width:144px;
height:30px;
padding:7px 10px;
line-height:140%;
;
border-top:1px dotted #bcadad;
word-break:break-all;
}

#mypagedetailarea ul.socialbox{
width:560px;
padding:0 0 20px 20px;
}

#mypagedetailarea ul.socialbox li{
float:left;
padding:0 20px 0 0;
}

#mypagedetailarea ul.socialbox li p{
padding:0 0 10px 0;
}#mypagedetailarea ul.boxproductlist li span.fav{
display:block;
width:88px;
word-wrap:break-word;
}
#mypagedetailarea ul.boxpoplist li span.fav{
width:105px;
}

#mypagedetailarea ul.boxproductlist.line li span.btn a img{
border:none;
display:block;
position:absolute;
right:20px;
top:150px;
z-index:2;
}

#mypagedetailarea ul.boxpoplist.line li span.btn input.productpict{
border:none;
display:block;
position:absolute;
right:5px;
top:127px;
z-index:2;
}

#cartinarea.boxrecommend .list_item div.image{
margin-bottom:10px;
}

#ovlguestformarea .btnarea{
position:relative;
}
#ovlguestformarea .tblguestform td ol{
background:url(../images_ravi/bg_regist_member_mail.gif) no-repeat 0 0;
padding:19px 15px 2px 15px;
width:274px;
}

#ovlguestformarea .tblguestform td ol li{
margin:0 0 10px 0;
line-height:0;
}

#formcontarea div.top{
background:#ffffff;
color:#333333;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}

#formcontarea.registform{
margin:0 auto;
}
#formcontarea.registform{
background:url(../images_ravi/bg_ovl_guestinfo_top.png) no-repeat 0 0;
padding:7px 0 0 0;
margin:0 auto;
width:500px;
}
#formcontarea.registform div.top{
background:url(../images_ravi/bg_ovl_guestinfo_bottom.png) no-repeat 0 100%;
padding:0 0 7px 0;
}
#formcontarea.registform div.bottom{
background:url(../images_ravi/bg_ovl_guestinfo.gif) repeat-y 0 0;
padding:3px 0 13px 0;
}


#formcontarea div.boxmembermerit{
padding:0 0 10px 0;
border-bottom:1px solid #d4c2be;
}

#formcontarea div.boxmembermerit dl{
float:left;
width:260px;
padding:0 0 0 40px;
}

#formcontarea div.boxmembermerit dl dt{
padding:0 0 10px 0;
}

#formcontarea div.boxmembermerit dl dd{
line-height:160%;
}
div#boxtwit{
background:url(../images_ravi/bg_regist_twitter.png) no-repeat 0 0;
padding:32px 0 0 93px;
width:236px;
height:165px;
position:absolute;
z-index:1;
left:-310px;
top:20px;
}

div#boxtwit p{
padding:12px 0 0 0;
}
div#boxfacebook{
background:url(../images_ravi/bg_regist_facebook.png) no-repeat 0 0;
padding:32px 0 0 63px;
width:265px;
height:165px;
position:absolute;
z-index:1;
right:-315px;
top:-20px;
}

div#boxfacebook p{
padding:12px 0 0 21px;
}

input{
border:0;
}

#formcontarea .tblbuyinfotform{
padding:0 40px;
}

.txtempareart{
color:#CC0000;
display:block;
font-size:100%;
font-weight:bold;
line-height:130%;
}

input.btnfootsubmit{
background:url(../images_ravi/btn_foot_mailform.gif) no-repeat 0 0;
width:43px;
height:25px;
cursor:pointer;
text-indent:-9999px;
display:block;
}

input.btnheadgo{
background:url(../images_ravi/btn_head_search.png) no-repeat 0 0;
width:40px;
height:27px;
cursor:pointer;
text-indent:-9999px;
display:block;
}

input.btnsearchgo{
background:url(../images_ravi/btn_search_formgo.gif) no-repeat 0 0;
width:40px;
height:25px;
cursor:pointer;
text-indent:-9999px;
}

input.btnsearchfree{
background:url(../images_ravi/btn_search_search_form.gif) no-repeat 0 0;
width:77px;
height:35px;
text-indent:-9999px;
cursor:pointer;
margin:0 0 0 5px;
float:left;
}



input.btnmemberadd{
background:url(../images_ravi/btn_mypage_memberadd.gif) no-repeat 0 0;
width:140px;
height:29px;
display:block;
text-indent:-9999px;
vertical-align:middle;
cursor:pointer;
margin:0 auto;
}


input.btnpasschange{
background:url(../images_ravi/btn_mypage_passconfirm.gif) no-repeat 0 0;
width:140px;
height:29px;
display:block;
text-indent:-9999px;
vertical-align:middle;
cursor:pointer;
margin:0 auto;
}
input.hankaku{
ime-mode:disabled;
}
.formmail{
margin:0 0 5px 0;
}


#formcontarea textarea{
border:1px solid #cccccc;
font-size:100%;
width:412px;
min-height:100px;
padding:3px;
line-height:140%;
}

.chrome #formcontarea textarea{
font-size:120%;
border:1px solid #cccccc;
width:412px;
min-height:100px;
padding:3px;
line-height:140%;
}
input.btnsubmit{
background:url(../images_ravi/btn_submit.gif) no-repeat 0 0;
width:240px;
height:43px;
text-indent:-9999px;
cursor:pointer;
display:block;
margin:0 auto;
}
#formheadarea{
width:640px;
margin:0 auto 15px auto;
}
#mixi2012 .addlink{
color:#524042;
font-family:'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
font-weight:bold;
padding:10px 0 10px 20px;
}

#mixi2012 .addlink span{
background:none repeat scroll 0 0 #FFEB12;
line-height:1.1;
margin:0;
}
*/

/*支払方法選択ページ：ギフトボックス表示*/
.accordion_head {
  cursor: pointer;
}


/* プレゼントページ用　2014/06/05
------------------------------------- */
.gift #registloginarea {
  margin-top: 50px;
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  /* firefox　*/
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  /* safari、chorme */
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

.gift .btngift_gold {
  background: #fd51a9;
  background: -webkit-gradient(linear, center top, center bottom, from(#e0cd73), to(#c9a80d));
  background: -moz-linear-gradient(top, #e0cd73, #c9a80d);
  border-radius: 3px;
  color: #fff;
  padding: 5px 10px;
  text-align: center;
  text-indent: 0;
}

.gift .btngift_gold.btn_l {
  font-size: 16px;
  font-weight: bold;
  width: 330px;
  padding: 8px 0;
  margin-left: 175px;
}

.gift .btngift_gold.btn_l.send {
  background: url(../images_ravi/gift/btn_gift.png) no-repeat;
  width: 330px;
  height: 43px;
  text-indent: -9999px;
}

.gift .content-inner .btngift_gold.btn_l {
  margin-left: 185px;
}

.gift .boxorderinfo .btngift_gold.btn_l {
  margin: 10px 0 0 125px;
}

.gift .btngift_gray {
  background: #f3f3f3;
  background: -webkit-gradient(linear, center top, center bottom, from(#fdfdfd), to(#f3f3f3));
  background: -moz-linear-gradient(top, #fdfdfd, #f3f3f3);
  border-radius: 3px;
  border: 1px solid #ddd;
  color: #666;
  padding: 5px 10px;
  text-align: center;
}

.gift .totalList li .btngift_gray {
  margin: 20px 0 0 255px;
}

.button.gift .btngift_gold {
  font-weight: bold;
  font-size: 133.3%;
}

.button.gift .btngift_gold,
.button.gift .btngift_gray {
  width: 360px;
  height: 56px;
}

.gift #formcontarea h2 {
  font-size: 16px;
}

.gift #formcontarea {
  width: 700px;
  border-top: 1px solid #e5e5e5;
  font-size: 116.7%;
  border-radius: 0;
  margin-top: 30px;
}

.cartinareaGif > #formcontarea {
  border-top: none;
  margin-top: 0;
}

/*#wrap > #formcontarea{
width:760px;
}*/
.gift #formcontarea h3 {
  font-size: 14px;
  margin: 30px 0 0 20px;
}

.gift #formcontarea h3 span {
  display: block;
  font-size: 10px;
  font-weight: normal;
}

/* ログイン */
.gift #registloginarea .top {
  overflow: hidden;
}

.gift #registloginarea .btnregistlogin {
  margin-bottom: 20px;
}

.gift #registloginarea .colregistcont {
  margin-bottom: 15px;
}

.gift #registloginarea .colregistcont > p {
  border-top: 1px solid #e5e5e5;
  margin-top: -1px;
  padding: 10px 0 5px;
  font-weight: bold;
}

.gift #registloginarea .btngift_gold {
  width: 230px;
  margin: 0 15px;
  margin-bottom: 20px;
}

/* お客様情報入力 */
.gift #formcontarea p.card {
  margin: 0 20px 20px;
  font-size: 14px;
}

.gift .innercontbuyinfo table td p.gray {
  background: #f1f1f1;
  margin-top: 5px;
  padding: 3px 5px;
}

.gift .innercontbuyinfo.clearfix p img {
  float: left;
}

.gift .innercontbuyinfo.clearfix .desc p.bold {
  font-size: 14px;
  font-weight: bold;
  padding: 40px 0 10px;
}

.gift .innercontbuyinfo.clearfix .desc p {
  line-height: 1.5em;
}

.gift .innercontbuyinfo.sns ul {
  width: 456px;
  margin: 0 auto 20px;
}

.gift .innercontbuyinfo.sns li {
  float: left;
  margin-left: 30px;
}

.gift .innercontbuyinfo.sns li:first-child {
  margin-left: 0;
}

.gift .innercontbuyinfo.sns p span {
  display: block;
}

.gift .innercontbuyinfo.sns p .formxl {
  width: 450px;
  margin-right: 10px;
}

.gift .innercontbuyinfo.message .clearfix p img {
  float: left;
  margin: 0 20px 10px 0;
}

.gift .innercontbuyinfo.message .clearfix input {
  margin-top: 10px;
}

.gift #formcontarea div.innercontbuyinfo ul.boxcreditcard li dl dt {
  width: auto;
}

.gift .innercontbuyinfo.message dl dt,
.gift .innercontbuyinfo dl.newcard dt {
  margin: 12px 0 3px;
}

.gift .innercontbuyinfo div.newcard {
  margin-top: 40px;
}

.gift .btnarea {
  padding-left: 80px;
}

.gift .btnarea.error {
  padding-left: 240px;
}

.gift .btnarea input.btngift_gold {
  width: 300px;
  padding: 10px;
  margin-right: 20px;
}

.gift .btnarea input.btngift_gray {
  width: 180px;
  padding: 10px;
}

/* 確認ページ(贈る側) */
.gift #formcontarea .price .tblorderlist {
  margin: 10px auto 0;
}

.gift #formcontarea .price .tblorderlist th {
  padding-left: 15px;
  background: none;
  border-bottom: 1px solid #e5e5e5;
}

.gift #formcontarea .price .tblorderlist td {
  padding-right: 15px;
  background: none;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: -1px;
}

.gift #formcontarea .price .tblorderlist.total {
  margin: -1px auto 20px;
}

.gift #formcontarea .price .tblorderlist.total th {
  border-top: 1px solid #999;
  border-bottom: none;
}

.gift #formcontarea .price .tblorderlist.total td {
  color: #c00;
  border-top: 1px solid #999;
  border-bottom: none;
}

.gift .btnarea.price input.btngift_gray {
  width: 200px;
  padding: 8px;
  margin-left: 85px;
}

.gift #formcontarea .price .totalList p.txtex {
  margin: 10px 0;
}

.gift #formcontarea .price .totalList .btngift_gray {
  margin: 10px 0 10px 230px;
}

/* お届け先入力 */
.gift #formcontarea .user {
  margin: 0 20px 20px;
}

.gift #formcontarea .user dl {
  margin-left: 200px;
}

.gift #formcontarea .user dt {
  margin: 10px 0 5px;
}

.gift .tblguestform {
  font-size: 85.7%;
}

/* お問い合わせ入力 */
#dvUserInquiryInput .tblguestform dl dt {
  width: 3em;
  padding: 0.5em 0 0 0;
}

#dvUserInquiryInput .tblguestform dl dd {
  padding: 0 10px 0 0;
}

#dvUserInquiryInput .tblguestform dl dt,
#dvUserInquiryInput .tblguestform dl dd {
  float: left;
}

/* お問い合わせ確認 */
#dvUserInquiryConfirm p.fulltext {
  background: url(../images_ravi/bg_dotline.gif) repeat-x 0 100%;
  margin-right: 20px;
  margin-left: 20px;
  padding: 0 0 1em;
}

#dvUserInquiryConfirm .dvUserInfo {
  margin: 30px 20px 0;
  width: calc(100% - 40px);
}

#dvUserInquiryConfirm .dvUserInfo dl {
  display: table;
  width: 100%;
}

#dvUserInquiryConfirm .dvUserInfo dl.top {
  border-top: 1px solid #ccc;
}

#dvUserInquiryConfirm .dvUserInfo dt,
#dvUserInquiryConfirm .dvUserInfo dd {
  display: table-cell;
  vertical-align: middle;
  border-bottom: 1px solid #ccc;
}

#dvUserInquiryConfirm .dvUserInfo dt {
  width: 200px;
  padding: 21px 0;
  text-indent: 40px;
}

#dvUserInquiryConfirm .dvUserInfo dd {
  width: calc(100% - 200px);
}

#dvUserInquiryConfirm a.btnregistsubmit {
  display: block;
  border: none;
  background: url(../images_ravi/btn_regist_submit.gif) no-repeat 0 0;
  width: 140px;
  height: 29px;
  margin: 0 auto;
  padding: 0;
  text-indent: -9999px;
}

/* お問い合わせ完了 */
#dvUserRegistComplete #staticcontarea {
  padding: 0px 20px 90px !important;
}

#dvUserRegistComplete .completeInfo {
  /* padding: 80px 0 70px 0;*/
  margin: 0 auto;
  text-align: left;
  width: 580px
}

#dvUserRegistComplete .dvUserBtnBox {
  margin-top: 0;
}

#dvUserRegistComplete a.gBtn {
  color: #333 !important;
  text-decoration: blink !important;
}

.receptionInfo {
  width: 580px;
  margin: 40px auto 20px;
}

#dvMailMagazineCancelInput {
  padding: 0 50px;
}

/* 店舗カード統合 */
#dvUserPointCardInput {
  margin: 0 20px;
}

#dvUserPointCardInput h3 {
  margin: 10px 0 0;
  padding-bottom: 10px;
  border-bottom: 1px dashed #999;
  font-size: 13px;
}


/* ポイント履歴一覧 */
#dvUserPointHistoryList {
  margin: 0 20px;
}

#dvUserPointHistoryList h3 {
  margin: 10px 0;
  padding-bottom: 10px;
  border-bottom: 1px dashed #999;
  font-size: 13px;
}

#dvUserPointHistoryList .box {
  background: #fafafa;
  border: 1px solid #ccc;
  margin: 0 0 10px;
  padding: 20px;
}

#dvUserPointHistoryList .box p {
  font-size: 13px;
  line-height: 1.8;
  margin: 0;
}

#dvUserPointHistoryList .box p span {
  display: inline-block;
  width: 11em;
}

#dvUserPointHistoryList table {
  font-size: 12px;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: solid 1px #ccc;
}

#dvUserPointHistoryList table th {
  background: #ececec;
  text-align: center;
  width: 33.3%;
}

#dvUserPointHistoryList table th,
#dvUserPointHistoryList table td {
  border: solid 1px #ccc;
  padding: 10px;
}

#pagination {
  text-align: center;
  margin: 20px 0 10px;
  font-size: 13px;
}


/* アドレス帳一覧 */
#dvUserShippingList {
  margin: 0 20px;
}

#dvUserShippingList h3 {
  margin: 10px 0 0;
  padding-bottom: 10px;
  border-bottom: 1px dashed #999;
  font-size: 13px;
}

#dvUserShippingList .dvUserBtnBox {
  margin: 20px 0 30px;
  width: 100%;
}

#dvUserShippingList .errorMessage {
  text-align: center;
}

#dvUserShippingList #pagination {
  display: none;
}

/* マイページトップ追加 */
#mypagedetailarea h4.mypageTop {
  margin: 10px 20px 10px;
  padding-bottom: 10px;
  border-bottom: 1px dashed #999;
  font-size: 13px;
}

#mypagedetailarea .boxPoint {
  background: #fafafa;
  border: 1px solid #ccc;
  margin: 0 20px 10px;
  padding: 20px;
}

#mypagedetailarea .boxPoint p {
  font-size: 13px;
  line-height: 1.8;
  margin: 0;
}

#mypagedetailarea .boxPoint p span {
  display: inline-block;
  width: 11em;
}


/*クレジットカード一覧*/

/*list*/


    #dvUserCreditCardList {
      margin: 0 20px;
      text-align: center;
    }

    #dvUserCreditCardList .fulltext {
/*      margin: 10px 0 0;*/
      padding-bottom: 10px;
/*      border-bottom: 1px dashed #999;*/
/*      font-size: 13px;*/
      text-align: left;
    }

    #dvUserCreditCardList .dvUserBtnBox {
      margin: 20px 0 30px;
      width: 100%;
    }

    #dvUserCreditCardList dt, #dvUserCreditCardList dd{
      text-align: left;
    }
    


/*list*/

/*input*/
   #dvUserCreditCardInput .mt{
      margin-top: 10px;
    }

/*input*/

/*confirm*/
    .dvUserCreditCardInfo {
/*      width: 580px;*/
      margin: 5px auto 0;
      /*      text-align: center;*/
    }

    .dvUserCreditCardInfo h4 {
      margin-top: 20px;
      text-align: center;
    }

    .dvUserCreditCardInfo table {
      table-layout: fixed;
      width: 100%;
    }

    .dvUserCreditCardInfo table th {
      text-align: right;
    }

/*confirm*/

/*クレジットカード*/
/*ポイント統合*/

#dvUserPointCardInput input::-webkit-input-placeholder {
  font-size: 12px;
}

#dvUserPointCardInput input:-moz-placeholder {
  font-size: 12px;
}

#dvUserPointCardInput input::-moz-placeholder {
  font-size: 12px;
}

#dvUserPointCardInput input:-ms-input-placeholder {
  font-size: 12px;
}

#dvUserPointCardInput table tr td input{
  font-size: 12px !important;
}

#dvUserPointCardInput .fulltext{
  text-align: center;
}


/*ポイント統合*/