@charset "utf-8";

/* 特定商取引法、お問い合わせ、デフォルトであるページのCSS
----------------------------------------------- */

/* 下層共通指定 */
div#undercolumn table{
	width:650px;
}

/* ◎◎について */
div#undercolumn_aboutus table th{
	width:140px;
}

/* 特定商取引法 */
div#undercolumn_order table th{
	width:140px;
}

/* お問い合わせ */
div#undercolumn_contact .box120{
	width:120px;
	padding:2px;
	border:1px solid #ccc;
}
div#undercolumn_contact .box60{
	width:60px;
	padding:2px;
	border:1px solid #ccc;
}
div#undercolumn_contact .box380{
	width:380px;
	margin:5px 0 0 0;
	padding:2px;
	border:1px solid #ccc;
}
div#undercolumn_contact .area380{
	width:380px;
	height:250px;
	margin:5px 0 0 0;
	padding:2px;
	border:1px solid #ccc;
}
div#undercolumn_contact .zipimg img{
	margin:5px 0 0 0;
}

/* 利用規約 */
#kiyaku_txtarea{
	width: 680px;
	margin:0 auto;
	display:block;
}

/* 利用規約 */
#kiyaku_text{
	width: 680px;
	height:800px;
/*	margin:0 auto;
	display:block; */
}

/* 会員登録 */
div#undercolumn_entry .area470{
	width:650px;
	height:520px;
	margin:5px auto 0;
	padding:2px;
	border:1px solid #ccc;
	dispaly:block;
}
div#undercolumn_entry .box120{
	width:120px;
	padding:2px;
	border:1px solid #ccc;
}
div#undercolumn_entry .box60{
	width:60px;
	padding:2px;
	border:1px solid #ccc;
}
div#undercolumn_entry .box380{
	width:380px;
	margin:5px 0 0 0;
	padding:2px;
	border:1px solid #ccc;
}
div#undercolumn_entry .box320{
	width:320px;
	margin:5px 0 0 0;
	padding:2px;
	border:1px solid #ccc;
}
div#undercolumn_entry .zipimg img{
	margin:5px 0 0 0;
}
div#undercolumn_entry div#completetext{
	width:470px;
	margin:15px auto 0 auto;
	padding:15px;
	border:5px solid #ccc;
}
div#undercolumn_entry div#completetext em{
	font-weight:bold;
}
div#undercolumn_entry div#completetext p{
	padding:20px 0 0 0;
	text-align:left;
}
div#undercolumn_entry dt{
	float:left;
	width:4em;
	border:1px solid #FF0000;
}
div#undercolumn_entry table{
	display:block;
	margin:0 auto 10px;
}

/* マイページ用CSS
----------------------------------------------- */
/* CSSハック */
.mywel { min-height:1px; height:1%; }
.mywel:after { content:"."; display:block; height:0px; clear:both; visibility:hidden; }

/* MYPAGE共通指定 */
.myp_btn_kaiin{
	text-align:center;
}
div#mypagecolumn{
	width:700px;
	margin:15px auto 0 auto;
}
div#mypagecolumn h2.title{
	width:700px;
	margin:0 0 15px 0;
}
div#mypagecolumn table{
	width:510px;
}
div#mycontentsarea{
	width:510px;
}
div#mycontentsarea table th.resulttd{
	text-align:right;
}
div#mycontentsarea table.delivname th{
	text-align:left;
	width:140px;
}
div#mycontentsarea table caption{
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	padding:8px;
	background-color:#f0f0f0;
	text-align:left;
	font-weight:bold;
	color:#000;
}
.button_like{
	width:172px;
	margin-bottom:15px;
}
.button_like li{
	border-top:none;
}

/* ナビゲーション */
.mywel{
	margin-bottom:10px;
}
.mywel li{
	display:inline;
	float:left;
}
.mywel li.repage_btn{
	float:right;
}

/* 購入履歴一覧/詳細 */
div#mynavarea{
	float:left;
	width:185px;
}
div#mynavarea li{
	display:block;
	height:30px;
}
div#mycontentsarea{
	float:right;
}
div#mycontentsarea h3{
	margin:0 0 10px 0;
}
div#mycontentsarea table th{
	text-align:center;
}
div#mycontentsarea p.myconditionarea{
	clear:both;
	margin:0 auto 10px;
	padding:5px;
	border:solid 1px #333;
}
div#mycontentsarea p.delivempty{
	clear:both;
	width:500px;
	margin:30px auto;
	padding:10px 0;
	border:solid 5px #CCC;
	text-align:center;
}

/* 会員登録内容変更/退会 */
.mypage_table .tbl_check{
	background:#ffcccc;
}
div#mycontentsarea .box120{
	width:120px;
	padding:2px;
	border:1px solid #ccc;
}
div#mycontentsarea .box60{
	width:60px;
	padding:2px;
	border:1px solid #ccc;
}
div#mycontentsarea .box300{
	width:300px;
	margin:5px 0 0 0;
	padding:2px;
	border:1px solid #ccc;
}
div#mycontentsarea .box260{
	width:260px;
	margin:5px 0 0 0;
	padding:2px;
	border:1px solid #ccc;
}
div#mycontentsarea .zipimg img{
	margin:5px 0 0 0;
}
div#mycontentsarea #completetext{
	width:470px;
	margin:15px auto 0 auto;
	padding:15px;
	border:5px solid #ccc;
}
div#completetext p.changetext{
	padding:40px 0;
	text-align:center;
}

/* ログイン、買い物かご、お客様が入力する部分のCSS
----------------------------------------------- */
/* 下層共通指定 */
div#under02column{
	width:800px;
	margin:15px auto 0 auto;
}
div#under02column h2.title{
	margin:0 0 15px 0;
}
div#under02column table{
	width:800px;
}
/* カートの中 */
div#under02column_cart .totalmoneyarea{
	width:680px;
	margin:15px auto 0 auto;
	padding:10px 5px;
	text-align:center;
}
#under02column_cart table{
	margin:0 0 10px;
}
div#under02column_cart th{
	text-align:center;
}
div#under02column table th.resulttd{
	text-align:right;
}
div#under02column td#quantity{
	text-align:center;
	width:70px;
}
div#under02column ul#quantity_level li{
	display:inline;
	padding:3px;
}
.cart_biko{
	border:solid 1px #ccc;
	background:#fcfcfc;
	font-size:0.9em;
	padding:5px 10px;
	margin-bottom:10px;
	text-align:left;
}
.biko_attention{
	color:#ff0000;
	font-size:0.9em;
}

/* お客様情報入力 */
.flowarea{
	margin:0 0 20px 0;
}
div#under02column_customer th em{
	color:#010101;
	font-weight:bold;
}
div#under02column_customer .box120{
	width:120px;
	padding:2px;
	border:1px solid #ccc;
}
div#under02column_customer .box60{
	width:60px;
	padding:2px;
	border:1px solid #ccc;
}
div#under02column_customer .box380{
	width:380px;
	margin:5px 0 0 0;
	padding:2px;
	border:1px solid #ccc;
}
div#under02column_customer .box320{
	width:320px;
	margin:5px 0 0 0;
	padding:2px;
	border:1px solid #ccc;
}
div#under02column_customer .zipimg img{
	margin:5px 0 0 0;
}

/* お届け先指定 */
#under02column_shopping table{
	margin: 0 0 10px;
}
div#under02column_shopping table th{
	text-align:center;
}
.addbtn{
	margin:10px 0;
}

/* お支払い方法・お届け時間等の指定 */
div#under02column_shopping .payarea{
	width:670px;
	margin:0 auto;
}
div#under02column_shopping h3{
	margin:0 0 15px 0;
}
div#under02column_shopping .payarea02{
	width:670px;
	margin:40px auto 0 auto;
}
div#under02column_shopping .payarea02 div{
	margin:10px 0 0 0;
}
div#under02column_shopping .payarea02 em{
	font-weight:bold;
	color:#010101;
}
div#under02column_shopping .payarea table{
	width:670px;
}
div#under02column_shopping .payarea table th{
	text-align:center;
}
div#under02column_shopping .payarea02 .area660{
	width:660px;
	height:150px;
	margin:5px 0 0 0;
	padding:2px;
	border:1px solid #ccc;
}
div#under02column_shopping .pointarea{
	width:670px;
	margin:40px auto 0 auto;
}
div#under02column_shopping .pointarea div{
	border:3px solid #ccc;
	padding:5px;
	text-align:center;
}
div#under02column_shopping .pointarea ul{
	margin:10px auto;
	width:500px;
}
div#under02column_shopping .pointarea li{
	text-align:left;
	padding:2px 10px;
}
div#under02column_shopping .pointarea li.underline{
	border-bottom:1px dashed #ccc;
	margin-bottom:7px;
}

/* 確認 */
div#under02column_shopping table.delivname thead th{
	width:690px;
	text-align:left;
	font-weight:bold;
}
div#under02column_shopping table.delivname tbody th{
	text-align:left;
	width:155px;
}
div#under02column_shopping table.delivname td{
	text-align:left;
	width:550px;
}

/* 決済モジュール(決済情報入力画面) */
div#under02column_shopping .box60{
	width:60px;
	padding:2px;
	border:1px solid #ccc;
}
div#under02column_shopping .box120{
	width:120px;
	padding:2px;
	border:1px solid #ccc;
}
.pay_biko{
	color:#ff0000;
	font-size:0.9em;
	font-weight:bold;
}

/* ログイン */
#under02column_login{
	width:800px;
	margin:0 auto;
}
#under02column_login .loginarea{
	width:361px;
	padding:10px 15px;
	margin-bottom:10px;
	border:1px solid #ccc;
	float:left;
}
#under02column_login .log_lef{
	float:left;
}
#under02column_login .log_rig{
	float:right;
}
#under02column_login .log_lef .inputbox img{
	float:left;
}
#member_form2{
	display:inline-block;
	float:right;
}
* html #member_form2{
	display:inline;
	zoom:1;
}
*+html #member_form2{
	display:inline;
	zoom:1;
}
.kaiin_red{
	color:#d83f3f;
}

/* 会員 */
#under02column_login .log_lef .inputbox input[type='text']{
	width:200px;
	text-align:left;
}
#under02column_login .loginarea .inputbox{
	margin:0 auto;
	padding:15px 20px;
	border:solid 1px #f0f0f0;
	background:#fcfcfc;
}
#under02column_login .loginarea .inputbox .passwd{
	padding-top:10px;
}
#under02column_login .loginarea .inputbox .box300{
	margin:5px 0 0 0;
	padding:2px;
	border:1px solid #ccc;
}
#under02column_login .loginarea .inputbox02{
	text-align:center;
}

/* 非会員 */
#under02column_login .loginarea .inputtext{
	margin:0 auto;
	padding:15px 10px;
}
#under02column_login .loginarea .inputtext02{
	margin:0 auto;
	font-size:90%;
}

/* パスワード忘れ */
.pass_wasure{
	clear:both;
	padding:10px 15px;
	margin-bottom:10px;
	border:1px solid #ccc;
}

/* エラー */
div#under02column_error .messagearea{
	width:680px;
	margin:15px auto 0 auto;
	padding:10px 5px;
	border:5px solid #ccc;
	text-align:center;
}
div#under02column_error .messagearea .error{
	padding:120px 0;
}

/* 買い物かごからのログイン画面
----------------------------------------------- */
#under02column_kago_login{
	width:800px;
	margin:0 auto;
}
#under02column_kago_login .loginarea{
	width:361px;
	padding:10px 15px;
	margin-bottom:10px;
	border:1px solid #ccc;
}
#under02column_kago_login .log_lef{
	float:left;
}
#under02column_kago_login .bogin_box{
	float:right;
}
#under02column_kago_login .inputbox02{
	text-align:center;
}
#under02column_kago_login .inputbox{
	margin:0 auto;
	padding:15px 20px;
	border:solid 1px #f0f0f0;
	background:#fcfcfc;
}
#under02column_kago_login .log_lef img{
	float:left;
}
#under02column_kago_login .log_lef .inputbox input[type='text']{
	width:200px;
	text-align:left;
}
#under02column_kago_login .log_lef .mini{
	margin-bottom:10px;
}


/* ポップアップウィンドウ用CSS
----------------------------------------------- */

/* 商品詳細拡大写真 */
div#bigimage{
	width:520px;
	margin:15px auto 0 auto;
	background-color:#fff;
}
div#bigimage img{
	padding:10px;
	background-color:#fff;
}

/* カート拡大写真 */
div#cartimage{
	width:280px;
	margin:15px auto 0 auto;
	background-color:#fff;
}
div#cartimage img{
	padding:10px;
	background-color:#fff;
}

/* お客様の声の書き込み・新しいお届け先の追加・変更 */
div#windowcolumn{
	width:550px;
	margin:15px auto 0 auto;
	background-color:#fff;
	border-top:5px solid #e10000;
	border-bottom:5px solid #e10000;
}
div#windowcolumn h2{
	width:500px;
	margin:0 0 15px 0;
}
div#windowarea{
	width:500px;
	margin:15px auto 0 auto;
}
div#windowarea p.windowtext{
	margin:15px 0 0 0;
}
div#windowarea table{
	width:490px;
}
div#windowarea .zipimg img{
	margin:5px 0 0 0;
}
div#windowarea .box350{
	width:350px;
	padding:2px;
	border:1px solid #ccc;
}
div#windowarea .area350{
	width:350px;
	height:120px;
	border:1px solid #ccc;
}
div#windowarea .box120{
	width:120px;
	padding:2px;
	border:1px solid #ccc;
}
div#windowarea .box60{
	width:60px;
	padding:2px;
	border:1px solid #ccc;
}
div#windowarea .box300{
	width:300px;
	padding:2px;
	border:1px solid #ccc;
}
div#windowarea .btn{
	margin:15px 0 30px 0;
	text-align:center;
}
div#windowarea #completebox{
	width:490px;
	margin:15px 0 0 0;
	border:5px solid #ccc;
}
div#windowarea #completebox p{
	padding:60px 5px;
	text-align:center;
}

/* 郵便番号検索 */
div#zipsearchcolumn{
	width:460px;
	margin:15px auto 0 auto;
	background-color:#fff;
	border-top:5px solid #ffa85c;
	border-bottom:5px solid #ffa85c;
}
div#zipsearchcolumn h2{
	width:460px;
	margin:0 0 15px 0;
}
div#zipsearcharea{
	width:460px;
	margin:15px auto 0 auto;
}
div#zipsearchcolumn .btn{
	margin:15px 0 30px 0;
	text-align:center;
}
div#zipsearcharea #completebox p{
	padding:60px 5px;
	text-align:center;
}