@charset "utf-8";

/**  form.css Menu *********************************************

・共通
・カート系
・会員登録系
・マイページ系
・プレゼント系
・定期購入系
・キャペーン系

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


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

共通

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


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


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

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

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

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

input.btnlogintopnext {
background:url(../images/btn_cart_login.gif) no-repeat left top;
width: 230px;
height: 29px;
text-indent: -9999px;
cursor: pointer;
margin: 20px 0 0 0;
display:block;
}

input.btnlogintopnext_cp { /*201811 キャンペーン用*/
background:url(../images/btn_cart_oubo.gif) no-repeat left top;
width: 230px;
height: 29px;
text-indent: -9999px;
cursor: pointer;
margin: 20px 0 0 0;
display:block;
}

input.btnlogintopmember {
background:url(../images/btn_cart_regist.gif) no-repeat left top;
width: 230px;
height: 29px;
text-indent: -9999px;
cursor: pointer;
margin: 15px 0 0 0;
display:block;
}


input.btnlogintoppurchase {
background:url(../images/btn_cart_noregist.gif) no-repeat left top;
width: 230px;
height: 29px;
text-indent: -9999px;
cursor: pointer;
margin: 20px 0 0 0;
display:block;
}


input.btnloginnext {
background:url(../images/btn_step_next.gif) no-repeat left top;
width: 140px;
height: 29px;
text-indent: -9999px;
cursor: pointer;
display:block;
margin: 0 auto;
}

input.btnloginnext_cp {
background:url(../images/btn_cart_mail_submit.gif) no-repeat left top;
width: 104px;
height: 29px;
text-indent: -9999px;
cursor: pointer;
display:block;
margin: 0 auto;
}

input.btnloginchange {
background:url(../images/btn_change.gif) no-repeat left top;
height: 24px;
text-indent: -9999px;
cursor: pointer;
width: 130px;
display:block;
margin: 0 auto;
}

input.btndelivadd {
background:url(../images/btn_deliv_add.gif) no-repeat left top;
height: 13px;
text-indent: -9999px;
cursor: pointer;
width: 122px;
display:block;
margin:0 20px;
}

input.btnchangefix {
background:url(../images/btn_mypage_changefix.gif) no-repeat left top;
height: 29px;
text-indent: -9999px;
cursor: pointer;
width: 140px;
display:block;
margin:10px auto 20px auto;
}


input.btncartinpurchase {
background:url(../images/btn_carttop_purchase.gif) no-repeat left top;
width: 240px;
height: 43px;
text-indent: -9999px;
cursor: pointer;
display:block;
margin: 0 0 0 10px;
float: left;
}

input.btncartinpurchase.off {
background:url(../images/btn_carttop_purchase_off.gif) no-repeat left top;
width: 240px;
height: 43px;
text-indent: -9999px;
display:block;
margin: 0 0 0 10px;
float: left;
}

input.btncartincancel {
background:url(../images/btn_regist_continue.gif) no-repeat left top;
width: 240px;
height: 43px;
text-indent: -9999px;
cursor: pointer;
display: block;
float: left;
margin-left: 134px;
}

input.btnloginanother {
background:url(../images/btn_anotherdeliver.gif) no-repeat left top;
width: 130px;
height: 24px;
text-indent: -9999px;
cursor: pointer;
display:block;
margin: 0 auto;
}

input.btnorder {
background:url(../images/btn_cart_orderfix.gif) no-repeat left top;
width: 240px;
height: 43px;
text-indent: -9999px;
cursor: pointer;
display:block;
margin: 0 auto;
}

input.btnordercancel {
background:url(../images/btn_cart_ordercancel.gif) no-repeat left top;
width: 90px;
height: 24px;
text-indent: -9999px;
cursor: pointer;
display:block;
position:absolute;
top:3px;
}

input.btncartprev {
background:url(../images/btn_cart_prevcart.gif) no-repeat left top;
width: 90px;
height: 24px;
text-indent: -9999px;
cursor: pointer;
display:block;
position:absolute;
/*top:3px;*/
}

input.btncartprev_cp { /* 201811 キャンペーン用 */
background:url(../images/btn_carttop_prev.gif) no-repeat left bottom;
width: 110px;
height: 29px;
text-indent: -9999px;
cursor: pointer;
display:block;
position:relative;
top:5px;
}

input.btncartprev_subscription {
background:url(../images/btn_cart_prevcart_subscription.gif) no-repeat left top;
width: 120px;
height: 24px;
text-indent: -9999px;
cursor: pointer;
display:block;
position:absolute;
margin-left:50px;
margin-top:20px;
/*top:3px;*/
}

input.btncartprev_subscription02 {
background:url(../images/btn_cart_prevcart_subscription.gif) no-repeat left top;
width: 120px;
height: 24px;
text-indent: -9999px;
cursor: pointer;
display:block;
position: relative !important;
}

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

input.btnchangesmall {
background:url(../images/btn_change_small.gif) no-repeat left top;
height: 18px;
text-indent: -9999px;
cursor: pointer;
width: 39px;
display: inline-block;
vertical-align: middle;
/display: inline;
/zoom: 1;
}


input.btndelsmall {
background:url(../images/btn_del_small.gif) no-repeat left top;
margin:5px 0 0 0;
height: 18px;
text-indent: -9999px;
cursor: pointer;
width: 39px;
display: inline-block;
vertical-align: middle;
/display: inline;
/zoom: 1;
}

input.btncancel {
background:url(../images/btn_ovl_cancel.gif) no-repeat left top;
width: 90px;
height: 24px;
text-indent: -9999px;
padding: 0 0 0 20px;
vertical-align: middle;
cursor: pointer;
float:left;
display: block;
position: absolute;
left:20px;
top:3px;
}

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


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

input.btnmypagechange {
background:url(../images/btn_mypage_guestrelease.gif) no-repeat left top;
display:block;
width: 140px;
height: 24px;
text-indent: -9999px;
cursor: pointer;
margin: 0 auto 20px auto;
}

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

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

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

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

input.btnregistagree {
background:url(../images/btn_regist_member.gif) no-repeat left top;
width: 320px;
height:43px;
display: block;
text-indent: -9999px;
vertical-align: middle;
display:block;
margin: 0 auto;
cursor: pointer;
}

input.btnregistconfirm {
background:url(../images/btn_regist_confirmation.png) no-repeat left top;
width: 140px;
height:29px;
text-indent: -9999px;
display:block;
vertical-align: middle;
cursor: pointer;
margin: 0 auto;
}

/* フォームパーツ
--------------------------------------*/

.formxs {
border: 1px solid #cccccc;
width: 62px;
font-size: 116.7%;
padding:3px;
}

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

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

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

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

select.formm {
width: 140px;
}

input.hankaku{
ime-mode: disabled;
}

/* エラー対応 */

.formng {
border: 1px solid #ff3366;
background: #ffcccc;
}
.txtFormError {
color: #ff427d;
font-size: 83.3%;
padding: 3px 0 0 0;
line-height: 130%;
display: block;
}

/* チェックボックス対応 */

.formmail {
margin:0 0 5px 0;
}

.check, .radio {
vertical-align:middle;
/margin: -3px 0 0 0;
margin: -3px 0 0 0;
}

/* テキストボックス対応 */

#formcontarea textarea {
font-size: 100%;
border: 1px solid #cccccc;
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%;
}


/* 強調枠 */

.boxenclose {
background: #f3eee9;
padding: 10px 10px 5px 10px;
border: 1px solid #d4c2be;
}

.boxenclose.point{
margin: 20px 20px 0 20px;
padding: 5px 10px 10px 10px;
}

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

.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-size: 160%;
font-weight: bold;
}

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

.boxenclose.deliver{
margin:10px 0 0 0;	
}

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

会員登録系

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


/* 共通
--------------------------------------*/

#registloginarea {
background: url(../images/bg_regist_login.gif) repeat-y left top;
width: 300px;
margin: 0 auto;
position: relative;
}

#registloginarea div.top{
background: url(../images/bg_regist_login_top.gif) no-repeat left top;
padding: 20px 0 0;
}

#registloginarea div.bottom{
background: url(../images/bg_regist_login_bottom.gif) no-repeat left bottom;
padding: 0 20px 20px 20px;
}

#registloginarea h2 {
padding: 0 0 20px 0;
}

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

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

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

#registloginarea dl.first {
padding: 0;
}

/* twitter導線 */

div#boxtwit {
background: url(../images/bg_regist_twitter.png) no-repeat left top;
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;
}

/* facebook導線 */

div#boxfacebook {
background: url(../images/bg_regist_facebook.png) no-repeat left top;
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;
}

/* ボタン
--------------------------------------*/

#registloginarea .linkregist {
text-align: center;
padding: 5px 0 0 0;
}

#registloginarea .linkregist a{
background: url(../images/bg_link.png) no-repeat left center;
padding: 0 0 0 15px;
line-height: 160%;
}

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

#ovlguestformarea .tblguestform td ol {
background: url(../images/bg_regist_member_mail.gif) no-repeat left top;
padding: 19px 15px 2px 15px;
width: 274px;
}

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

#ovlguestformarea .linkregist {
margin: 5px 20px 10px 90px;
}


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

カート系

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

/* 枠
--------------------------------------*/

#cartsteparea, #formcontarea {
width: 640px;
}

#cartsteparea {
height: 35px;
margin: 0 auto 10px auto;
position: relative;
}

#formcontarea {
background: url(../images/bg_cartarea.gif) repeat-y left top;
margin: 0 auto;
}

#formcontarea div.top {
background: url(../images/bg_cartarea_top.gif) no-repeat left top;
padding: 20px 0 0 0;
}

#formcontarea div.bottom {
background: url(../images/bg_cartarea_bottom.gif) no-repeat left bottom;
padding: 0 0 20px 0;
}

#formcontarea.registform {
margin: 0 auto;
}

#formcontarea.registform{
background: url(../images/bg_ovl_guestinfo_top.png) no-repeat left top;
padding: 7px 0 0 0;
margin: 0 auto;
width: 500px;
}

#formcontarea.registform div.top {
background: url(../images/bg_ovl_guestinfo_bottom.png) no-repeat left bottom;
padding: 0 0 7px 0;
}

#formcontarea.registform  div.bottom{
background: url(../images/bg_ovl_guestinfo.gif) repeat-y left top;
padding: 3px 0 13px 0;
}


#cartinarea {
background: url(../images/bg_cartinnerarea.gif) repeat-y left top;
margin: 0 auto;
width:760px;
}

#cartinarea div.top {
background: url(../images/bg_cartinnerarea_top.gif) no-repeat left top;
padding: 20px 0 0 0;
}

#cartinarea div.bottom {
background: url(../images/bg_cartinnerarea_bottom.gif) no-repeat left bottom;
padding: 0 0 20px 0;
}


/* ステップ
--------------------------------------*/

#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 h2 {
margin: 0 0 20px 20px;
}

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

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

#formcontarea h2.titorder {
margin: 20px 0 5px 20px;
}


/* ボックス
--------------------------------------*/


/* お客様情報入力 */

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

/* お届け・お支払い・配送 */

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


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

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


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

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

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

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

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

#formcontarea div.innercontbuyinfo ul.boxdeliver {
margin: 0 0 10px 0;
}

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

#formcontarea div.innercontbuyinfo ul.boxdeliver li dl {
width: 490px;
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;
word-break:break-all;
}

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

#formcontarea div.innercontbuyinfo dl.boxenclosewrap {
background: #f3eee9 url(../images/bg_wrapping.gif) no-repeat right center;
padding: 10px;
border: 1px solid #d4c2be;
}

#formcontarea div.innercontbuyinfo dl.boxenclosewrap dt{
float: left;
width: 110px;
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 .btnarea{
margin:0 20px;
position:relative;
}

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

#formcontarea dl.boxorderaccount {
width: 190px;
margin: 10px 0 0 430px;
line-height: 160%;
}

#formcontarea dl.boxorderaccount dt {
width: 80px;
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 #600600;
}

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

#formcontarea div.boxorderinfo dl dt {
width: 110px;
float: left;
padding: 0 20px 10px 0;
text-align: right;
font-weight: bold;
}

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

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


/* テーブル
--------------------------------------*/

/* お客様情報入力 */

#formcontarea .tblguestform {
padding: 0 20px;
margin: 20px 0 5px 0;
}

#formcontarea .tblguestform th {
width: 230px;
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/bg_dotline.gif) repeat-x left top;
}

#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 .tblbuyinfotform {
padding: 0 40px;
}

#formcontarea .tblbuyinfoform th {
width: 120px;
padding: 6px 20px 15px 0;
font-weight: normal;
vertical-align: top;
}

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

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

#formcontarea .tblbuyinfoform tr.linetop th {
background: url(../images/bg_dotline.gif) repeat-x left top;
padding: 15px 20px 15px 0;
}

#formcontarea .tblbuyinfoform tr.linetop td {
background: url(../images/bg_dotline.gif) repeat-x left top;
padding: 15px 0 15px 0;
}

#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 .tblorderlist {
margin: 0 20px;
width: 600px;
}

#formcontarea .tblorderlist th {
width: 360px;
padding: 10px 20px 10px 0;
background: url(../images/bg_dotline.gif) repeat-x left bottom;
font-weight:normal;
}

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

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

/* 購入完了 */
#formcontarea .orderId {
font-size: 200%;
font-weight: bold;
}

/* 購入完了 Thank you画像 */

#formcontarea .tnximg {
margin:0 0 40px 0;
}


/* カート一覧
--------------------------------------*/
#cartinarea p.titcartlist {
padding: 0 0 10px 20px;
}

#cartinarea .tblcartinnerlist {
margin: 0 20px;
width: 720px;
}

#cartinarea .tblcartinnerlist td {
padding: 10px 10px 10px 0;
background: url(../images/bg_dotline.gif) repeat-x left bottom;
}

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

#cartinarea .tblcartinnerlist td.tit {
width: 380px;
}

#cartinarea .tblcartinnerlist .txtAtt {
font-size: 85%;
display: block;
padding-top: 3px;
}

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

#cartinarea .tblcartinnerlist td.number{
width:80px;
text-align:right;
}

#cartinarea .tblcartinnerlist td.number select.formxs{
width:60px;
}

#cartinarea .tblcartinnerlist td.del {
width:70px;
padding: 10px 0 10px 0;
text-align:right;
}

#cartinarea dl.boxcartinaccount {
border-top: 1px solid #600600;
margin: -1px 20px 20px 20px;
line-height: 160%;
padding: 10px 0 0 0;
}

#cartinarea dl.boxcartinaccount dt {
width: 255px;
float: left;
padding: 0 10px 0 240px;
line-height: 200%;
}

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

#cartinarea dl.boxcartinaccount dd {
float: left;
width: 125px;
text-align: right;
font-size: 200%;
line-height: 100%;
color: #cc0000;
font-weight: bold;
}

#cartinarea dl.boxcartinaccount dd span{
font-size:50%;
}

#cartinarea .btncartinarea{
position:relative;
z-index: 5;
}


#cartinarea .btncartinarea p{
position:absolute;
top: -20px;
left: 650px;
}

#cartinarea .btncartinarea img.btncartdisable{
height: 43px;
width: 240px;
display:block;
margin: 0 0 0 10px;
float: left;
}

#cartinarea  p.alertword{
text-align:center;
font-size:180%;
padding:0 0 20px 0;
}

#cartinarea .btncartinarea div.price{
position:absolute;
background: url(../images/bg_carttop_free_top.png) no-repeat left top;
padding:4px 0 0 0;
width:184px;
top:60px;
left: 660px;
}

#cartinarea .btncartinarea div.price div.bottom{
background: url(../images/bg_carttop_free_bottom.png) no-repeat left bottom;
padding:0 0 5px 0;
width:184px;
}

#cartinarea .btncartinarea div.price div.inner{
background: url(../images/bg_carttop_free.png) repeat-y left top;
padding:4px 5px;
width:176px;
text-align:center;
}

.age_authentication{
	width: 760px;
	margin: 10px auto 40px;
}
.age_authentication p{
	text-align: center;
	font-size: 15px;
	line-height: 28px;
}
.age_authentication p span{
	position: relative;
	padding-left: 25px;
	line-height: 20px
}
.age_authentication p span:before{
	content: "";
	background: url(../images/icon_warning.png) no-repeat;
	display: inline-block;
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0;
}
.checkbox_age input[type="checkbox"]{
	display: none;
}
.checkbox_age{
	margin-top: 15px;
}
.checkbox_age label{
	cursor: pointer;
	font-size: 20px;
	color: #ff0000;
	margin-right: 6px;
	position: relative;
	padding-left: 24px;
	line-height: 19px;
}
.checkbox_age label:before {
	content:'';
	width: 18px;
	height: 18px;
	display: inline-block;
	position: absolute;
	left: 0;
	background-color:	#fff;
	border: 1px solid #666;
	border-radius: 3px;
}
.checkbox_age input[type="checkbox"]:checked + label:before {
	content: '\2713';
	font-size: 22px;
}

/* 強調アラート */

#cartinarea p.txtempareart{
padding:10px 130px 0 20px;
text-align:130%;
}

#cartinarea p.txtempareart.top{
padding:20px 130px 0 20px;
}

#cartinarea p.txtnormalareart{
padding:10px 20px 0;
text-align:130%;
}

#cartinarea p.txtnormalareart img{
vertical-align:middle;
}

/* レコメンド */
#cartinarea.boxrecommend {
margin: 20px auto 0 auto;
}

#cartinarea.boxrecommend p.tit{
margin:-27px 0 0 0;
}

#cartinarea.boxrecommend ul {
padding: 0 0 0 20px;
}

#cartinarea.boxrecommend ul li {
background: url(../images/bg_mypagesquare_inbox.gif) no-repeat left top;
float: left;
height: 164px;
width: 164px;
padding: 5px;
margin: 10px 8px 0 0;
position: relative;
z-index: 5;
}

#cartinarea.boxrecommend ul li a {
text-decoration: none;
}

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

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

#cartinarea.boxrecommend ul li span.label {
display: block;
overflow: hidden;
background:url(../images/bg_productsquare_label.gif) repeat left top;
width:144px;
height:30px;
padding: 7px 10px;
line-height: 140%;;
border-top: 1px dotted #bcadad;
}


#cartinarea.boxrecommend ul li span.labelprice {
display: block;
overflow: hidden;
background:url(../images/bg_productsquare_label.gif) repeat left top;
width:144px;
height:24px;
padding: 10px;
line-height: 140%;
border-top: 1px dotted #bcadad;
text-align:center;
color: #cc0000;
font-weight: bold;
}

#cartinarea.boxrecommend ul li span.labelprice strong{
font-size: 240%;
}

#cartinarea.boxrecommend div.standard {
margin:20px 20px 0 20px;
}

#cartinarea.boxrecommend div.standard p {
line-height: 160%;
font-size:116.7%;
font-weight:bold;
width:170px;
float:left;
}

#cartinarea.boxrecommend div.standard p.hundred {
width:150px;
}

#cartinarea.boxrecommend div.standard p.title {
width:180px;
border-left:5px solid #ffeb12;
padding:0 0 0 5px;
}

#cartinarea.boxrecommend div.standard p a{
text-decoration:none;
color:#cc0000;
background: url(../images/bg_link.png) no-repeat left top;
padding: 0 0 0 13px;
margin: 5px 0 0 0;
}

#cartinarea.boxrecommend div.standard p span {
font-size:200%;
padding:0 3px 0 0;
}


/* カートログイン画面
--------------------------------------*/


#checkitarea{
width:850px;
margin:40px auto 20px auto;
}

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

#checkitarea dd{
font-size:116.7%;
line-height:160%;
}

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

#cartentrancearea {
background: url(../images/bg_cartentrancearea.gif) repeat-y left top;
width: 850px;
margin: 0 auto;
}

#cartentrancearea div.top{
background: url(../images/bg_cartentrancearea_top.gif) no-repeat left top;
padding: 20px 0 0;
}

#cartentrancearea div.bottom{
background: url(../images/bg_cartentrancearea_bottom.gif) no-repeat left bottom;
width: 850px;
padding: 0 0 20px 0;
}

#cartentrancearea div.inner {
float: left;
width: 230px;
margin:0 20px 0 0;
padding: 0 20px;
}

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

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

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

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

/*201811 キャンペーン用*/
#cartentrancearea_cp p.extxt,
#registloginarea p.extxt {
line-height: 150%;
padding: 10px 0 0 0;
}

#cartentrancearea p.extxt .txtex,
#registloginarea p.extxt .txtex{
padding: 10px 0 0 0;
display:block;
}

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

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

マイページ

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


/* 枠
--------------------------------------*/

#mypagedetailarea {
width: 800px;
background: url(../images/bg_mypage_detail.gif) repeat-y left top;
margin: 0 auto;
}


#mypagedetailarea div.top {
background: url(../images/bg_mypage_detail_top.gif) no-repeat left top;
padding: 10px 0 0 0;
}

#mypagedetailarea div.bottom { background: url(../images/bg_mypage_detail_bottom.gif) no-repeat left bottom; }


/* 右コンテンツ
--------------------------------------*/

/* 共通枠 */

#mypagedetailarea div.colrightcont {
float: right;
width: 580px;
}

#mypagedetailarea div.colrightcont div.titarea{
padding: 1px 20px 10px 20px;
}

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

#mypagedetailarea div.colrightcont div.titarea p{
float:right;
text-align: right;
color: #ffffff;
}

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


/* 共通ボタン */

#mypagedetailarea input.btnchange {
width: 140px;
display:block;
margin: 0 auto 20px auto;
}

#mypagedetailarea .boxnothing{
padding: 40px 20px; 
}


/* 共通商品リスト */

#mypagedetailarea ul.boxproductlist {
padding: 0 0 20px 20px;
border-bottom: 1px solid #d4c2be;
width: 560px;
}

#mypagedetailarea ul.boxproductlist li {
display: inline-block;
/display: inline;
/zoom: 1;
vertical-align: top;
width: 120px;
padding: 20px 15px 0 0;
position:relative;
}

#mypagedetailarea ul.boxproductlist li  a{
text-decoration:none;
display:block;
}

#mypagedetailarea ul.boxproductlist li  a img{
margin: 0 0 10px 0;
display: block;
text-decoration:none;
}
#mypagedetailarea ul.boxproductlist li  a img.new_in{
  display: inline;
  margin-bottom: 5px;
}

#mypagedetailarea ul.boxproductlist li  span{
line-height: 130%;
}

#mypagedetailarea ul.boxproductlist li  span.fav{
display:block;
width:88px;
word-wrap: break-word;
}

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

#mypagedetailarea p.alldel{
border-bottom: 1px solid #d4c2be;
padding: 10px 0 10px 428px;
}

#mypagedetailarea p.alldel input{
background:url(../images/btn_mypage_allfavdel.gif) no-repeat left top;
width: 132px;
height: 19px;
cursor: pointer;
text-indent: -9999px;
display:block;
}

#mypagedetailarea p.alldel.follow input{
  background:url(../images/btn_mypage_allfollowdel.png) no-repeat left top;
}

.btn_arrival_mail{
  text-align: right;
  margin: 10px 10px 0 0;
}
.btn_arrival_mail button{
  background: none;
  border: none;
  cursor: pointer;
}


#mypagedetailarea p.boxproductnothing {
padding:40px 20px;
}


/* 共通テキストボックス */


#mypagedetailarea p.extext{
margin: 20px;
line-height: 160%;
}

#mypagedetailarea p.fulltext{
margin: 20px;
padding: 0 0 20px 0;
line-height: 160%;
background: url(../images/bg_dotline.gif) repeat-x left bottom;
}

#mypagedetailarea p.fulltext.last{
background: none;
}

#mypagedetailarea p.txtlink{
text-align: center;
margin: -10px 0 0 0;
}

#mypagedetailarea p.txtlink a{
background: url(../images/bg_link.png) no-repeat left center;
padding: 0 0 0 15px;
line-height: 160%;
}

/* 共通ページャー */

#mypagedetailarea ul.pager{
margin: 15px auto;
width: 540px;
text-align: center;
font-size: 83.3%;
}

#mypagedetailarea ul.pager li{
line-height:100%;
display: inline-block;
/display: inline;
/zoom: 1;
margin:0 2px 0 0;
}

#mypagedetailarea ul.pager li a{
display: inline-block;
/display: inline;
/zoom: 1;
padding:2px 6px 3px 6px;
}

#mypagedetailarea ul.pager li.focus{
background:#ffea00;
font-weight:bold;
/display: inline;
/zoom: 1;
padding:2px 6px 3px 6px;
}


/* 注文履歴 */

#mypagedetailarea div.colrightcont.histlist dl{
padding: 15px 20px;
border-bottom: 1px solid #d4c2be;
line-height: 160%;
}

#mypagedetailarea div.colrightcont.histlist dl dt{
padding: 0 0 10px 0;
background: url(../images/bg_dotline.gif) repeat-x left bottom;
}

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

#mypagedetailarea div.colrightcont.histlist dl dt img{
width: 109px;
float: right;
}

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

#mypagedetailarea div.colrightcont.histlist dl dd ul li p{
}
#mypagedetailarea div.colrightcont.histlist .txtAttDispatch,
#mypagedetailarea .tblorderlist .txtAttDispatch {
font-size: 85%;
line-height: 1.4;
display: block;
margin-top: 3px;
clear: both;
}
#mypagedetailarea div.colrightcont.histlist .txtAtt{
color: #666;
line-height: 1.4;
display: block;
margin-top: 20px;
margin-bottom: 3px;
clear: both;
}

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

#mypagedetailarea div.colrightcont.histdetail h3 {
padding: 20px;
font-weight: bold;
}

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

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

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


/* 購入確認 */

#mypagedetailarea .tblorderlist {
margin: 0 20px;
width: 540px;
}

#mypagedetailarea .tblorderlist th {
width: 295px;
padding: 10px 20px 10px 0;
background: url(../images/bg_dotline.gif) repeat-x left bottom;
font-weight:normal;
}

#mypagedetailarea .tblorderlist td {
width: 65px;
padding: 10px 0;
background: url(../images/bg_dotline.gif) repeat-x left bottom;
text-align: right;
}

#mypagedetailarea .tblorderlist td.price {
width: 90px; 
padding: 10px 0 10px 0;
}


#mypagedetailarea .tblorderlist td.sprice {
width:70px; 
text-align: right;
padding: 10px 0 10px 10px;
}


#mypagedetailarea dl.boxorderaccount {
width: 190px;
margin: 10px 0 0 370px;
line-height: 160%;
}

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

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

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

.cart_boxorderaccount {
width: 310px;
margin: 0 20px 40px;
line-height: 22px;
border: 1px solid #999;
padding: 10px 12px;
box-sizing: border-box;
}
.cart_boxorderaccount.no-border{
border: none;
padding: 0;
margin: 10px 20px 10px;
}
.cart_boxorderaccount.no-border + .cart_boxorderaccount.no-border{
margin-bottom: 30px;
}
.cart_boxorderaccount.no-border dt{
width: 127px;
}
.cart_boxorderaccount dt {
width: 113px;
float: left;
}
.cart_boxorderaccount dd {
float: left;
width: 170px;
text-align: right;
font-weight: bold;
font-size: 13px;
}
.cart_boxorderaccount .total {
margin-top: 8px;
padding-top: 8px;
font-weight: bold;
border-top: 1px solid #999;
font-size: 14px;
}
.cart_boxorderaccount .total_all{
font-weight: bold;
font-size: 18px;
}
.cart_boxorderaccount .tax{
font-size: 11px;
font-weight: normal;
}

#mypagedetailarea div.boxorderinfo {
margin: 20px auto;
padding: 20px;
width: 498px;
border: 1px solid #d4c2be;
line-height: 160%;
}

#mypagedetailarea div.boxorderinfo dl dt {
width: 110px;
float: left;
padding: 0 20px 10px 0;
text-align: right;
font-weight: bold;
}

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

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


/* お届け先 */

#mypagedetailarea ul.boxdeliver {
padding: 20px;
}

#mypagedetailarea ul.boxdeliver li {
margin: 10px 0 0 0;
background: url(../images/bg_mypage_delivinfolist.gif) repeat-y left top;
padding: 15px 0;
border-top: 1px solid #d4c2be;
border-bottom: 1px solid #d4c2be;
}

#mypagedetailarea ul.boxdeliver li dl {
width: 420px;
padding: 0 20px 0 30px;
margin: 0 10px 0 0;
display: inline-block;
vertical-align: middle;
/display: inline;
/zoom: 1;
border-right: 1px solid #e8dfdd;
background: url(../images/bg_mypage_clickable.gif) no-repeat 5px center;
}

#mypagedetailarea ul.boxdeliver li dl dt{
word-break:break-all;
}

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

#mypagedetailarea ul.boxdeliver li div.btnarea {
display: inline-block;
/display: inline;
/zoom: 1;
vertical-align: middle;
font-size: 83.3%;
text-align: center;
line-height: 200%;
width: 40px;
}

#mypagedetailarea ul.boxdeliver li div.btnarea input{
display:block;
}


/* お客様情報入力 */

#mypagedetailarea .tblguestform {
padding: 0 20px;
margin: 20px 0 5px 0;
}

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

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

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

#mypagedetailarea .tblguestform tr.linetop {
background: url(../images/bg_dotline.gif) repeat-x left top;
}

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

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

#mypagedetailarea .tblguestform tr td.tit {
font-weight:bold;
padding: 15px 20px 15px 20px;
}

#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 .pictbox {
padding: 20px 0 0 20px;
}

#mypagedetailarea .pictbox h3 img{
vertical-align: middle;
}

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

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

#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/bg_productsquare_label.gif) repeat left top;
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 div.colleftnavi {
float: left;
width: 180px;
padding: 10px 20px 0 20px;
}

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

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

#mypagedetailarea div.colleftnavi li{
background: url(../images/bg_link.png) no-repeat 5px 7px;
padding: 3px 0 3px 20px;
line-height: 160%;
}

#mypagedetailarea div.colleftnavi li.selected{
background: #ffea00 url(../images/bg_link.png) no-repeat 5px 7px;
font-weight: bold;
}

#mypagedetailarea div.colleftnavi li.already{
background: url(../images/bg_link.png) no-repeat 5px 7px;
color: #999999;
font-weight: bold;
}

#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{
padding: 0 0 0 6px;
}

#mypagedetailarea div.colleftnavi p a{
background: url(../images/bg_link_simple.png) no-repeat left center;
padding: 0 0 0 10px;
line-height: 160%;
text-decoration: none;
}


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

オーバーレイ

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


/* お届け先変更
--------------------------------------*/

/* 枠 */

#ovlguestformarea{
background: url(../images/bg_ovl_guestinfo_top.png) no-repeat left top;
padding: 7px 0 0 0;
margin: 0 auto;
width: 500px;
position: relative;
}

#ovlguestformarea p.right{
  text-align: right;
  margin: -25px 20px 0 0;
}

#ovlguestformarea div.bottom {
background: url(../images/bg_ovl_guestinfo_bottom.png) no-repeat left bottom;
padding: 0 0 7px 0;
}

#ovlguestformarea  div.body{
background: url(../images/bg_ovl_guestinfo.gif) repeat-y left top;
padding: 3px 0 13px 0;
}


#ovlmailsamplearea {
background: url(../images/bg_ovl_mailsample_top.png) no-repeat left top;
padding: 7px 0 0 0;
margin: 0 auto;
width: 670px;
}

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

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


/* コンテンツ */

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

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

#ovlguestformarea .tblguestform {
margin: 15px 20px 0 20px;
}

#ovlguestformarea .tblguestform th {
width: 140px;
padding: 6px 20px 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 .btnarea {
position:relative;
}

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

#ovlguestformarea.mailmagazine .body{
padding: 13px 20px;
}

#ovlguestformarea.mailmagazine h2{
margin: 0 0 15px -8px;
}

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

#ovlguestformarea.mailmagazine dl{
/*margin: 15px 0 0 0;
padding: 15px 0 0 0;
background: url(../images/bg_dotline.gif) repeat-x left top;*/
font-size: 116.7%;
}

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

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

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

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

/* 強調リンク
--------------------------------------*/
/* カートのプレゼント */
#cartinarea .addlink {
color: #524042;
font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-weight: bold;
padding: 10px 0 10px 20px;
}
#cartinarea .addlink a{ text-decoration:underline; color:#524042; }
#cartinarea .addlink a:visited { text-decoration:underline; color:#524042; }
#cartinarea .addlink a:hover { text-decoration:underline; color:#ca0000; }
#cartinarea .addlink a:active { text-decoration:underline; color:#524042; }
#cartinarea .addlink span {
background: none repeat scroll 0 0 #FFEB12;
line-height: 1.1;
margin: 0;
}

/* 追加共通ボタン
--------------------------------------*/
/* 送信ボタン（ピンク） */
input.btnsubmit {
background:url(../images/btn_submit.gif) no-repeat left top;
width: 240px;
height: 43px;
text-indent: -9999px;
cursor: pointer;
display:block;
margin: 0 auto;
}

/* 追加スタイル（フォームヘッダ）
--------------------------------------*/
#formheadarea {
width: 640px;
margin: 0 auto 15px auto;
}

/* 追加スタイル（クレカ一覧）
--------------------------------------*/

div.colrightcont .cardlist {
margin: 12px 0 0 8px;
}

div.colrightcont .cardlist th, div.colrightcont .cardlist td {
padding: 5px 10px;
}

div.colrightcont .cardlist th input, div.colrightcont .cardlist td input {
margin: 0;
}


/* 追加スタイル（再入荷メール）
--------------------------------------*/
input.btnmailreceive {
background:url(../images/btn_mypage_mailreceive.gif) no-repeat left top;
width: 140px;
height:29px;
display: block;
text-indent: -9999px;
vertical-align: middle;
cursor: pointer;
margin: 0 auto;
}



/* 追加スタイル（完了画面再入荷メール）
--------------------------------------*/

#formcontarea .cartinner {
margin:20px 0;
}

#formcontarea .mailreceive{
width:578px;
}

#formcontarea .mailreceive dd{
margin:5px 0 0;
}

#formcontarea .mailreceive input.formxl{
width: 428px;
float:left;
}

#formcontarea .mailreceive input.btnregistsubmit{
float:left;
margin:-2px 0 0 0;
}

#formcontarea .mailreceive p.txtex{
float:left;
}



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

2012/05 カート部分改修（カート一覧）

------------------------------------------------------------------*/
/* 調整スタイル
--------------------------------------*/
#cartinarea .tblcartinnerlist td.tit {
width: 330px;
}
#cartinarea .tblcartinnerlist td.del {
width:65px;
}
#cartinarea dl.boxcartinaccount {
margin: -1px 0 20px 0;
}
#cartinarea dl.boxcartinaccount dt {
font-size: 85%;
line-height: 1.6;
width: 275px;
padding-left: 200px;
}
#cartinarea dl.boxcartinaccount dd {
line-height: 1.4;
width: auto;
}

/* 追加スタイル
--------------------------------------*/
#cartinarea .cartdeliboxbottom {
background: url(../images/bg_cartlist_deli_bottom.gif) no-repeat 21px bottom;
padding: 0 0 10px 20px;
margin: 0 1px 30px;
}
#cartinarea .cartdelibox {
margin: 0 1px;
overflow: hidden;
}


/* title */
#cartinarea .titcartdeli {
margin: 0 10px 5px 20px;
}
#cartinarea .titcartdeli img {
vertical-align: middle;
margin-right: 10px;
}

/* 配送便くくり */
#cartinarea .cartdeliboxicon {
background: url(../images/bg_cartlist_deli.gif) repeat-y left top;
width: 70px;
float: left;
padding-bottom: 32768px;
margin-bottom: -32768px;
}

#cartinarea .cartdeliboxlist {
width: 640px;
float: left;
padding-bottom: 32768px;
margin-bottom: -32768px;
}

#cartinarea .cartdelibox table {
width: 620px;
margin: 0 0 0 10px;
}

#cartinarea dl.boxcartinaccount {
margin: 0;
}

/* 代金合計 */
#cartinarea dl.boxcartinaccount {
border-color: #c5a8a6;
}
#cartinarea dl.boxcartinaccount dd {
font-size: 120%;
}

/* 代金総合計 */
#cartinarea .boxcartinaccount.allcount {
border-color: #600600;
margin: 40px 20px;
}
#cartinarea dl.boxcartinaccount.allcount dt {
font-size: 110%;
text-align: left;
width: 260px;
padding-left: 270px
}
#cartinarea dl.boxcartinaccount.allcount dd {
font-size: 180%;
}
#cartinarea dl.boxcartinaccount.allcount dd span {
font-size: 70%;
}


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

2012/05 カート部分改修（購入確認）

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

/* 追加スタイル
--------------------------------------*/
#formcontarea .cartdeliboxbottom {
background: url(../images/bg_cartlist_deli_bottom.gif) no-repeat 21px bottom;
padding: 0 0 10px 20px;
margin: 0 1px 30px;
}
#formcontarea .cartdelibox {
margin: 0 1px;
overflow: hidden;
}

/* title */
#formcontarea .titcartdeli {
margin: 15px 10px 15px 20px;
}
#formcontarea .titcartdeli img {
vertical-align: middle;
margin-right: 10px;
}

/* 配送便くくり */
#formcontarea .cartdeliboxicon {
background: url(../images/bg_cartlist_deli.gif) repeat-y left top;
width: 70px;
float: left;
padding-bottom: 32768px;
margin-bottom: -32768px;
}

#formcontarea .cartdeliboxlist {
width: 520px;
float: left;
padding-bottom: 32768px;
margin-bottom: -32768px;
}

#formcontarea .cartdelibox table {
width: 520px;
margin: 0 0 0 5px;
}

#formcontarea dl.boxorderaccount {
margin: 10px 0 0 315px;
}

#formcontarea dl.boxorderaccount dt {
width: 90px;
}

/* 代金合計 */
#formcontarea dl.boxorderaccount {
width: 220px;
}
#formcontarea dl.boxorderaccount dt {
width: 100px;
}
#formcontarea dl.boxorderaccount dt.total, #formcontarea dl.boxorderaccount dd.total {
border-color: #c5a8a6;
}


/* 代金総合計 */
#formcontarea .allcount {
width: 600px;
border-top: 1px solid #600600;
padding-top: 5px;
margin: 10px 20px;
}
#formcontarea .allcount dl {
width: 220px;
padding: 0 20px;
margin: 0 0 0 365px;
}
#formcontarea .allcount dl dt {
width: 100px;
}
#formcontarea .allcount dl dd {
font-size: 120%;
}
#formcontarea .allcount dl.boxorderaccount dt.total,
#formcontarea .allcount dl.boxorderaccount dd.total {
margin-top: 0;
border-top: none;
}

/* カート一覧誘導バナー */
.cartbannerbox{
width:760px;
margin:15px auto 0;
}

.cartbannerbox li{
float:left;
padding:0 0 0 20px;
}

.cartbannerbox li.first{
padding:0;
}



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

2013/01 会員登録画面改修

------------------------------------------------------------------*/
#cartentrancearea div.inner2 {
width: 520px;
margin-right: 0;
}

/* bunny bg */
#cartentrancearea div.vipbunny {
background: url(../images/bg_vip_bunny.gif) no-repeat 1px 20px;
width: 290px; /* 520px - padding-left px */
height: 411px;
min-height: 411px;
padding-left: 220px;
margin-right: 50px;
}
html>body #cartentrancearea div.vipbunny { height: auto; }
#cartentrancearea div.vipbunny h2 {
margin-left: -200px;
margin-bottom: 50px;
}
#cartentrancearea div.vipbunny .facebookloginbtncenter {
margin-right: 0;
margin-left: 0;
}
#cartentrancearea div.vipbunny p.extxt { width: 230px; }

/* 201811 キャンペーン用 */
#cartentrancearea_cp div.vipbunny { 
background: url(../images/bg_vip_bunny.gif) no-repeat 100px 20px;
width: 290px; /* 520px - padding-left px */
height: 411px;
min-height: 411px;
padding-left: 220px;
margin-right: 50px;
}
html>body #cartentrancearea_cp div.vipbunny { height: auto; margin:0 auto 15px; padding-bottom:30px; }
#cartentrancearea_cp div.vipbunny h2 {
margin-left: -200px;
margin-bottom: 50px;
}
#cartentrancearea_cp div.vipbunny .facebookloginbtncenter {
margin-right: 0;
margin-left: 0;
}
#cartentrancearea_cp div.vipbunny p.extxt {
	width: 230px;
	text-align: center;
    margin-bottom: 10px;}
/*キャンペーン用 ここまで*/


input.btnlogintop {
background:url(../images/btn_cart_entrance.gif) no-repeat left top;
width: 230px;
height: 29px;
text-indent: -9999px;
cursor: pointer;
margin: 20px auto;
display:block;
}

input.btnlogintop_cp { /*201811 キャンペーン用*/
background:url(../images/btn_cart_regist_oubo.gif) no-repeat left top;
width: 230px;
height: 29px;
text-indent: -9999px;
cursor: pointer;
margin: 20px auto;
display:block;
}

#cartentrancearea .center,
#formcontarea .center,
#ovlguestformarea .center,
#registloginarea .center {
text-align: center;
margin-bottom: 10px;
}

#formcontarea td.sparea {
width: 130px;
text-align: right;
padding-left: 10px;
}
#formcontarea th.sparea {
width: 100px;
}

#formcontarea .sp {
background: #eee;
color: #999999;
font-size: 9px;
line-height: 14px;
margin: 0 0 0 10px;
padding: 5px;
}
#formcontarea .sp .iconsp,
#ovlguestformarea .sp .iconsp {
float: left;
margin-right: 5px;
}

#formcontarea .mailtit,
#ovlguestformarea .mailtit {
font-size: 11px;
margin-bottom: 10px;
}

#formcontarea ul.checklist li,
#ovlguestformarea ul.checklist li {
margin-bottom: 10px;
}

#ovlguestformarea .tit {
margin: 13px 0 20px 20px;
}
#ovlguestformarea .mailmagazine {
margin: 5px 20px 30px 90px;
}
#ovlguestformarea .sparea .txt {
padding-top: 10px;
}
#formcontarea .extxt {
line-height: 150%;
padding: 10px 0 0 0;
}

.facebookloginbtn {
margin-top: 10px;
margin-bottom: 10px;
}
.facebookloginbtncenter {
margin: 10px auto;
}
.facebookloginbtncenter.l {width: 320px;}
.facebookloginbtncenter.s {width: 140px;}

input.btncartprev {
position: relative !important;
}

/* ログイン2 */
#cartentrancearea.notgu {
background: url(../images/bg_cartentrancearea2.gif) repeat-y left top;
width: 850px;
margin: 0 auto;
}

#cartentrancearea.notgu div.top{
background: url(../images/bg_cartentrancearea_top2.gif) no-repeat left top;
padding: 20px 0 0;
}

#cartentrancearea.notgu div.bottom{
background: url(../images/bg_cartentrancearea_bottom2.gif) no-repeat left bottom;
width: 850px;
padding: 0 0 20px 0;
}

#cartentrancearea .cartentranceflow {
margin: 20px 0;
}
#cartentrancearea .cartentranceflow li {
margin: 5px 0;
}
#cartentrancearea .cartentrancepay dt {
margin-bottom: 5px;
}
#cartentrancearea .cartentrancepay dd {
font-size: 10px;
padding-left: 15px;
margin-bottom: 10px;
}

/* 再ログイン */
#formcontarea .loginagain {
background: url(../images/bg_vip_bunny.gif) no-repeat 30px 0;
height: 411px;
min-height: 411px;
padding-left: 250px;
}
html>body #formcontarea .loginagain { height: auto; }

#formcontarea .loginagain {
margin-left: 30px;
}
#formcontarea .loginagain dt,
#formcontarea .loginagain dd {
margin-bottom: 5px;
}

#formcontarea .loginagainform {
padding-top: 60px;
}

#formcontarea .loginagain .btnarea {
width: 222px;
padding: 20px 0 0 0;
margin: 0;
text-align: center;
}

#formcontarea .loginagain .btncartprev {
margin-top: 80px;
margin-left: 66px;
}

/*Webプッシュ機能*/

.webPush_box{
  width: 460px;
  height: 300px;
  background: #fff;
  border: 2px solid #000;
  padding: 30px;
  box-sizing: border-box;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -200px;
  margin-left: -230px;
  z-index: 1000;
}
.webPush_box .btn_close_window{
  position: absolute;
  top: 10px;
  right: 10px;
}
.webPush_box p{
  margin-bottom: 20px;
  font-size: 13px;
}
.btn_webPush a{
  display: block;
  border: 2px solid #004686;
  border-radius: 30px;
  width: 380px;
  margin: 30px auto 40px;
  text-decoration: none;
  text-align: center;
  padding: 13px 0;
  background: #004686;
  font-size: 14px;
  color: #fff;
}
.btn_webPush a:hover{
  background: #fff;
  color: #004686;
  cursor: pointer;
}
.webPush_box a:hover{
  cursor: pointer;
}
.link_about_webPush{
  text-align: center;
  margin: 3px 0 20px;
}


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

2013/04 カート追加ログインポップアップ

------------------------------------------------------------------*/  
#loginpopup {
width: 100%;
padding: 0 245px;
}

#loginpopup #loginbox {
width: 500px;
margin: 100px 0 0 0;
text-align: left;
position: absolute;
top: 80px;
z-index: 1;
}

#loginpopup #loginbox #loginclosebtn {
position: absolute;
top: -13px;
right: -13px;
z-index: 2;
}


#loginpopup .vvlogo {
widht: 175px;
margin: 15px 162px 15px 162px;
}

#loginpopup #ovlguestformarea .tit {
margin: 13px 90px 20px 90px;
}

#loginpopup .facebookloginbtncenter.l {width: 320px;}
#loginpopup .center {
text-align: center;
margin-bottom: 10px;
}

#loginpopup #ovlguestformarea .tblguestform {
margin: 15px 20px 0 20px;
}

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

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

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

#loginpopup #formcontarea td.sparea {
width: 130px;
text-align: right;
padding-left: 10px;
}
#loginpopup #formcontarea th.sparea {
width: 100px;
}

#loginpopup #formcontarea .sp {
background: #eee;
color: #999999;
font-size: 9px;
line-height: 14px;
margin: 0 0 0 10px;
padding: 5px;
}
#loginpopup #formcontarea .sp .iconsp,
#loginpopup #ovlguestformarea .sp .iconsp {
float: left;
margin-right: 5px;
}

#loginpopup #ovlguestformarea .linkregist {
margin: 5px 20px 10px 90px;
}

#loginpopup #ovlguestformarea .cartpoptxt {
font-size: 14px;
line-height: 20px;
margin: 10px 90px 15px 90px;
}

#loginpopup .mailmagazinedelitime {

margin: 25px 90px 20px 90px;
}

#loginpopup .mailmagazinedelitime dt {
font-size: 11px;
font-weight: bold;
margin-bottom: 5px;
}

#loginpopup .mailmagazinedelitime ul {
background: #ece9e1;
padding: 20px 20px 5px 20px;
}

#loginpopup .mailmagazinedelitime li {
font-size: 14px;
font-weight: bold;
height: 22px;
min-height: 22px;
padding-left: 38px;
margin-bottom: 15px;
}
html>body #loginpopup .mailmagazinedelitime li { height: 22px; }

#loginpopup .mailmagazinedelitime li.default {
background: url(../images/img_check_s.gif) no-repeat left top;
padding-left: 38px;
}

#loginpopup .mailmagazinedelitime .add {
font-size: 11px;
font-weight: normal;
padding-left: 20px;
}

#loginpopup input.btncloses {
margin-top: 10px;
}


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

2013/04 メールマガジン設定画面

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

#mailmagazineedit {
padding:20px;
}


.colregistcont {
margin: 0 0 20px 0;
}
.colregistcont ul li {
margin-top: 5px;
}


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

2013/06 カート内一覧レイアウト修正

------------------------------------------------------------------*/  
#cartinarea dl.boxcartinaccount dt {
width:225px;	
}

#cartinarea dl.boxcartinaccount dd {
width:155px;
text-align:left;
}
#cartinarea dl.boxcartinaccount dd span {
font-size:100%;
}
#cartinarea dl.boxcartinaccount dt .txtex {
font-size: 100%;
}
#cartinarea dl.boxcartinaccount .mc_count {
font-size:100%;
color:#333;
}
#cartinarea dl.boxcartinaccount .mc_count span {
font-size:116.7%;
}
#cartinarea dl.boxcartinaccount .mc_clear {
font-size:100%;
}

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

2013/06 宅配選択方法変更

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

.deliver .radio {
margin-right:10px;
}
.deliver ul{
margin-top:15px;
}
.deliver ul li{
margin-top:10px;
}

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

2013/07 ログイン画面更新サイズ変更

------------------------------------------------------------------*/
#cartentrancearea div.inner {
width:480px;
max-width:480px;
min-width:480px;
height:430px;
min-height:430px;
max-height:430px;
background-color:#fff;
border:1px solid #d4c2be;
-moz-border-radius: 10px;/* Firefox */
-webkit-border-radius: 10px;/* Safari,Chrome */
border-radius:10px;/* Standard */
margin:0;
padding:0;
}

#cartentrancearea div.vipbunny {
background:url("../images/bg_vip_bunny.gif") no-repeat scroll 15px 25px #fff;
margin:0 20px 0 0;
padding:0;
}
#cartentrancearea {
background:none;
width:990px;
margin:0 auto;
}
#cartentrancearea div.inner h2 {
margin:20px;
}
#cartentrancearea div.vipbunny form {
margin:40px 0 0 200px;
}
#cartentrancearea div.inner .signup {
margin:20px;
}

#cartentrancearea .btnlogintop {
margin-top:30px;
}

#cartentrancearea .cartentrancepay {
width:450px;
border:1px solid #d4c2be;
padding-left:10px;
margin-left:10px;
margin-top:20px;
}

#cartentrancearea #checkitarea {
width:100%;
}


/*201811 キャンペーン用追加*/
#cartentrancearea_cp div.inner {
width:640px;
max-width:640px;
min-width:640px;
/*height:430px;
min-height:430px;
max-height:430px;
*/
background-color:#fff;
border:1px solid #d4c2be;
-moz-border-radius: 10px;/* Firefox */
-webkit-border-radius: 10px;/* Safari,Chrome */
border-radius:10px;/* Standard */
margin:0 auto;
padding-bottom:25px;
float:none;
}

#cartentrancearea_cp div.vipbunny {
background:url("../images/bg_vip_bunny.gif") no-repeat scroll 90px 25px #fff;
margin:0 20px 0 0;
padding:0;
}
#cartentrancearea_cp {
background:none;
width:990px;
margin:0 auto;
}
#cartentrancearea_cp div.inner h2 {
margin:20px;
}
#cartentrancearea_cp div.vipbunny form {
margin:40px 0 0 300px;
}
#cartentrancearea_cp div.inner .signup {
margin:20px;
}

#cartentrancearea_cp .btnlogintop {
margin-top:30px;
}

#cartentrancearea_cp .cartentrancepay {
width:450px;
border:1px solid #d4c2be;
padding-left:10px;
margin-left:10px;
margin-top:20px;
}

#cartentrancearea_cp #checkitarea {
width:100%;
}

.campaignPage .innertxt{
padding:0 20px;
}


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

2013/07 ログインカート確認画面修正

------------------------------------------------------------------*/
#formcontarea .cartcoupon {
padding: 10px 15px;
margin: 15px auto 20px auto;
}
#formcontarea .cartcoupon p.option {
padding: 10px;
text-align: right;
}
#formcontarea .cartcoupon p.option2 {
padding: 10px 0px;
text-align: right;
float: right;
}

#formcontarea .cartcoupon .use {
width: 280px;
margin: 0 auto;
}
#formcontarea .cartcoupon .usecoupon {
width: 220px;
font-weight: bold;
text-align: right;
display: block;
float: left;
}
#formcontarea .cartcoupon .btnrelease {
background:url(../images/btn_release_small.gif) no-repeat left top;
width: 39px;
height: 18px;
text-indent: -9999px;
vertical-align: middle;
margin: -3px 0 0 10px;
cursor: pointer;
float: left;
display: block;
}

#formcontarea .cartcoupon .inputid {
width: 280px;
margin: 5px 0 15px 0;
}

#formcontarea .cartcoupon .restval {
float: left;
}
#formcontarea .cartcoupon .btnrecalculation {
background:url(../images/btn_ovl_recalculation.gif) no-repeat left top;
width: 50px;
height: 24px;
text-indent: -9999px;
padding: 0 0 0 20px;
vertical-align: middle;
cursor: pointer;
float:left;
display: block;
}

#formcontarea .mailcheck {
width: 350px;
padding: 20px;
margin: 0 auto;
}
#formcontarea .mailcheck input {
float: left;
margin-right: 10px;
}


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

2013/07 カート一覧

------------------------------------------------------------------*/
#cartinarea .btncartinarea img.btncartdisable{ 
height: 43px; 
width: 240px; 
display:block; 
margin: 0 0 0 10px; 
float: left; 
}


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

2013/11 カート一覧 商品レコメンド追加

------------------------------------------------------------------*/
#cartinarea.boxgoodsrecommend {
margin: 20px auto 0 auto;
}

#cartinarea.boxgoodsrecommend p.tit {
font-size: 220%;
color: #ffe400;
font-weight: bold;
line-height: 1.2;
margin: 0 0 15px 20px;
text-shadow:
1px 0px #3f1911,
0px 1px #3f1911,
0px -1px #3f1911,
-1px 0 #3f1911,
1px 2px #3f1911,
2px 3px #3f1911,
3px 4px #3f1911,
1px 0px #3f1911,
2px 1px #3f1911,
3px 2px #3f1911,
4px 3px #3f1911;
}

#cartinarea.boxgoodsrecommend p.name {
font-size: 200%;
font-weight: bold;
background: #fff800;
padding: 15px 20px;
margin: 0 20px;
}

#cartinarea.boxgoodsrecommend .boxpickup {
width: 660px;
padding: 30px 50px;
}

#cartinarea.boxgoodsrecommend .boxpickup .detailarea {
width: 330px;
float: right;
line-height: 160%;
}

#cartinarea.boxgoodsrecommend .boxpickup .price {
margin: 25px 0 20px 0;
}

#cartinarea.boxgoodsrecommend .boxpickup .price span {
color: #cc0000;
font-weight: bold;
font-size: 300%;
}

#cartinarea.boxgoodsrecommend .boxpickup .list a {
width:100%;
float:left;
display:block;
text-align:center;
font-size:130%;
color:#fff;
font-weight:bold;
border:solid #21859e 2px;
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
-moz-border-radius: 5px;   /* Firefox用 */
border-radius: 5px;        /* CSS3草案 */
-moz-box-shadow: 0 2px 0 #10687e; /* Firefox用*/
-webkit-box-shadow: 0 0 10px #10687e; /* Google Chrome, Safari用*/
box-shadow: 0 2px 0 #10687e; /*CSS3*/
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #379eb7), color-stop(0.00, #2b90a9));
background: -webkit-linear-gradient(top, #379eb7 0%, #2b90a9 100%);
background: -moz-linear-gradient(top, #379eb7 0%, #2b90a9 100%);
background: -o-linear-gradient(top, #379eb7 0%, #2b90a9 100%);
background: -ms-linear-gradient(top, #379eb7 0%, #2b90a9 100%);
background: linear-gradient(top, #379eb7 0%, #2b90a9 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#379eb7', endColorstr='#2b90a9');
margin-top:15px;
padding:11px 10px 10px 10px;
text-decoration: none;
}

#cartinarea.boxgoodsrecommend .boxpickup .list a:hover {
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #37c3e5), color-stop(0.00, #379eb7));
background: -webkit-linear-gradient(top, #37c3e5 0%, #379eb7 100%);
background: -moz-linear-gradient(top, #37c3e5 0%, #379eb7 100%);
background: -o-linear-gradient(top, #37c3e5 0%, #379eb7 100%);
background: -ms-linear-gradient(top, #37c3e5 0%, #379eb7 100%);
background: linear-gradient(top, #37c3e5 0%, #379eb7 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#37c3e5', endColorstr='#379eb7');
}


/*--------▼ 2016.5.24 レコメンド追加部分css ▼--------*/
.keywordRecommendBox{
  margin-top: 10px;
}
.boxgoodsrecommend div.bigsquare{
float: left;
height: 380px;
width: 345px;
padding: 5px;
margin: 10px 10px 0 20px;
position: relative;
border: 1px solid #ddd0cd;
border-radius: 5px;
}
.boxgoodsrecommend div.bigsquare a {
text-decoration: none;
}
.boxgoodsrecommend div.bigsquare span.pic {
height: 300px;
overflow: hidden;
display: block
}
.boxgoodsrecommend div.bigsquare span.pic img {
margin: -40px 0 0 0;
}
.boxgoodsrecommend div.bigsquare span.label {
display: block;
overflow: hidden;
background:url(../images/bg_productsquare_label.gif) repeat left top;
height:65px;
padding: 5px 10px 10px 10px;
line-height: 160%;
border-top: 1px dotted #bcadad;
}
.boxgoodsrecommend div.bigsquare span.label strong{
display: block;
font-weight: bold;
margin: 0 0 5px 0;
background: url(../images/bg_link.png) no-repeat left 0.7em;
padding: 5px 0 0 15px;
}
.boxgoodsrecommend div.smallsquare {
float: left;
height: 180px;
width: 160px;
padding: 5px;
margin: 10px 10px 0 0;
position: relative;
border: 1px solid #ddd0cd;
border-radius: 5px;
}
.boxgoodsrecommend div.smallsquare a {
text-decoration: none;
}
.boxgoodsrecommend div.smallsquare span.pic {
height: 136px;
overflow: hidden;
display: block
}
.boxgoodsrecommend div.smallsquare span.pic img {
margin: -24px 0 0 0;
}
.boxgoodsrecommend div.smallsquare span.label {
display: block;
overflow: hidden;
background:url(../images/bg_productsquare_label.gif) repeat left top;
height:30px;
padding: 7px 10px;
line-height: 140%;;
border-top: 1px dotted #bcadad;
}
.boxgoodsrecommend div.smallsquare a span.qti {
position:absolute;
left:5px;
top:15px;
color:#ffffff;
display:block;
background:#333333;
padding:5px 10px;
filter: alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
}
.boxgoodsrecommend div.bigsquare a span.qti {
position:absolute;
left:5px;
top:15px;
color:#ffffff;
display:block;
background:#333333;
padding:3px 10px 5px 10px;
filter: alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
}
.boxgoodsrecommend div.smallsquare a:hover span.qti,
.boxgoodsrecommend div.bigsquare a:hover span.qti {
background:#cc0000;
}
.boxgoodsrecommend div.smallsquare span.qti strong{
font-size:120%;
}
.boxgoodsrecommend div.bigsquare span.qti strong{
font-size:180%;
}

/*--------▲ 2016.5.24レコメンド追加部分css ▲--------*/


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

2014/05 カート定期購入部分追加

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

/* 追加スタイル
--------------------------------------*/

/* 宅配方法 */
.deliver .how {
margin-bottom:10px;
font-weight:bold;
}

/* title */
.titcartdeli_sub_txt{
margin:10px 20px 0 20px;
}

#cartinarea .titcartdeli_sub .ttl_sub{
margin-bottom:10px;
text-align:center;
}

#cartinarea .titcartdeli_sub .txtex{
margin-bottom:10px;
text-align:center;
}

/* 商品table */
#cartinarea table.tblcartinnerlist_sub{
margin-left:30px;
}

#cartinarea .tblcartinnerlist_sub td {
padding: 15px 10px;
background: url(../images/bg_dotline.gif) repeat-x left bottom;
}

#cartinarea .tblcartinnerlist_sub td.tit {
width: 320px;
line-height:18px;
}
#cartinarea .tblcartinnerlist_sub td.tit a{
font-weight:bold;
}
#cartinarea .tblcartinnerlist_sub td.price {
text-align:right;
width: 75px;
}
#cartinarea .tblcartinnerlist_sub td.number {
text-align:right;
width: 30px;
}
#cartinarea .tblcartinnerlist_sub td.del {
width:45px;
text-align:right;
}

/* 商品table（確認画面） */
table.tblcartinnerlist_sub_2{
margin-left:30px;
}

.tblcartinnerlist_sub_2 td {
padding: 15px 0px 15px 0;
background: url(../images/bg_dotline.gif) repeat-x left bottom;
}

.tblcartinnerlist_sub_2 td.tit {
width: 220px;
font-weight:bold;
line-height:15px;
padding:0 10px;
}

.tblcartinnerlist_sub_2 td.price {
width:110px;
}

.tblcartinnerlist_sub_2 td.number {
width:30px;
}

.tblcartinnerlist_sub_2 td.price_2 {
width:70px;
text-align:right;
}

/* 代金合計 */
#cartinarea dl.boxcartinaccount_sub {
border-top: 1px solid #c5a8a6;
margin: -1px 20px 20px 20px;
line-height: 160%;
padding: 10px 0 0 0;
}

#cartinarea dl.boxcartinaccount_sub dt {
width: 252px;
float: left;
padding: 0 20px 0 265px;
line-height: 200%;
font-size: 85%;
line-height: 1.6;
}

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

#cartinarea dl.boxcartinaccount_sub dd {
float: left;
text-align: right;
font-size: 120%;
line-height: 100%;
color: #cc0000;
font-weight: bold;
line-height: 1.4;
width: auto;
}

/* 代金合計（確認） */


#formcontarea .allcount_sub {
width: 600px;
border-top: 1px solid #600600;
margin: -1px 20px 10px 20px;
}
#formcontarea .allcount_sub dl {
width: 220px;
padding: 0 20px;
margin: 0 0 0 365px;
}
#formcontarea .allcount_sub dl dt {
width: 100px;
}
#formcontarea .allcount_sub dl dd {
font-size: 120%;
}
#formcontarea .allcount_sub dl.boxorderaccount dt.total,
#formcontarea .allcount_sub dl.boxorderaccount dd.total {
margin-top: 0;
border-top: none;
}


#formcontarea dl.boxorderaccount_sub {
width: 300px;
margin: 10px 0 0 430px;
line-height: 160%;
}

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

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

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

/* 購入ボタン */
#cartinarea .btncartinarea_sub{
padding-left:260px;
}

#cartinarea .btncartinarea_sub_img img.btncartdisable{ 
height: 43px; 
width: 240px; 
display:block; 
margin: 0 0 0 10px; 
float: left; 
}

/* ショッピングを続けるリンク */
#cartinarea .linkcontinue{
margin-left:30px;
}

/* 出荷注意書き */
.shipment{
color:#999;
}

/* お届け先情報 */

.tit_check {
line-height:130%;
}


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

2014/05 マイページ定期購入部分追加

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

/* 一覧ページ */
#mypagedetailarea .tblorderlist_sub{
margin: 20px;
width: 540px;
}

#mypagedetailarea .tblorderlist_sub .pic{
text-align:left;
vertical-align:top;
width:80px;
}


#mypagedetailarea .tblorderlist_sub th {
padding-bottom:5px;
background: url(../images/bg_dotline.gif) repeat-x left bottom;
}

#mypagedetailarea .tblorderlist_sub th.tit_table {
text-align:right;
}

#mypagedetailarea .tblorderlist_sub .tit {
text-align:left;
width: 180px;
padding: 10px 0 0 10px;
font-weight:normal;
line-height:15px;
}

#mypagedetailarea .tblorderlist_sub .tit a{
font-weight:bold;
}

#mypagedetailarea .tblorderlist_sub .tit_sub {
text-align:left;
width: 180px;
padding: 10px 0 0 10px;
font-weight:normal;
}

#mypagedetailarea .tblorderlist_sub td {
padding: 10px 0 0 0;
text-align: right;
}

#mypagedetailarea .tblorderlist_sub td.dotline {
padding-bottom:10px;
background: url(../images/bg_dotline.gif) repeat-x left bottom;
text-align: right;
}

#mypagedetailarea .tblorderlist_sub td.sprice {
width:80px; 
text-align: right;
padding: 10px 0 10px 10px;
}

#mypagedetailarea .tblorderlist_sub td.now {
width:70px;
text-align: right;
padding: 10px 0 0 10px;
}

#mypagedetailarea .tblorderlist_sub .cancel {
color:#F03;
}

/* 詳細ページ */

#mypagedetailarea .tblorderlist .pic_2{
text-align:left;
vertical-align:top;
width:80px;
}

#mypagedetailarea .tblorderlist .tit_2 {
text-align:left;
width: 250px;
padding: 10px;
font-weight:normal;
line-height:15px;
}

#mypagedetailarea .tblorderlist .tit_2 a {
	font-weight:bold;
}

#mypagedetailarea .tblorderlist .number_2{
width:50px;
}

#mypagedetailarea .tblorderlist .sprice_2{
width:60px;
}

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

#mypagedetailarea .history_sub ul li span{
color: #bbbbbb;
}

#mypagedetailarea .history_sub .tit_list{
font-size:120%;
font-weight:bold;
margin:30px 0 5px 0;
padding-bottom:6px;
border-bottom:1px #960 solid;
}

#mypagedetailarea .history_sub .txt_nomal{
font-weight:normal;
}

#mypagedetailarea .history_sub ul{
padding: 0;
margin: 0;
}

#mypagedetailarea .history_sub li{
margin: 0;
padding: 0;
line-height:25px;
font-weight:bold;
}

#formcontarea div.boxorderinfo dl dd .btn{
text-align:right;
}

#mypagedetailarea .boxorderinfo table.change .tit{
width:85px;
font-weight:bold;
}

#mypagedetailarea .boxorderinfo table.change .address{
width:350px;
padding:10px;
}



#mypagedetailarea dl.boxorderaccount_subd {
width: 190px;
margin-top:-1px;
margin-left:20px;
padding: 10px 0 0 350px;
line-height: 160%;
border-top:#600600 1px solid;
}

#mypagedetailarea dl.boxorderaccount_subd dt {
width: 80px;
float: left;
padding: 0 20px 0 0;
}

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

#mypagedetailarea .btn_cancel_sub {
text-align:center;
}

#mypagedetailarea .btn_cancel_sub_shipment{
margin:5px 0 30px 20px;
color:#999;
}




/* 購入なしページ */

#mypagedetailarea .nothing{
margin:50px 20px;
text-align:center;
}

#mypagedetailarea .nothing img{
margin-bottom:20px;
}

#mypagedetailarea .nothing p{
text-align:center;
margin-bottom:30px;
}

#mypagedetailarea .nothing p.link{
	font-weight:bold;
	font-size:110%;
}

/* 定期購入終了ページ */


#mypagedetailarea .tblorderlist .pic_3{
text-align:left;
vertical-align:top;
width:148px;
}

#mypagedetailarea .tblorderlist .tit_3 {
text-align:left;
width: 350px;
padding: 10px;
font-weight:normal;
line-height:15px;
}

#mypagedetailarea .tblorderlist .tit_3 a {
font-weight:bold;
}

#mypagedetailarea .btn_cancel_end_sub {
margin:20px 130px 50px 130px;
text-align:center;
}

#mypagedetailarea .btn_noend{
float: left;
}

#mypagedetailarea .btn_end{
float:right;
}


#mypagedetailarea .btn_cancel_sub_shipment_2{
margin:5px 0 10px 20px;
color:#999;
}

/* カート定期購入部分追加 */
#formcontarea div.boxordernotice .ordernumberlist ul {
margin: 30px 0;
}
#formcontarea div.boxordernotice .ordernumberlist li {
padding-left: 15px;
margin-bottom: 30px;
border-left: 2px solid #ccc;
}

/* 2014/06 マイページ定期購入部分追加 */
#mypagedetailarea .boxtagdata { margin-top: 15px; }
#mypagedetailarea .boxtagdata dl { font-size: 90%; }
#mypagedetailarea dl dt {
line-height: 1.4;
margin-bottom: 3px;
clear: left;
float: left;
}
#mypagedetailarea dl dd {
float: left;
margin-left: 5px;
}
#mypagedetailarea dl dd.list {
float: none;
clear: both;
}


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

2014/06 プレゼント機能

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

/* ログイン
--------------------------------------*/

#gift_login .formll {
width: 420px;
font-size: 116.7%;
padding:3px;
border:#cccccc 1px solid;
}

#gift_login input.btnlogintopnext {
background:url(../images/btn_cart_login_gift.gif) no-repeat left top;
width: 230px;
height: 29px;
text-indent: -9999px;
cursor: pointer;
margin: 20px 0 0 0;
display:block;
}

#gift_login input.btnlogintopnext_cp {
background:url(../images/btn_cart_oubo.gif) no-repeat left top;
width: 230px;
height: 29px;
text-indent: -9999px;
cursor: pointer;
margin: 20px 0 0 0;
display:block;
}

#gift_login input.btnlogintop {
background:url(../images/btn_cart_login_gift.gif) no-repeat left top;
width: 230px;
height: 29px;
text-indent: -9999px;
cursor: pointer;
margin: 20px auto;
display:block;
}

/* 商品リスト
--------------------------------------*/

#gift_list .list_giftbox{
width: 600px;
margin-top:10px;
padding:0 0 0 85px;
}

#gift_list ul.gift_list_ditail {
width: 650px;
}

#gift_list ul li.gift_1case {
float:left;
width: 292px;
margin-right:30px;
}

#gift_list ul.gift_list_ditail li p.gift_list_photo {
width: 238px;
height:238px;
padding: 30px 34px 20px 20px;
margin: 5px 0 0 0;
background-image: url(../images/bg_giftphoto.gif);
background-repeat:no-repeat;
background-position:top left
}

#gift_list ul.gift_list_ditail p.gift_tit {
font-size: 110%;
font-weight:bold;
text-align:left;
width: 280px;
line-height:16px;
padding: 0;
margin: 10px 0 10px 0;
}

#gift_list ul.gift_list_ditail .gift_info {
text-align:left;
width: 280px;
padding: 0;
margin: 0 0 10px 0;
}

#gift_list ul.gift_list_ditail .gift_price{
font-size:120%;
float:left;
}

#gift_list ul.gift_list_ditail .gift_delete{
float:right;
}

#gift_list ul.gift_list_ditail .gift_total{
width: 292px;
margin:-11px auto 10px auto;
padding-top:10px;
}


#gift_list dl.boxcartinaccount_gift {
border-top: 1px solid #c5a8a6;
margin: 10px 20px 20px 20px;
line-height: 160%;
padding: 10px 0 0 0;
}

#gift_list dl.boxcartinaccount_gift dt {
width: 50px;
float: left;
padding: 0 20px 0 550px;
line-height: 200%;
font-size: 85%;
line-height: 1.6;
}

#gift_list dl.boxcartinaccount_gift dt strong{
font-size:116.7%;
}

#gift_list dl.boxcartinaccount_gift dd {
float: left;
text-align: right;
font-size: 120%;
line-height: 100%;
color: #cc0000;
font-weight: bold;
line-height: 1.4;
width: auto;
}

#gift_list input.btncartinpurchase_gift {
background:url(../images/btn_carttop_purchase_gift.gif) no-repeat left top;
width: 240px;
height: 43px;
text-indent: -9999px;
cursor: pointer;
display:block;
margin: 0 0 0 10px;
float: left;
}

#gift_list .linkcontinue_gift {
text-align:center;
font-weight:bold;
margin:20px 0 0 20px;
}

#gift_list .supplement_gift{
margin:20px 20px 10px 20px;
padding:30px;
background:url(../images/bg_gift_description.gif);
}

#gift_list .supplement_gift img{
float:left;
 margin-right:20px;
}

#gift_list .supplement_gift_txt{
float:left;
height:67px;
width:560px;
font-size:110%;
font-weight:bold;
line-height:20px;
}

#gift_list .supplement_gift_txt p.txt_1{
margin-bottom:5px;
}

#gift_list .supplement_gift_txt p.txt_2{
color: #cc0000;
}

/* 確認画面
--------------------------------------*/

#gift_confi #cartsteparea ol li {
position: absolute;
}

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

#gift_confi #cartsteparea ol li.second {
left: 320px;
z-index: 0;
}

#gift_confi h2{
font-size:120%;
font-weight:bold;
text-align:center;
background:url(../images/bg_gift_description.gif);
padding:12px 10px 10px;
margin-right:20px;
margin-bottom:-5px;
}

#gift_confi .list_giftbox{
width: 600px;
margin-top:10px;
padding:0 0 0 8px;
}

#gift_confi ul.gift_list_ditail {
width: 650px;
text-align:center;
}

#gift_confi ul li.gift_1case {
display:inline-block;
width: 292px;
vertical-align:top;
margin-right:10px;
}

#gift_confi ul.gift_list_ditail li p.gift_list_photo {
width: 238px;
height:238px;
padding: 30px 34px 20px 20px;
margin: 5px 0 0 0;
background-image: url(../images/bg_giftphoto.gif);
background-repeat: no-repeat;
background-position:top left;
}

#gift_confi ul.gift_list_ditail p.gift_tit {
font-size: 110%;
font-weight:bold;
text-align:left;
width: 280px;
line-height:16px;
padding: 0;
margin: 10px 0 0 0;
}

#gift_confi .partner_giftbox{
font-size:120%;
background:url(../images/bg_gift_description.gif);
margin:20px;
padding:20px;
}

#gift_confi .partner_giftbox .gift_partner img{
float:left;
border:1px #6bd701 solid;
}

#gift_confi .partner_giftbox .gift_partner p{
float:left;
margin-left:15px;
height:60px;
line-height:60px;
}

#gift_confi .partner_giftbox .gift_partner p span.name{
font-size:130%;
font-weight:bold;
background-color:#FF0;
padding:5px;
}

#gift_confi .partner_giftbox .gift_message{
padding:20px;
background-color:#FFFFFF;
}

#gift_confi .partner_giftbox .gift_message .message_tit{
color:#339900;
font-size:80%;
font-weight:bold;
margin-bottom:10px;
}

#gift_confi .partner_giftbox .gift_message .messsage_txt{
font-weight:bold;
}

/* 商品table（確認画面） */
#gift_confi table.tblcartinnerlist_present_2{
margin-left:30px;
margin-top: 20px;
}

#gift_confi .tblcartinnerlist_present_2 td {
padding: 15px 0px 15px 0;
background: url(../images/bg_dotline.gif) repeat-x left bottom;
}

#gift_confi .tblcartinnerlist_present_2 td.tit {
width: 410px;
font-weight:bold;
line-height:15px;
padding:0 10px 0 0;
}

#gift_confi .tblcartinnerlist_present_2 td.price {
width:70px;
}

#gift_confi .tblcartinnerlist_present_2 td.number {
width:10px;
}

#gift_confi .tblcartinnerlist_present_2 td.price_2 {
width:70px;
text-align:right;
}

#gift_confi dl.boxorderaccount_inside {
width: 205px;
margin: 10px 0 10px 405px;
line-height: 160%;
}

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

#gift_confi dl.boxorderaccount_inside dd {
float: left;
width: 95px;
text-align: right;
}

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

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

#gift_confi .cart{
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e2e0da)) repeat scroll 0 0 transparent;
border: 1px solid #b8b6b6;
}

/* プレゼント企画画面 */

#gift_confi input.btn_message_change {
background:url(../images/btn_massege_change.gif) no-repeat left top;
width: 153px;
height: 24px;
margin-top:10px;
text-indent: -9999px;
cursor: pointer;
display:block;
}

#gift_confi .gift_ttl_h2 {
margin:30px 20px 20px 20px;
}
#gift_confi .gift_ttl_h2 span.red{
  display: block;
  font-size: 12px;
  color: red;
  padding-top: 8px;
}

#gift_confi h3 {
margin:20px 20px 0 20px;
padding-bottom:5px;
font-weight:bold;
font-size:110%;
}

#gift_confi input.btn_cart_mail_submit {
background:url(../images/btn_cart_mail_submit.gif) no-repeat left top;
width: 104px;
text-indent: -9999px;
cursor: pointer;
margin: 0 auto;
display:block;
}

#gift_confi .mailad {
margin: 10px 20px 30px 70px;
width: 550px;
}

#gift_confi .mailad .input {
float:left;
}

#gift_confi .mailad .btn_cart_mail_submit {
float:left;
height:29px;
margin-top:-3px;
margin-left:5px;
}

#gift_confi .btn_snsbox{
margin:0 20px 20px 20px;
text-align: center;
}

#gift_confi .btn_sns_twitter{
float:right;
}

#gift_confi .txtex{
margin:-10px 0 -15px 20px;
}

/* プレゼント成功画面 */

#gift_confi .partner_giftbox .gift_partner2{
margin-top:5px;
margin-bottom:10px;
}

#gift_confi .partner_giftbox .gift_partner2 img{
float:left;
border:1px #6bd701 solid;
}

#gift_confi .partner_giftbox .gift_partner2 p{
float:left;
margin-left:15px;
height:60px;
line-height:60px;
}

#gift_confi .partner_giftbox .gift_partner2 p span.name{
font-size:130%;
font-weight:bold;
background-color:#FF0;
padding:5px;
}

/* プレゼント受け取り成功画面 */

#gift_confi .tit_wait{
margin:0 20px 0 0;
text-align:center;
}

#gift_confi .tit_wait p{
margin:10px 0 30px 0;
text-align:center;
font-size:130%;
font-weight:bold;
line-height:130%;
}

/* プレゼント受け取り入力画面 */

#gift_confi .how{
margin:0 20px 20px 20px;
}

#gift_confi .txt{
height:15px;
width:250px;
}

#gift_confi .gift_receive_formbox {
padding: 0 20px 0 60px;
}

#gift_confi .gift_receive_btnarea{
margin:0px 20px 20px 20px;
padding-bottom:20px;
border-bottom:1px solid #c5a8a6;
text-align:center;
}

#gift_confi .btn_open h2{
	float:left;
	margin:-5px 0 10px 20px;
}

#gift_confi .btn_open img{
float:left;
}

#gift_confi .btn_login {
background: url(../images/btn_step_login_gift.gif) no-repeat left top;
width: 140px;
height: 29px;
margin: 10px auto 10px auto;
text-indent: -9999px;
cursor: pointer;
display: block;
}

/* テーブル
--------------------------------------*/

/* お客様情報入力 */

#gift_confi .tblguestform_gift {
padding: 0 20px;
margin:0px 0 5px 60px;
}

#gift_confi .tblguestform_gift th {
width:90px;
padding: 6px 20px 15px 0;
font-weight: normal;
vertical-align: top;
}

#gift_confi .tblguestform_gift th.level {
padding: 0 20px 15px 0;
}

#gift_confi .tblguestform_gift td {
width: 400px;
padding: 0 20px 15px 0;
}

/* 点線対応時 */

#gift_confi .tblguestform_gift tr.linetop {
background: url(../images/bg_dotline.gif) repeat-x left top;
}

#gift_confi .tblguestform_gift tr.linetop th {
padding: 21px 20px 15px 0;
}

#gift_confi .tblguestform_gift tr.linetop td {
padding: 15px 20px 15px 0;
}

#gift_confi .tblguestform_gift dl dt,
#gift_confi .tblguestform_gift dl dd {
float: left;
}

#gift_confi .tblguestform_gift dl dt {
width: 3em;
padding: 0.5em 0 0 0;
}

#gift_confi .tblguestform_gift dl dd {
padding: 0 10px 0 0;
}

#gift_confi .tblguestform_gift .txtex_gift{
font-size: 83.3%;
color: #999999;
margin-top:5px;
}

#gift_confi .tblguestform_gift .txtng {
color: #ff427d;
}

/* プロフィール
--------------------------------------*/

#gift_confi .profile{
border:#FFCC33 1px solid;
margin:0 20px;
}

#gift_confi h3{
font-size:100%;
font-weight:bold;
text-align:center;
background:#eee6d9;
padding:10px;
margin:0 20px 20px 20px;
}

#gift_confi .fbimg_receive{
margin-left:60px;
width:400px;
height:90px;
}

#gift_confi .fbimg_receive img {
float:left;
margin-right:5px;
}

#gift_confi .fbimg_receive p{
float:left;
padding-top:20px;
}

#gift_confi .gift_receive_formbox_name {
margin: 20px 20px 0 60px;
}

#gift_confi .gift_receive_formbox_name .userinfo dt {
width: 110px;
float: left;
line-height:18px;
}

#gift_confi .gift_receive_formbox_name .userinfo dd {
padding-top:10px;
}

#gift_confi .linkcontinue_gift {
text-align:center;
font-weight:bold;
margin:20px 0;
}

/* 2014/06 プレゼント商品詳細
--------------------------------------*/
.cartbtngift { padding-top: 10px; }

/* 2014/06 プレゼント情報入力
--------------------------------------*/
#gift_confi .formbox {
padding: 0 20px 20px 20px;
}
#gift_confi .line {
padding-bottom: 30px;
margin-bottom: 20px;
border-bottom: 1px solid #d4c2be;
}
#gift_confi .tit {
background: none;
font-weight: normal;
padding: 10px 0 20px 0;
text-align: left;
}
#gift_confi .txtfull {
padding: 5px 0 10px 0;
}
#gift_confi .userinfo dt,
#gift_confi .userinfo dd {
margin-bottom: 15px;
}
#gift_confi .userinfo dt {
width: 12em;
float: left;
clear: left;
}
#gift_confi .userinfo dd {
float: left;
}
#gift_confi .userinfo dd input {
margin-top: -0.2em;
}
#gift_confi .date dt,
#gift_confi .date dd {
margin-bottom: 15px;
float: left;
}
#gift_confi .date dt {
width: 3.5em;
}
#gift_confi .date dd {
margin-right: 25px;
}
#gift_confi .date select {

}
#gift_confi input.forml {
border: 1px solid #cccccc;
width: 222px;
font-size: 116.7%;
padding: 3px;
}
#gift_confi input.btngiftlogin {
background: url(../images/btn_regist_login.gif) no-repeat left top;
width: 140px;
height: 29px;
display: block;
text-indent: -9999px;
vertical-align: middle;
cursor: pointer;
margin: 0 auto;
}
#gift_confi .gift_how {
background-color:#c2fd88;
margin-top:-1px;
padding:10px;
}
#gift_confi .gift_how table { width: 100%; }
#gift_confi .gift_how td{
background: url(../images/bg_btn_gift_send.gif) repeat-x left top;
width: 25%;
text-align:center;
border:#c5c5c5 1px solid;
}

#gift_confi .gift_how td.description{
text-align:left;
padding:10px 0;
margin:0;
border:none;
background:none;
}

#gift_confi .gift_how td.select{
background:#FF0;
}
#gift_confi .gift_how td p {
padding: 5px 0;
text-align: center;
}
#gift_confi .gift_how a {
padding:10px;
text-decoration: none;
display: block;
}
/* FB画像利用 */
#gift_confi .fbimg {
marging: 0 0 10px;
text-align: center;
}
#gift_confi .proficon {
background: url(../images/btn_fbprofipic.gif) no-repeat 15px top;
width: 265px;
height: 24px;
margin: 10px auto;
text-indent: -9999px;
cursor: pointer;
display: block;
}
/* メッセージ入力 */
#gift_confi .msgbox { margin: 10px 0; }
#gift_confi .msgbox dt { margin-bottom: 10px; }
#gift_confi .msg {
width: 93%;
font-size: 100%;
padding: 10px 10px 9px;
margin: 0 auto 5px auto;
display: inline-block;
border-radius: 6px;
-webkit-border-radius: 5px;
text-align: left;
}
#gift_confi .msg dt {
margin-bottom: 10px;
}
#gift_confi .msg dd {
margin-bottom: 10px;
}
#gift_confi .txts {
font-size: 75%;
padding: 5px 0;
}
#gift_confi .arrlinkother { font-size: 80%; }

/* button */
#gift_confi .btnarea2 {
margin: 20px 20px 0 20px;
position: relative;
}
#gift_confi .btnconfirm {
background: url(../images/btn_cart_confirm.gif) no-repeat left top;
width: 240px;
height: 43px;
text-indent: -9999px;
cursor: pointer;
display: block;
margin: 0 auto;
}
#gift_confi .btnarea2 .btnbacklist {
background: url(../images/btn_backlist.gif) no-repeat left top;
width: 90px;
height: 24px;
text-indent: -9999px;
cursor: pointer;
display: block;
position: absolute;
bottom: 0px;
}

/* 2014/10 プレゼント完了
--------------------------------------*/
#gift_thx #cartsteparea ol li { position: absolute; }
#gift_thx #cartsteparea ol li.first { z-index: 0; }
#gift_thx #cartsteparea ol li.second {
left: 320px;
z-index: 0;
}

#gift_thx #formcontarea div.boxordernotice { padding-top: 0; }
#gift_thx .caution { color: #cc0000; }
#gift_thx p {
line-height: 1.4;
text-align: center;
}
#gift_thx .btn { margin-bottom: 20px; }
#gift_thx .txtbox { margin-bottom: 20px; }

#gift_thx h2.gift_ttl_h2 {
font-size: 120%;
font-weight: bold;
text-align: center;
background: url(../images/bg_gift_description.gif);
padding: 10px;
margin-right: 20px;
margin-bottom: -5px;
}
#gift_thx h3 {
margin: 30px 20px 0 20px;
padding-bottom: 5px;
font-weight: bold;
font-size: 110%;
text-align: center;
}
#gift_thx .mailad {
margin: 10px 20px 30px 70px;
width: 550px;
}
#gift_thx .mailad .input {
float: left;
}
#gift_thx .mailad .btn_cart_mail_submit {
background: url(../images/btn_cart_mail_submit.gif) no-repeat left top;
width: 104px;
height: 29px;
text-indent: -9999px;
cursor: pointer;
margin: -3px 0 0 5px;
display: block;
float: left;
}
#gift_thx .linkcontinue_gift {
margin: 20px 0 0 20px;
}

/* 2014/10 コンビニ追加対応
--------------------------------------*/
#formcontarea .tblbuyinfoform ul.boxconveni li.txts {
font-size: 75%;
line-height: 1.2; 
}
#formcontarea .tblbuyinfoform ul.boxconveni { padding-bottom : 15px; }


/* 2014/12 プレゼントシークレット
--------------------------------------*/
.list_giftbox_secret {
	width: 600px;
	margin-top:10px;
	padding:0 0 0 30px;
}

/* 2018/02 問い合わせ確認ページ
--------------------------------------*/
.askbtnarea{
margin:0 20px;
position:relative;
text-align: center;
}

.askbtnarea input.btnregistrevise {
background:url(../images/btn_revision.png) no-repeat left top;
width: 140px;
height:29px;
text-indent: -9999px;
display:inline-block;
vertical-align: middle;
cursor: pointer;
margin: 0 auto;
}

.askbtnarea input.btnregistsubmit {
background:url(../images/btn_regist_submit.gif) no-repeat left top;
width: 140px;
height:29px;
text-indent: -9999px;
display:inline-block;
vertical-align: middle;
cursor: pointer;
margin: 0 auto;
}

/* 2018/11 キャンペーン
--------------------------------------*/
.campaign_banner {
width: 640px;
margin: 0 auto;
padding-bottom: 13px;
}

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

.campaignPage #formcontarea .msgbox {
 padding: 0 20px; 
}

.campaignPage #formcontarea .msgbox textarea{
font-size: 100%;
border: 1px solid #cccccc;
width: 99%;
min-height: 120px;
padding: 3px;
margin:5px 0;
line-height: 140%;
}

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

#formcontarea .innercontbuyinfo.linetop_cp {
border-top: 1px solid #d4c2be;
padding: 20px 0 0 0;
margin: 20px 0 0 0;
}

#formcontarea h2.titguest_ttl {
margin: 0 0 10px 20px;
font-size: 15px;
font-weight: bold;
color: #5f3601;
}

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