body {
  margin:0 auto;
  padding:0;
  text-align:center;
  color:#666;
  font-size:12px;
  line-height:1.5;
  font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",Verdana;
  background:#563C30 url("/design/HARNNEC/images/bkg.gif");
}
.wrapper {
  margin:0 auto;
  width:900px;
  text-align:left;
  background-color:#fff;
}
.wrapper * {
  margin:0;
  padding:0;
  line-height:1.5;
}
table {
  border-collapse:collapse;
  border:none;
  text-align:left;
}
img { 
  border:none;
}
a {
  color: #F57E22 !important;
  text-decoration:none;
}
a:hover { 
  color: #F8AE5B !important;
  text-decoration:underline;
}
a:focus {  outline:none;  }
h2 { font-size:14px; }

/* header */
.header {
  width:900px;
  height:79px;
  position:relative;
  background:url("/design/HARNNEC/images/header_bkg.gif") top left repeat-x;
}
.header h1 a,
a.header_cart,
a.header_guide {
  display:block;
  position:absolute;
  text-indent:-9999px;
  text-decoration:none;
  font-size:0;
}
.header h1 a {
  top:0px; left:15px;
  width:515px;
  height:77px;
  background:url("/design/HARNNEC/images/header.gif") top left no-repeat;
}
a.header_cart {
  top:15px; left:639px;
  width:110px;
  height:12px;
  background:url("/design/HARNNEC/images/header_cart.gif") top left no-repeat;
}
a.header_cart:hover {
  background:url("/design/HARNNEC/images/header_cart.gif") bottom left no-repeat;
}
a.header_guide {
  top:15px; left:770px;
  width:110px;
  height:12px;
  background:url("/design/HARNNEC/images/header_guide.gif") top left no-repeat;
}
a.header_guide:hover {
  background:url("/design/HARNNEC/images/header_guide.gif") bottom left no-repeat;
}
.header_search {
  position:absolute;
  top:43px; left:615px;
  width:265px;
  height:25px;
}
input.searchbox {
  display:block;
  float:left;
  padding:0 1px;
  width:198px;
  font-size:12px !important;
  background:#F3EDE5;
  border:1px solid #F3EDE5;
}
input.searchbox:focus {
  background:#fff;
  border:1px solid #ECE2D4;
  outline:none;
}
.header_search a {
  display:block;
  float:right;
  width:60px;
  height:18px;
}

/* globalnavi */
.globalnavi {
  margin-left:15px;
  width:870px;
  height:28px;
  list-style:none;
  background:url("/design/HARNNEC/images/globalnavi.gif") 0px -28px no-repeat;
}
.globalnavi li {
  display:block;
  float:left;
  height:28px;
}
.globalnavi li a {
  display:block;
  height:28px;
  text-indent:-9999px;
  text-decoration:none;
}
.globalnavi li.home a {
  width:73px;
  background:url("/design/HARNNEC/images/globalnavi.gif") 0px 0px no-repeat;
}
.globalnavi li.soap a {
  width:133px;
  background:url("/design/HARNNEC/images/globalnavi.gif") -73px 0px no-repeat;
}
.globalnavi li.face a {
  width:105px;
  background:url("/design/HARNNEC/images/globalnavi.gif") -206px 0px no-repeat;
}
.globalnavi li.bath_body a {
  width:153px;
  background:url("/design/HARNNEC/images/globalnavi.gif") -311px 0px no-repeat;
}
.globalnavi li.hair a {
  width:105px;
  background:url("/design/HARNNEC/images/globalnavi.gif") -464px 0px no-repeat;
}
.globalnavi li.fragrance a {
  width:153px;
  background:url("/design/HARNNEC/images/globalnavi.gif") -569px 0px no-repeat;
}
.globalnavi li.others a {
  width:85px;
  background:url("/design/HARNNEC/images/globalnavi.gif") -722px 0px no-repeat;
}
.globalnavi li.gift a {
  width:63px;
  background:url("/design/HARNNEC/images/globalnavi.gif") -807px 0px no-repeat;
}
.globalnavi li.home a:hover,
.globalnavi li.soap a:hover,
.globalnavi li.face a:hover,
.globalnavi li.bath_body a:hover,
.globalnavi li.hair a:hover,
.globalnavi li.fragrance a:hover,
.globalnavi li.others a:hover,
.globalnavi li.gift a:hover {
  background:none;
}

#makebanner {
  width:900px;
  margin:0 !important;
  padding:0 !important;
}

/* left side */
.leftside {
  margin-top:30px;
  margin-left:20px;
  width:155px;
}
/* div_sideは左、右の両サイド共通 */
.div_side {
  margin-bottom:8px;
  border:1px solid #E6DACA;
  padding:0px 11px 10px;
}
.div_side h2 {
  margin:0 -11px;
}
.side_topm {
  margin-top:14px;
}
.side_txtS {
  font-size:11px;
  padding-bottom:5px;
}
.side_input input {
  padding:0 1px;
  font-size:12px !important;
  background:#F3EDE5;
  border:1px solid #F3EDE5;
}
.side_input input:focus {
  background:#fff;
  border:1px solid #ECE2D4;
  outline:none;
}
.side_loginform input {
  width:92px;
  font-size:12px !important;
}
.side_mailform {
  width:132px;
}
.side_inputBtn {
  padding-top:3px;
  text-align:center;
}
.side_arrow {
  margin-top:10px;
  padding-left:16px;
  font-size:11px;
  background:url("/design/HARNNEC/images/icon_arrowPink.gif") 0px 1px no-repeat;
}
.topM3 {
  margin-top:5px !important;
}
.topM0 {
  margin-top:1px !important;
}

.sidenavi_ul, .subpage_ul {
  margin-top:4px;
  list-style:none;
}
.sidenavi_ul li {
  padding-top:8px;
  padding-left:19px;
  font-size:10px;
  background:url("/design/HARNNEC/images/icon_arrowPink.gif") 3px 10px no-repeat;
}
.sidenavi_ul a {
  font-size:11px;
  font-weight:bold;
  color:#89511E !important;
}
.sidenavi_ul a:hover {
  color: #F8AE5B !important;
  text-decoration:underline;
}
.sidenavi_ul img {
  margin-left:3px;
}

.div_side2 {
  margin-bottom:8px;
}
.borderG {
  display:block;
  border:1px solid #b9c600;
}
.borderG:hover {
  border:1px solid #F8AE5B;
}

/* sub page left side */
.subpage_ul li {
  padding-top:8px;
  font-size:11px;
  padding-left:10px;
  background:url("/design/HARNNEC/images/subpage/subpage_arrow.gif") 0px 13px no-repeat;
}
.subpage_ul li.hr_line {
  padding:0 !important;
  height:8px;
  background:url("/design/HARNNEC/images/dot.gif") center bottom repeat-x;
}
.subpage_ul a {
  color:#ec6700 !important;
}
.subpage_ul a:hover {
  color: #F8AE5B !important;
  text-decoration:underline;
}

/* mainbody */
.mainbody {
  margin-top:30px;
  margin-left:25px;
  width:680px;
  position:relative;
}
.bread {
  position:absolute;
  top:-22px; left:-180px;
  font-size:11px !important;
  line-height:1.2 !important;
}
.bread a {
  color:#b48e59 !important;
}
.bread a:hover {
  color:#EC6700 !important;
  text-decoration:underline;
}
.mainbody_center {
  float:left;
  width:490px;
}
.mainbody_right {
  float:right;
  width:160px;
}

/* footer */
.pagetop {
  margin:15px;
  text-align:right;
}
.footer {
  padding:12px 0;
  width:900px;
  font-size:10px;
  line-height:1.2;
  min-height:15px;
  background-color:#F9F5F0;
}
.footer a {
  color:#89511E !important;
}
.footer a:hover {
  color:#EC6700 !important;
  text-decoration:underline;
}
.copyright {
  float:left;
  margin-left:15px;
  width:280px;
}
.footer_navi {
  float:right;
  margin-right:15px;
  width:500px;
  text-align:right;
}

/* clearFix */
.clearFix:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
* html .clearFix { display: inline-block; }
/* no ie mac \*/
* html .clearFix { height: 1%; }
.clearFix { display: block; }
/* */