「会員登録して購入」、「会員登録せずに購入」、「送り主登録/変更」、「お届け先登録/変更」、「新規登録はこちら」のボタンは、2012年10月1日　午後2時以降に追加されたボタンです。
サンプルボタン画像にも追加しておりますので、事前に設定される場合はご利用ください。
※ただし、現状ではボタンはページ上にございませんので、確認することはできません。
▼スタイルシートの指定についてはこちら

ご注意事項

● 画像の横幅、縦幅については、ページ内の表示箇所に合わせてご自由に設定して下さい。

● レジに進む、ログイン、次へ、戻る、会員登録して購入、会員登録せずに購入、送り主登録/変更、お届け先登録/変更、新規登録はこちら、複数のお届け先に送る、確認画面へ、登録する、変更する、送信する、削除する、反映する、購入する、変更、削除、詳細、トップへ戻る、マイページトップへ戻る、購入履歴一覧へ戻る、一覧へ戻る、画面を閉じる、はい、いいえの文言についても、ボタン内に含めて下さい。
※文言については、上記をご利用下さい。説明文にボタン名が入る箇所がありますので、文言に差異が生じる場合があります。

　　　　　　　　　　　　　　　　　　　　　　　　　　　

/* ボタン画像設定 */

/* 共通設定 */
.link_bot_box .bot_b input,
.point_box .bot_b input,
.point_box3 .bot_b input,
.td_color1 .bot_b input,
.td_color2 .bot_b .changeinput,
.td_color2 .bot_b .deleteinput,
.td_color2 .bot_b .detailinput,
.td_color2 .changeinput,
.td_color2 .deleteinput,
.td_color3 .bot_b .reflectinput {
display: block;
cursor: pointer;
text-indent: -9999px;
border: none;
background-color: transparent;
}

/*　ボタン表示幅設定区切り線非表示 */
.link_bot_box .bot_b {
width: 130px;
margin-left: auto;
margin-right: auto;
}

※↓下記は非表示にしない場合に使用
/*　ボタン表示幅設定区切り線表示 */
.link_bot_box .bot_b {
width: 145px;
margin-left: auto;
margin-right: auto;
}

/* レジに進む */
.link_bot_box .bot_b .registerinput {
width: 90px;
height: 25px;
background-image: url(image/register.gif);
}

/* ログイン */
.point_box .bot_b .logininput {
width: 70px;
height: 25px;
background-image: url(image/login.gif);
}

/* 次へ */
.link_bot_box .bot_b .nextinput {
width: 50px;
height: 25px;
background-image: url(image/next.gif);
float: left;
}

/* 戻る */
.link_bot_box .bot_b .backinput {
width: 50px;
height: 25px;
background-image: url(image/back.gif);
float: left;
margin-right: 10px;
}

/* 複数のお届け先に送る */
.point_box3 .bot_b .senderinput,
.point_box3 .bot_b .shippinginput {
width: 160px;
height: 25px;
background-image: url(image/sender_n.gif);
}

/* 確認画面へ */
.link_bot_box .bot_b .checkinput {
width: 80px;
height: 25px;
background-image: url(image/check.gif);
}

/* 登録する */
.link_bot_box .bot_b .entryinput {
width: 70px;
height: 25px;
background-image: url(image/entry_b.gif);
float: left;
}

/* 変更する */
.link_bot_box .bot_b .changeinput {
width: 70px;
height: 25px;
background-image: url(image/change_b.gif);
float: left;
}

/* 送信する */
.link_bot_box .bot_b .sendinput {
width: 70px;
height: 25px;
background-image: url(image/send_b.gif);
float: left;
}

/* 削除する */
.point_box3 .bot_b .deleteinput,
.link_bot_box .bot_b .deleteinput {
width: 70px;
height: 25px;
background-image: url(image/delete_b.gif);
}

/* 反映する */
.td_color3 .bot_b .reflectinput {
width: 70px;
height: 25px;
background-image: url(image/reflect.gif);
}

/* 購入する */
.link_bot_box .bot_b .buyinput {
width: 70px;
height: 25px;
background-image: url(image/buy.gif);
float: left;
}

/* 決済する */
.link_bot_box .bot_b .paymentinput {
width: 70px;
height: 25px;
background-image: url(image/payment.gif);
float: left;
}

/* 変更 */
.td_color2 .bot_b .changeinput {
width: 40px;
height: 25px;
background-image: url(image/change.gif);
float: left;
margin-right: 10px;
}

/* 削除 */
.td_color2 .bot_b .deleteinput {
width: 40px;
height: 25px;
background-image: url(image/delete_s.gif);
float: left;
}

/* 変更：テーブル内 */
.td_color2 .changeinput {
width: 40px;
height: 25px;
background-image: url(image/change.gif);
display: inline;
}

/* 削除：テーブル内 */
.td_color2 .deleteinput {
width: 40px;
height: 25px;
background-image: url(image/delete_s.gif);
}

/* 詳細 */
.td_color2 .bot_b .detailinput {
width: 50px;
height: 25px;
background-image: url(image/detail_s.gif);
}

/* トップへ戻る */
.link_bot_box .bot_b .backtopinput {
width: 90px;
height: 25px;
background-image: url(image/backtop.gif);
}

/* マイページトップへ戻る */
.link_bot_box .bot_b .backmypageinput {
width: 150px;
height: 25px;
background-image: url(image/backmypage.gif);
}

/* 購入履歴一覧へ戻る */
.link_bot_box .bot_b .backlistinput {
width: 130px;
height: 25px;
background-image: url(image/backlist.gif);
}

/*一覧へ戻る */
.link_bot_box .bot_b .backshippinglistinput {
width: 90px;
height: 25px;
background-image: url(image/backshippinglist.gif);
}

/* 画面を閉じる */
.link_bot_box .bot_b .wincloseinput {
width: 90px;
height: 25px;
background-image: url(image/winclose.gif);
}

/* はい */
.link_bot_box .deleteyinput {
width: 50px;
height: 25px;
background-image: url(image/deletey.gif);
float: left;
margin-right: 10px;
}

/* いいえ */
.link_bot_box .deleteninput {
width: 50px;
height: 25px;
background-image: url(image/deleten.gif);
float: left;
}

/* 区切り線非表示の場合 */
.link_bot_box .sec_linel {
display: none;
}

/* 区切り線表示の場合 */
.link_bot_box .sec_linel {
display: block;
float: left;
}

/* 特殊設定 */

/* ボタン配置ボックス */
.link_bot_box {
width: 250px;
margin-left: auto;
margin-right: auto;
}

/* 最下部ボタン1つ配置用 */
#inputimage input {
float: none;
margin-left: auto;
margin-right: auto;
}

 

/* ログインカートステップ2用 */
.point_box .bot_b .logininput {
display: inline;
}

/* お届け先を追加中央寄せ用 */
.point_box3 .bot_b .shippinginput {
margin-left: auto;
margin-right: auto;
}

/* 削除するカートステップ2用 */
.point_box3 .bot_b .deleteinput {
display: inline;
}

※下記指定は、2012年10月1日に追加予定のボタン分の指定となります。
「会員登録して購入」、「会員登録せずに購入」、
「送り主登録/変更」、「お届け先登録/変更」、「新規登録はこちら」

/* 共通設定 */
.point_box .bot_b .default_bot_b input {
display: block;
cursor: pointer;
text-indent: -9999px;
border: none;
background-color: transparent;
}

/* カートステップ1　ボタン中央配置 */
.cart_member_box .default_bot_b input {
float: none;
margin-left: auto;
margin-right: auto;
}

/* 会員登録して購入 */
.point_box .bot_b .default_bot_b .memberregisterinput {
width: 110px;
height: 25px;
background-image: url(image/remember.gif);
}

/* 会員登録せずに購入 */
.point_box .bot_b .default_bot_b .nonmemberregisterinput {
width: 120px;
height: 25px;
background-image: url(image/vimember.gif);
}

/* 送り主登録/変更 */
.point_box .bot_b .default_bot_b .sendereditinput {
display: inline;
width: 110px;
height: 25px;
background-image: url(image/sender.gif);
}

/* お届け先登録/変更 */
.point_box .bot_b .default_bot_b .shippingeditinput {
display: inline;
width: 120px;
height: 25px;
background-image: url(image/recipient.gif);
}

/* 新規登録はこちら */
.point_box .bot_b .shippingregisterinput {
display: block;
text-indent: -9999px;
width: 110px;
height: 25px;
background-image: url(image/regist_re.gif);
}