@charset "Shift_JIS";

/* --------------------------------------------------------------------
	ご注文方法の指定
-------------------------------------------------------------------- */

div.order_ {
}

div.order_ .common_headline3_ { /* h3相当 会員登録フォーム*/
	clear: both;
	margin: 0 0 15px 0;
	border-left: 5px solid #333;
	padding: 2px 0 2px 9px;
	height: auto;
	background: none;
	font-size: 14px;
}

#rk_order_card .common_headline2_ { /* h3相当 会員登録フォーム*/
	font-size: 14px;
	background: url(../img/usr/rk_bg_common_headline3.gif) 0 0 repeat-x;
	height: 40px;
	padding: 7px 0 0 10px;
	font-weight: bold;
	clear: both;
}

/* ご注文主（ログイン時） */
div.method_host_ {
	margin-bottom: 20px;
}
div.method_host_ div.host_info_ {
	margin: 10px 0;
	border:1px solid #c8c8c8;
	padding:20px
}
div.method_host_ .host_name_ {
}
div.method_host_ address {
}
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: 20px;
	border-bottom: 1px dashed #CCC;
}
div.method_sender_ div.sender_info_ {
	margin-bottom: 10px;
	padding-left: 10px;
}
div.sender_change_ {
	margin: 0 0 10px 0;
}
div.method_sender_ table.method_ {
}
table.method_sender_ {
	margin-bottom: 20px;
	width: 100%;
}
tr#sender_addr input,
tr#sender_addr2 input,
tr#sender_addr3 input,
tr#sender_comp input,
tr#sender_dept input {
	width: 300px;
}
/**/

/* 宛て先（ログイン時） */
div.method_address_ {
	margin-bottom: 20px;
}
div.addresslist_ {
	margin-bottom: 20px;
	overflow: hidden;
}

div.address_item_ {
	padding: 20px;
	border: 1px solid #c8c8c8;
	overflow: hidden;
	clear:both;
}
div.address_item_ address {
	margin-left: 20px;
	float: left;
	display: inline;
	width: 600px;
}
div.address_item_ .address_change_ {
	float: right;
	display: inline;
	text-align: right;
	width: 150px;
}
div.address_bottom_ {
	padding: 10px 15px 20px;
	text-align: right;
	float: right;
	width: 180px;
}
div.address_bottom_ img {
}

div.destgoodslist_{
	clear:both;
}

table.destgoodslist_ img {

}
/**/

/**/

/* 配送方法 */
div.method_box_ {
	margin-bottom: 20px;
}
div.method_box_ h3 {
	margin: 0 0 10px 0;
	padding: 5px 10px;
	font-size: 14px;
	font-weight: bold;
	background: #F0F0F0;
}
div.method_box_ div.method_box_content_ {
	padding: 10px;
}
/**/
/* 配送希望日時指定 */
#method_date dl {
	margin: 0 0 10px 0;
}
#method_date dl dt {
	float: left;
	display: inline;
	font-weight: bold;
	background-color: #dedede;
	padding: 5px;
	border-bottom: 1px solid #c8c8c8;
}
#method_date dl dd {
	margin-left: 8em;
	padding: 5px;
}
/**/
/* ポイント */
.currentpoint_ {
	margin-bottom: 10px;
}
div.point_use_ {
	margin-bottom: 10px;
	background: #F8F8F8;
	border: 1px solid #CCC;
}

#method_pay,#method_box_content_{
	margin-bottom: 40px;
 	border:1px solid #c8c8c8;
	padding:20px
}

div.method_box_content_ p.rk_notice_{
	font-weight:bold;
	color: red;
}

#method_cupon,#method_point{
	margin-bottom: 20px;
 	border:1px solid #c8c8c8;
	padding:10px 20px
}
/**/

/* --------------------------------------------------------------------
	ご注文内容の確認
-------------------------------------------------------------------- */
div.spandual_ {
	margin-bottom: 20px;
	width: 100%;
	overflow: hidden;
}
div.spandual_ table {
	width: 100%;
}
div.spandual_ .leftfloat_ {
	width: 500px;
}
div.spandual_ .rightfloat_ {
	width: 320px;
}
div.spandual_ .rightfloat_ table.formdetail_ {
	width: 100%;
}
table.sales_ th,
table.estimate_method_ th,
table.order_ th {
	padding:7px 10px;
	vertical-align:top;
	border-bottom: 1px solid #c8c8c8;
	border-left: 1px solid #c8c8c8;
	background: transparent;
	background-color: #dedede;
	font-weight: lighter;
}
table.sales_ td,
table.estimate_method_ td,
table.order_ td{
	text-align: left;
	padding:7px 10px;
	border-bottom: 1px solid #c8c8c8;
	border-right: 1px solid #c8c8c8;
}
table.host_ {
	margin-bottom: 20px;
}
div.order_ .method_addr_ {
	margin-bottom: 10px;
 	border:1px solid #c8c8c8;
	padding:20px
}

table.card_,
table.convinience_{
	width: 100%;
}
table.card_ label {
	margin: 0 20px 0 5px;
}
table.convinience_ th {
	width: 16em;
}

/* お支払い方法 */
div.order_ table.estimate_method_ {
	width:250px;
}
div.order_ table.estimate_method_ th {
	width:50%;
	text-align:left;
}
div.order_ table.estimate_method_ td {
	width:50%;
	text-align:right;
}
div.order_ table.method_gift_ {
	border:none;
}
div.order_ table.method_gift_ tr {
	border:none;
}
div.order_ table.method_gift_ td {
	border:none;
	padding:5px 15px;
}
div.order_ table.goodslist_ {
	text-align:left;
}

/* お届け先 */
div.order_ table.dest_ {
	width:100%;
}
table.destgoodslist_ {
	width:100%;
	border:1px solid #c8c8c8;
	padding:20px;
	margin-bottom:20px;
}
div.order_ table.destgoodslist_ td.method_qty_ {
	text-align: center
}
div.order_ table.card_ th {
	text-align:left;
}
div.order_ table.card_ td {
	text-align:left;
}

/* 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 20px auto;
}
div.order_ table.order_ th {
	width: 25%;
}


/* カードで支払う */
div.order_ table.formdetailcard_ {
	margin-bottom: 20px;
}
div.order_ table.formdetailcard_ th {
	width: 12em;
}


/* 追加スタイル */
table.destgoodslist_ th, table.goodslist_ th {
	text-align: center;
	background-color:#b8b8b8;
	color:#FFF;
	font-size:10px;
	padding:2px;
	white-space: nowrap;
}

table.destgoodslist_ tr{
	border-bottom: 1px dashed #ccc
}

table.destgoodslist_ td {
	padding:10px ;
}

div.order_ table.destgoodslist_ td img{
	margin-right:5px;
}

div#method_pay .method_box_content_ {
	clear:both;
	border-bottom: 1px dashed #ccc;
	padding: 10px 0 15px;
}

div#method_pay .method_box_content_ img {
	margin:10px 0;
}

div#method_pay .method_box_content_ .check_{
	/*float:left;*/
	/*display: inline;*/
	margin: 0 0 10px 0;
}

div#method_pay .method_box_content_ .text_{
	float:right;
	width: 780px;
	display: inline;
	line-height:140%;
}

div#method_pay .method_box_content_ .text_ .rk_guide_link{
	margin-top:10px;
}

div#method_pay .method_box_content_ .rk_guide_link img{
	margin-right:5px;
}

div.method_box_ h4{
	background-color:#b8b8b8;
	padding:2px 10px;
	color: #FFF;
	margin:7px 0;
	font-weight:bold;
}

div.address_left_ {
	padding: 10px 0;
	text-align: right;
	float: right;
	width: 175px;
}

table.orderlist_ ,table.estimate_.sales_ {
	margin: 10px 0;
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #c8c8c8;
}
table.orderlist_ th {
	padding:7px 10px;
	vertical-align:top;
	border-bottom: 1px solid #c8c8c8;
	border-left: 1px solid #c8c8c8;
	background: transparent;
	background-color: #dedede;
	font-weight: lighter;
	width: 10em;
	white-space: nowrap;
}
table.orderlist_ td {
	text-align:left;
	padding:7px 10px;
	vertical-align:top;
	border-bottom: 1px solid #c8c8c8;
	border-right: 1px solid #c8c8c8;
}

table.goodslist_ td.order_dt_,table.goodslist_ td.order_id_ ,table.goodslist_ td.total_,table.goodslist_ td.method_{
	white-space:nowrap;
}

table.goodslist_ td.goods_ img {
	border:1px solid #ccc;
	width:50px;
}

table.goodslist_ td.status_ img {
	width:160px;
}

div.rk_sys_bikou_ {
	padding:10px;
	border-left:1px solid #c8c8c8;
	border-right:1px solid #c8c8c8;
	border-bottom:1px solid #c8c8c8;;
	padding:20px;
	margin-bottom:20px;
}

td.rk_sys_bikou_ img{
	float:right;
}

p.rk_caution {
	text-align:center;
	border:1px solid #CCC;
	width: 650px;
	margin: 0 auto;
	padding: 5px;
}

div#rk_order_bottom_ {
	width: 660px;
	margin: 20px auto 0;
}

div#rk_bottom {
	width: 660px;
	margin: 20px auto;
}
div#rk_bottom textarea {
	width: 660px;
	height:100px;
}

table.historydetail_ td {
	padding:10px;
}
td.dest_qty_, td.qty_, td.amt_ {
	text-align:center;	
}

td.dest_comment_ {
	text-align:center;
	width:170px;
}

table.goodslist_ td.goods_ .item_ {
	overflow:hiden;
	min-height: 80px;
}

/* --------------------------------------------------------------------
	お品物情報の入力
-------------------------------------------------------------------- */

#method_item ,#method_brand,#method_name,#method_info{
	margin-bottom: 40px;
 	border:1px solid #c8c8c8;
	padding:20px
}
	
/* --------------------------------------------------------------------
	2015-05-08 efo
-------------------------------------------------------------------- */
.order_.col1_ input[type="radio"],
.customer_.col1_ input[type="radio"]{
	/*-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;*/
	/*-webkit-box-shadow: 1px 1px 1px 1px inset;
	-webkit-border_-radius:10px / 10px;*/
	position: relative;
	width: 18px;
	height: 18px;
	margin: 0 5px 0px 0;
	background: #fff;
}
.order_.col1_ input[type="text"],
.order_.col1_ input[type="password"],
.customer_.col1_ input[type="text"],
.customer_.col1_ input[type="password"]{
	position: relative;
	border: 1px solid #999;
	border-radius: 5px;
	padding: 0.6em;
}
.order_.col1_ select,
.customer_.col1_ select{
	border-radius: 5px;
	border: 1px solid #999;
	padding-left: 0.3em;
	height: 28px;
	/*font-family: Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	line-height: 28px;
	/* IE8用 */
	padding-top: 2px\9;
	padding-bottom: 2px\9;
	position:relative;
	zoom: 1;
	font-size: 14px\9;
}	

.input_efo_require{
	background: #ffeeee;
}

span.caution{
	color: red;
}

/* placeholder */
span.placeholder{
	position: absolute;
	top: 12px;
	left: 10px;
	text-align: left;
	color: #b2b2b2;
	overflow: hidden;
	font-size: 12px;
}
.icon_d_zip1 input,
.icon_d_tel1 input,
.icon_s_zip input,
.icon_s_tel input,
.icon_zip input,
.icon_tel input{
	min-width: 150px;
}