/* ----- basic --------------------------------------------------------------------------------------------------------------------------------- */
body { margin:0; padding:0; background:#fff; height:100%; text-align:center;
       font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
       font-size:12px; color:#333; }
html { height:100%; }
img {  border:none; }
a img { border:none; }
a, a:visited { color:#3163ff; text-decoration:none; outline:none; }
a:hover { color:#ff52b8; text-decoration:underline; }
p { margin:0 0 1em 0; padding:0; line-height:150%; }
ul { list-style-type:none; margin:0 0 1em 0; padding:0; line-height:0%; }
ul li { margin:0; padding:0; line-height:normal; }
ol { margin:0 0 1em 17px; padding:0; }
* html ol { margin:0 0 1em 23px; padding:0; }
ol li { margin:0; padding:0 0 5px 0; line-height:normal; }
h1,h2,h3,h4,h5,form,table,input,textarea,dl,dt,dd { margin:0; padding:0; }
table { border-collapse:collapse; border:0; margin:0; font-size:12px; }
td,th { padding:8px 10px 6px; }
th { font-weight:normal; background:#f7f7f7; }
input,textarea { font-size:100%; }
textarea { overflow:auto; }
.alignright { float:right; }
.alignleft { float:left; }
.clear { clear:both; }

/* ----- 宝健茶 --------------------------------------------------------------------------------------------------------------------------------- */
#ocha_container { width:700px; height:1130px; position:relative; margin:0 auto; background:url(img/ocha.jpg) no-repeat left top; text-align:left; }
#ocha_name { position:absolute; top:520px; right:290px; margin:0; font-size:25px; }
#ocha_gram { position:absolute; top:528px; right:220px; margin:0; }
#ocha_price { position:absolute; top:550px; right:90px; margin:0; font-size:25px; font-weight:bold; color:red; }
#ocha_price span { font-size:14px; color:#888; margin:0 0 0 20px; font-weight:normal; }
#ocha_order { position:absolute; top:650px; right:0; margin:0; }
#ocha_des {	position:absolute; top: 725px; right:0px; margin:0;	width:355px; height: 50px; letter-spacing: -0.3px; }
#ocha_des01 { position:absolute; top: 890px; right:0px; margin:0; width:355px; letter-spacing: -0.3px;}
#ocha_postage { position:absolute; top: 770px; left:365px; margin:0; width:300px; height:120px; }
#ocha_privacy { position:absolute; top:680px; right:0px; margin:0; }
#ocha_address { position:absolute; bottom:129px; padding-left: 345px; margin:0; text-indent:0px; width: 630px; }
#ocha_tel { position:absolute; bottom:45px; padding-left: 345px;  margin:0; text-indent:0px; width: 630px;  }
#ocha_material { position:absolute; top:430px; left:32px; margin:0; }
#ocha_home { position:absolute; bottom:110px; left:80px; }
#ocha_copyright { position:absolute; bottom:0px; width:700px; text-align:center; background:#437024; color:#fff; margin:0; padding:7px 0; font-weight:bold; }
#ocha_input { position:absolute; top:590px; left:335px; margin:0; }
#ocha_input td,#ocha_input th { border:none; background:none; }
#ocha_form { width:660px; margin:0 auto; padding:0; }
#ocha_form_name { position:absolute; right:350px; top:257px; font-size:26px; }
#ocha_form_gram { position:absolute; right:270px; top:268px; font-size:14px; }
#ocha_form_copyright { width:660px; text-align:center; background:#437024; color:#fff; margin:50px 0 0 0; padding:7px 0; }
#ocha_form_top { background:url(img/ocha_form_top.gif) no-repeat center top; height:580px; position:relative; text-align:left; }
#ocha_form_delivery { position:absolute; color:red; right:100px; bottom:80px; }
#ocha_form_privacy { position:absolute; right:0px; bottom:0px; }
#ocha_form_thanks { position:absolute; left:0px; bottom:0px; }
#ocha_form_top table { position:absolute; right:230px; bottom:160px; }
#ocha_form_top td,#ocha_form_top th { border:none; background:none; padding:3px; font-size:14px; }
#ocha_form_submit { display:block; text-align:center; margin:30px 0; }

#ocha_thanks { width:660px; margin:0 auto; text-align:center; }
#ocha_confirm { background:url(img/ocha_form_top.gif) no-repeat center top; height:580px; position:relative; }
#ocha_confirm_contents { position:absolute; right:30px; bottom:170px; text-align:center; width:400px; }
#ocha_thanks_copyright { text-align:center; background:#437024; color:#fff; margin:50px 0 0 0; padding:7px 0; }


/* ----- お問い合わせ [ page-inquiry.php ] ------------------------------------------------------------------------------------------------------ */
#form { margin:0 auto; padding:15px 0 15px; border:1px solid #ccc; width:660px; }
#form table { width:600px; margin:0 auto; font-size:14px; }
#form td { border:none; border-bottom:1px solid #ccc; padding:15px; }
#form th { border:none; border-bottom:1px solid #ccc; padding:20px 20px 10px; background:#fff url(img/form_line1.gif) no-repeat right 13px; width:200px; }
#form tr#order_email th { background:#fff url(img/form_line3.gif) no-repeat right 13px; }
#form tr#order_comment th { background:#fff url(img/form_line2.gif) no-repeat right 13px; border:none; }
#form tr#order_comment td { border:none; }
#form td span { display:block; margin:5px 0 0; }
#form th span { color:red; margin:0 0 0 10px; }
input.mfp,textarea.mfp { border:1px solid #aaa; padding:4px; }

#confirm { text-align:center; display:block; margin:30px 0 0 0; }

#form_radio li { display:inline; float:left; margin:0 20px 0 0; }

#form_privacy { display:block; text-align:right; }

input#button_mf_goconfirm { width:130px; height:48px; overflow:hidden; background:#fff url(img/form_confirm.gif) no-repeat; border:none; cursor:pointer; }
.confirm_over { background:url(img/form_confirm_over.gif) no-repeat; }
.confirm_out { background:url(img/form_confirm.gif) no-repeat; }

/* ---------- clearfix hack ---------- */
.cf:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.cf { display: inline-block; }
/* exlude MacIE5 \*/
* html .cf { height: 1% }
.cf {display:block;}
/* end MacIE5 */