@charset "utf-8";

/*****ページ本体領域*****/
/* ページ本体領域ラップ */

.register{
	padding:0 10px;
}
	.register img{
		vertical-align:baseline;
	}
	.register hr{
		margin:20px 0;
	}
	
	/*--　各種会員画面用見出し設定　--*/
	.register h2{
		position:relative;
		margin:0 0 20px;
		padding:0 0 0 20px;
		border-bottom:3px double #666;
		border-left:5px solid #666;
		font-size: 18px;
		font-weight:700;
	}
	
	.register h3{
		margin:0 0 15px;
		padding:3px 20px;
		background:#666;
		font-size:16px;
		font-weight:700;
		color:#fff;
	}
	
	.register h4{
		margin:0 0 10px;
		padding:0 0 0 20px;
		border-bottom:1px solid #666;
		font-size:14px;
		font-weight:700;
	}


/*-- 各画面注意事項・説明文表示領域 --*/
.infoText{
	padding:5px 10px;
	background:#FFFFCC;
	margin:0 10px 20px;
}
	.infoText ul{
		margin:5px 0 5px 15px;
	} 
	
/*-- カート内共通 --*/	
p.sys_instruction0 {
	background: url("../../images/cart/icn_inst.png") no-repeat scroll left top transparent;
	color: #0D1C5E;
	margin:0 0 15px;
	padding-left: 18px;
	text-align: left;
}


/*-入力必須マーク表示-*/
.essential2{
	background: url(../../images/member/maru.png) no-repeat scroll 10px center;
}

/*-- エラ --*/
div.sys_boxerror1 {
	background-color: #FFF0F0;
	border: 1px dashed #FF0000;
	font-size: 14px;
	margin: 8px 0 16px;
	padding: 0;
}
	div.sys_boxerror1 p.dsn_boxerrorHead {
    background-color: #FF0000;
    color: #FFFFFF;
    float: left;
    font-size: 14px;
    font-weight: bold;
    padding: 4px 8px;
	}
	div.sys_boxerror1 p.dsn_boxerrorText {
		color: #D00000;
		float: left;
		font-size: 14px;
		padding: 4px 8px;
	}
	


/********************/
/*--　操作ボタン　--*/
/********************/

/*-- 設定変更ボタン --*/
.btn_edit {
	cursor: pointer;
	display: block;
	height: 20px;
	width: 100px;
	background: url("../../images/cart/btn_edit.png") no-repeat scroll left center transparent;
	border: medium none;
	text-decoration: none;
	text-indent: -9999px;
}
/*-- コピーして編集ボタン --*/
.btn_copyedit {
	cursor: pointer;
	display: block;
	height: 20px;
	width: 100px;
	background: url("../../images/cart/btn_copyedit.png") no-repeat scroll left center transparent;
	border: medium none;
	text-decoration: none;
	text-indent: -9999px;
}
/*-- [詳細] --*/
.btn_openSpec {
	display: block;
	height: 13px;
	width: 40px;
	margin: 5px 0 0;
	background: url("../../images/cart/btn_openSpec.png") no-repeat scroll left center transparent;
	border: medium none;
	cursor: pointer;
	text-decoration: none;
	text-indent: -9999px;
}
/*-- [詳細] --*/
.btn_closeSpec {
	background: url("../../images/cart/btn_closeSpec.png") no-repeat scroll left center transparent;
	border: medium none;
	cursor: pointer;
	display: block;
	height: 13px;
	margin: 5px 0 0;
	outline: medium none;
	text-decoration: none;
	text-indent: -9999px;
	width: 40px;
}
/*-- [買い物かごをすべて削除] --*/
.btn_deleteAll {
	display: block;
	position: relative;
	height: 20px;
	width: 150px;
	background: url("../../images/cart/btn_deleteAll.png") no-repeat scroll left center transparent;
	border: none;
	outline: medium none;
	text-indent: -9999px;
	cursor: pointer;
}
/*-- [買い物を続ける] --*/
.btn_continue {
	display: block;
	cursor: pointer;
	width: 150px;
	height: 20px;
	background: url("../../images/cart/btn_continue.png") no-repeat scroll left center transparent;
	border:none;
	text-decoration: none;
	text-indent: -9999px;
}
/*-- [レジへ進む] --*/
.btn_account {
	display: block;
	cursor: pointer;
	width: 150px;
	height: 20px;
	background: url("../../images/cart/btn_goRegister.png") no-repeat scroll left center transparent;
	border:none;
	text-decoration: none;
	text-indent: -9999px;
}
/*-- [更新]ボタン --*/
.btn_request {
	display: block;
	cursor: pointer;
	width: 150px;
	height: 20px;
	background: url("../../images/cart/btn_request.png") no-repeat scroll left center transparent;
	border:none;
	text-decoration: none;
	text-indent: -9999px;
}
/*-- [新規追加] --*/
.btn_addNew {
	display: block;
	cursor: pointer;
	width: 170px;
	height: 20px;
	background: url("../../images/cart/btn_addNew.png") no-repeat scroll left center transparent;
	border:none;
	text-decoration: none;
	text-indent: -9999px;
}
/*-- [この配送先を編集]ボタン --*/
.btn_edit2 {
	display: block;
	height: 20px;
	width: 150px;
	background: url("../../images/cart/btn_edit2.png") no-repeat scroll left center transparent;
	border: medium none;
	text-decoration: none;
	text-indent: -9999px;
	cursor: pointer;
}
/*-- [変更]ボタン --*/
.btn_edit3 {
	display:block;
	height: 15px;
	width: 50px;
	background: url("../../images/cart/btn_edit3.png") no-repeat scroll left center transparent;
	border: medium none;
	text-decoration: none;
	text-indent: -9999px;
	cursor: pointer;
}
/*-- [この配送先を削除]ボタン --*/
.btn_deleatEdit {
	display: block;
	height: 20px;
	width: 150px;
	background: url("../../images/cart/btn_deleteEdit.png") no-repeat scroll left center transparent;
	border: medium none;
	text-decoration: none;
	text-indent: -9999px;
	cursor: pointer;
}
/*-- [この配送先を削除]ボタン --*/
.btn_deleatEdit {
	display: block;
	height: 20px;
	width: 150px;
	background: url("../../images/cart/btn_deleteEdit.png") no-repeat scroll left center transparent;
	border: medium none;
	text-decoration: none;
	text-indent: -9999px;
	cursor: pointer;
}
/*-- [ご注文の確定]ボタン --*/
.btn_confirmOrder{
	display:block;
	width:150px;
	height:20px;
	background:url(../../images/cart/btn_confirmOrder.png) no-repeat;
	border:none;
	text-indent:-9999px;
	cursor:pointer;
}
/*-- 受取方法の変更 --*/
.btn_changeDelivery{
	display:block;
	width:170px;
	height:20px;
	background:url(../../images/cart/btn_changeDelivery.png) no-repeat;
	border:none;
	text-indent:-9999px;
	cursor:pointer;
}
/*-- 連絡先の変更 --*/
.btn_changeOrderer{
	display:block;
	width:170px;
	height:20px;
	background:url(../../images/cart/btn_changeOrderer.png) no-repeat;
	border:none;
	text-indent:-9999px;
	cursor:pointer;
}
/*-- 支払い方法の変更 --*/
.btn_changePayment{
	display:block;
	width:170px;
	height:20px;
	background:url(../../images/cart/btn_changePayment.png) no-repeat;
	border:none;
	text-indent:-9999px;
	cursor:pointer;
}

/**********************/
/*-- カートトップ　 --*/
/*-- 配送先選択画面 --*/
/**********************/
	
	/*****-- 商品明細テーブル --*****/
	.register .sys_cntTable {
		width:100%;
		margin:0 0 20px;
		border-collapse:collapse;
		border-bottom:1px solid #ccc;
	}
	
		/*-- 一括選択select inputbutton用セル --*/
		.register .sys_cntTable .editSel1 select{
			position:relative;
		}
			.register .sys_cntTable .editSel1 select{
				width:300px;
			}
			.register .sys_cntTable .editSel1 .btn_insert{
				width:180px;
				margin:0 0 0 50px;
			}
		/*--　各セル基本設定　--*/
		.register .sys_cntTable tr th{
			padding:5px 0;
			background:#666;
			color:#fff;
			text-align:center;
		}
		.register .sys_cntTable tr td{
			padding:10px 0;
			vertical-align:top;
			border-top:1px solid #ccc;
		}
		
		.register .sys_cntTable tr .dsn_cLine ,
		.register .sys_cntTable tr .dsn_cUserOrderName ,
		.register .sys_cntTable tr .dsn_cNumber ,
		.register .sys_cntTable tr .dsn_cCtrl ,
		.register .sys_cntTable tr .dsn_cDelete {
			text-align:center;
		}
		
		.register .sys_cntTable tr .dsn_cImage ,
		.register .sys_cntTable tr .dsn_cLine{ /*No,*/
			/*width:100px;*/
		}
		.register .sys_cntTable tr .dsn_cText{ /*商品名*/
			/*width:300px;*/
		}
		.register .sys_cntTable tr .dsn_cUserOrderName{ /*注文名*/
			/*width:170px;*/
		}
		.register .sys_cntTable tr td.dsn_cNumber{ /*注文数*/
			/*width:150px;*/
		}
		.register .sys_cntTable tr .editBtnSel{ /*操作ボタン*/
	width:110px;
		}
		.register .sys_cntTable tr .deleteBtnSel{ /*削除ボタン*/
	width:50px;
		}
		
			.register .sys_cntTable tr .dsn_cCtrl input{ /*操作ボタン*/
				float:left;
			}
			.register .sys_cntTable tr .dsn_cCtrl input.btn_edit{ /*設定変更ボタン*/
				margin:0 0 5px;
			}
			.register .sys_cntTable tr .dsn_cCtrl input.btn_delete{ /*削除ボタン*/
				margin:0 0 0 5px;
			}
			
			.register .sys_cntTable tr .dsn_cText p.dsn_cName{ /*商品名テキスト表示設定*/
				font-size:14px;
				font-weight:700;
				color:#001880;
			}
		
		/*-- 配送先表示セル --*/
		
		
		.register .sys_cntTable tr .deliv_info{
			margin:5px 10px 0 0;
			padding:5px 10px;
			background:#FFFFCC;
			border:1px solid #FFCC66;
		}
		
		
		/*-- 商品明細テーブル内詳細テーブル --*/
		.register .sys_cntTable tr .dsn_cSpecBlank{
			border:none;
		}
		.register .sys_cntTable tr .dsn_forSpec{
			border:none;
		}
			
			.register .sys_cntTable tr .dsn_forSpec table.sys_ispecTable th{
				width:130px;
				padding:0;
				background:#e0e0e0;
				color:#333333;
			}
			.register .sys_cntTable tr .dsn_forSpec table.sys_ispecTable td{
				padding:3px 20px;
				border-top:none;
			}



	/*****-- 代金明細テーブル --*****/
	
	.register .sys_priceTable	{
		width:100%;
		margin:0 0 20px;
		border-collapse:collapse;
	}		
		.register .sys_priceTable tr th{
			padding:5px 0;
			background:#666;
			border:1px solid #CCC;
			color:#fff;
			text-align:center;
		}
		.register .sys_priceTable tr td{
			padding:3px 10px 3px 0;
			border:1px solid #CCC;
			text-align:right;
			vertical-align:top;
		}
		
		table.sys_priceTable tr.dsn_tHead th {
			text-align: center;
		}
		table.sys_priceTable tr th.dsn_cName {
			padding-left:10px;
			background:#e0e0e0;
			color:#333;
			text-align: left;
		}
	
	
	/*-- 商品明細合計テーブル --*/
	.register .sys_totalTable	{
		width:600px;
		margin:0 0 20px auto;
		border-collapse:collapse;
		border:1px solid #ccc;
	}	
		.register .sys_totalTable	th{
			padding:3px 10px 3px 0;
			background:#e0e0e0;
			border:1px solid #ccc;
			font-size:14px;
			font-weight:700;
			text-align:right;
		}
		.register .sys_totalTable	td{
			padding:3px 10px;
			border:1px solid #ccc;
			text-align:right;
		}
		
		/*合計価格行*/
		.register .sys_totalTable .sys_total th{
			background:#ffa008;
			color:#FFFFFF;
			font-size:16px;
		}
		.register .sys_totalTable .sys_total td{
			background:#ffffcc;
			font-size:16px;
			font-weight:700;
		}
		.register .sys_totalTable .sys_total th,
		.register .sys_totalTable .sys_total td{
			border-top:3px solid #FF6600;
		}
		
		/*注意書用セル*/
		.register .sys_totalTable .dsn_note{
			text-align:left;
			/*color:#FF6600;*/
		}
		
		
/**********************************************************/
/*-- レジ：（お客様情報・配送先入力・支払い方法選択画面） --*/
/**********************************************************/

	.inputInfo{
		margin:0 0 30px;
		background:#e1e1e1;
		border: 1px solid #999;
	}
		.inputInfo .inputInfoLine{
			border-top:1px solid #eee;
			border-bottom:1px solid #C9C9C9;
			background:#fff url(../../images/cart/cartTableContentsBg.png) repeat-y scroll left top;
		}
			/* 入力項目見出し */
			.inputInfo .inputInfoLine .inputInfoHead{
				float:left;
				width:180px;
				padding: 5px 0 5px 20px;
				text-align:left;
				font-weight:700;
			}
			/* 入力内容 */
			.inputInfo .inputInfoLine .inputInfoContents{
				float:left;
				padding:5px 0 5px 20px;
				width:380px;
			}
			/* 入力内容レジ支払い方法選択画面用 */
			.inputInfo .inputInfoLine .inputInfoContents2{
				float:left;
				padding:5px 0 5px 20px;
				width:700px;
			}
			
				.inputInfo .inputInfoLine .inputInfoContents input[type="text"]{/* inputtype="text"のものだけ */
					width:350px;
					border:1px solid #666;
				}
				.inputInfo .inputInfoLine .checkBox input{
					width:auto;
					border:none;
				}
				.inputInfo .inputInfoLine .zipcord input[type="text"]{/* 郵便番号用インプット：inputtype="text"のものだけ */
					width:100px;
				}
				
				.inputInfo .inputInfoLine .couponInput input[type="text"]{/* クーポン入力用インプット */
					width:200px;
				}
				
				.inputInfo textarea{/* テキストエリア */
					display:block;
					width:900px;
					height:100px;
					margin:10px auto;
				}
				
				.inputInfo select.DeliveryTime{/* 希望配送時間指定ドロップダウン */
					width:200px;
					margin:10px;
				}
				
				/*---- 支払い方法選択画面 ----*/
				.paymentChoice .inputInfoLine .inputInfoContents2 ul{
					margin:0 0 10px 10px;
				}
				
				dl.shopinfo {	/*受取店の表示*/
					margin:5px 0;
					padding:10px;
					border:1px dashed #FF9900;
				}
					dl.shopinfo  dt{
						float:left;
						clear:both;
						width:110px;
						font-weight:700;
					}
					dl.shopinfo dd{
	/*float:left;*/
						margin-left:115px;
					}
				
			/*　項目内容注意書　*/
			.inputInfo .inputInfoLine .inputInfoExplanation{
				float:left;
				width:300px;
				padding:5px 0 5px 20px;
			}
			
		/*-説明文-*/
		.inputInfo p.inputInfoExplanation{
			position:relative;
			padding:5px 15px;
			border-top:1px solid #eee;
			border-bottom:1px solid #C9C9C9;
			background:#fff;
		}
		
		/*-- 一覧内ナビゲーション操作ボタン --*/
		.inputInfo .pagenav {
			background: none repeat scroll 0 0 #FFFFFF;
			margin: 0;
			padding: 5px 15px;
		}
		
/*-- レジへ進むボタン3種追加分 --*/
.carttopNav li {
	width:450px;
}
	.carttopNav li .btn_continue{
		margin:0 0 0 auto;
	}
	
	.carttopNav li div{
		margin:0 0 10px;
		text-align:left;
	}
	.carttopNav li div.loginBtn .btn_login2{
		display: block;/*20130726 開発追加*/
		border:none;
		background:url(../../images/cart/btn_goRegister2.png) no-repeat top left;
		width:150px;
		height:20px;
		cursor:pointer;
		text-indent:-9999px;
	}
	.carttopNav li div.loginBtn div {
		padding:5px 0 5px 10px;
		background:#FFFFCC;
		border:#FFCC66;
	}
		.carttopNav li div.loginBtn div p{
			margin:0 0 10px;
		}
		.carttopNav li div.loginBtn div.cartloginBlock input[type=text] ,
		.carttopNav li div.loginBtn div.cartloginBlock input[type=password] {
			width:100px;
		}
		
	.carttopNav li div .btn_newMember{
		display: block;/*20130726 開発追加*/
		border:none;
		background:url(../../images/cart/btn_goRegister3.png) no-repeat top left;
		width:180px;
		height:70px;
		cursor:pointer;
		text-indent:-9999px;
	}
	
	
	
	
/**********************************************/
/*-- レジ：（配送先の編集・追加・削除画面） --*/
/**********************************************/
			.inputInfo  p.inputInfoExplanation .btn_edit2{
				position:absolute;
				top:2px;
				right:60px;
			}
			.inputInfo p.inputInfoExplanation .btn_delete{
				position:absolute;
				top:2px;
				right:5px;
			}
		
			.inputInfo .pagenav input#sys_btn_update{
				padding:5px 20px;
			}
		
		/*[この内容で新規に追加]*/
		.inputInfo  .btn_addNewWrap{
			margin:10px
		}
		

/********************/
/*-- 注文内容確認 --*/
/********************/
.creditCards {
	margin:0 0 15px;
	padding:5px 15px;
	background:#FFFFCC;
	border:1px solid #FFCC00;
}
	.creditCards input{
		width:350px;
	}
	.creditCards input#sys_sec_no{/*セキュリティーコード*/
		width:80px;
	}
	.creditCards hr{
		margin:7px 0;
		border:0;
		border-bottom:1px dashed #666;
	}
	.inputInfoHead .input_edit3{
		vertical-align:bottom;
	}
/********************/
/*-- 注文内容確認 --*/
/********************/
	/*-- 商品名注文名表示テーブル --*/
	.sys_procTable{
		width:100%;
		margin:0 0 20px;
		border-collapse:collapse;
	}
		/*-- 基本<td>/<th>設定 --*/
		.sys_procTable td{
			border:1px solid #ccc;
			text-align: center;
		}
		.sys_procTable th{
			padding-left:10px;
			background: none repeat scroll 0 0 #E0E0E0;
			color: #333333;
			text-align: left;
		}
		
		.sys_procTable .dsn_tHead th{
			padding: 5px 0;
			background:#666666;
			border: 1px solid #CCCCCC;
			color: #FFFFFF;
			text-align: center;
		}
		.sys_procTable td.dsn_cImage img{
			width:50px;
		}
		
	/*--　利用規約文の表記　--*/
		
	.register .terms{
		height:300px;
		margin:0 0 15px;
		padding:10px 15px;
		background:#efefef;
		border:2px solid  #E0E0E0;
		overflow: scroll;		
		
	}
		.register .terms h2{
			position:static;
		}
		.register .terms ul{
			margin:0 0 20px;
		}
			.register .terms ul li{
				margin:0 0 10px 35px;
				padding:0 10px 0 0;
				list-style-position:outside;
			}
				.register .terms ul li li{
					list-style:none;
				}
				
	/*-- 規約に同意するチェックボックス --*/
	.register .termsCheckBox{
		color:#FF3300;
		font-size:16px;
		font-weight:700;
		text-align:center;
	}
	
/*************************/
/***      注文確定     ***/
/*************************/
	.temporaryCode{
		margin:0 0 30px;
		background:#fff;
		border:1px solid #666;
	}
		.temporaryCode p.Explanation{
			padding:10px 15px;
			border-bottom:1px solid #ccc;
			font-weight: bold;
			color: #0099CC;
		}
		.temporaryCode div.Explanation{
			padding:10px 15px;
			border-bottom:1px solid #ccc;
		}
			.temporaryCode div.Explanation ul{
				padding:0 15px;
			}
		
		.temporaryCode .temporaryCodeLine{
			border-top:1px solid #eee;
			border-bottom:1px solid #C9C9C9;
			background:url(../../images/cart/cartTableContentsBg2.png) repeat-y scroll left top;
			font-size:16px;
		}
			.temporaryCode .temporaryCodeLine .temporaryCodeHead{
				float:left;
				width:190px;
				padding: 5px 10px 5px 0;
				text-align:center;
				font-weight:700;
				color:#fff;
			}
			.temporaryCode .temporaryCodeLine .temporaryCodeContents{
				float:left;
				padding:5px 0 5px 20px;
			}
			
			/*-- 支払先銀行 --*/
		#ca0500 .inputInfo .inputInfoLine .inputInfoContents {
			width:auto;
		}
		#ca0500 .inputInfo .inputInfoLine .inputInfoExplanation {
			width:auto;
		}
			.inputInfo .inputInfoLine .inputInfoContents .payee_name{
				padding:0 0 5px;
				margin:0 0 5px;
				border-bottom:1px dashed #666;
			}
				.inputInfo .inputInfoLine .inputInfoContents .payee_name div,
				.inputInfo .inputInfoLine .inputInfoContents .payaccNo div{
					clear:both;
					float:left;
					margin:0 10px 0 0;
					font-size:14px;
					font-weight:700;
				}
				
			/*-- ページを印刷するボタンの表示 --*/
			.register h2 input.print_screen{
				position:absolute;
				right:5px;
			}