@charset "utf-8";


body,tr,td,th,input,textarea,select,option { font-size:13px;font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;}
body{  -webkit-text-size-adjust: 100%; word-break: break-all;}
big          { font-size: 15px; font-weight: bold;line-height:150%;}
small        { font-size: 12px; }
a:link{ color: #0000ff;  }
a:visited{ color: #0000ff;  }
a:hover { color: #ff299d; }
select,input,textarea{ 
	font-size:13px;color:#333333;margin:1px
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	border:1px solid #949494; margin:1px;
	border-radius: 4px;box-shadow: 1px 1px 2px 1px rgba(150,150,150,0.1);
}
.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}
.vtop{vertical-align:top;}
.vmiddle{vertical-align:middle;}
.nobr{white-space:nowrap;}
.clear{clear:both;}
/* 大枠 */
.content{max-width:800px; width:100%; margin:5px auto;}
/* ページ上部タイトル */
.header{background-color:#eaeaea;border:1px solid #cfcfcf;padding:10px 0 10px;text-align:center;font-size:16px;margin:0 0 10px; }
/* ページ下部タイトル */
.footer{background-color:#eaeaea;border:1px solid #cfcfcf;padding:7px 0 7px;text-align:center;font-size:13px;margin:10px 0 0; }
/* フォーム大項目(お客様情報など) */
.border_bk{padding:1px;margin:10px 0 3px;font-weight:bold;}
/* エラーメッセージの区切り線*/
.border_rd{border-top:1px solid #ff0000;padding:1px;margin:8px 0 5px;font-size:110%;}

/* 商品teble PC */
#tabel01{display:block}
#tabel01 .gwaku { border-top:1px solid #777979; border-right:1px solid #777979;border-spacing:0; width:100%;margin:7px 0 0;} /* 外枠線 */
#tabel01 td{border-bottom:1px solid #777979; border-left:1px solid #777979;}
#tabel01 .gztxt { padding: 3px 4px 3px; background-color:#b4b4b2;color:#ffffff;font-weight:bold;text-align:center;} /*項目名*/
#tabel01 .ptag1{ padding: 3px 4px 3px;} /* 内容 */
#tabel01 .gtotal { padding: 0px 4px;} /* 合計 */
/* 商品teble スマホ */
#tabel02{display:none;}
#tabel02 .gwaku { width:100%;} /* 外枠線 */
#tabel02 .gztxt { text-align:center;width:1%;white-space:nowrap;vertical-align:top;} /*項目名*/
#tabel02 .ptag1{ padding: 0px 4px; width:99%;} /* 内容 */
#tabel02 .gtotal { padding: 0px 4px;} /* 合計 */
#tabel02 .ptag2{border-bottom:1px dotted #6f6f6f;}
/* スマホ アコーディオン */
#s_area{display:none;margin-top:5px;}

.taxtext{text-align:right;margin-top:3px;} /*「 価格は消費税込です。」 */

/* 数量変更表組み */
#tabel03 .gwaku { border-top:1px solid #777979; border-right:1px solid #777979;max-width:600px; width:100%;border-spacing:0;margin:10px auto 10px;} /* 外枠線 */
#tabel03 td{border-bottom:1px solid #777979; border-left:1px solid #777979;}
#tabel03 .gztxt { width:30%;padding: 3px 4px 3px;color:#ffffff; background-color:#c0c0c0; font-weight: bold;text-align:center;white-space:nowrap;} /*項目名*/
#tabel03 .ptag1{ width:70%; padding: 3px 4px 3px;} /* 内容 */


/* 複数郵便番号の選択エリア */
.addframe{
position:static;
/*position:absolute;*/
}
.seltable{
background-color: #eeeeee;
border:1px solid #6f6f6f;
padding:5px;
margin:2px 0 0;
}

/* [ご注文] ボタン*/
.order{padding:3px 20px 3px;margin:5px 0 10px;}
/* [次へ] ボタン*/
.next{padding:3px 20px 3px;margin:5px 0 10px;}
/* [送信] ボタン*/
.send{padding:3px 20px 3px;}
/* 閉じる・戻る */
.closebtn{margin:2px 0 2px;}
/* カート説明文 */
.axplain_area{margin:10px 0 15px;}

/****** 入力フォーム *******/
/* 外枠 */
.form_table{width:703px;margin:0 auto;}
/* 最上段の項目の上線 */
.top_line{border-top:1px solid #989898;}
.yform{clear:both;}
/* フォームの 項目用 TDタグ */
.formTD1{
	width:200px;
	background-color:#efefec; 
	border-left:1px solid #989898; border-right:1px solid #989898; border-bottom:1px solid #989898;
	padding:8px 3px 8px;border-spacing:0;text-align:left; vertical-align:top;
	display:table-cell; box-sizing:border-box;
}
/* フォームの 入力部用 TDタグ */
.formTD2{
	width:500px;
	background-color:#ffffff; 
	border-right:1px solid #989898;border-bottom:1px solid #989898;
	padding:5px;border-spacing:0;text-align:left; vertical-align:top;
	display:table-cell; box-sizing:border-box;
}

/*********** 確認 **************/
/* お客様情報表組み */
.owaku {  border-top:1px solid #777979; border-right:1px solid #777979;border-spacing:0;  max-width:700px; width:100%;margin:20px auto 10px;} /* 外枠線 */
.owaku td{border-bottom:1px solid #777979; border-left:1px solid #777979;}
.odhead { text-align:left; font-weight:bold;padding: 10px 7px 4px; } /*項目ヘッダ*/
.odtxt { color:#000000; background-color:#efefec; text-align:center; width:30%;padding:3px 8px 3px;} /*項目名*/
.odmsg {width:70%;padding:3px 8px 3px;} /*内容*/

/* 〒 */
#postno_1, #TOpostno_1{ width:50px;}
#postno_2, #TOpostno_2{ width:70px;}



/* ボタンhover 背景色変更 */
input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover{background-color:#c5e1f9; }
/* iPhone特有フォームデザイン解除 */
input[type=text],input[type=tel],input[type=email],input[type=button],input[type=submit],input[type=password],input[type=reset], textarea{ -webkit-appearance: none; }
input[type=submit]{background-color:#f3f4f4;  }





/********** レスポンシブ ***********/
/******** 600未満 ******/
@media screen and (max-width:600px){
#tabel01{display:none;}
#tabel02{display:block}
}
/******** 700未満 ******/
@media screen and (max-width:710px){ 
/* フォーム外枠 */
.form_table{width:100%;}
/* 項目名 */
.formTD1{ width:100%; display:block; border-top:1px solid #989898;}
/* 入力部 */
.formTD2{ width:100%; display:block; border:0; margin-bottom:10px;}
}