@charset "Shift_JIS";
/* --------------------------------------------------------------------
	ログインフォーム
--------------------------------------------------------------------- */
div.login_ {
}
div.login_ div.loginform_ {
	width:600px;
	margin:10px auto 20px;
	padding:10px;
	text-align:left;
}
div.login_ div.loginform_ .form_text_ {
	margin-bottom: 10px;
}
div.login_ div.inputimage_ {
	margin:8px auto;
	text-align:center;
}
div.login_ div.askpass_ {
	margin:5px auto;
	text-align:center;
}
div.login_ div.entry_ {
	margin:2px auto;
	text-align:center;
	font-size:10px
}
div.login_ table.loginform_ {
	margin:auto;
	text-align:center;
}
div.login_ table.loginform_ th {
	padding: 2px;
	text-align: right;
	font-weight: bold;
}
div.login_ table.loginform_ td {
	padding: 2px;
	text-align: left;
}
div.login_ table.loginform_ td input.login_uid_ {
	width: 300px;
}
div.login_ table.loginform_ td input.login_pwd_ {
	width: 300px;
}
div.login_ table.loginform_ td input.login_uid_mail_ {
	width: 300px;
}

div.login_wrapper_ {
	overflow: hidden;
	font-size: 11px;
}
div.login_wrapper_ hr {
	border: 0;
	border-bottom: 1px dotted #ccc;
	margin: 10px 0;
}
div.login_wrapper_ .common_headline2_area_{
	border-bottom: none;
	border-top-right-radius: 7px;
	border-top-left-radius: 7px;
	margin-top: -10px;
	margin-bottom: -10px;
	padding: 3px;
	background-color: #001960;
	font-size: 18px;
	color: #ffffff;
}
div.login_wrapper_ .firstMember_ .common_headline2_area_{
	background-color: #001960;
}

div.login_wrapper_ .firstMember_ .loginform_ .login_col_inner{
      border:#001960 2px solid;
}
       
div.login_wrapper_ .common_headline2_area_ span {
	font-weight: bold;
	vertical-align: middle;
}
div.login_wrapper_ .common_headline2_area_ span.relate_ {
	font-size: 13px;
}
div.login_wrapper_ .common_headline2_area_ img.icon_ {
	padding-left:10px;
	padding-right:10px;
	width: 30px;
	height: 30px;
}
div.login_wrapper_ .common_headline2_{
	border-bottom: none;
	margin-bottom: 0;
}
div.login_col_left_  div.loginform_,
div.login_col_right_ div.loginform_,
div.login_col_center_  div.loginform_{
	width: auto;
}
div.login_col_right_{
	float: right;
	width: 350px;
}
div.login_col_right_  .login_col_inner .common_headline2_{
	color:#333333;
	padding-top: 0;
}
div.login_col_left_ {
	float: left;
	width: 650px;
}
div.login_col_left_  .login_col_inner .common_headline2_{
	color:#333333;
	padding-top: 0;
}
div.login_col_center_ {
	margin: 0 auto;
	float: none;
	width: 410px;
}
div.login_col_center_  .login_col_inner .common_headline2_{
	color:#333333;
	padding-top: 0;
}
div.login_col_inner{
	border: #001960 2px solid;
	padding: 15px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
    -moz-border-radius: 7px;
}
div.login_col_section {
	padding: 10px;
}
div.login_col_section .form_text_{
	padding: 5px;
}
div.login_wrapper_ table.loginform_ td input.login_uid_ {
	width: 240px;
	font-size: 12px;
}
div.login_wrapper_ table.loginform_ td input.login_pwd_ {
	width: 240px;
	font-size: 12px;
}
div.login_wrapper_ table.loginform_ td input.login_uid_mail_ {
	width: 240px;
	font-size: 12px;
}

.socialplus_{
      width:600px;
      margin:0 auto;
}

.socialplus_ input{
     width:190px;
     margin-bottom:10px;
}

/* --------------------------------------------------------------------
	パスワードを忘れた方
--------------------------------------------------------------------- */
table.askpass_ {
	margin-bottom: 10px;
}
table.askpass_ th {
	width: 16em;
}
/* --------------------------------------------------------------------
	マイページ・会員情報
-------------------------------------------------------------------- */
div.customer_ {
}
div.customer_ table {
	width: 100%;
}
div.customer_ table.customer_, 
div.customer_ table.customerconfirm_ {
	margin-bottom: 20px;
}
div.customer_ table.customer_ 
th, div.customer_ table.customerconfirm_ th {
	width: 25%;
}

.social_association_{
        text-align:left;
        margin-top:10px;
}

.social_association_ input{
		margin: 0 11px;
}

#social_related_{
      text-align:center;
      margin-top:-20px; 
      margin-bottom:20px;
}

#social_related_ img{
      width:800px;
      text-align:center;
}



/* --------------------------------------------------------------------
	新規会員登録
-------------------------------------------------------------------- */
div.customer_ .agreebody_ {
	margin: 20px 0;
	width: 100%;
}

#frmCustomerSNS{
       text-align:left;
       margin-bottom:10px;
       margin-left:10px;
}

#frmCustomerSNS input{
       padding-right:10px;
}

/* --------------------------------------------------------------------
	マイページ　トップ
-------------------------------------------------------------------- */
div.customer_status_ {
	width:550px;
	margin: 0 auto 30px;
	color:#fff;
	position:rerative;
	font-size:14px;
}

div.customer_status_ .front,
div.customer_status_ .back{
	padding: 15px;
	height:310px!important;
	background:#001960;
	border-radius:8px;
	text-align:center;
}

div.customer_status_ #reverseBtn_{
	position:absolute;
	top:15px;
	right:15px
}

div.customer_status_ .bcLogo_{
	margin-bottom: 10px;
}
div.customer_status_ .bcLogo_ img{
	width: 160px;
}

div.customer_status_ .back .atText_{
	padding:45px 58px 0;
	line-height:1.8;
	
}
div.customer_status_ .back .atText_ ul{
	margin-top:8px;
}
div.customer_status_ .back .atText_ ul li{
	text-align:left;
	text-indent: -1em;
    padding-left: 1em;
}

.loginname_ {
	font-weight: bold;
}
.mypoint_ {
	margin-bottom:5px;
}
p.recommend_ {
	margin-bottom: 20px;
	font-size: 14px;
	font-weight: bold;
}
div.mymenu_ {
	margin-bottom: 20px;
	width: 100%;
	overflow: hidden;
}
div.mymenu_item_ {
	margin-bottom: 20px;
	padding: 0 0 10px 0;
	width: 100%;
	overflow: hidden;
        border-bottom:1px solid #ccc;
}
.socialplus_releasesocialplus_ {
    color: #001960;
    font-size: 28px;
    text-align: center;
    font-weight: bold;
    margin-top: -25px;
}
.mymenu_item_.myaccount_{
       background:#ECECEC;
       border-radius:10px;
       margin-top:10px;
       padding:5px;
       border:none;
       padding-bottom:10px;
}
div.mymenu_item_ .img_ {
	margin: 0 10px 0 10px;
	float: left;
	display: inline;
	width: 60px;
}
div.mymenu_item_ .desc_ {
	margin: 0 10px 0 0;
	float: left;
	display: inline;
	width: 750px;
}
div.mymenu_item_ h2 {
	margin: 0 0 10px 0;
	padding: 5px;
	font-size: 16px;
	font-weight: bold;
        border-bottom:1px dotted #ccc;
}

#mymenu_sociallogin{
      border:none;
}
div.mymenu_item_ p, div.mymenu_item_ ul {
	margin: 0 0 0 10px;
}
div.mymenu_item_ ul li {
	margin-left: 2em;
	list-style: square;
}
div.members_rank {
	margin-bottom: 10px;
	padding: 0 0 10px 0;
	width: 100%;
	overflow: hidden;
	border-bottom: 1px dotted #CCC;
}
/* --------------------------------------------------------------------
	マイページ　購入履歴
-------------------------------------------------------------------- */
div.customer_ .method_addr_ {
	margin-bottom: 10px;
	padding-left: 10px;
}
div.customer_ .destgoodslist_ {
	margin-bottom: 20px;
}
table.history_ {
	margin-bottom: 20px;
}
table.history_ th {
	font-weight: bold;
}
table.history_ td.order_dt_,table.history_ td.store_name_ {
	white-space: nowrap;
}
table.history_ td.order_detail_ ul {
	margin-bottom: 5px;
}
table.history_ td.order_detail_ ul li {
	margin-left: 2em;
	list-style: square;
}
table.history_ td.order_detail_ p.order_again_ {
	padding: 5px;
	text-align: right;
	font-weight: bold;
}
table.history_ td.total_ {
	text-align: center;
	font-size: 14px;
}
table.history_ td.status_ img.process_ {
	width: 160px;
}
ul.historydetail_ {
	margin: 10px auto;
	width: 18em;
}
ul.historydetail_ li {
	margin-left: 2em;
	font-weight: bold;
	list-style: square;
}

div.title_{
	border-bottom:solid 1px;
	margin-top:30px;
	margin-bottom:20px;
	font-size:15px;
}

/* --------------------------------------------------------------------
	マイページ　カード情報確認
-------------------------------------------------------------------- */
div.cardedit_ {
}
div.cardedit_ table th {
	width: 16em;
}
/* 現在の登録内容 */
div.cardedit_info_ {
	margin-bottom: 20px;
}
/**/
td.card_ label {
	margin: 0 20px 0 5px;
}
/* --------------------------------------------------------------------
	マイページ　メールアドレス変更
-------------------------------------------------------------------- */
table.mailchange_ {
	margin-bottom: 10px;
}
table.mailchange_ th {
	width: 16em;
}
/* --------------------------------------------------------------------
	マイページ　アドレス帳の新規登録
-------------------------------------------------------------------- */
table.custdest_ th {
	width: 25%;
}
/* --------------------------------------------------------------------
	マイページ　ID変更
-------------------------------------------------------------------- */
table.idchange_ {
	margin-bottom: 10px;
}
table.idchange_ th {
	width: 16em;
}
/* --------------------------------------------------------------------
	マイページ　パスワード変更
-------------------------------------------------------------------- */
table.passchange_ {
	margin-bottom: 10px;
}
table.passchange_ th {
	width: 16em;
}
/* --------------------------------------------------------------------
	マイページ　お気に入り・入荷案内申し込み
-------------------------------------------------------------------- */
div.customer_ .bookmark_frame_,
div.customer_ .backorder_frame_ {
	border-top: 1px dotted #CCC;
	margin-bottom: 10px;
}
div.customer_ div.bookmark_item_,
 div.customer_ div.backorder_item_{
	width: 100%;
	overflow: hidden;
	border-bottom: 1px dotted #CCC;
}
div.bookmark_item_ div.cartgoods_,
div.backorder_item_ div.cartgoods_ {
	padding: 10px;
	float: left;
	display: inline;
	width: 15px;
}
div.bookmark_item_ div.img_,
 div.backorder_item_ div.img_{
	padding: 10px 10px 10px 0;
	float: left;
	display: inherit;
	width: 100px;
	overflow: hidden;
}
div.bookmark_item_ div.img_ img,
div.backorder_item_ div.img_ img {
	width: 100px;
}
div.bookmark_item_ div.desc_,
 div.backorder_item_ div.desc_{
	width: 720px;
	padding: 10px 0;
	float: left;
}
div.bookmark_item_ div.name_,
div.backorder_item_ div.name_ {
	margin-bottom: 5px;
}
div.bookmark_item_ div.spec_,
div.backorder_item_ div.spec_ {
	margin-bottom: 5px;
}
div.bookmark_item_ .edit_memo_,
div.backorder_item_ .edit_memo_ {
	margin-top: 5px;
	font-weight: bold;
}
div.bookmark_item_ .memo_,
div.backorder_item_ .memo_ {
	padding: 5px;
	border: 1px solid #CCC;
	background: #F8F8F8;
}
div.bookmark_item_ div.del_,
div.backorder_item_ div.del_ {
	padding: 10px;
	float: right;
	display: inline;
	width: 60px;
}
div.bookmark_buy_,
div.backorder_buy_ {
	margin-bottom: 20px;
}
/* --------------------------------------------------------------------
	マイページ　お問い合わせ
-------------------------------------------------------------------- */
div.contact_ {
}
div.contact_ table {
	width: 100%;
}
/* new お問合せフォーム */
div.contact_ table.contact_ th {
	width: 16em;
}
div.contact_ table.contact_ td {
}
div.contact_ div.contact_reform_ {
	margin:auto;
	text-align:center;
}
/* --------------------------------------------------------------------
	マイページ　お問い合わせ履歴
-------------------------------------------------------------------- */
/* お問合せ履歴 */
div.contact_ ul.contactlist_ {
}
div.contact_ ul.contactlist_ li {
	padding: 10px;
	border-bottom: 1px dotted #CCC;
}
div.contact_ table.detaillistline_ {
	border: dotted 1px;
	margin:2px auto;
}
/* お問合せ詳細 */
.contactdetail_title_ {
	margin-bottom: 20px;
	padding: 10px;
	font-size: 14px;
	border-bottom: 1px dotted #CCC;
	border-top: 1px dotted #CCC;
}
.contactdetail_title_ .subject_ {
	margin-left: 20px;
	font-weight: bold;
}
.contactdetail_title_ .id_ {
	margin-left: 10px;
	font-size: 10px;
}
.align_l_ {
	text-align: left;
}
/* スレッド */
div.contactlist_ {
	margin-bottom: 20px;
}
div.contactlist_ .contactlist_order_id_ {
}
div.contactlist_ .contactlist_goods_ {
	margin: 0 0 0 20px;
}
div.contactlist_line_ {
	margin-top: 10px;
	width: 100%;
	overflow: hidden;
	border: 1px solid #CCC;
}
div.contactlist_line_ .contactlist_head_ {
	width: 100%;
	overflow: hidden;
	background: #F0F0F0;
	border-bottom: 1px solid #CCC;
}
div.contactlist_line_ .contactlist_head_ .name_ {
	padding: 5px;
	float: left;
	display: inline;
	font-weight: bold;
	width: 40%;
}
div.contactlist_line_ .contactlist_head_ .updt_ {
	padding: 5px;
	float: right;
	display: inline;
	text-align: right;
	width: 40%;
}
div.contactlist_line_ .comment_ {
	padding: 10px;
}
/* --------------------------------------------------------------------
	マイページ　退会
-------------------------------------------------------------------- */
table.withdrawal_ {
	margin-bottom: 10px;
}
table.withdrawal_ th {
	width: 16em;
}

/* --------------------------------------------------------------------
	マイページ　クーポン一覧
-------------------------------------------------------------------- */
table.coupon_list_ {
	margin-bottom: 20px;
}
table.coupon_list_ th {
	font-weight: bold;
	text-align: center;
}
table.coupon_list_ td.coupon_code_ {
	white-space: nowrap;
}
table.coupon_list_ td.bonus_type_ {
	text-align: center;
	white-space: nowrap;
}
table.coupon_list_ td.coupon_name_ {
	text-align: left;
}
table.coupon_list_ td.coupon_dt_ {
	text-align: left;
	white-space: nowrap;
}
table.coupon_list_ td.coupon_condition_ {
	text-align: left;
}

/* --------------------------------------------------------------------
	マイページ　ポイント履歴
-------------------------------------------------------------------- */
table.point_list_ {
	margin-bottom: 20px;
}

/* --------------------------------------------------------------------
	マイページ　定期購入
-------------------------------------------------------------------- */
.regularhistory_skip_ {
	margin-bottom: 20px;
}

.regularhistory_withdrawal_ {
	margin-bottom: 20px;
}

regularhistory_back_ {
}

/* --------------------------------------------------------------------
	クーポン
--------------------------------------------------------------------- */
#coupon h2{
	padding: 10px 15px 8px 15px;
	line-height: 1;
	color: #FFF;
	background: #001646;
	font-size: 16px;
	font-weight: bold;	
}
#coupon_inner{
	width: 770px;
	margin: 0 auto
}
#coupon span{
	display: block;
	text-align: center;
}
#coupon p{
	margin-top: 4%;
	margin-bottom: 1%;
}
#coupon p span{
	padding-bottom: 5px;
}
#coupon span:first-of-type img{
	border: 1px solid #000;
	padding: 2% 0 1% 0;
}
#coupon img{
	max-width: 100%;
	margin: 1.5% 0 0;
}
#coupon span:last-of-type img{
	border: 1px solid #000;
	padding: 2% 0 2% 0;
}

/* --------------------------------------------------------------------
	18/01 会員登録確認チェックボックス対応
-------------------------------------------------------------------- */
.checkentryBox_ {
    width: 580px;
    text-align: center;
    margin: 0 auto;
    font-size: 20px;
    font-weight: bold;
    border: 2px solid;
    padding: 20px;
    border-color: #001960;
    border-radius: 5px;
    cursor: pointer;
    line-height: 1.2;
}
.checkentryBox_ span {
	color: red;
}
.checkentryBox_ img {
    display: inline-block;
    padding-right: 15px;
}
#checkEntryNext_ {
    position: relative;
    margin: 0 auto;
}
#overlay_button.passive_ {
    display: inline-block;
    position: absolute;
    background-color: rgba(255,255,255,0.6);
    width: 162px;
    height: 42px;
    margin-left: 15px;
    border-radius: 5px;
}

.div.login_col_right_ > .loginform_{
     border:2px solid #000;
}