@charset "Shift_JIS";
/* -------------------------------------------------------------------

	オーダー系、マイページ系共通 CSS
	
------------------------------------------------------------------- */

/* --------------------------------
	ステップナビ（オーダー、マイページ内上書）
-------------------------------- */
.step_navi{
	width:840px;/*IE6 Hack*/
	margin-top:10px;
}


/* ----------------------------------------
   店舗一覧リスト（オーダー、マイページ内上書）
---------------------------------------- */
.shop_list {
	padding:0 25px;
}


/* --------------------------------
	大見出し
-------------------------------- */
div.order_head{
	width:100%;
	border-bottom:3px solid #cccccc;
	overflow:hidden;
}
div.order_head h2{
	float:left;
	margin:8px 0 0 0;
	padding:3px 0 3px 5px;
	font-size:150%;
	line-height:1em;
	border-left:5px solid #ff3366;
}
div.order_head img{
	float:right;
}

/* ○付き見出し */
.h_circre{
	margin-bottom:5px;
	padding-left:22px;
	display:block;
	line-height:1.5em;
	font-weight:bold;
	background:url(../images/common/li_circle.png) left center no-repeat;
}
h3.h_circre{
	font-size:150%;
	line-height:1.2em;
}
h3.h_circre span{
	margin-left:1em;
	font-size:66%;
	font-weight:normal;
}

p.info{
	padding-left:23px;
	margin:10px 0 20px 0;
	line-height:1.5em;
}


/* --------------------------------
	大見出し下説明文BOX
-------------------------------- */
.order_info_box {
	margin:20px 0 20px 0;
	line-height:1.5em;
}

.order_info_box h3{
	font-size:150%;
	line-height:1.2em;
	margin-bottom:1em;
}
.order_info_box#thanks h3{
	padding-left:10px;
}

.order_info_box p{
	padding-left:10px;
	margin-bottom:10px;
}
.order_info_box p.pink_arrow{
	margin:0 0 0 22px;
	background:url(../images/common/li_arrow_pink.png) left 3px no-repeat;
}
.order_info_box#thanks p{
	padding-bottom:15px;
	margin-bottom:40px;
	border-bottom:3px solid #cccccc;
}


.order_info_box2 {
	margin:20px 0 20px 22px;
}
.order_info_box2 h3{
	font-size:124%;
	margin-bottom:5px;
}
.order_info_box2 p{
	margin-bottom:10px;
}

/*赤バック*/
.order_info_box#caution {
	background:#fff3f5;
	margin:20px 0;
	padding:10px;
}
.order_info_box#caution h3 {
	font-size:117%;
	line-height:1.3em;
	margin-bottom:10px;
}


/* --------------------------------
	選択商品
-------------------------------- */
.product_preview{
	width:100%;
	margin:20px 0;
	padding-bottom:10px;
	border-bottom:3px solid #cccccc;
	overflow:hidden;
}

/*-- サムネイル --*/
.product_preview .product_thumbnail{
	float:left;
	margin-right:20px;
	display:block;
}
.product_preview .product_thumbnail img{
	border:1px solid #999999;
	margin-bottom:5px;
}
.product_preview span.product_thumbnail img{
	border:none;
}

/*-- 右部分 --*/
.product_preview p{
	float:left;
}
.product_preview p .product_title,
.product_preview p .product_price{
	font-size:117%;
	font-weight:bold;
	line-height:1.5em;
	display:block;
}
.product_preview p .product_explan{
	margin:5px 0;
	display:block;
}
.product_preview p .product_size{
	margin-bottom:5px;
	line-height:1.7em;
	display:block;
}
.product_preview p img{
	margin-right:1px;
}


/* --------------------------------
	選択商品（履歴詳細）
-------------------------------- */
.product_preview_rireki{
	width:100%;
	margin:20px 0;
	padding-bottom:10px;
	border-bottom:3px solid #cccccc;
	overflow:hidden;
}

/*-- サムネイル --*/
.product_preview_rireki .product_thumbnail{
	float:left;
	margin-right:20px;
	display:block;
}
.product_preview_rireki .product_thumbnail img{
	border:1px solid #999999;
	margin-bottom:5px;
}
.product_preview_rireki span.product_thumbnail img{
	border:none;
}

/*-- 右部分 --*/
.product_preview_rireki div.rireki_pd{
	float:left;
	width:370px;
}
.product_preview_rireki div.rireki_pd .product_title,
.product_preview_rireki div.rireki_pd .product_price{
	font-size:117%;
	font-weight:bold;
	line-height:1.5em;
}
.product_preview_rireki div.rireki_pd .product_explan{
	margin:5px 0;
}

.product_preview_rireki div.rireki_pd_price{
	float:right;
	width:15em;
	padding:10px;
	background-color:#fffacc;
}
.product_preview_rireki div.rireki_pd_price p{
	text-align:right;
}
.product_preview_rireki div.rireki_pd_price p.top_line{
	padding-top:2px;
	font-weight:bold;
	border-top:1px dotted #333333;
}
.product_preview_rireki div.rireki_pd_price p span.left{
	float:left;
}




/* ----------------------------------------
   入力エラー
---------------------------------------- */
.error_box {
	padding:10px 0 15px 25px;
	background:#ffebeb;
	border:1px solid #ff0000;
}
.error_box img.caution_img{
	margin-right:10px;
}
.error_box div{
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
	width:90%;
}
.error_box div h3{
	margin:10px 0;
	padding-bottom:2px;
	color:#FF0000;
	border-bottom:1px solid #ff0000;
}
.error_box div ul li{
	list-style:disc outside;
	margin-left:16px;
	font-weight:bold;
	vertical-align:middle;
}


/* --------------------------------
	グレーBOX
-------------------------------- */
.gray_box{
	padding:15px 25px;
	margin-bottom:20px;
	background:url(../images/common/bg_gray_box.png) left top no-repeat #cacaca;
	border:1px solid #cccccc;
}

.gray_box .white_box{
	padding:15px 10px;
	background:#ffffff;
	border:1px solid #999999;
}

.page_link{
	margin-top:-10px;
	padding-right:5px;
	padding-bottom:10px;
	text-align:right;
}
.page_link a{
	margin-left:20px;
	font-weight:bold;
}


/* --------------------------------
	縞模様リスト
-------------------------------- */
.gray_list{
	width:856px;
	margin-bottom:20px;
	background:#ffffff;
	border:1px solid #999999;
}
.gray_list#signup{
	width:908px;
}
.gray_box .gray_list{
	margin-bottom:0;
}

.gray_list ul{
	padding:2px;
}
.gray_list ul li{
	width:100%;
	background:#e0e0e0;
	overflow:hidden;
}
.gray_list ul li.light{
	background:#f5f5f5;
}

/*左部分*/
.gray_list ul li .gray_list_left{
	float:left;
	width:233px;
	padding:12px 12px 0 12px;
	border-top:1px solid #ffffff;
}

/*右部分*/
.gray_list ul li .gray_list_right{
	float:left;
	width:571px;
	padding:12px;
	line-height:1.8em;
	background:#ffffff;
	border-top:1px dotted #666666;
}
.gray_list#signup ul li .gray_list_right{
	width:623px;
}
.gray_list#order_confirm ul li .gray_list_right p.shop_explan{
	min-height:110px;
	height: auto !important;
	height: 110px;
	margin-top:10px;
	line-height:1.4em;
}
.gray_list#order_confirm ul li .gray_list_right p.shop_explan a{
	display:block;
	margin-top:10px;
}

.gray_list#signup ul li .gray_list_right .p_left{
	float:left;
	width:488px;
}
.gray_list#signup ul li .gray_list_right .p_right{
	float:left;
	width:120px;
	padding-left:10px;
}
.gray_list#signup ul li .gray_list_right input{
	margin:0 3px;
}

.gray_list ul li.start .gray_list_left,
.gray_list ul li.start .gray_list_right{
	border:none;
}


/* --------------------------------
	入力フォーム共通リスト
-------------------------------- */
div.input_list{
	clear:both;
	margin-top:20px;
}

/*-- フォーム中身 --*/
div.input_list ul{
	width:906px;
	margin:0;
	padding:1px 1px 1px 1px;
	margin-bottom:20px;
	color:#333333;
	border:1px solid #999999;
}
div.input_list ul li{
	clear:both;
	width:906px;
	background:#e0e0e0;
	overflow:hidden;
}
div.input_list ul li.light{
	background:#f5f5f5;
}

/*メールアドレス（会員ID）部分*/
div.input_list ul li.caution{
	width:886px;
	padding:10px;
	background:#ffeecc;
	border-bottom:1px solid #ffffff;
}
div.input_list ul li.memberid{
	background:#ffeecc;
}
div.input_list ul li.memberid h4{
}
div.input_list ul li.memberid p{
	background:#fff6e5;
	border-top:1px solid #ffffff;
}

/*左部分*/
div.input_list ul li h4{
	float:left;
	width:236px;
	padding:12px 12px 0 12px;
	border-top:1px solid #ffffff;
}
div.input_list ul li h4.short{
	width:85px;
}
div.input_list ul li.start h4{
	border:none;
}
div.input_list ul li h4 span{
	font-weight:normal;
}

/*右部分*/
div.input_list ul li p{
	float:left;
	width:622px;
	padding:12px;
	line-height:1.8em;
	background:#ffffff;
	border-top:1px dotted #666666;
}
div.input_list ul li.start p{
	border:none;
}
div.input_list ul li p.names{
	width:617px;
	padding-left:17px;
}
/*海外のみ*/
div.input_list ul li p.names span.abroad_name{
	display:inline-block;
	vertical-align:top;
}
div.input_list ul li p.names span.abroad_name span{
}





div.input_list ul li p input,
div.input_list ul li p select{
	margin:0 5px;
}
div.input_list ul li p.names input{
	margin-right:8px;
}


/*入れ子部分*/
div.input_list ul li ul{
	float:left;
	width:797px;
	margin:0 0 -1px 0;
	padding:0;
	border:none;
	overflow:hidden;
}
div.input_list ul li ul li{
	width:796px;
	background:#cee1e1;
	border-left:1px solid #ffffff;
}
div.input_list ul li ul li.light{
	background:#e0efef;
}

div.input_list ul li ul li h5{
	float:left;
	width:133px;
	padding:12px 5px 0 12px;
	font-weight:normal;
	border-top:1px solid #ffffff;
}
div.input_list ul li ul li p{
	float:left;
	width:622px;
	padding:12px;
	background:#ffffff;
}


/* ----------------------------------------
   オーダーリスト
---------------------------------------- */
.order_list {
}

/*商品内容（テーブル）*/
.order_list div.product{
	width:100%;
	margin-bottom:2px;
	border-bottom:1px solid #dfdfdf;
	overflow:hidden;
}
.order_list div.product ul li{
	float:left;
	width:90px;
	height:135px;
	padding:10px 10px 0 10px;
	border-left:1px solid #dfdfdf;
}
.order_list div.product ul.list_head li{
	height:17px;
	padding:3px 10px;
	font-weight:bold;
	background:#dfdfdf;
	border-left:1px solid #ffffff;
	border-bottom:10px solid #ffffff;
}
.order_list div.product ul li.product_p{
	width:335px;
	border-left:none;
}
.order_list#order_delete ul li.product_p{
	width:446px;
}

.order_list div.product ul li.product_p .product_title{
	font-size:117%;
	display:block;
}
.order_list div.product ul li.product_p span{
	display:block;
	margin-top:5px;
}
.order_list div.product ul li.product_p .product_thumbnail img{
	float:left;
	margin-right:10px;
	border:1px solid #999999;
}
.order_list div.product ul li.product_p span.product_thumbnail img{
	border:none;
}

.order_list div.product li span{
	font-weight:normal;
}
.order_list div.product ul li input{
	margin:0 0 5px 3px;
}
.order_list div.product ul li.del{
	text-align:center;
}


/*ステータス*/
.order_list div.wrap_one_order{
	width:100%;
	margin-bottom:15px;
	background:#f5f5f5;
	border-bottom:3px solid #ff3366;
	overflow:hidden;
}

.order_list .wrap_one_order ul{
	float:left;
	width:680px;
	padding-right:10px;
}
.order_list .wrap_one_order ul li{
	width:675px;
	padding:10px 0 10px 5px;
	border-top:1px dotted #999999;
	overflow:hidden;
}
.order_list .wrap_one_order ul li.start{
	border-top:none;
}
.order_list#order_delete .wrap_one_order ul{
	width:900px;
}
.order_list#order_delete .wrap_one_order ul li{
	width:895px;
}

.order_list .wrap_one_order ul li p{
	width:100%;
	height:1.4em;
	overflow:hidden;
}
.order_list .wrap_one_order ul li p.short{
	float:left;
	width:225px;
}
.order_list .wrap_one_order ul li p.middle{
	float:left;
	width:450px;
}
.order_list .wrap_one_order ul li p span{
	font-weight:bold;
	margin-right:12px;
}
.order_list .wrap_one_order ul li p span img{
	margin-right:4px;
}

.order_list .wrap_one_order p.control{
	padding-top:3px;
}


/* -- 合計金額 -- */
.total_price{
	width:908px;
	margin-bottom:20px;
	font-weight:bold;
	background:url(../images/common/bg_yellow_box.png) left bottom repeat-x #ffffc0;
	border:1px solid #ff6600;
	overflow:hidden;
}

.total_price p{
	float:left;
	width:580px;
	padding:20px 20px 0 20px;
	font-weight:normal;
}


.total_price dl{
	float:right;
	padding:10px 20px;
}
.total_price dl dt{
	clear:both;
	float:left;
}
.total_price dl dd{
	padding-left:12em;
	text-align:right;
}
.total_price dl dt.line,
.total_price dl dd.line{
	padding-top:5px;
	margin-top:5px;
	font-size:117%;
	color:#ff0000;
	border-top:2px solid #ff6600;
}

/*支払方法選択（上書）*/
.select_pay .total_price{
	margin:20px 0;
	background:#f5f5f5;
	border:1px solid #999999;
	overflow:hidden;
}
.select_pay .total_price dl{
	float:left;
	padding:20px 40px;
}
.select_pay .total_price dl dt.line,
.select_pay .total_price dl dd.line{
	border-top:1px solid #ff6600;
	color:#000000;
}
/*クーポン使用欄*/
.total_price div{
	float:left;
	padding:20px 40px;
}
.total_price div h3,
.total_price div select{
	margin-bottom:10px;
}

.selact_pay_box{
	margin-bottom:20px;
	padding:20px 40px 15px 40px;
	background:#f9eed1;
	border:1px solid #ff6600;
}
.selact_pay_box h3{
	margin-bottom:15px;
}
.selact_pay_box ul li{
	margin-bottom:5px;
	padding-left:20px;
	background:#f9eed1;
	overflow:hidden;
}


/* --------------------------------
	規約ボックス
-------------------------------- */
.agreement{
	padding:10px;
	margin-bottom:5px;
	background:#f5f5f5;
	border:1px solid #999999;
}
.agreement .checking{
}
.agreement .checking input{
	margin-right:5px;
}
.scrol_box{
	height:180px;
	padding:0 40px;
	margin-bottom:10px;
	color:#333333;
	border:1px solid #cbdbef;
	background:#ffffff;
	overflow:scroll;
	overflow-x:hidden;
}
.scrol_box h3{
	margin:20px 0 0 0;
}
.scrol_box h4{
	margin:20px 0 5px 0;
}
.scrol_box p{
	margin-left:10px;
}
.scrol_box ol{
	margin-left:30px;
}
.scrol_box ol li{
	margin-bottom:5px;
}


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

	ページ固有
	
------------------------------------------------------------------- */
/* --------------------------------
	注文情報確認ページ
-------------------------------- */
/*-- グレーボックス 上書 --*/
.gray_box .btn_change{
	float:right;
	margin-top:-35px;
}

/*-- グレーリスト左 上書 --*/
.gray_list#order_confirm ul li .gray_list_left h4{
	margin-bottom:5px;
}

/*-- グレーリスト右 上書 --*/
.gray_list#order_confirm ul li .gray_list_right#message_card p{
	margin-top:15px;
}
.gray_list#order_confirm ul li .gray_list_right#message_card p.underline{
	padding-bottom:5px;
	border-bottom:1px dotted #999999;
}

.gray_list#order_confirm ul li .gray_list_right#message_card img.icn_selected{
	position:relative;
	top:-7px;
	left:-250px;
}



/* ----------------------------------------
	配送ショップ選択ページ
---------------------------------------- */
/*-- グレーリスト 上書 --*/
.gray_list#shop_select{
	margin-bottom:10px;
}
.gray_list#shop_select ul li{
	background:#ffffff;
}
.gray_list#shop_select ul li .gray_list_left{
	width:280px;
	padding:15px 10px;
	text-align:center;
	background:#e0e0e0;
}
.gray_list#shop_select ul li .gray_list_left p.status_icn{
	margin-top:10px;
}
.gray_list#shop_select ul li .gray_list_right{
	width:528px;
}


/*-- 検索BOX --*/
.search_box {
	padding:0 25px;
	margin:20px 0 10px 0;
}
.search_box div {
	padding:10px 25px;
	background:#fbfef4;
	border:1px solid #c9c9c9;
	border-top:3px solid #8dad1c;
	overflow:hidden;
	text-align:center;
}
.search_box p.info{
	margin:0 0 5px 0;
	padding:0;
	text-align:left;
}

.search_box ul li{
	display:inline-block;
	margin-right:10px;
	/display:inline;/*IE6,7 Hack*/
	/zoom:1;/*IE6,7 Hack*/
}

.search_box p.btn_search_gold{
	margin-top:5px;
	text-align:center;
}



/* ----------------------------------------
	ログインページ
---------------------------------------- */
.privilege{
	width:911px;
	height:528px;
	background:url(../images/common/bg_privilege.jpg) no-repeat;
}
.privilege h3{
	height:130px;
	text-indent: -4000px;
	font-size: 1px;
	overflow: hidden;
}
.privilege ul li{
	float:left;
	width:455px;
	height:185px;
}
.privilege ul li.long{
	width:910px;
}
.privilege ul li h4{
	height:80px;
	text-indent: -4000px;
	font-size: 1px;
	overflow: hidden;
}
.privilege ul li p{
	padding:0 100px 0 30px;
	font-size:12px;
}
.privilege ul li p.p_long{
	padding:0 5px 0 30px;
}
.privilege ul li a{
	width:400px;
	height:160px;
	margin:20px;
	display:block;
	text-indent: -4000px;
	font-size: 1px;
	overflow: hidden;
}

.privilege#privilege_horiz{
	height:414px;
	margin-bottom:20px;
	background:url(../images/common/bg_privilege_horiz.jpg) no-repeat;
}
.privilege#privilege_horiz ul li{
	height:135px;
}
.privilege#privilege_horiz ul li.long p{
	float:left;
	padding:0 5px 0 30px;
}


/* --------------------------------
	クレジット情報入力ページ
-------------------------------- */
.input_list ul li p span.head {
	display:block;
	margin:8px 0 0 7px;
	font-weight:bold;
}
.input_list ul li p span.innner {
	display:block;
	margin:0 0 0 7px;
	line-height:1.3em;
}
.input_list ul li p span.gray,
.input_list ul li p span.orange {
	display:block;
	font-size:92%;
	margin:10px 0 0 7px;
}
.input_list ul li p span.orange {
	margin:0 0 0 7px;
	color:#FF6600;
	line-height:1.3em;
}


/* --------------------------------
	クレジット情報確認中ページ
-------------------------------- */
.connecting {
	text-align:center;
	padding:20px 0 20px 0;
}
.connecting img{
	margin-bottom:10px;
}


/* --------------------------------
	THANKSページ
-------------------------------- */
/*-- 届け先リスト --*/
div.show_list {
	margin-bottom:20px;
}

div.show_list h3{
	font-size:117%;
	line-height:1.3em;
}

div.show_list ul {
	margin-top:15px;
	border-bottom:2px solid #ff3366;
}
div.show_list ul li {
	width:862px;/*IE6 Hack*/
	padding:12px 24px;
	background:#f5f5f5;
	border-top:1px dotted #666666;
	overflow:hidden;
}
div.show_list ul li p.left {
	float:left;
}
div.show_list ul li a.buttons {
	float:right;
	margin-top:12px;
}
div.show_list ul li input {
	margin:0 3px;
}


/* --------------------------------
	届け先入力（海外へ送る）ページ
-------------------------------- */
h3#date_delivery_h3{
	margin:20px 0 5px 0;
}
.input_list#date_delivery{
	float:left;
	width:710px;
	margin-top:0;
}
.input_list#date_delivery ul{
	width:710px;
}
.input_list#date_delivery li{
	width:710px;
}
.input_list#date_delivery ul li p{
	width:426px;
}

.input_list#delivery_option ul li textarea{
	vertical-align:bottom;
}



/*休業日*/
.right_box#closing_box {
	float:right;
	width:178px;
	margin:0 0 20px 0;
	padding-bottom:10px;
	margin-bottom:10px;
	border:1px solid #cccccc;
	background:url(../images/category/bg_box_closing.png) left bottom no-repeat #ffffff;
}
.right_box#closing_box h2 {
	height:31px;
	text-indent:-3500px;
	font-size: 1px;
	overflow: hidden;
	background:url(../images/category/ttl_box_closing.png) no-repeat;
}
.right_box#closing_box ul li {
	margin:5px 5px 0 6px;
}