@charset "euc-jp";
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
★　CSS　ショップ・コンテンツ設定　★

■１．規約等ページ
■２．registフォルダ内設定

■11．その他

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.txtCenter { text-align:center; }
#caet_list { padding:0 0 20px; }

.red { color:#FF0000; }
.red2 { color:#ff0000; font-weight:bold; font-size:14px; }

#f_add_shop { width:690px; margin:20px auto 0; position:relative; }
#f_add_shop .btn { position:absolute; top:144px; left:291px; background:#fff; }
body.shopping #contents h4,
#contents .title_shop_01 { margin:15px 10px -5px; padding:5px 10px; font-size:14px; text-align:left; background:#3f6438; border-bottom:3px double #b2a544; color:#FFF; }
body.shopping #contents h5,
#contents .title_shop_02 { margin:20px 20px -12px; padding:0; font-size:12px; color:#846f56; text-align:left; }


/*  table  */

body.shopping .regist table,
body.shopping .guide table { width:650px; margin:20px auto 0; }

body.shopping .regist table th,
body.shopping .regist table td,
body.shopping .guide table th,
body.shopping .guide table td { padding:6px 9px; }

body.shopping .shopInput_01 { width:70%; }
body.shopping .shopInput_02 { width:90%; }

body.shopping .regist table.cartflow { margin-top:0; width:auto; }
body.shopping .regist table.cartflow th { padding:0; }


/*   カテゴリー    */

body.shopping2 #brand {background:url(../shopping/images/bg_cate_btm.jpg) left bottom no-repeat; padding:0 0 25px; }
body.shopping2 #bg_brand {background:url(../shopping/images/bg_cate_mdl.jpg) repeat-y; margin-bottom:20px;}
body.shopping2 #brand .brand_list,
body.shopping2 #brand .brand_list_ft {float:left; width:190px; color:#444; padding-left:25px; text-align:center; }
body.shopping2 #brand .brand_list_ft {padding-left:30px;}
body.shopping2 #brand h4 {font-weight:bold;  text-align:center; padding-top:25px;}



/*   一覧   */
body.shopping2 #contents .cate_description { border:1px solid #dbdbdb; border-top:none; padding:0 0 20px; background:#f7f2e2; }
body.shopping2 #contents .cate_description img { background:#fff; padding:1px; border:3px solid #dccea7; }


body.shopping2 #contents .list { padding:10px 0 0 0px; }
body.shopping2 #contents .list .box { background:url(../shopping/images/bg_list_top.gif) no-repeat; width:223px; padding:0 0 20px; }
body.shopping2 #contents .list .bg_box { background:url(../shopping/images/bg_list_btm.gif) left bottom no-repeat; width:223px; }
body.shopping2 #contents .list .bg2_box { background:url(../shopping/images/bg_list_mdl.gif) repeat-y; width:223px; float:left; margin:0 10px 10px 0; }
body.shopping2 #contents .list .end { margin-right:0; }

body.shopping2 #contents .list .title { text-align: center; font-size:14px; padding:10px 15px 5px; color:#4a7f2f; }
body.shopping2 #contents .list .box .photo { padding:10px 0 0; text-align:center; }
body.shopping2 #contents .list .box .price { text-align: center; padding:3px 0; border-top:1px dotted #cccccc; border-bottom:1px dotted #cccccc; }

body.shopping2 #contents .list .box .btn { text-align:center; padding:10px 0 0; }
body.shopping2 #contents .list .box table th { width:50px; }


/*   詳細    */
body.shopping2 #contents .detail { background: url(../shopping/images/bg_detail_top.gif) no-repeat; width:680px; padding:0 0 15px; }
body.shopping2 #contents .bg_detail { border:4px solid #f7f0d6; width:680px; }
body.shopping2 #contents .bg2_detail { margin:20px auto 0; border:1px solid #e9d596; width:688px; }

body.shopping2 #contents .box1 { padding:0 15px; }

body.shopping2 #contents .detail .title { text-align:left; font-size:18px; margin: 0 10px; padding:8px 12px; border-bottom:3px double #eddb9b; color:#4a7f2f; }
body.shopping2 #contents .detail .icon { padding-left:0; }

body.shopping2 #contents .detail #main_photo { padding:15px 10px 0 0; }
body.shopping2 #contents .detail #thum_box { margin:5px 0 0 0; }
body.shopping2 #contents .detail #thum_box img { padding:0 6px 0 0; }

body.shopping2 #contents .detail .icon_soldout { padding:10px 0 0 10px; }
body.shopping2 #contents .detail .btnlist { text-align: center; padding:5px 0 0; }
body.shopping2 #contents .detail .btnlist li { padding:5px 0 0; }

body.shopping2 #contents .detail .clicktxt { padding:5px 0 0 ; font-size:10px; }

body.shopping2 #contents .detail dl { margin:0 20px; }
body.shopping2 #contents .detail dt { padding:5px 10px; margin:15px 0 0; font-size:14px; font-weight:bold; }
body.shopping2 #contents .detail dd { padding:5px 10px 0; }


/* 詳細　サムネイルが右にあるパターンはこのCSSをつかう
body.shopping2 #contents .detail #main_photo { padding:15px 10px 0 0; }
body.shopping2 #contents .detail #thum_box { margin:10px 0 0 0; }
body.shopping2 #contents .detail #thum_box img { padding:5px 0 0; }
*/



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■１．規約等ページ
	●買物方法
	●利用規約
	●特商法表記義務
	●個人情報保護方針
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/


.guide table th{ 
	border:1px solid #cccccc;
	background:#cccccc;
	text-align:center;
}

.guide table td{ 
	border:1px solid #cccccc;
	text-align:left;
}

.guide table td ul{ padding:10px 15px;　}

.guide ol { background:#faf7eb; margin:15px 20px 0; padding:10px 0; }
.guide ol li { margin: 0 10px; padding:8px; border-bottom:1px dashed #bbb; list-style: inside decimal; }





/*　追加　*/

#error-disp form { text-align:center; padding:0 0 15px; }


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■２．registフォルダ内設定
	●１．カートの中身
	●２．メール＆パス
	●３．送信入力
	●４．送信内容確認
	●５．送信
	
	●６．forgetpass
			＆changemail設定
	
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*残り○○○円で送料無料！*/
#muryou {
	width:100%;
	text-align:right;
}


/*価格注釈*/
#price-info { padding:5px 0 20px 0;	text-align:left; }

/*エラーメッセージ*/
#error-disp p {
	padding:20px;
	text-align:center;
	color:#ff0000;
	font-weight:bold;
}


/*ページ移動*/
.step-jump {
	padding:10px 0;
	text-align:center;
}

.step-jump2 {
	margin:20px auto 0px;
	text-align:center;
}

.step-jump3 {
	padding-top:10px;
	text-align:right;
}

.step-jump4 { margin:15px auto 0; text-align:center; }

.step-jump4 li { display:inline; padding:0 3px; }

#step-left {
	margin:0px;
	padding:10px 0px;
	text-align: left;
	vertical-align: top;
}

#step-right {
	margin:0px;
	padding:10px 10px 10px 0px;
	text-align: right;
	vertical-align: top;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●２-１．カートの中身
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
TMPL_cartList.html
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*カートの中身・テーブル*/
#cartlist-table {
	border-collapse:collapse;
	border:1px solid #cccccc;
}

/*カートの中身・テーブルヘッダー*/
#cartlist-table thead th {
	border:1px solid #cccccc;
	background:#f2f2f2;
	text-align:center;
	white-space:nowrap;
}

/*カートの中身・テーブルボディ　〜繰り返し部分〜*/
#cartlist-table tbody td {/*右寄せ*/
	padding:3px 3px 3px 0px;
	border:1px solid #cccccc;
	text-align:right;
	background:#fff;
}

#cartlist-table tbody .ctr,
#cartlist-table tbody #deleteform td,
#cartlist-table tbody #addform td {/*中央寄せ*/
	border:1px solid #cccccc;
	text-align:center;
	background:#fff;
}

/*カートの中身・テーブルフッター　〜小計部分〜*/
#cartlist-table tfoot th {/*右寄せ*/
	border:1px solid #cccccc;
	background-color:#eceae1;
	text-align:right;
}

#cartlist-table tfoot td {/*右寄せ*/
	border:1px solid #cccccc;
	text-align:right;
	background:#fff;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
TMPL_input.html ＆ TMPL_confirm.html
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*カートの中身・テーブル*/
#cartcheck {
	border-collapse:collapse;
	border:1px solid #cccccc;
}

/*カートの中身・テーブルヘッダー*/
#cartcheck thead th {
	border:1px solid #cccccc;
	background-color:#f2f2f2;
	text-align:center;
	white-space:nowrap;
}

/*カートの中身・テーブルボディ　〜繰り返し部分〜*/
#cartcheck tbody td {/*右寄せ*/
	border:1px solid #cccccc;
	text-align:right;
	background:#fff;
}

#cartcheck tbody .ctr,
#cartcheck tbody #deleteform td,
#cartcheck tbody #addform td {/*中央寄せ*/

	border:1px solid #cccccc;
	text-align:center;
	background:#fff;
}

/*カートの中身・テーブルフッター　〜小計部分〜*/
#cartcheck tfoot th {/*右寄せ*/
	border:1px solid #cccccc;
	background-color:#eceae1;
	text-align:right;
}

#cartcheck tfoot td {/*右寄せ*/
	border:1px solid #cccccc;
	text-align:right;
	background:#fff;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●２-２．カートの中身ページの
		メール＆パスフォーム
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*ラッパー*/
#cart-pw {
	padding:10px 20px;
}

/*フォーム入力フィールドセット*/
#cart-pw fieldset {
	margin-bottom:20px;
}

/*中のテーブル・共通*/
#cart-pw table {
	margin-top:6px;
	margin-bottom:6px;
}

/*中のテーブル・セル枠無し*/
#cart-pw table td{
	padding:3px 6px;
}

/*中のテーブル・ボーダーつき*/
#cart-pw #pw-input {
	border-collapse:collapse;
	border-spacing:0px;
}

/*中のテーブル・ボーダーつきセル内*/
#cart-pw #pw-input td {
	padding:2px 5px;
	border:1px solid #dddddd;
}

#cart-pw table td label {
	text-align:right;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●２-３．送信入力
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●２-４．送信確認
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.input-data {
	margin:12px 0px 30px;
	border-collapse:collapse;
	border:1px solid #cccccc;
}

.check-data {
	margin:6px 0px 12px;
	border-collapse:collapse;
	border:1px solid #cccccc;
}

/*項目*/
.input-data th,
.check-data th {
	padding:6px 12px;
	border:1px solid #cccccc;
	background-color:#f2f2f2;
	
	text-align:left;
}

/*内容*/
.input-data td,
.check-data td {/*左寄せ*/
	padding:6px 12px;
	border:1px solid #cccccc;
	text-align:left;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	IMEモード
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*有効*/
.regist input#label1,.regist input#label2,.regist input#label13,.regist input#label14,.regist input#label15,.regist input#label16,
.regist input#address1,.regist input#address2,
.regist input#deli_address1,.regist input#deli_address2,
.regist textarea#remark {
	/*IME mode*/
	ime-mode:active;
}

/*無効*/
.regist input#zip1,.regist input#zip2,
.regist input#tel1,.regist input#tel2,.regist input#tel3, 
.regist input#deli_zip1,.regist input#deli_zip2,
.regist input#deli_tel1,.regist input#deli_tel2,.regist input#deli_tel3, 
.regist input#email,.regist input#oldmail,.regist input#newmail,.regist input#chkmail,
.regist input#pwd,.regist input#npwd,.regist input#npwd2 {
	/*IME mode*/
	ime-mode:disabled;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●５．送信
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#next-credit form {
	padding:10px 20px 20px;
	line-height:150%;
}

#next-credit input {
	margin:20px;
}

#fin-cart {
	padding:10px 20px 20px;
	line-height:150%;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●６．メール＆パス変更
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*中のテーブル・ボーダーつき*/
#cart-pw #pw-input2 {
	border-collapse:collapse;
}

/*中のテーブル・ボーダーつきセル内　見出し部*/
#cart-pw #pw-input2 th {
	border:1px solid #dddddd;
	text-align:right;

	white-space:nowrap;
}

/*中のテーブル・ボーダーつきセル内*/
#cart-pw #pw-input2 td {
	border:1px solid #dddddd;
}

#cart-pw #pw-input2 td label {
	text-align:right;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●7．インプット外観変更
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

input.next {
	/*font-weight: bold;*/
	background-color: #FF3300;
	color: #FFF;
	text-decoration: none;
	border-top: 1px solid #cecece;
	border-bottom: 2px solid #4a4a4a;
	border-left: 1px solid #cecece;
	border-right: 2px solid #4a4a4a;
}

input.next:hover {
	border-bottom: 1px solid #cecece;
	border-top: 2px solid #4a4a4a;
	border-right: 1px solid #cecece;
	border-left: 2px solid #4a4a4a;
}

input.next2 {
	font-weight: bold;
	color:#2D2D2D;
}