@charset "utf-8";
/* ===================================================================
    index・TOP campaign頁用
=================================================================== */

#title_shopcategory{
	background: url(../images/title/title_shopcategory.gif) no-repeat;
	width: 634px;
	_width: 631px;
	height: 31px;
}
#title_shopcategory span{ display: none;}
/*  category list  */

#main #category{
	padding: 7px 0;
	background: #fff;
	width: 634px;
	position: relative;
	white-space: normal;
}
#main #shopRecom{
	width: 632px;
	background: #ffffff;
	border: solid #D9D9D9 1px;
	padding: 8px 0;
	float: left;
}
.CategoryLine{
	clear: both;
	height: 80px;
	margin-bottom:10px;
}
.catbox{
	display: block;
	width: 199px;
	text-align: left;
	height: 100%;
	margin-left: 8px;
	border: solid #78685F 1px;
	float: left;
	display:inline;
	background: #fff;
	position: relative;
}
.catbox a:link, 
.catbox a:visited{display: block;margin-bottom: 4px;}
.catbox a:hover{color: #AC3D3D;}
h4{ width: 100%; height: 50px; background: url(../images/title/h4_bg.jpg) 0 0 no-repeat; position: relative; text-align: left;}
h4 span{ display: none;}
h4 p.imgbox{ display: block; position: absolute; top: 0; left: 23px; text-align: center; width: 50px; height: 50px;}
.catbox p{
	padding: 3px 3px 1px 53px;
	font-size: 90%;
	color: #666666;
	line-height: 120%;
}

.catbox img{
	margin-left: -53px;
}

/*  left new review  */

#review{
	margin: 0 0 0 17px;
	padding: 7px;
	background: #FBD884;
}
#review #title_news{
	background: url(../images/title/title_news.gif) 0 0 no-repeat;
	height: 32px;
}

#title_PushShop{
	background: url(../images/title/title_pushshop.gif) 0 0 no-repeat;
	height: 32px;
	margin-left: 15px;
}
#review #title_review span, 
#review #title_news span, 
#title_PushShop span{
	display: none;
}
/* お知らせ日付前のアイコン */
#review .details{
	border-top: dotted #666666 1px;
	margin-left: 7px;
	padding: 7px;
	line-height: 180%;
}
#review .details .new{
	background: url(../images/icon/icon_new.gif) left no-repeat;
	text-indent: 42px;
	text-align: left;
	color: #2562DF;
}
#review .details .topics{
	background: url(../images/icon/icon_topics.gif) left no-repeat;
	text-indent: 42px;
	text-align: left;
	color: #2562DF;
}
#review .details .review{
	background: url(../images/icon/icon_review.gif) left no-repeat;
	text-indent: 42px;
	text-align: left;
	color: #2562DF;
}
#review .details p{
	color: #48433E;
	padding-top: 5px;
	text-align:left;
	font-size: 94%;
}
#review .details .star, 
#review .details .star5, 
#review .details .star4, 
#review .details .star3, 
#review .details .star2, 
#review .details .star1, 
#review .details .star0{
	text-align: right;
	height: 17px;
}
#review .details .star a, 
#review .details .star5 a, 
#review .details .star4 a, 
#review .details .star3 a, 
#review .details .star2 a, 
#review .details .star1 a, 
#review .details .star0 a{
	font-weight: lighter;
}
#review .details .star a:hover, 
#review .details .star5 a:hover, 
#review .details .star4 a:hover, 
#review .details .star3 a:hover, 
#review .details .star2 a:hover, 
#review .details .star1 a:hover, 
#review .details .star0 a:hover{
	color: #FFFFFF;
}
.details .star5{background: url(../images/icon/star5.gif) bottom left no-repeat;}
.details .star4{background: url(../images/icon/star4.gif) bottom left no-repeat;}
.details .star3{background: url(../images/icon/star3.gif) bottom left no-repeat;}
.details .star2{background: url(../images/icon/star2.gif) bottom left no-repeat;}
.details .star1{background: url(../images/icon/star1.gif) bottom left no-repeat;}
.details .star0{background: url(../images/icon/star0.gif) bottom left no-repeat;}
#right a#member{
	margin-top: 7px;
	margin-left: 2px;
	display: block;
	width: 220px;
	height: 147px;
	background: url(../images/right/member_banner.jpg) 0 0 no-repeat;
}
a#member:hover{background: url(../images/title/member_banner_h.jpg) 0 0 no-repeat;}
#ShopList{margin: 0 0 0 17px;}
#ShopList dt{
	font-size: 108%; 
	color: #5D4F33; 
	border: solid #888888 1px; 
	border-bottom: none; 
	padding: 2px 0 3px 0;
	background: url(../images/shoplist/top_side_top.jpg) left bottom no-repeat;
}
#ShopList dt img{margin: 0 0 0 10px;}
#ShopList dd{
	margin-bottom: 10px; 
	border: solid #888888 1px; 
	border-top: solid #999999 1px; 
	text-align: center;
	background: url(../images/shoplist/top_side_bottom.jpg) 0 0 no-repeat;
}
#ShopList dd img{margin:8px; border: solid #888888 1px; }

/* alpha beta */
a#memberAlpha{
	margin-top: 7px;
	margin-left: 2px;
	display: block;
	width: 220px;
	height: 147px;
	background: url(../images/top/memberAlpha_banner.jpg) 0 0 no-repeat;
}
a#memberAlpha:hover{background: url(../images/top/memberAlpha_banner_h.jpg) 0 0 no-repeat;}

/*  left bnr 20081216  */
#review_bnr{
	margin: 0 0 10px 17px;
	padding: 1px;
	background: #fff url(../images/top/bnr_bg.gif) center bottom no-repeat;
	border: solid #333333 1px;
	position: relative;
}
#review_bnr p{
	font-size: 93%;
	color: #666666;
	text-align: left;
	padding: 7px;
	line-height: 1.4;
}
#review_bnr a.BtnMember{
	display: block;
	margin: 10px auto;
	background: url(../images/top/bnr_member_btn.gif) 0 0 no-repeat;
	width: 163px;
	height: 30px;
}
#review_bnr a.BtnMember:hover{
	background: url(../images/top/bnr_member_btn_h.gif) 0 0 no-repeat;
}
#review_bnr a.BtnShop{
	display: block;
	margin: 10px auto;
	background: url(../images/top/bnr_shop_btn.gif) 0 0 no-repeat;
	width: 163px;
	height: 30px;
}
#review_bnr a.BtnShop:hover{
	background: url(../images/top/bnr_shop_btn_h.gif) 0 0 no-repeat;
}

#review_bnr a.BtnMember span,
#review_bnr a.BtnShop span{ display: none;}

#review_advert{
	width:92%;
	margin: 0 0 10px 17px;
	position: relative;
}
#advert{
	margin-bottom:10px;
	width: 631px;
	position: relative;
}

/* campaign */

#campaign{ background: #FFF; margin: 10px 20px; border: solid #aaaaaa 1px;}
#campaign th{ background: #FFE169; padding: 10px; border-bottom: dotted #aaaaaa 1px;}
#campaign td{ background: #FFF; padding: 10px; text-align: left; border-bottom: dotted #aaaaaa 1px;}
h5#campaign_title{ text-align: center; font-weight: bolder; color: #FFF; font-size: 118%;}


