@charset "utf-8";
/* ------------------------------------------------
	 Top.css
 ----------------------------------------------- */
@import url(base.css);

/* Top&header	================================== */


/* contL	====================================== */

/* Recent Topics	------------------------------ */
#recentTopics{}
#recentTopics h2{
	width: 100%;
	height: 30px;
	overflow: hidden;
}

/* Topics list */
#recentTopics ul#recent{
	background: url(images/bg_topicslist.gif) no-repeat left top;
	width: 100%;
	font-size: 10px;
	overflow: hidden;
}
#recentTopics ul#recent li{
	width: 217px;
	height: 234px;
	float: left;
}
	/* Topics */
	#recentTopics li h3{
		width: 159px;
		margin: 22px 0 0 11px; 
		height: 26px;
		line-height: 13px;
		font-size: 10px;
	}
	#recentTopics li p{
		margin: 0 0 0 11px; 
		line-height: 14px;				
	}
	#recentTopics p.photo{
		width: 159px;
		height: 119px;
		text-align: center;
		overflow: hidden;
	}
	#recentTopics p.photo img{
		width: 159px;
	}
	#recentTopics p.date{
		padding: 5px 0 8px;
		font-weight: bold;
		font-size: 12px;
		font-family: Georgia, serif;
	}
	#recentTopics p.readmore,
	#recentTopics p.readmore a{
		color: #CC3333;
	}	
	#recentTopics p.shop{
		width: 190px;
		padding: 0 0 0 15px;
	}
	#recentTopics .vis p.shop{ background: url(images/ic_shoptag.png) no-repeat left top; }
	#recentTopics .pour p.shop{ background: url(images/ic_shoptag.png) no-repeat left -30px; }
	#recentTopics .gami p.shop{ background: url(images/ic_shoptag.png) no-repeat left -60px; }

	/* LinkBox用 */
	.box_hover{
			cursor:pointer;
		}
	.box_hover h3{color:#CC3333;}
	.none{
			text-indent:-9999px;
			height:0px;
			overflow:hidden;
		}


/* ブランド別 */
/* 
	.vis div.box_hover{
			background:url(images/bg_linkbox_vis.gif) no-repeat center top;
		}
	.pour div.box_hover{
			background:url(images/bg_linkbox_pour.gif) no-repeat center top;
		}
	.gami div.box_hover{
			background:url(images/bg_linkbox_gami.gif) no-repeat center top;
		}	
 */
/* Blog Members	-------------------------------- */
#blogMembers{ margin:0 0 25px 0; background: url(images/bg_category_line.gif) repeat-x top;}
#blogMembers h2{
	width: 652px;
	height: 29px;
	overflow: hidden;
	position: relative;
}
#blogMembers h2 img {position: relative; top: -30px;}

#blogMembers ul{
	width: 532px;
	_width: 652px;/* ie6 */
	overflow: hidden;
	margin: 25px 0 0 0;
	padding: 0 0 0 120px;
}
#blogMembers ul.vis{ background: url(images/bg_ul_blogmenbers.jpg) no-repeat left 0;}
#blogMembers ul.pour{ background: url(images/bg_ul_blogmenbers.jpg) no-repeat left -400px;}
#blogMembers ul.gami{ background: url(images/bg_ul_blogmenbers.jpg) no-repeat left -800px;}

#blogMembers li{
	width: 176px;
	float: left;
}
#blogMembers ul li a:hover img{
  filter: alpha(opacity=80);
  -moz-opacity:0.80;
  opacity:0.80;
}

/* contR	====================================== */

/* Access Ranking	------------------------------ */
#contR #accessRanking{ height:235px; }
#accessRanking h2{
	width: 100%;
	height: 30px;
	overflow: hidden;
	position: relative;
}
#accessRanking h2 img {position: relative; top: -60px;}
#accessRanking ul{
	width: 100%;
	height: 145px;
	overflow: hidden;
	padding: 20px 0 40px 0;
	background: url(images/border_dot.gif) repeat-x top;
}
#accessRanking li{
	height: 24px;
	margin: 2px 0;
	padding: 0 0 0 25px;
	line-height: 20px;
}
#accessRanking li p{
	font-size: 11px;
	letter-spacing: 0.06em;
	padding: 0 0 0 20px;
}
#accessRanking li.rank1{ background: url(images/ic_rank.jpg) no-repeat 5px 0px;}
#accessRanking li.rank2{ background: url(images/ic_rank.jpg) no-repeat 5px -40px;}
#accessRanking li.rank3{ background: url(images/ic_rank.jpg) no-repeat 5px -80px;}
#accessRanking li.rank4{ background: url(images/ic_rank.jpg) no-repeat 5px -120px;}
#accessRanking li.rank5{ background: url(images/ic_rank.jpg) no-repeat 5px -160px;}

#accessRanking li p.vis{ background: url(images/ic_shoptag.png) no-repeat left 2px; }
#accessRanking li p.pour{ background: url(images/ic_shoptag.png) no-repeat left -28px; }
#accessRanking li p.gami{ background: url(images/ic_shoptag.png) no-repeat left -56px; }

/* Search ------------------------------------ */
#contR #search{
	background: url(images/bg_category_line.gif) repeat-x top;
	height: 94px;
}
#search h2{
	width: 100%;
	height: 29px;
	overflow: hidden;
	position: relative;
}
#search h2 img {position: relative; top: -90px;}
#search form{
	padding: 12px 0 0 5px;
}
#search form input.iptArea{
	width: 170px;
	height: 24px;
	line-height: 22px;
	border: 1px solid #edeee8;
}
#search form input.btn{
	width: 24px;
	height:24px;
}

/* Mobile ------------------------------------ */
#contR #mobile{
	background: url(images/bg_category_line.gif) repeat-x top;
	height: 140px;
	font-size: 10px;
}
#mobile h2{
	width: 100%;
	height: 29px;
	overflow: hidden;
	position: relative;
}
#mobile h2 img{position: relative; top: -120px;}
#mobile div{ padding: 14px 0 0 11px;}
#mobile div img{ margin: 0 13px 0 0;float:left;}
#mobile div p{ margin: 10px 15px 0 0;}

/* official site ------------------------------------ */
#contR #officialsite{
	clear: both;
	background: url(images/bg_category_line.gif) repeat-x top;
}
#officialsite h2{
	width: 100%;
	height: 29px;
	overflow: hidden;
	position: relative;
}
#officialsite h2 img {position: relative; top: -150px;}
#officialsite ul{
	margin: 28px 0 0 11px;
}
#officialsite li{
	margin: 0 0 14px 0;
}
/* 
#officialsite ul li a:hover img{
  filter: alpha(opacity=80);
  -moz-opacity:0.80;
  opacity:0.80;
}
 */