* { font: 12px Arial, sans-serif; margin: 0; padding: 0; }
BODY { background: #fff; padding-top: 30px; }
TD, IMG, TABLE { border-collapse: collapse; border: none; }
TD { vertical-align: top; text-align: left; }
A, P, LI { color: #333; }
A:hover { color: #336699; }
B, STRONG { font-weight: bold; }
I, EM { font-style: italic; }
H2, .th { color:#006CE3; font-weight: bold; }
H1 { font-size:18px; margin: 15px 0 10px 0; }
H2 { font-size:14px; margin: 15px 0 10px 0; }
H4 { font-size:14px; color:#BF1816; line-height: 150%; font-weight: bold; margin-top: 10px; }
P { margin: 12px 0; line-height: 150%; text-align: justify; }
UL, OL { margin: 15px 15px 15px 27px; }
.bbase LI, .bbase LI * { line-height: 150%; }
.rub LI { margin-bottom: 12px; }
.w100 { width: 100%; }
.w530 { width: 530px; }
.w200 { width: 240px; }
.th { background: #E0E0E0; padding: 10px 0 10px 35px; font-size:13px; margin: 0;}
.ramune { padding-left: 35px; }
.lor { background: url('img/ramune.jpg') no-repeat; }
.lgr { background: url('img/sp_pic.gif') repeat-x; }
.lgr2 { background: url('img/line_gr_b.gif'); }
.lgr3 { background: url('img/line_r.gif'); }
.lgr4 { background: url('img/line_ge.gif'); }
.nn, .tel, .ptel { font-weight: bold; text-transform: uppercase; padding-right: 3px; vertical-align: middle; height: 17px; white-space: nowrap; }
.nn { color: #bbb;  width: 100px; }
.tel { color: #BF1816; width: 10px; }
.ptel { color: #6daf0e; width: 10px; }
.boddy { padding: 0 35px; }
.bbase { padding-right: 40px; }
.tmenu { text-align: right; }
.tmenu, .tmenu * { font-size: 11px; color: #999; }
.rigg a, .rigg { color: #BF1816; }
.cright { float: right; margin: 0 0 5px 5px; }
.rigg { text-align: center; border-top: 1px solid #d6d6d7; margin-top: 10px; padding-top: 4px;}
.rigg a, .smap a { margin: 0 2px; font-size: 11px; }
.rigg a:hover { color: #333; }
.zerro { margin: 0 0 0 5px; }
.zerro li { color: #6daf0e; list-style: none; padding: 0 0 3px 12px;  background: url('img/chon.gif') left no-repeat; margin-top: 3px;}
ul.zerro li a { font-size: 11px ! important; }
.zerro A:hover { color: #6daf0e;  }
.rig { text-align: right; background: none ! important; border-top: 1px solid #d6d6d7; margin-top: 10px ! important; padding-top: 4px ! important;}
.pd { margin-top: 30px; }
.smap { background: #E0E0E0; padding: 5px 35px; margin-top: 30px; }
.cnt { margin: 10px 0 10px 35px; }
.price { border-bottom: 2px solid #dddcdc; }
.price td { padding: 5px; border-top: 2px solid #fff; background: #f1f1f1; }
.hprice td { font-weight: bold; background: #dddcdc; }
.pred td { background: red; color: #fff; }
.arrt a { display: block; margin-bottom: 5px; font-size: 14px; }
.grayborder td { border:1px solid #999; padding: 5px; }
.df a { font-weight: bold; }
.df { margin-top: 25px; }

.mat { width: 100%; }
.mat td { width: 20%; background: #f1f1f1; vertical-align: middle;}
.bbb { font-weight: bold; }
.emh4 { font-size: 12px; color: #333; display: block; margin-top: 5px; }