@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:700;
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.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:700
}

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

#alertPop p.cartlink a {
display:block;
font-size:100%;
text-decoration:none;
color:#fff;
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:20px 0 0px
}

@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:400;
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:#fff;
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:400
}

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:700
}

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

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

p.txtex {
margin-top:.3em
}

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

.txtprice {
font-weight:700;
color:#c00
}

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

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

.txtempareart {
display:block;
font-weight:700;
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:#fff 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:0 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:0 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:#fff;
padding:8px 0;
text-align:center;
margin:0 auto
}

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

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

/* ボタン 背景グレー 201705追記*/
.form_btngray {
display:inline-block;
background:#e5e5e5;
border-radius:5px;
color:#555;
text-shadow:0 1px 0 #fff;
border:1px solid #bbb;
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 #ccc;
margin:0 0 10px
}

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

/* ボタン 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;
padding:5px 0;
background:#d45d95;
cursor:pointer;
position:relative;
z-index:1;
border-radius:3px
}

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

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

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

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

select.formm {
width:140px
}

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

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

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

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

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

/* 強調枠 */
.boxenclose {
border:1px solid #ccc;
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:700
}

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

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

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

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


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

#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:400
}

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

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

#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;
width:600px
}

#formcontarea .tblguestform th {
width:220px;
padding:6px 20px 15px 0;
font-weight:400;
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:.5em 0 0
}

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

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

#formcontarea .tblcartinnerlist {
border-bottom:1px solid #666;
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:#333!important
}

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

#formcontarea .tblbuyinfoform td {
padding:0 0 15px
}

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

#formcontarea .tblbuyinfoform tr.linetop {
background:#fff 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:#333;
padding:15px 0;
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
}

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

#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:400;
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:#999
}

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

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

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

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

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

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

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

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

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

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

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

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

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

#cartinarea .tblcartinnerlist a {
color:#333!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
}

#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:700;
color:#c00
}

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

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

#cartinarea .tblcartinnerlist td.price .sale {
color:#c00;
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 #666;
width:720px
}

#cartinarea .tblcartinnerlist_1 a {
color:#333!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
}

#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:700;
color:#c00
}

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

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

#cartinarea .tblcartinnerlist_1 td.price .sale {
color:#c00;
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 #666;
width:720px
}

#cartinarea .tblcartinnerlist_2 a {
color:#333!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
}

#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:700;
color:#c00
}

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

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

#cartinarea .tblcartinnerlist_2 td.price .sale {
color:#c00;
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 .5em
}

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

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

#cartinarea div.cartinfo .cartinfoTime {
color:#999;
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:700;
color:#c00;
white-space:nowrap
}

/*クーポン*/
#cartinarea .couponArea .couponTtl {
font-size:12px;
margin-bottom:10px
}

#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;
width:326px
}

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

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

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

#cartinarea .btncartinarea div.text2 {
position:absolute;
top:44px;
left:600px;
width:170px;
text-align:center;
line-height:130%;
font-size:133.3%;
font-weight:700;
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:#ff9
}

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

#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:700;
color:#000
}

/* 強調アラート */
#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:#333!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:#fff;
width:150px;
padding:11px;
margin:4px 12px 20px
}

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

#cartinarea.boxrecommend .list_item .btn {
display:block;
background:#cd2671;
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f0559b),color-stop(100%,#cd2671));
background:-webkit-linear-gradient(top,#f0559b 0%,#cd2671 100%);
background:linear-gradient(to bottom,#f0559b 0%,#cd2671 100%);
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
}

#checkitarea dt {
padding:0 0 10px
}

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

#checkitarea dd span {
font-weight:700
}

/* コンテンツ */
#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:#fff;color:#333;border-radius:5px}
}*/

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

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

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

#cartentrancearea h2 {
margin:0 0 20px
}

#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
}

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

#cartentrancearea dl {
padding:10px 0 0
}

#cartentrancearea dt {
padding:0 0 3px
}

#cartentrancearea dl.first {
padding:0
}

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

#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 #f69;
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
}

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

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

#formcontarea div.innercontbuyinfo .point {
margin:20px 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:#fff;
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:400
}

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

/* プレゼントラッピングサービス */
#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
}

#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
}

#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 #CCC;
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
}

/* 購入確認
------------------------------------- */
#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;
white-space:nowrap
}

#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;
padding-top:5px;
font-weight:700;
border-top:1px solid #999
}

#formcontarea div.boxorderinfo {
margin:20px auto 0;
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:130px;
float:left;
padding:0 20px 10px 0;
text-align:right;
font-weight:700
}

#formcontarea div.boxorderinfo dl dd {
float:left;
width:400px;
padding:0 0 10px
}

#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
}

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

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

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

/* 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:700;
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:700
}

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

#formcontarea div.campaign .campaignSelect h3 span {
font-size:10px;
font-weight:400;
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;
background:#fff;
width:260px;
padding:20px;
margin:80px auto;
color:#333
}

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

#registloginarea a.gBtn {
color:#fff!important;
text-decoration:none!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:#999;
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:.5em 0 1.5em
}

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

#ovlguestformarea {
margin:0 auto;
background:#fff;
color:#333;
padding:20px;
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:400;
font-size:91.7%;
color:#666
}

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

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

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

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

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

#ovlguestformarea .tblguestform dl dt {
width:3em;
padding:.5em 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:#fff;
color:#333;
padding:20px;
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
}

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

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

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

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

#ovlguestformsalearea .tblguestform dl dt {
width:3em;
padding:.5em 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
}

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

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

#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;
font-size:71.4%;
color:#999;
line-height:130%;
display:block;
float:left
}

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

/* メルマガサンプル */
#ovlmailsamplearea {
background:url(../images_ravi/bg_ovl_mailsample_top.png) no-repeat 0 0;
padding:7px 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
}

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

#ovlmailsamplearea div.titarea {
padding:0 20px 10px;
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;
overflow:auto
}

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


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

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

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

/*マイページ　共通ボタン*/
#mypagedetailarea .btn-140 {
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
justify-content:center;
-ms-align-items:center;
align-items:center;
float:right;
width:140px;
color:#fff!important;
text-decoration:blink!important;
border:1px solid #d45d95;
text-align:center;
border-radius:2px;
padding:5px 0;
background:#d45d95;
cursor:pointer;
position:relative;
z-index:1;
border-radius:3px;
-webkit-border-radius:3px
}

#mypagedetailarea .btn-delete {
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
justify-content:center;
-ms-align-items:center;
align-items:center;
float:right;
width:140px;
color:#fff!important;
text-decoration:blink!important;
border:1px solid #d45d95;
text-align:center;
border-radius:2px;
padding:5px 0;
background:#d45d95;
cursor:pointer;
position:relative;
z-index:1;
border-radius:3px;
-webkit-border-radius:3px
}

/*マイページ　共通ボタン*/
#mypagedetailarea {
border-radius:6px;
background:#fff url(../images_ravi/bg_mypage_detail.gif) repeat-y 0 0;
width:990px;
margin:19px auto 0;
color:#333
}

@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:#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:#666
}

@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:700;
line-height:1.2;
color:#333
}

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

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

#mypagedetailarea div.colleftnavi li a {
display:inline-block;
padding:1px 0;
color:#333!important
}

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

#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 {
background:#fff;
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;
margin-bottom:-15px
}

/* タイトル */
#mypagedetailarea div.colrightcont div.titarea {
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:700;
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:700
}

/* ボタン */
#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;
padding:5px;
text-align:center
}

#mypagedetailarea .btnsubmit {
display:block;
margin:20px auto;
padding:10px 20px;
color:#fff;
border-radius:4px;
background:#d86ca0;
background:-webkit-linear-gradient(top,#d86ca0 0%,#cf4989 100%);
background:linear-gradient(to bottom,#d86ca0 0%,#cf4989 100%)
}

/* テキスト：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:400
}

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

#mypagedetailarea .tblguestform td {
width:62%;
padding:15px 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:700
}

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

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

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

#mypagedetailarea .tblguestform span.error_inline {
padding:3px 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:700;
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:#333!important
}

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

#mypagedetailarea ul.boxproductlist li .fav {
display:block
}

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

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

#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;
background:#cf4889;
padding:0 .75em;
font-weight:700;
color:#fff;
/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;
display:inline-block;
vertical-align:top
}

@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:#333!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 #ccc;
margin:10px 0 0;
padding:15px 20px
}

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

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

#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 #999;
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:700
}

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

#mypagedetailarea div.colrightcont.histlist dl dd li a {
color:#333!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 #999;
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:700
}

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

#mypagedetailarea div.colrightcont.mypageilist dl dd li a {
color:#333!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 #999;
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:#999
}

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

#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:400;
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 #999;
margin-top:10px;
padding-top:5px;
font-weight:700
}

#mypagedetailarea div.boxorderinfo {
clear:both;
border:1px solid #999;
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:700
}

#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 #ccc;
padding:5px 15px
}

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

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

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

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

.space20 {
padding-top:20px
}

.space10 {
margin-top:10px
}

.space25 {
margin:25px 0
}

.space {
margin:20px 0
}

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

/* プレゼントページ用　2014/06/05
------------------------------------- */
.gift #registloginarea {
margin-top:50px;
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));
border-radius:3px;
color:#fff;
padding:5px 10px;
text-align:center;
text-indent:0
}

.gift .btngift_gold.btn_l {
font-size:16px;
font-weight:700;
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));
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:700;
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
}

.gift #formcontarea h3 {
font-size:14px;
margin:30px 0 0 20px
}

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

/* ログイン */
.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:700
}

.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:700;
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:.5em 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:0 20px 90px!important
}

#dvUserRegistComplete .completeInfo {
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;
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
}

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


/*入荷お知らせメールリスト*/
#dvFavoriteList.ArrivalMailList {
padding-left:3%;
padding-top:10px
}
/*入荷お知らせメールリスト*/


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

#dvUserCreditCardList .fulltext {
padding-bottom:10px;
text-align:left
}

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

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

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

/*confirm*/
.dvUserCreditCardInfo {
margin:5px auto 0
}

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

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

.dvUserCreditCardInfo table th {
text-align:right
}

/*クレジットカード*/
/*ポイント統合*/
#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
}