@charset "utf-8";
/*====================================================================

common.css

====================================================================*/
/*--------------------------------------------------------------------
format
--------------------------------------------------------------------*/
body,div,p,span,
/*dl,dt,dd,ul,ol,li,*/
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,
table,tr,th,td,img{
	margin:0;
	padding:0;
	font:normal normal normal 100%/1.7 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	border:none;
}
hr{display:none;}
html,body{width: 100%;}
body{
   
   text-align: center;
}

input{
   padding:0;
   margin:0;
}
/*a
----------------------------------------------------------------*/
a{
	color:#ff7f97;
	text-decoration: none;
}
a:visited{
	color:#ff7f97;
	text-decoration: none;
}
a:hover{
	color:#ff5a79;
	text-decoration: none;
}
a:active{
	color:#fcadbc;
	text-decoration: none;
}



/*--------------------------------------------------------------------
general
--------------------------------------------------------------------*/
#generalhead{
   width: 100%;
   height: 31px;
   background: #fbfcfc url(../img/common/bg_generalhead.png) repeat-x bottom;
}
#generalhead:after{
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
#anaplogo,
#anaplogo a{
   width: 62px;
}
#anaplogo{
   float: left;
   background: url(../img/common/anap.png) no-repeat left 8px;
   overflow: hidden;
   margin-right: 10px;
}
#anaplogo a{
   display: block;
   height: 15px;
   text-indent: -9999px;
   overflow: hidden;
   margin-top: 8px;
}
#generalhead div.general_menu{
   width: 888px;
}
#generalhead div.general_menu,
#generalhead p.member,
#generalhead dl#member-menu{
   float: left;
   font-size: 10px;
   color: #fff;
}

#generalhead div.general_menu p.member,
#generalhead dl,
#generalhead dl dt,
#generalhead dl dd{
   float: left;
   height: 31px;
   line-height: 31px;
   margin: 0;
   padding: 0;
   overflow: hidden;
}
#generalhead div.general_menu p.member{
   margin-right: 5px;
}
#generalhead div.general_menu p.member a{
   color: #f3bd00;
}
#generalhead div.general_menu p.member a:hover{
   border-bottom: dotted 1px #f3bd00;
}
#generalhead div.general_menu p.member a:active{
   color: #fad34c;
}
#generalhead dl dd a{
   color: #fff;
}
#generalhead dl dd a:hover{
   border-bottom: dotted 1px #fff;
}
#generalhead dl dd a:active{
   color: #ddd;
}
#generalhead dl dt{display: none;}
#generalhead dl#member-menu{
   margin-right: 10px;
}
#generalhead dl#member-menu dd{
   background: url(../img/common/icon.gif) no-repeat left center;
   padding-left: 4px;
   margin-right: 4px;
}
#generalhead dl#other-menu{
   float: right;
   margin-left: 10px;
}
#generalhead dl dd#cart{
   width: 89px;
   background: url(../img/common/cart.png) no-repeat center center;
}
#generalhead div#searchbox{
   float: right;
   overflow: hidden;
   padding-top: 6px;
}
#generalhead dl dd#cart a{
   display: block;
   width: 89px;
   height: 19px;
   text-indent: -9999px;
   overflow: hidden;
   margin-top: 6px;
}
#generalhead dl dd#cart a:hover{
   border: none;
   background: url(../img/common/cart_hover.png) no-repeat left top;
}
#generalhead dl dd#cart a:active{
   border: none;
   background: url(../img/common/cart_active.png) no-repeat left top;
}
.clear{clear: both;}


/*--------------------------------------------------------------------
body
--------------------------------------------------------------------*/
body#feefe{
   font-size: 12px;
   color: #4e4e36;
   background: #f8f8e0 url(../img/common/bg_body.gif) no-repeat center 31px;
}
.container,#contents{
   width: 960px;
}
.container{
   text-align: left;
   margin: auto;
}
#wrapper{margin-top: 8px;}
#wrapper div.container{
   background: url(../img/common/bg_container.gif) repeat-y left;
   position:relative;
}


#wrapper #head{
   width: 960px;
   height: 120px;
   text-align: left;
   background: url(../img/common/bg_line.gif) repeat-x left bottom;
   margin: 0 auto;
   overflow: hidden;
}

#wrapper #contents{
   background: url(../img/common/bg_contents.gif) repeat-y 1px top;
}



/*--------------------------------------------------------------------
head
--------------------------------------------------------------------*/
#feefe #head{
   position: relative;
}
#feefe #head h1{
   position: absolute;
   left: 0;
   top: 0;
   width: 210px;
   height: 120px;
   overflow: hidden;
}
#feefe #head h1 a{
   display: block;
   width: 171px;
   height: 105px;
   text-indent: -9999px;
   overflow: hidden;
   background: url(../img/common/head/logo.gif) no-repeat;
   margin: 8px 0 0 15px;
}

#feefe #head div ul,
#feefe #head div ul li,
#feefe #head div ul li a{
   display: block;
   margin: 0;
   padding: 0;
}
#feefe #head div ul li{float: left;}
#feefe #head div ul li a{
   text-indent: -9999px;
   overflow: hidden;
}

#feefe #head div#navi_menu,
#feefe #head div#navi_brand{
   position: absolute;
   left: 210px;
   width: 750px;
}
/*menu*/
#feefe #head div#navi_menu{
   top: 21px;
   height: 34px;
   background: url(../img/common/head/navi.gif) no-repeat;
}
#feefe #head div#navi_menu ul{
   margin-left: 2px;
   margin-top: 2px;
}
#feefe #head div#navi_menu ul li{
   margin-right: 1px;
}
#feefe #head div#navi_menu ul li a{
   height: 30px;
}
#feefe #head div#navi_menu ul li#menu_new a,
#feefe #head div#navi_menu ul li#menu_must a,
#feefe #head div#navi_menu ul li#menu_repeat a{
   width: 159px;
}
#feefe #head div#navi_menu ul li#menu_mm a,
#feefe #head div#navi_menu ul li#menu_shop a{
   width: 132px;
}

/*brand*/
#feefe #head div#navi_brand{
   top: 64px;
   height: 36px;
   background: url(../img/common/head/navi_brand.gif) no-repeat;
}
#feefe #head div#navi_brand ul{
   margin-left: 1px;
}
#feefe #head div#navi_brand ul li,
#feefe #head div#navi_brand ul li a{
   width: 186px;
   height: 36px;
}
#feefe #head div#navi_brand ul li{
   margin-right: 1px;
}
#feefe #head div#navi_brand ul li a{
   
}



/*--------------------------------------------------------------------
contents
--------------------------------------------------------------------*/
#wrapper #contents{
   background: url(../img/common/bg_contents.gif) repeat-y 1px top;
}
#wrapper #contents:after{
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
#wrapper div#leftside{
   float: left;
   width: 189px;
   margin-right: 4px;
}
#wrapper div#main{
   float: left;
   width: 766px;
}


/*--------------------------------------------------------------------
sidenavi
--------------------------------------------------------------------*/
.sidenavi{
   width: 188px;
   margin-left: 1px;
}
.sidenavi h3{
   height: 35px;
   background: #f8cbc8;
   font-size: 12px;
   text-indent: -9999px;
   overflow: hidden;
}
.sidenavi#feefe-all h3{background: url(../img/common/side_title_feefe_brand.gif) no-repeat;}
.sidenavi#feefe-brand h3{background: url(../img/common/side_title_feefe_index.gif) no-repeat;}
.sidenavi#anap h3{background: url(../img/common/side_title_anap.gif) no-repeat;}
.sidenavi#holik h3{background: url(../img/common/side_title_holik.gif) no-repeat;}
.sidenavi ul,
.sidenavi ul li,
.sidenavi ul li a{
   display: block;
   margin: 0;
   padding: 0;
}
.sidenavi ul li{
   background: #fff url(../img/common/bg_line.gif) repeat-x left bottom;
}
.sidenavi#feefe-all ul li,
.sidenavi#feefe-brand ul li{
   background-color: #fbfaee;
}
.sidenavi#anap ul li{
   background-color: #fff9fa;
}
.sidenavi ul li a{
   font-size: 10px;
   color: #353132;
   padding: 5px 10px;
}
.sidenavi ul li a:hover{
   background: #fff url(../img/common/bg_line.gif) repeat-x left bottom;
}
.sidenavi ul li a:active{
   background: none;
}


/*--------------------------------------------------------------------
foot
--------------------------------------------------------------------*/
#foot{
   background: url(../img/common/bg_foot.gif) repeat-x left top;
   overflow: hidden;
}

#foot #shoplist{
   width: 948px;
   margin: 9px 0 0 7px;
   background: url(../img/common/foot/border.gif) no-repeat bottom;
}
#foot #shoplist h4{
   height: 31px;
   text-indent: -9999px;
   overflow: hidden;
   background: url(../img/common/foot/shop_title.gif) no-repeat;
}
#foot #shoplist .shopcontainer{
   width: 900px;
   margin: 15px 0 0 24px;
   padding-bottom: 15px;
}
#foot #shoplist .shopcontainer:after{
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
#foot #shoplist .oneshop{
   float: left;
   width: 225px;
   font-size: 10px;
}
#foot #shoplist .oneshop img{
   float: left;
   margin-right: 7px;
}

#foot .footnavi{
   text-align: center;
   padding: 10px;
}
#foot .footnavi#navi1{
   background: url(../img/common/foot/border.gif) no-repeat bottom;
}
#foot .footnavi#navi1 a{
   color: #252525;
}
#foot .footnavi#navi2{
   font-size: 10px;
}
#foot .footnavi#navi2,
#foot .footnavi#navi2 a{
   color: #868686;
}

#foot #copyright{
   text-align: center;
   color: #ee8697;
   margin-top: 50px;
   padding-bottom: 15px;
}




/*--------------------------------------------------------------------
other
--------------------------------------------------------------------*/
.here{
   font-size: 10px;
   color: #ababab;
   background: url(../img/common/border_type1.gif) no-repeat bottom;
   padding: 7px 10px;
}

dl#index-keyword{
   width:734px;
   text-align: left;
   margin: 5px auto 5px;
   border: 1px solid #e0e0e0;
}

dl#index-keyword dt{
   width:727px;
   height:31px;
   text-indent: -10000px;
   background: url(../img/item/ttl-keyword.png) no-repeat;
}

dl#index-keyword dd{
   width: 710px;
   margin: 0 0 0 10px;
   display:block;
   padding: 5px 0;
}

dl#index-keyword dd a{
   color:#50adad;
   text-decoration: none;
}

dl#index-keyword dd a:hover{
   text-decoration: underline;
}

.error{
   width: 500px;
   background: #fbfaee;
   text-align: center;
   border: solid 1px #e0e0c7;
   padding: 20px 10px;
   margin: 10px auto;
}

/*----------------------------------------------------------------------
header-search-box-view
----------------------------------------------------------------------*/
#header-search-box-view{
   display:none;
   position: absolute;
   left: 645px;
   top: -127px;
   padding:10px;
   background: url(../img/common/head/bg-search.png);
   -moz-box-shadow: 2px 2px 6px #000;
   -webkit-box-shadow: 2px 2px 6px #000;
}


a.btn-close{
   width:194px;
   height:20px;
   text-align: center;
   display:block;
   color:#ffffff;
   background: #557ED0;
}

table#tbl-search,
table#tbl-search td{
   border-collapse: collapse;
   margin:0;
   padding:0;
}

table#tbl-search #search-text{
   border:none;
   width:160px;
   height:18px;
   margin:0;
   padding:0;
}

*+ html #header table#tbl-search #search-text{
   width:164px;
   height:14px;
}

.btn-search{
   padding-top:6px;
}

*+ html .btn-search{
   padding-top:0;
}


/*----------------------------------------------------------------------
header-cart-box-view
----------------------------------------------------------------------*/
#header-cart-box-view{
   display:none;
   position: absolute;
   right: 0px;
   top: -127px;
   color:#ffffff;
   background: url(../img/common/head/bg-cart.png);
   -moz-box-shadow: 2px 2px 6px #000;
   -webkit-box-shadow: 2px 2px 6px #000;
}

#header-cart-box-view table.tbl-headcart{
   border-collapse: collapse;
   border-top:1px solid #666666;
   border-left:1px solid #666666;
   padding:0;
   }
   
#header-cart-box-view table.tbl-headcart td{
   border-bottom:1px solid #666666;
   border-right:1px solid #666666;
   padding:5px;
}

#header-cart-box-view table.tbl-headcart td.cart-img{
   width:54px;
   height:66px;
   padding:0;
}
#header-cart-box-view table.tbl-headcart td.cart-img a {
   display: block;
   height: 66px;
}

#header-cart-box-view table.tbl-headcart td.btn-cart{
	background: #FD2C8A;
	padding:0;
}

#header-cart-box-no-items{
   padding:10px;
}