@charset "Shift_JIS";

@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size: 14px;
	vertical-align:baseline;
	background:transparent;
}

body {
	line-height:1;
	-webkit-text-size-adjust: none;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
}

ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	vertical-align:baseline;
	background:transparent;
}

/* change colours to suit your needs */
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

/* change colours to suit your needs */
mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted inherit;
	cursor:help;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

/* change border colour to suit your needs */
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}

small {
	font-size: 12px;
}

input, select {
	vertical-align:middle;
}

/* 共通 */

body {
	color:#404040;
	background:#ffffff;
	font-size: 14px;
	line-height:1.5;
	font-family: "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	min-width: 320px;
}

input, textarea {
}

input[type=text], input[type=password], textarea, select{
/*
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius:6px;
*/
	border:1px solid #959595;
	min-height:20px;
}
input[type=text], input[type=password], textarea{
	padding:0 2px;
}


a, a:link, a:visited {
	text-decoration: underline;
	color: #b71254;/*#E9455A;*/
}

/* 文字サイズ */
.large_ {
	font-size: 16px;
}
.xlarge_ {
	font-size: 18px;
}
.small_ {
	font-size: 12px;
}
.xsmall_ {
	font-size: 10px;
}
/**/

.leftfloat_ {
	float: left;
}
.rightfloat_ {
	float: left;
}
.clear_ {
	clear: both!important;
}
.lefttext_ {
	text-align: left;
}
.righttext_ {
	text-align: right;
}
.centertext_ {
	text-align: center;
}

/* 特定メッセージ（インライン） */
.error_ {
	color:#CC0000;
	font-size: 14px;
}
.notice_ {
	color:#993300;
}
.info_ {
	font-weight:bold;
}
/**/

/* 特定メッセージ（ブロック） */
div.error_, table.error_ {
	background-color:#ffffff;
	border:solid 1px #ff5500;
	padding:4px;
	margin:4px 0;
}
div.notice_, table.notice_ {
	background-color:#ffffff;
	border:solid 1px #996666;
	padding:4px;
	margin:4px 0;
}
div.info_, table.info_ {
	background-color:#ffffff;
	border:solid 1px #666666;
	padding:4px;
	margin:4px 0;
}
ul.error_ {
	margin-left: 16px;
}
.box_ {
	padding: 0 10px 10px;
}
/**/

.message_ {
	padding: 0 10px 10px;
}

/* 入力フォーム */
.hidden_ {
	display: none;
}
li.title_ {
	background-color: #e5f3ff;
	border-left: 5px solid #e5f3ff;
	padding: 1px 10px;
	margin-top: 3px;
}

.input_must_ input, .input_must_ textarea, .input_must_ select {
	background-color: #ffebeb;
}

li.must_ {
	border-left: 5px solid #ff6666;
}

span.must_ {
	color: #ffc0cb;
	background-color: #ffc0cb;
	padding: 0 2px;
}

.hiddenEnter_ {
	width:0;
	height:0;
}

/**/

/* ボタン */
.button_ {
	color: #fff;
}

.large_button_ {
	width: 100%;
	font-size: 16px;
	text-align: center;
	margin:5px 0;
	padding: 5px 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-moz-box-shadow: 0 1px 2px #999;
	-webkit-box-shadow: 0 1px 2px #999;
	box-shadow: 0 1px 2px #999;
}
.large_button_s_ {
	width: 100%;
	font-size: 14px;
	text-align: center;
	margin:5px 0;
	padding: 7px 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-moz-box-shadow: 0 1px 2px #999;
	-webkit-box-shadow: 0 1px 2px #999;
	box-shadow: 0 1px 2px #999;
}

.small_button_ {
	font-size: 14px;
	text-align: center;
	padding: 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 2px #999;
	-webkit-box-shadow: 0 1px 2px #999;
	box-shadow: 0 1px 2px #999;
}

.auto_small_button_ {
	text-align: center;
	padding: 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.orange_button_ {
	-moz-text-shadow: 0 -1px 1px #FF8F22;
	-webkit-text-shadow: 0 -1px 1px #FF8F22;
	text-shadow: 0 -1px 1px #747474;
	background: #747474 -moz-linear-gradient(top,#FFB923,#FF8F22);
	background: #747474 -webkit-gradient(linear,left top,left bottom,from(#aaaaaa),to(#747474));
	background: #747474 linear-gradient(top,#FFB923,#FF8F22);
	border: 2px solid #aaaaaa;
}

.blue_button_ {
	-moz-text-shadow: 0 -1px 1px #F05491;
	-webkit-text-shadow: 0 -1px 1px #F05491;
	text-shadow: 0 -1px 1px #747474;
	background: #F05491 -moz-linear-gradient(top,#FF99CC,#F05491);
	background: #747474 -webkit-gradient(linear,left top,left bottom,from(#aaaaaa),to(#747474));
	background: #F05491 linear-gradient(top,#FF99CC,#F05491);
	border: 2px solid #aaaaaa;
}

.green_button_ {
	background: #40a956 -moz-linear-gradient(top,#9ce2a9,#40a956);
	background: #40a956 -webkit-gradient(linear,left top,left bottom,from(#9ce2a9),to(#40a956));
}

.gray_button_ {
	background-color:#999;
	background: -moz-linear-gradient(top,#ccc,#999);
	background: -webkit-gradient(linear,left top,left bottom,from(#ccc),to(#999));
}

.black_button_ {
	background-color:#000;
	background: -moz-linear-gradient(top,#999,#000);
	background: -webkit-gradient(linear,left top,left bottom,from(#999),to(#000));
}
/**/

.common_headline1_ {
	margin: 10px;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFF;
	/* [disabled]background-image: url(../common/images/dai_category.gif); */
}

.common_headline2_ {
	margin-bottom: 10px;
	padding: 10px 10px;
	clear: both;
	/* [disabled]text-shadow: 0 -1px 1px #999; */
	font-size: 16px;
	font-weight: bold;
	/* [disabled]border-top: 1px solid #CCC; */
	/* [disabled]border-bottom: 1px solid #CCC; */
	background: #DFDFDF -moz-linear-gradient(top, #FFF, #DFDFDF);
	background: #DFDFDF -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#DFDFDF));
	/* [disabled]background: #DFDFDF linear-gradient(top, #FFF, #DFDFDF); */
	background-image: url(../common/images/tyu_category.gif);
}
.common_headline3_ {
	margin-bottom: 5px;
	padding: 5px;
	background: #F0F0F0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.login_accaunt_chose_ {
	margin: 2rem auto;
	padding: 10px 0;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	text-align: center;
}
.loginform_ .login_mtg,
.loginform_ .login_other {
	margin: 1rem;
	text-align: center;
	font-size: 1.2rem;
	font-weight: bold;
}
.loginform_ .login_other + .common_headline2_ {
	background-color: #B71254;
	color: #ffffff;
}
.loginform_ .caution {
	color: #B71254;
}

/* 価格表示 */
.s_price_ {
	float:left;
	margin: 3px 0 0 5px;
	font-size: 85%;
	color: #333333;

}


.price_pop_ {
	color:#CC0000;
	font-size: 12px;
}
.price_ {
	float:left;
	color:#CC0000;
	font-weight:bold;
	font-size: 15px;
}
.price_o {
	color:#CC0000;
	font-weight:bold;
	font-size: 15px;
}

.price_i {
	/* [disabled]color:#CC0000; */
	/* [disabled]font-weight:bold; */
	/* [disabled]font-size: 15px; */
	clear: both;
}

.z_price_ {
	float:left;
	margin: 5px 5px 0 5px;
	font-size: 85%;
	color: #333333;
}


.price_end {
	clear:both;
}

.price_comment {
	clear:both;
	margin: 5px;
}

/* --------------------------------------------------------------------
	共通ヘッダー
-------------------------------------------------------------------- */

div.wrapper_ {
}
/* ヘッダー */
header {
	height: 38px;
	width: 100%;
	position:fixed;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #e95377;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	z-index:999;
	background-color: #FFF;
	padding-top: 3px;
}
header h1 {
	float:left;
	width:129px;
}
header #header-nav {
	float: right;
}
header #header-nav li {
	float:left;
}
/* ヘッダメニュー */
#menu {
	/* [disabled]margin-top: 42px; */
	/* [disabled]background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ffffff), color-stop(0.00, #f7b3b9)); */
	/* [disabled]background: -webkit-linear-gradient(top, #f7b3b9 0%, #ffffff 100%); */
	/* [disabled]background: -moz-linear-gradient(top, #f7b3b9 0%, #ffffff 100%); */
}
#menu .menu_c {
	width: 320px;
	margin: 50px auto 10px auto;
	height: 60px;
}
#menu .menu_c li {
	float: left;
}


header .header_top_ {
	display: -moz-box;
	display: -webkit-box;
	display: box;
	width: 100%;
}
header .header_top_ #sitelogo {
	margin: 0 0 0 0;
	-moz-box-flex: 0;
	-webkit-box-flex: 0;
	box-flex: 0;
	vertical-align: middle;
}
header .header_top_ #welcomeMessage{
	padding: 10px 0 0 0;
	text-align: right;
	font-size: 12px;
	-moz-box-flex: 1;
	-webkit-box-flex: 1;
	box-flex: 1;
	vertical-align: middle;
}
header nav#globalnav {
	clear: both;
	color: #FFF;
	width: 100%;
	/* [disabled]overflow: hidden; */
	background: #003881 -moz-linear-gradient(top, #0068B6, #003881);
	background: #003881 -webkit-gradient(linear, left top, left bottom, from(#0068B6), to(#003881));
	background: #003881 linear-gradient(top, #0068B6, #003881);
	border-top: #80B4DB;
	border-bottom: #4E77A6;
}
header nav#globalnav a {
	color: #FFF;
	text-decoration: none;
}
header nav#globalnav ul {
	display: -moz-box;
	display: -webkit-box;
	display: box;
	width: 100%;
}
header nav#globalnav ul li {
	text-align: center;
	-moz-box-flex: 1;
	-webkit-box-flex: 1;
	box-flex: 1;
}
header nav#globalnav ul li a {
	padding: 15px 0;
	display: block;
	text-shadow: 0 -1px 1px #00004B;
	font-weight: bold;
	border-left: 1px solid #003B80;
	border-right: 1px solid #0052A5;
	background: #003881 -moz-linear-gradient(top, #0068B6, #003881);
	background: #003881 -webkit-gradient(linear, left top, left bottom, from(#0068B6), to(#003881));
	background: #003881 linear-gradient(top, #0068B6, #003881);
}

/* --------------------------------------------------------------------
	検索フォーム
-------------------------------------------------------------------- */
form.search_form_ {
	margin-bottom: 10px;
	padding: 10px 95px 10px 10px;
	position: relative;
	background: #F0F0F0;
	-moz-box-shadow: #333 0 10px 10px -10px inset;
	-webkit-box-shadow: #333 0 10px 10px -10px inset;
	box-shadow: #333 0 10px 10px -10px inset;
}

form.search_form_ input.keyword_{
	padding: 5px 0;
	height: 20px;
	font-size: 16px;
	width: 100%;
	text-indent: 5px;
	border: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: #999 0 0 1px 1px inset;
	-webkit-box-shadow: #999 0 0 1px 1px inset;
	box-shadow: #999 0 0 1px 1px inset;
}
form.search_form_ .placeholder_ {
	position: absolute;
	top: 15px;
	left: 15px;
	color: #999;
}
form.search_form_ .search_button_ {
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 0;
	font-size: 16px;
	width: 80px;
	height: 30px;
	border-width: 1px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius:5px;
}

dl.goodssearch_ dd input[type="input"],
dl.goodssearch_ dd textarea,
dl.goodssearch_ dd select {
	max-width: 95%;
}

/* --------------------------------------------------------------------
	共通フッター
-------------------------------------------------------------------- */
ul.buttons_ {
	padding: 10px 0;
	text-align: center;
	width: 100%;
	overflow: hidden;
	background: #F0F0F0;
	border-top: 1px solid #CCC;
}
ul.buttons_ li {
	display: inline;
	text-align: center;
}
ul.buttons_ li a {
}
ul.buttons_ li a img {
	vertical-align: middle;
}
footer {
	padding-top: 20px;
	text-align: center;
	border-top: 1px solid #CCC;
}

footer .chage_mode_ {
	margin-bottom: 10px;
}
footer nav#footernav {
}
footer nav#footernav ul li {
	margin-bottom: 10px;
	display: inline-block;
	white-space: nowrap;
}
footer nav#footernav ul li img {
	vertical-align: central;
}
footer #copyright {
	padding: 10px;
	display: block;
	text-align: center;
	font-size: 14px;
	border-top: 1px solid #CCC;
}


/* --------------------------------------------------------------------
	トップページ
-------------------------------------------------------------------- */
div.flash_ctrl_ {
	white-space:nowrap;
	text-align:right;
	float:right; /* */
}
div.search_ {
	white-space:nowrap;
}

img.top_banner_ {
	max-width: 100%;
}

/* --------------------------------------------------------------------
	ログイン
-------------------------------------------------------------------- */
div.login_ {
}

div.login_ div.loginform_ {
	margin-bottom: 20px;
}

/*div.login_ div.loginform_ div.form_text_ {
	margin: 5px 0;
}
div.login_ div.askpass_ {
	margin:10px auto;
}
.login-list {
	overflow:hidden;
	text-align:left;
	border-top:1px solid #9fb7d4;
	margin-bottom: 10px;
}
.login-list li.inputimage_ {
	width:100%;
}
.login-list li.inputimage_ a {
	display:block;
	padding-left:50px;
	height:43px;
	line-height:43px;
	border-bottom:1px solid #9fb7d4;
	color:#000;
	background-repeat:no-repeat;
	background-position:5px 50%;
}*/
div.login_ .loginform_ input.login_uid_,
div.login_ .loginform_ input.login_pwd_ {
	 width: 100%;
	 max-width:100%;
	 padding:1.0em 0;
	 text-indent: 0.6em;
	 -moz-box-sizing: border-box;
	 -webkit-box-sizing: border-box;
	 box-sizing: border-box;
}
div.login_ .topBoader_{
	 border-top: 1px solid #cccccc;
	 padding-top: 10px;
}
div.login_ .bottomBoader_{
	 border-top: 1px solid #cccccc;
	 padding-bottom: 10px;
}
div.login_ .common_headline1_{
	 font-size:14px;
}

div.login_ .topBoader_ .common_headline1_ {
	background-color: #ffffff;
    border-left: 4px solid #e6e6e6;
    color: #333333;
    margin-bottom: 10px;
    padding: 0 0 0 10px;
}
div.login_ .topBoader_ .login_other + .common_headline1_,
div.login_ .bottomBoader_ .login_other + .common_headline1_ {
	color: #b71254;
	border: none;
	padding: 0;
}
div.login_ input[type=submit].main_action_button_,
div.login_ input[type=button].main_action_button_ {
	 -webkit-appearance: none;
}
div.login_ div.loginform_ div.form_text_ {
	font-size: 12px;
	padding: 0;
}

div.login_ div.loginform_ span.headline_text_ {
	font-weight: bold;
	white-space: nowrap;
	padding-top: 4px;
	padding-bottom: 4px;
	/*position: absolute;*/
}
div.login_ div.loginform_ span.headline_text_relate_ {
	font-size: 12.5px;
}
div.login_ div.loginform_ img.icon_ {
	display:none;
	padding-left:10px;
	padding-right:10px;
	width: 30px;
	height: 30px;
}

div.login_ .forgotpass_{
	margin-top: 10px;
	text-align: center !important;
}


/* --------------------------------------------------------------------
	ログイン （デザイン改修）
-------------------------------------------------------------------- */

div.login_ {
	margin-top: 20px;
	padding: 0 20px;
	font-family: 'Noto Sans Japanese', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}

div.login_ .common_headline1_ {
	font-size: 22px;
	font-weight: normal;
	text-align: center;
	letter-spacing: 2px;
}
div.login_ .common_headline2_ {
	margin-bottom: 0;
	padding: 0;
	font-size: 24px;
	font-weight: normal;
	background: transparent;
	background-image: none;
	text-align: center;
}
div.login_ div.loginform_ span.headline_text_ {
	font-weight: normal;
	font-size: 24px;
	margin-bottom: 10px;
}

div.login_ div.loginform_ {
	background-color: #eeeff4;
	margin-bottom: 20px;
	padding: 30px 10px 10px;
}
div.login_ div.loginform_:last-child {
	margin-bottom: 0;
}

div.login_ div.loginform_ dt {
	margin-bottom: 2px;
}
div.login_ div.loginform_ dd {
	margin-bottom: 5px;
}
div.login_ div.loginform_ dd:last-child {
	margin-bottom: 15px;
}

div.login_ .loginform_ .login_mtg {
	margin: 10px 0 15px;
}

div.login_ .loginform_ input.login_uid_,
div.login_ .loginform_ input.login_pwd_ {
	padding:15px 0px;
	border: #ccc 1px solid;
}

div.login_ .loginform_ #AmazonPayButton {
	margin-bottom: 5px;
}
div.login_ .loginform_ .amazon_pay_button_login_ img {
	width: 100%;
	max-width: 230px;
	height:auto;
	max-height:none!important;
}
div.login_ .loginform_ .common_headline2_.amazon_payment_ {
	width: 10em;
	text-align: center;
	margin: auto;
	}
}
div.login_ .forgotpass_{
	margin-top: 10px;
	text-align: center !important;
}



div.login_ .loginform_ .orange_button_ {
	-moz-text-shadow: none;
	-webkit-text-shadow: none;
	text-shadow: 0none;
	background: #000!important;
	border: 0px solid transparent;
	border-radius: 0;
	font-size: 18px;
	padding: 10px 5px;
}

div.login_ .topBoader_{
	 padding-top: 10px;
}
div.login_ .bottomBoader_{
	 padding-bottom: 10px;
	 border: none;
}

div.login_ .topBoader_ .common_headline1_ {
    margin-bottom: 10px;
    padding: 0 0 0 10px;
}
div.login_ .topBoader_ .login_other + .common_headline1_,
div.login_ .bottomBoader_ .login_other + .common_headline1_ {
	color: #b71254;
	border: none;
	padding: 0;
}
div.login_ input[type=submit].main_action_button_,
div.login_ input[type=button].main_action_button_ {
	 -webkit-appearance: none;
}
div.login_ div.loginform_ div.form_text_ {
	font-size: 14px;
	padding: 0;
	margin-bottom: 10px;
}

div.login_ div.loginform_ span.headline_text_relate_ {
	font-size: 12.5px;
}
div.login_ div.loginform_ img.icon_ {
	display:none;
	padding-left:10px;
	padding-right:10px;
	width: 30px;
	height: 30px;
}







/* --------------------------------------------------------------------
	新規会員登録
-------------------------------------------------------------------- */
.agreebody_ {
	margin: 0 10px 10px;
	padding: 4px;
	border: 1px solid #999999;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius:8px;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
}

div.customer_ table.customer_,
div.customer_ table.customerconfirm_ {
	width: 100%;
	margin-bottom: 20px;
	border: 1px solid #cccccc;
}
div.customer_ table.customer_ th,
div.customer_ table.customerconfirm_ th {
	width: 30%;
	background-color: #e5f3ff;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	padding: 3px;
	text-align: left;
	vertical-align: middle;
	font-weight: normal;
}
div.customer_ table.customer_ td,
div.customer_ table.customerconfirm_ td {
	border-bottom: 1px solid #cccccc;
	padding: 3px;
}

/* --------------------------------------------------------------------
	マイページ
-------------------------------------------------------------------- */

div.customer_status_ {
	margin: 0 10px 10px;
	padding: 5px;
	background:#F8F8F8;
	border: 1px solid #CCC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius:5px;
}
div.customer_name_ {
}
.loginname_ {
}
.mypoint_ {
}
.point_ {
	font-weight: bold;
}

#mypagenav {
	margin-bottom: 10px;
}
#mypagenav li {
	border-bottom: 1px solid #CCC;
}
#mypagenav li:first-child {
	border-top: 1px solid #CCC;
}
#mypagenav li a {
	display: block;
	padding: 5px 25px 5px 10px;
	text-decoration: none;
	background: url(../img/usr/link_mypage.png) right center no-repeat;
}
#mypagenav li img {
	margin-right: 5px;
	width: 40px;
	vertical-align: middle;
}
#mypagenav #dest_change a {
	cursor: pointer;
	background: url(../img/usr/link_mypage.png) right center no-repeat;
}
#mypagenav #dest_change ul#destnav {
}
#mypagenav #dest_change ul#destnav li {
}
#mypagenav #dest_change ul#destnav li:last-child {
	border-bottom: none;
}
#mypagenav #dest_change ul#destnav li a {
	padding-left: 30px;
	background: #F0F0F0 url(../img/usr/link_dest.png) right center no-repeat;
}

.customer_ {
	margin-bottom: 10px;
}

.customer_ p {
}

.submit_ {
	margin: 0 10px 20px;
	text-align: center;
}

/* --------------------------------------------------------------------
	マイページ　購入履歴
-------------------------------------------------------------------- */
div.customer_ .method_addr_ {
	padding: 5px;
	border: 1px solid #CCCCCC;
	margin: 0 0 10px;
}
div.customer_ .destgoodslist_ {
	margin-bottom: 10px;
}

div.sales_info_ {
	margin: 0 10px 10px;
}
table.order_ th,
table.sales_ th,
table.method_ th,
table.purchase_ th,
table.ship_ th,
table.historydetail_ th
{
	text-align: left;
	border: 1px solid #CCCCCC;
	background-color: #F8F8F8;
	width: 40%;
	font-weight: normal;
	padding: 3px;
	white-space: nowrap;
}
table.order_ td,
table.sales_ td,
table.method_ td,
table.purchase_ td,
table.ship_ td,
table.historydetail_ td
{
	border: 1px solid #CCCCCC;
	border-left: none;
	padding: 3px;
}
table.order_ td.nocell_,
table.sales_ td.nocell_,
table.method_ td.nocell_,
table.purchase_ td.nocell_
{
	border: none !important;
}
table.sales_ td,
table.method_ td {
	text-align: right;
}
table.purchase_ {
	margin-bottom: 10px;
	width: 100%;
}
table.purchase_ th{
	width: 22%;
}
table.ship_ {
	margin: 0 0 10px;
	width: 100%;
}

/* 購入履歴 */
div.history_table_ {
	margin: 0 10px;
}
table.history_ {
	margin: 0 0 10px;
	width: 100%;
	border: 1px solid #CCCCCC;
	border-bottom: none;
}
table.history_ td {
	padding: 1px 5px;
	border-bottom: 1px solid #CCCCCC;
}
table.history_ th {
	background-color: #F8F8F8;
	vertical-align: middle;
	width: 35%;
	font-weight: normal;
	text-align: left;
	padding: 1px 5px;
	border-bottom: 1px solid #CCCCCC;
	white-space: nowrap;
}
table.history_ td.order_dt_ {
}
table.history_ td.order_id_ {
}
table.history_ td.order_detail_ {
	padding: 0px;
}
table.history_ td.order_detail_ ul {
	width: 100%;
}
table.history_ td.order_detail_ ul li {
	list-style: none;
	border-bottom: 1px dotted #CCCCCC;
}
table.history_ td.order_detail_ ul li div.name_ {
	margin: 5px;
}
table.history_ td.order_detail_ .order_again_ {
	margin: 5px;
}
table.history_ td.order_detail_ .order_again_ span {
	padding: 5px;
	display: inline-block;
	text-align: center;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius:6px;
	-webkit-box-shadow: 0 1px 1px #ccc;
	-moz-box-shadow: 0 1px 1px #ccc;
	border: 1px solid #CCCCCC;
	background-color: #f6f6f6;
	background: #DFDFDF -moz-linear-gradient(top,#FFF,#DFDFDF);
	background: #DFDFDF -webkit-gradient(linear,left top,left bottom,from(#FFF),to(#DFDFDF));
	background: #DFDFDF linear-gradient(top,#FFF,#DFDFDF);
}
table.history_ td.status_ {
	padding-top: 5px;
}
table.history_ td.status_ img {
	width: 160px;
}
table.history_ td.total_ {
	font-size: 16px;
}
div.historydetail_ {
	width: 100%;
	margin: 10px 0;
	text-align: center;
}

/**/
div.estimate_box_content_ {
	margin-left:10px;
	margin-bottom:10px;
}
table.formlist_ td.cancel_{
	background-color: #f6f6f6;
}
table.destgoodslist_ {
	width: 100%;
	margin-bottom: 10px;
}
table.destgoodslist_ th.name_, table.destgoodslist_ td.name_{
}
table.destgoodslist_ th.qty_, table.destgoodslist_ td.qty_{
}
table.destgoodslist_ th.sales_detail_append_spec_, table.destgoodslist_ td.sales_detail_append_spec_{
}
table.destgoodslist_ th.cancel_dt_, table.destgoodslist_ td.cancel_dt_{
}
table.destgoodslist_ td.cancel_dt_{
	color: #cc0000;
}

div.processimage_{
	margin: 0 10px 10px;
	text-align: center;
}
div.processimage_ img {
	max-width: 320px;
	width: 100%;
}


/* --------------------------------------------------------------------
	マイページ　お気に入り
-------------------------------------------------------------------- */
div.customer_ .bookmark_frame_ {
	margin: 0 10px 10px;
}
div.customer_ li.bookmark_item_ {
	padding: 10px 0;
	vertical-align: top;
	display: table;
	width: 100%;
	border-bottom: 1px dotted #CCC;
}
div.customer_ li.bookmark_item_:first-child {
	border-top: 1px dotted #CCC;
}


li.bookmark_item_ div.cartgoods_ {
	padding: 5px;
	display: inline;
	width: 20px;
	display: table-cell;
	vertical-align: top;
}
li.bookmark_item_ div.img_ {
	padding: 5px;
	display: inline;
	overflow: hidden;
	width: 100px;
	display: table-cell;
	vertical-align: top;
}
li.bookmark_item_ div.img_ img {
	width: 100px;
}
li.bookmark_item_ div.desc_ {
	padding: 5px;
	width: auto;
	display: table-cell;
	vertical-align: top;
}
li.bookmark_item_ div.name_ {
	display: inline;
}
li.bookmark_item_ div.spec_ {
	margin-bottom: 10px;
}

li.bookmark_item_ .edit_memo_ {
	margin-top: 5px;
	font-weight: bold;
}
li.bookmark_item_ .comment_ {
	margin-bottom: 10px;
	width: 100%;
}
li.bookmark_item_ .comment_ textarea {
	width: 100%;
}
div.customer_  div.del_ {
	text-align: right;
}

/* --------------------------------------------------------------------
	マイページ　お問い合わせ履歴
-------------------------------------------------------------------- */
/* お問合せ履歴 */
div.contact_ ul.contactlist_ {
	margin-bottom: 10px;
}
div.contact_ ul.contactlist_ li {
	border-bottom: 1px solid #CCC;
}
div.contact_ ul.contactlist_ li:first-child {
	border-top: 1px solid #CCC;
}
div.contact_ ul.contactlist_ li a {
	padding: 10px;
	display:block;
	text-decoration: none;
	background: url(../img/usr/link_mypage.png) right center no-repeat;
}
div.contact_ table.detaillistline_ {
	border: dotted 1px;
	margin:2px auto;
}
/* お問合せ詳細 */
.contactdetail_title_ {
	margin-bottom: 10px;
	width: 100%;
	overflow: hidden;
}
.contactdetail_title_ .subject_ {
}
.contactdetail_title_ .date_ {
	margin-left: 10px;
	float: left;
}
.contactdetail_title_ .id_ {
	margin-right: 10px;
	float: right;
}
div.goods_info_ {
	margin: 0 10px 10px;
}
/* スレッド */
div.contactlist_ {
	margin: 0 10px 10px;
}
div.contactlist_ .contactlist_order_id_ {
	margin: 0 0 0 20px;
}
div.contactlist_ .contactlist_goods_ {
	margin: 0 0 0 20px;
}
dl.contactlist_line_ {
	margin-bottom: 10px;
	padding: 5px;
	overflow: hidden;
	background: #F0F0F0;
	border: 1px solid #CCC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
dl.contactlist_line_ .contactlist_head_ {
	width: 100%;
	overflow: hidden;
}
dl.contactlist_line_ .contactlist_head_ .name_ {
	padding: 5px;
	float: left;
	display: inline;
	font-weight: bold;
	width: 40%;
}
dl.contactlist_line_ .contactlist_head_ .updt_ {
	padding: 5px;
	float: right;
	display: inline;
	text-align: right;
	width: 40%;
}
dl.contactlist_line_ .comment_ {
	padding: 10px;
	background: #FFF;
}
.contact_reform_comment_ {
	margin: 0 10px 10px;
	padding: 10px;
	border: 1px solid #CCC;
}

/* --------------------------------------------------------------------
	カート画面
-------------------------------------------------------------------- */

div.cartlist_ {
}
div.order_flow_ {
	text-align: center;
	margin:0 10px 10px;

}
div.order_flow_ img {
	width: 100%;
	max-width:660px;
}

table.cartlist_ {
	margin: 0 auto;
	width: 100%;
	border-top: 1px solid #CCCCCC;
}
table.cartlist_ tr.list_ {
	border-bottom: 1px solid #CCCCCC;
}
table.cartlist_ td {
	padding: 5px;
}
table.cartlist_ td.img_ {
	width: 52px;
}
table.cartlist_ td.img_ img {
	width: 48px;
}
table.cartlist_ td.name_ {
	vertical-align: top;
}
table.cartlist_ td.name_ .name1_ {
	font-weight: bold;
}
table.cartlist_ td.name_ .name2_ {
	font-size: 12px;
}
table.cartlist_ td.price_box_ {
	vertical-align: top;
	text-align:right;
	width:90px;
}
table.cartlist_ td.money_ {
	width:90px;
	text-align:right;
}
table.cartlist_ .price_box_ li.money_ {
	width:90px;
	text-align:right;
	padding: 2px;
}
table.cartlist_ .price_box_ li.qty_ {
	text-align:right;
	width:90px;
	padding: 2px;
}
table.cartlist_ td.button_ {
	vertical-align: middle;
	text-align: center;
	width: 64px;
}
table.cartlist_ td.total_ {
	text-align:right;
}
table.cartlist_ .qty_ input {
	text-align: right;
}

input.calc_ {
	width:0px;
	height:0px;
}

div.postage_comment_ {
	padding: 5px 5px 0 5px;
	margin: 5px 0 0 auto;
	text-align: right;
	font-weight: bold;
	color: #ff0000;
}

div.postage_comment2_ {
	padding: 0 5px 0 5px;
	margin: 0 0 0 auto;
	text-align: right;
	color: #ff0000;
}


/* --------------------------------------------------------------------
	ご注文方法の指定
-------------------------------------------------------------------- */

div.order_ {
}

/* ご注文主（ログイン時） */
div.method_host_ {
}

div.method_host_ div.host_info_ {
	margin: 0 10px 10px;
	padding: 5px;
	background: #F0F0F0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
div.method_host_ .host_name_ {
	padding-bottom: 5px;
}
div.method_host_ address {
	padding: 10px;
	background: #FFF;
	font-style: normal;
}
table.method_host_ {
	margin-bottom: 20px;
	width: 100%;
}
tr#host_mail input,
tr#host_cmail input,
tr#host_addr input,
tr#host_addr2 input,
tr#host_addr3 input,
tr#host_comp input,
tr#host_dept input {
	width: 300px;
}

/**/
/* 送り主（ログイン時） */
div.method_sender_ {
	margin-bottom: 10px;
}
div.method_sender_ div.sender_info_ {
	margin-bottom: 5px;
	padding-left: 10px;
}
div.sender_change_ {
	padding: 5px;
	margin: 0 10px 10px 10px;
	background: #F0F0F0;
	border: 1px solid #CCC;
	width: auto;
}
div.method_sender_ ul.method_sender_ {
	width: 90%;
	padding-left: 20px;
}
/**/
/* 宛て先（ログイン時） */
div.method_address_ {
}
div.addresslist_ {
}
div.address_item_ {
	margin: 0 10px 10px;
	padding: 5px;
	background: #F0F0F0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
div.address_item_ .address_title_ {
	padding-bottom: 5px;
}
div.address_item_ .dest_disp address {
	padding: 10px;
	background: #FFF;
	font-style: normal;
}
div.address_item_ .address_change_ {
	margin-top: 5px;
	text-align: right;
}
div.address_bottom_ {
	padding: 0 10px;
	text-align: right;
}
div.address_bottom_ input {
	margin-bottom: 10px;
}
div.dest_select_type_ {
	margin-bottom: 10px;
	padding: 10px;
	background: #F8F8F8;
	border: 1px solid #CCC;
}
/**/
/* 配送方法 */
div.method_box_ {
}
div.method_box_ h3 {
	margin: 0 0 10px 0;
	padding: 5px 10px;
	font-size: 16px;
	font-weight: bold;
	background: #F0F0F0;
}
div.method_box_ div.method_box_content_ {
	padding: 0 10px 10px;
}
div.method_box_ div.method_box_content_ input[type="radio"] {
	padding: 5px 0;
	display: inline-block;
	vertical-align: baseline;
}
div.method_box_ div.method_box_content_ label {
	padding: 5px 0;
	margin-right: 20px;
	display: inline-block;
}

/**/
/* 配送希望日時指定 */
#method_date dl {
	margin: 0 0 10px 0;
}
#method_date dl dt {
	margin-bottom: 5px;
	float: left;
	display: inline;
	font-weight: bold;
}
#method_date dl dd {
	margin-left: 8em;
	margin-bottom: 5px;
}
/**/
/* ポイント */
.currentpoint_ {
	margin-bottom: 10px;
}
div.point_use_ {
	margin-bottom: 10px;
	padding: 10px;
	background: #F8F8F8;
	border: 1px solid #CCC;
}
/**/
/* 注文拡張情報 */
div.method_salesappend_ {
}
dl.salesappend_ dd span {
	display: block;
}
dl.salesappend_ dd.salesappend_radio input,
dl.salesappend_ dd.salesappend_checkbox input {
	display: block;
	float: left;
	clear: left;
	margin-top: 0px;
	margin-bottom: 0px;
}
dl.salesappend_ dd.salesappend_radio label,
dl.salesappend_ dd.salesappend_checkbox label {
	display: block;
	clear: none;
	margin-left: 20px;
}
/**/

/* --------------------------------------------------------------------
	ご注文内容の確認
-------------------------------------------------------------------- */
div.spandual_ {
}
div.spandual_ table {
	width: 100%;
}

/* ご注文の商品 */
table.estimate_ {
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
	width: 100%;
}
table.estimate_ th{
	border-bottom: 1px solid #CCCCCC;
	background-color: #F8F8F8;
	padding: 3px;
	font-weight: normal;
	text-align:left;
}
table.estimate_ td{
	padding: 3px;
}
table.estimate_ td textarea {
	max-width: 95%
}
table.estimate_.sales_,
table.estimate_method_ {
	border-top: 1px solid #CCCCCC;
}
table.estimate_.sales_ th,
table.estimate_method_ th {
	width: 40%;
	text-align: left;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	white-space:nowrap;
	background-color: #F8F8F8;
	padding: 3px;
}
table.estimate_.sales_ td,
table.estimate_method_ td {
	width: 60%;
	padding: 3px;
	text-align: right;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
table.estimate_.sales_ td.nocell_ {
	border: none !important;
}

/* 商品一覧 */
table.goodslist_ {
	text-align:left;
}
table.goodslist_ {
	border: 1px solid #CCCCCC;
}

table.goodslist_ td {
	padding: 3px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
table.goodslist_ .goods_ {
	width: 20%;
}
table.goodslist_ .name_ {
}
table.goodslist_ .qty_ {
	width: 16%;
	text-align: right;
}
table.goodslist_ .amt_ {
	width: 20%;
	text-align: right;
}
table.goodslist_ .money_ {
	width: 20%;
	text-align: right;
}
table.goodslist_ th, table.goodslist_ .title_ {
	text-align: left;
	white-space:nowrap;
	font-weight: normal;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	background-color: #F8F8F8;
	padding: 3px;
}
/* 配送情報 */
table.host_, table.sender_ {
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
}
table.host_ th, table.sender_ th{
	border-bottom: 1px solid #CCCCCC;
	background-color: #F8F8F8;
	padding: 3px;
	font-weight: normal;
	text-align:left;
}
table.host_ td, table.sender_ td{
	padding: 3px;
}

div.order_ .method_addr_ {
	margin: 0 10px 10px;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius:5px;
	border: 5px solid #F0F0F0;
}

table.card_,
table.convinience_{
	width: 100%;
}
table.card_ label {
	margin: 0 20px 0 5px;
}
table.convinience_ th {
	width: 16em;
}

/* お支払い方法 */
div.order_ table.estimate_method_ {
}
div.order_ table.estimate_method_ th {
	width:40%;
	text-align:left;
	background-color: #F8F8F8;
	font-weight: normal;
}
div.order_ table.estimate_method_ td {
	width:60%;
	text-align:right;
}
div.order_ table.method_sales_detail_append_ {
	border:none;
}
div.order_ div.method_sales_detail_append_ .sales_detail_append_comment_ {
	margin-bottom: 10px;
}
div.order_ div.method_sales_detail_append_ input[type="radio"],
div.order_ div.method_sales_detail_append_ label {
	padding: 5px 0;
	display: inline-block;
}
div.order_ div.method_sales_detail_append_ label {
	margin-right: 20px;
}
div.order_ div.method_sales_detail_append_ p.comment_{
	margin: 5px 0 10px 0;
}
div.order_ table.method_sales_detail_append_ td {
	border:none;
}
div.estimate_card_form_ {
}


/* お届け先 */
div.order_ table.dest_ {
	width:100%;
}
div.destgoodslist_ {
	padding: 0 10px 10px;
}
table.destgoodslist_ {
	width:100%;
}
table.destgoodslist_ {
	margin-bottom: 10px;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
table.destgoodslist_ th {
	width: 30%;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	padding: 3px;
	background-color: #F8F8F8;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	white-space:nowrap;
}
table.destgoodslist_ td {
	border-top: 1px solid #CCCCCC;
	vertical-align: top;
	padding: 3px;
}
table.destgoodslist_ span.img_s_ {
	float: left;
	width: 20%;
}
table.destgoodslist_ span.img_s_ img {
	width: 46px;
}
table.destgoodslist_ span.name_ {
}
table.destgoodslist_ th.method_sales_detail_append_, table.destgoodslist_ th.dest_comment_{
	text-align: left;
}
table.destgoodslist_ td.method_comment_detail_ input, table.destgoodslist_ td.method_comment_detail_ textarea {
	width: 95%;
}
table.destgoodslist_ td.method_qty_ , td.dest_qty_{
}
table.destgoodslist_ td.sublist_{
	margin: 0;
	padding: 0;
}
table.destgoodslist_ input[type="text"], table.destgoodslist_ textarea {
	width: 95%;
}
table.approval_purchase_ th {
	border-right-style: none;
	background-color: #e5f3ff;
	font-weight: normal;
	text-align: left;
}
div.order_ ul.card_ {
	padding: 3px;
}

/* order method.aspx */
div.order_ table.method_ {
	width: 100%;
}

/*配送先*/
div.order_ .method_method_ {
	text-align:left;
}
/* order order.aspx */
div.order_ table.order_ {
	width: 100%;
	margin: 0 auto 10px auto;
	padding: 3px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
div.order_ table.order_ td {
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
div.order_ table.order_ th {
	width: 25%;
	background-color: #F8F8F8;
	font-weight: normal;
	text-align: left;
}


/* カードで支払う */
div.order_ table.formdetailcard_ {
	margin-bottom: 10px;
	padding: 3px;
}
div.order_ table.formdetailcard_ th {
	width: 12em;
	background-color: #e5f3ff;
	font-weight: normal;
	text-align: left;
}
div.order_ dl.card_ dd input[type="radio"] {
	padding: 5px 0;
	display: inline-block;
	vertical-align: baseline;
}
div.order_ dl.card_ dd label {
	padding: 5px 0;
	margin-right: 20px;
	display: inline-block;
}

/* コメント */
.order_ dl.formdetail_.estimate_ textarea{
	max-width: 95%;
}

/* 注文同時会員登録 */
div.order_ span.point_ {
	color: #f00;
	font-size: 16px;
	font-weight: bold;
}

/* --------------------------------------------------------------------
	Amazonペイメント
-------------------------------------------------------------------- */
#LoginWithAmazonButton {
	text-align: center;
	margin: 15px auto;
}

#AmazonPayButton {
	text-align: center;
	margin: 15px auto;
}

#addressBookWidgetDiv {
	padding: 0 10px 10px;
	width: auto;
	height: 100%;
}

#walletWidgetDiv {
	padding: 0 10px 10px;
	width: auto;
	height: 100%;
}

div.amazon_pay_button_method_ {
	padding-top: 18px;
}

div.login_with_amazon_button_method_ {
	padding-bottom: 10px;
}


/* --------------------------------------------------------------------
	テーブル系
-------------------------------------------------------------------- */
dl.formdetail_ {
	margin:0 10px;
	border:1px solid #CCC;
	margin-bottom:10px;
}
div.box_ dl.formdetail_ {
	margin-left: 0;
	margin-right: 0;
}
dl.formdetail_ dt {
	padding:2px 2px 2px 6px;
	background-color: #F0F0F0;
}
dl.formdetail_ dt img.must_ {
	margin-left: 5px;
	vertical-align: middle;
}
dl.formdetail_ dd {
	padding:2px 2px 2px 12px;
}
dl.formdetail_ dd input[type="input"],
dl.formdetail_ dd textarea,
dl.formdetail_ dd select {
	max-width: 95%;
}
