@charset "utf-8";

/*========================
共通設定
========================*/
*{margin:0; padding:0;}
body{
  text-align:center;
  font-family:Arial,Helvetica,sans-serif;letter-spacing:0.1em;
}
a{color:#797676;text-decoration:none;}
a:hover{color:#000;}
img{border:0;}
ul{list-style:none;}
hr{margin:0;padding:0;border-width:4px 0 0; border-style:solid;height:4px;}

/*季節の色*/
.season_color{color:#66cdaa;}

/*========================
ページ全体
========================*/
#wrapper{
  width:720px;
  margin:0 auto;
  text-align:left;
}

/*========================
headエリア
========================*/
#header{
  width:720px;height:117px;
  position:relative;
  margin-top:28px;
}
h1{margin-left:164px; margin-bottom:24px;}
#logoImage{position:absolute;top:25px;left:0;}

hr.hr_header{margin-bottom:8px;}
*hr.hr_header{margin-top:-7px;margin-bottom:10px;}

/*sns*/
#top-sns{
text-align:right;
margin-bottom:8px;
}
#top-sns li{
display:inline-block;
margin-left:6px;
}

/*グローバルナビ*/
#globalNavi{
  width:493px;
  position:absolute;right:0;
}
* html #globalNavi{
  width:519px;
}
#globalNavi li{
  text-indent:-9999px;
  float:left;
  margin-left:24px;
}
#globalNavi li a{
  display:block;
  font-size:8px; *line-height:0;
  height:12px;
  background-image:url(/main/images/global_navi.png); background-repeat:no-repeat;
}

#globalNavi #navi00 a{width:26px;}
#globalNavi #navi00 a.active{background-position:0 -12px;}
#globalNavi #navi00 a:hover{background-position:0 -12px;}

#globalNavi #navi01 a{width:47px;background-position:-51px 0;}
#globalNavi #navi01 a.active{background-position:-51px -12px;}
#globalNavi #navi01 a:hover{background-position:-51px -12px;}

#globalNavi #navi02 a{width:37px;background-position:-122px 0;}
#globalNavi #navi02 a.active{background-position:-122px -12px;}
#globalNavi #navi02 a:hover{background-position:-122px -12px;}

#globalNavi #navi03 a{width:29px;background-position:-185px 0;}
#globalNavi #navi03 a.active{background-position:-185px -12px;}
#globalNavi #navi03 a:hover{background-position:-185px -12px;}

#globalNavi #navi04 a{width:37px;background-position:-240px 0;}
#globalNavi #navi04 a.active{background-position:-240px -12px;}
#globalNavi #navi04 a:hover{background-position:-240px -12px;}

#globalNavi #navi05 a{width:82px;background-position:-303px 0;}
#globalNavi #navi05 a.active{background-position:-303px -12px;}
#globalNavi #navi05 a:hover{background-position:-303px -12px;}

#globalNavi #navi06 a{width:67px;background-position:-410px 0;}
#globalNavi #navi06 a.active{background-position:-410px -12px;}
#globalNavi #navi06 a:hover{background-position:-410px -12px;}

/*========================
mainエリア
========================*/
#main{
  width:720px; min-height:750px;
  overflow:hidden;
}

/*===================
navエリア
===================*/
#nav{
  width:222px;
  float:right;
}

/*カートをみる*/
#viewCart{
  width:66px; height:11px;
  border:0;
  text-indent:-9999px;
  background: url(/main/shop/images/btn_cart.png) no-repeat 0 0;
  cursor:pointer;
}
#nav #viewCart{margin-left:154px;}

/*RECOMMEND*/
#recommend{
  width:220px; height:300px;
  margin-top:14px; margin-bottom:15px;
  border-left: 1px solid #e4e4e4;border-right: 1px solid #e4e4e4;border-bottom: 1px solid #e4e4e4;
  margin-right:2px;
}
#newsBlock{margin-top:10px; margin-bottom:30px;}
.newsBlockIn{
  width:220px;
  margin-bottom:20px;
  overflow:hidden;
  position:relative;
}
.newsBlockIn p{
  width:100px;
  padding: 0 10px;
  float:left;
}
.newsBlockIn img{
  display:block;
  float:right;
}
.news_icon_s{position:absolute; top:0; right:0;}

#navBanner li{
  margin-bottom:8px;
}

/*========================
footerエリア
========================*/
#footer{
  width:720px;
  margin-top:60px; margin-bottom:30px;
  border-top:4px solid #797676;
  position:relative;
}
#footer ul{
  position:absolute; top:5px; right:0;
}
#footer li{
  float:left; font-size:0.85em;
  margin-left:3px;
  *font-size:0.85em;
}