@charset "Shift_JIS";
/* *********************************************************************
マイページ
********************************************************************* */

/* common
------------------------------------------------*/
 #rightcolumn h1 {
	background-color: #317a40;
	color: #fff;
	font-size: 180%;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 15px;
	margin-bottom: 10px;
	font-weight: bold;
}

 #rightcolumn h1.genre {
	background-color: #fff;
	color: #000;
	font-size: 100%;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin-bottom: 0;
	clear:both;
}

.loginname_ {
	font-weight: bold;
	font-size: 150%;
	color: #317A40;
}

/* lined table
------------------------------------------------*/
table.linetbl {
	border: 1px solid #cccccc;
	border-collapse: collapse;
}
table.linetbl caption {
	text-align:left;
	padding:5px 7px;
	background-color:#333;
	color: #FFF;
}
table.linetbl th {
	border: 1px solid #CCC;
	text-align: left;
	font-weight: bold;
	padding: 5px 7px;
	color: #333;
	background-color: #F5F5F5;
	width: 180px;
}
table.linetbl td {
	border: 1px solid #cccccc;
	padding: 5px;
	vertical-align: middle;
	background-color: #FFFFFF;
}

/* sub navi
------------------------------------------------*/
#mypage-subnavi {
	margin-bottom: 25px;
	font-size: 14px;
	/* [disabled]display: none; */
}
#mypage-subnavi div.snblock {
	overflow: hidden;
	border-bottom: dotted 1px #ccc;
	padding-top: 5px;
	padding-bottom: 5px;
}
#mypage-subnavi div.snblock h3 {
	font-weight: bold;
	display: block;
	width: 150px;
	float: left;
	font-size: 110%;
}
#mypage-subnavi div.snblock ul {
	width: 620px;
	float: right;
	display: block;
}
#mypage-subnavi div.snblock ul li {
	float: left;
	white-space: nowrap;
	margin-right: 20px;
	/* [disabled]list-style-position: inside; */
	/* [disabled]list-style-image: url(../img/sys/blue_yazi.gif); */
	/* [disabled]margin-bottom: 4px; */
	background-image: url(../img/sys/blue_yazi.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 12px;
	margin-top: 0px;
}
#mypage-subnavi div.snblock ul li a {
	font-size: 110%;
}

/* IE7 hack
------------------------------------------------*/
*:first-child+html #mypage-subnavi div.snblock ul li#sn_a6{
	clear:both;}
*:first-child+html table.table_horizon th span{
	padding-bottom:15px;
	display:block;
}
*:first-child+html p.message_ img {
	margin-top:0px !important;
}

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

/* --------------------------------------------------------------------
	common　フォーム
-------------------------------------------------------------------- */
.formlist_ {
	margin: 0 auto;
	border: 1px solid #777;
	border-collapse: collapse;
}
.formlist_ th {
	padding: 10px;
	font-weight: bold;
	white-space: nowrap;
	background-color: #f8f8f8;
	border: 1px solid #777;
	font-size:120%;
}
.formlist_ td {
	padding: 10px;
	font-weight: normal;
	background-color: #FFF;
	border-bottom: 1px solid #777;
	border-right: 1px solid #777;
	font-size:120%;
}
.formlist_ .line0_ {
	background-color:#F8F8F8;
}
.formlist_ .line1_ {
	background-color:#FCFCFC;
}
.formdetail_ {
	border-collapse: collapse;
	margin: 0 auto;
	border-left: 1px solid #777;
	border-right: 1px solid #777;
}
.formdetail_ th {
	padding: 8px;
	text-align: left;
	font-weight: bold;
	vertical-align: middle;
	background-color: #F8F8F8;
	border-top: 1px solid #777;
	border-bottom: 1px solid #777;
	border-right: 1px solid #777;
	font-size: 120%;
	white-space: nowrap;
	width: 205px;
}
.formdetail_ td {
	padding: 11px;
	font-weight: normal;
	vertical-align: middle;
	background-color: #FFF;
	border-top: 1px solid #777;
	border-bottom: 1px solid #777;
	border-right: 1px solid #777;
	/* [disabled]color: #333333; */
	font-size: 120%;
}
.formdetail_ td span.small_,
#container_ p.small_ {
	font-size: 100%;
}
.formdetail_ td span.seimei {
	display: inline-block;
	width: 36px;
	text-align: center;
	height: 28px;
	vertical-align: middle;
	/* [disabled]padding-top: 11px; */
}
.formdetail_ td span.adjust {
	float:left;
}
#bottomRight_new .formdetail_ td span.twidth {
	width: 220px;
}
#myPage-customer .formdetail_ td span.twidth {
	width: 210px;
}
.formdetail_ td span.small {
	font-size: 12px;
}
.formdetail_ input,
.loginform_ input {
	border: 1px solid #9a9a9a;
	font-size: 24px;
	padding-left: 3px;
}
.formdetail_ input.mini {
	font-size:14px;
}

#noframe [type="radio"] {
    border: none;
}

.formdetail_ input.radio {
	border: none;
}

.formdetail_ ul li input.radio {
	border: none;
}

.formdetailcard_ {
	margin:0 auto;
	margin-left:0px;
	float:none;
	border-collapse:collapse;
}
.formdetailcard_ th {
	border-top:1px dotted #CCC;
	border-bottom:1px dotted #CCC;
	font-weight:bold;
	line-height:15px;
	padding:8px;
	background-color:#F8F8F8;
	white-space:nowrap;
	text-align: left;
}
.formdetailcard_ td {
	border-top:1px dotted #CCC;
	border-bottom:1px dotted #CCC;
	font-weight:normal;
	line-height:15px;
	padding:8px;
	background-color:#FFF;
}
.formsublist_ {
	border-collapse: collapse;
}
.formsublist_ th {
	border:1px dotted #CCC;
	background-color:#FFF;
	font-weight:bold;
	white-space: nowrap;
}
.formsublist_ td {
	border:1px dotted #CCC;
	background-color:#FFF;
	font-weight:normal;
}

/* --------------------------------------------------------------------
	ログインフォーム
--------------------------------------------------------------------- */
div.login_ {
}
div.login_ div.loginform_ {
	width:600px;
	margin:10px auto 20px;
	padding:10px;
	text-align:left;
	border-bottom:1px dotted #CCC;
}
div.login_ div.loginform_ .form_text_ {
	margin-bottom: 10px;
}
div.login_ div.inputimage_ {
	margin:40px auto;
	text-align:center;
}

div.inputimage_ .mouseOver:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
    -ms-filter: "alpha(opacity=50)";
}

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_ {
	text-align: center;
	font-size: 120%;
	margin-left: 50px;
}
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;
}
/* --------------------------------------------------------------------
	パスワードを忘れた方
--------------------------------------------------------------------- */
table.askpass_ {
	margin-bottom: 30px;
	width: 100%;
}
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%;
}

/* --------------------------------------------------------------------
	新規会員登録
-------------------------------------------------------------------- */
div.customer_ .agreebody_ {
	margin: 20px 0;
	width: 100%;
}
/* --------------------------------------------------------------------
	マイページ　トップ
-------------------------------------------------------------------- */
div.customer_status_ {
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	/* [disabled]margin-bottom: 20px; */
	padding: 0 10px 10px 2px;
}
.loginname_ {
	font-weight: bold;
}
.mypoint_ {
}
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: 10px;
	padding: 0 0 10px 0;
	width: 100%;
	overflow: hidden;
	border-bottom: 1px dotted #CCC;
}
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 solid #CCC;
}
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.order_id_,
table.history_ td.total_,
table.history_ td.method_,
table.history_ td.status_
 {
	white-space: nowrap;
	text-align:center;
}
table.history_ td.order_detail_ ul {
	margin-bottom: 0px;
}
table.history_ td.order_detail_ ul li {
	margin-left: 1em;
	list-style: square;
}
table.history_ td.order_detail_ p.order_again_ {
	padding: 5px 0px 5px 5px;
	text-align: right;
	font-weight: bold;
	margin: 0px;
}
table.history_ td.total_ {
	text-align: center;
	font-size: 14px;
}
ul.historydetail_ {
	margin: 10px auto;
	width: 18em;
}
ul.historydetail_ li {
	margin-left: 2em;
	font-weight: bold;
	list-style: square;
}

div.customer_spandual_ {
	margin-bottom: 20px;
	padding-bottom: 20px;
	width: 100%;
	overflow: hidden;
}
div.customer_spandual_ .leftfloat_ {
	width: 465px;
	/* [disabled]background-color: #E3E0E0; */
}
.leftfloat_ {
    float: left;
    display: inline;
}
div.customer_spandual_ .rightfloat_ {
	width: 300px;
}
.rightfloat_ {
    float: right;
    display: inline;
}
div.customer_spandual_ table {
    width: 100%;
}
div.customer_spandual_ table caption {
	background-color: #fff;
	text-align: left;
	font-weight: bold;
	padding-bottom: 5px;
	font-size: 120%;
}
div.customer_spandual_ .processimage_,
div.customer_spandual_ table.method_{
	margin-top:23px;
}
table.goodslist_ td,
table.goodslist_ th {
	font-size:120%;
}
table.goodslist_ td.goods_,
table.goodslist_ td.qty_,
table.goodslist_ td.amt_ {
	white-space: nowrap;
	text-align:center;
}
div.method_addr_ {
	margin-bottom: 10px;
	padding-left: 10px;
	font-size: 120%;
	margin-top: 10px;
}
div.history_ship_ {
	padding-top:10px;
}
table.destgoodslist_ {
    width: 100%;
	margin-bottom:30px;
}
table.destgoodslist_ th.name_{
	width:320px;
 }
 table.destgoodslist_ th.qty_{
	width:40px;
 }
table.destgoodslist_ td.dest_qty_ {
	white-space: nowrap;
	text-align:center;
}
ul.centertextlink {
	margin-bottom: 15px;
	text-align: left;
	margin-left: 291px;
}
ul.centertextlink li {
	white-space: nowrap;
	list-style-position: inside;
	list-style-image: url(../img/sys/blue_yazi.gif);
	margin-bottom: 4px;
}

/* おすすめの商品
------------------------------------------------*/
div.StyleP_Line_ {
	width: 100%;
	overflow: hidden;
	margin-top: 15px;
}
div.StyleP_Item_ {
	margin: 0px;
	padding: 0px 0px 20px;
	float: left;
	display: inline;
	width: 50%;
}
div.StyleP_Item_ div.img_ {
    margin: 0px;
    padding: 0px 10px;
    float: left;
    display: inline;
    width: 100px;
}
.name1_ {
    font-weight: bold;
}
div.StyleP_Item_ div.name_, div.StyleP_Item_ div.price_ {
    margin: 0px 0px 5px;
}
.price_ {
    color: rgb(204, 51, 0);
    font-size: 14px;
    font-weight: bold;
}
div.StyleP_Item_ div.desc_ {
	margin: 0px;
	float: left;
	display: inline;
	width: 170px;
}

/* --------------------------------------------------------------------
	マイページ　カード情報確認
-------------------------------------------------------------------- */
div.cardedit_ {
}
div.cardedit_ table th {
	width: 16em;
}
/* 現在の登録内容 */
div.cardedit_info_ {
	margin-bottom: 20px;
}
/**/
td.card_ label {
	margin: 0 20px 0 5px;
}
/* --------------------------------------------------------------------
	マイページ　メールアドレスまたはお客様ID変更
-------------------------------------------------------------------- */
table.mailchange_ {
	margin-bottom:30px;
	width:100%;
}

/* --------------------------------------------------------------------
	マイページ　ID変更
-------------------------------------------------------------------- */
table.idchange_ {
	margin-bottom: 10px;
}
table.idchange_ th {
	width: 16em;
}
/* --------------------------------------------------------------------
	マイページ　パスワード変更
-------------------------------------------------------------------- */
table.passchange_ {
	margin-bottom: 10px;
	width:100%;
}
table.passchange_ th {
	width: 16em;
}
/* --------------------------------------------------------------------
	マイページ　お気に入り
-------------------------------------------------------------------- */
#myPage-bookmark .bookmark_frame_ {
	border-top: 1px dotted #CCC;
	margin-bottom: 30px;
}
#myPage-bookmark div.bookmark_item_ {
	width: 100%;
	overflow: hidden;
	border-bottom: 1px dotted #CCC;
	padding:6px 0;
}
div.bookmark_item_ div.cartgoods_ {
	padding: 10px;
	float: left;
	display: inline;
	width: 15px;
}
div.bookmark_item_ div.img_ {
	padding: 10px 10px 10px 0;
	float: left;
	display: inherit;
	width: 100px;
	overflow: hidden;
}
div.bookmark_item_ div.img_ img {
}
div.bookmark_item_ div.desc_ {
	padding: 10px 0;
	float: left;
	display: inline;
	width: 500px;
}
div.bookmark_item_ div.name_ {
	margin-bottom: 5px;
}
div.bookmark_item_ div.spec_ {
	margin-bottom: 5px;
}
div.bookmark_item_ div.spec_ p {
	margin:0;
}
div.bookmark_item_ .edit_memo_ {
	margin-top: 5px;
	font-weight: bold;
}
div.bookmark_item_ .memo_ {
	padding: 5px;
	border: 1px solid #CCC;
	background: #F8F8F8;
}
div.bookmark_item_ div.del_ {
	padding: 10px;
	float: right;
	display: inline;
	width: 88px;
}
div.bookmark_buy_ {
	margin-bottom: 20px;
}
/* --------------------------------------------------------------------
	マイページ　入荷案内申し込み
-------------------------------------------------------------------- */
div.customer_ .backorder_frame_ {
	border-top: 1px dotted #CCC;
	margin-bottom: 10px;
}
div.customer_ div.backorder_item_ {
	width: 100%;
	overflow: hidden;
	border-bottom: 1px dotted #CCC;
}
div.backorder_item_ div.cartgoods_ {
	padding: 10px;
	float: left;
	display: inline;
	width: 15px;
}
div.backorder_item_ div.img_ {
	padding: 10px 10px 10px 0;
	float: left;
	display: inherit;
	width: 100px;
	overflow: hidden;
}
div.backorder_item_ div.img_ img {
}
div.backorder_item_ div.desc_ {
	padding: 10px 0;
	float: left;
	display: inline;
	width: 600px;
}
div.backorder_item_ div.name_ {
	margin-bottom: 5px;
}
div.backorder_item_ div.spec_ {
	margin-bottom: 5px;
}
div.backorder_item_ .edit_memo_ {
	margin-top: 5px;
	font-weight: bold;
}
div.backorder_item_ .memo_ {
	padding: 5px;
	border: 1px solid #CCC;
	background: #F8F8F8;
}
div.backorder_item_ div.del_ {
	padding: 10px;
	float: right;
	display: inline;
	width: 60px;
}
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;
}
/* スレッド */
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: 30px;
	width:100%;
}

/* --------------------------------------------------------------------
	マイページ　クーポン一覧
-------------------------------------------------------------------- */
table.coupon_list_ {
	margin-bottom: 20px;
	width:100%;
}
table.coupon_list_ th {
	font-weight: bold;
	text-align: center;
}
table.coupon_list_ td.coupon_code_ {
	white-space: nowrap;
}
table.coupon_list_ td.coupon_price_ {
	text-align: right;
	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_target_ {
	text-align: left;
}

/* --------------------------------------------------------------------
	マイページ　ポイント履歴
-------------------------------------------------------------------- */
table.point_list_ {
	margin-bottom: 20px;
	width:100%;
}
div.mypoint_ {
	font-size:120%;
}
div.mypoint_ strong {
	font-size:180%;
}

/* --------------------------------------------------------------------
	マイページ　定期購入
-------------------------------------------------------------------- */
#myPage-regularhistory table.history_,
#myPage-regularhistory table.goodslist_ {
	margin-bottom: 30px;
	width: 100%;
}
.regularhistory_skip_ {
	margin-bottom: 20px;
}
#myPage-regularhistory .method_addr_ {
	position:relative;
}
#myPage-regularhistory .method_addr_ a.btn-change_addr {
	position:absolute;
	right:0px;
	top:0px;
}
.regularhistory_withdrawal_ {
	margin-bottom: 20px;
}

regularhistory_back_ {
}

/* --------------------------------------------------------------------
	マイページ　定期購入 お届け先変更
-------------------------------------------------------------------- */
div.address_items_ {
	margin-bottom:30px;
}
div.address_item_ {
	padding: 10px;
	border-bottom: 1px dotted rgb(204, 204, 204);
	width: 750px;
	overflow: hidden;
}
div.address_item_ .address_title_ {
	font-size:110%;
}
div.address_item_ address {
    margin-left: 20px;
    float: left;
    display: inline;
    width: 640px;
		font-style:normal;
		font-size:110%;
}

/* subnavi Active
------------------------------------------------*/
#myPage-customer li#sn_a2 a,
#myPage-mailchange li#sn_a3 a,
#myPage-idchange li#sn_a4 a,
#myPage-custdest li#sn_a5 a,
#myPage-passchange li#sn_a6 a,

#myPage-history li#sn_b1 a,
#myPage-regularhistory li#sn_b2 a,
#myPage-bookmark li#sn_b3 a,

#myPage-coupon li#sn_c1 a,
#myPage-point_history li#sn_c2 a,

#myPage-contact li#sn_d1 a,
#myPage-contactlist li#sn_d2 a {text-decoration:underline; font-weight:bold; color:#317A40;}


/* others
------------------------------------------------*/
table.table_horizon , table.table_vertical{
	width:100%;
	margin-bottom:30px;
}
table.table_horizon th {
	width: 165px;
	vertical-align: middle;
	border-right: 1px solid #777;
	white-space: normal;
}
table.table_horizon th span {
	color: #FF7600;
	font-size: 11px;
	display: block;
	padding-top: 0px;
	float: right;
	text-align: right;
}
table th.must_ {
	background-image: url(../img/sys/check.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-left: 48px;
}
table.table_horizon th.nothaveto_ {
	padding-left:48px;
}

h2.common_headline2 {
	color: #232323;
	padding-top: 5px;
	padding-bottom: 8px;
	padding-left: 22px;
	margin-bottom: 0px;
	clear: both;
	background-image: url(../img/sys/entry_titile.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 130%;
}
.submit_ {
	/* [disabled]width: 780px; */
	height: 71px;
	overflow: hidden;
	clear: both;
	position: relative;
}
#submit_order {
	height: 72px;
}
#submit_order a.btn-back {
	padding-top: 16px;
}
.submit_bordertop {
	border-top: 1px solid #dedede;
	padding-top: 20px;
}
.submit_ a.btn-back {
	float:left;
}
.submit_center {
	text-align:center;
}

.submit_center .btn-submit:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
    -ms-filter: "alpha(opacity=50)";
}

.submit_ .btn-submit {
	float:right;
}

.submit_ .btn-submit:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
    -ms-filter: "alpha(opacity=50)";
}

.box {
	padding: 8px;
	border: 1px solid #E3E3E3;
}
/*#rightcolumn table td.order_id_ a{
	font-size:95%;
}*/