@charset "utf-8";

/*共通
***************************/


/*モジュール SP
***************************/

.new_tips{
	margin:20px 0;
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
}
.cate li{
	font-size:15px;
}
.eat_current{
	background-position:3px center,92% center;
}
.fashion_current{
	background-position:3px center,92% center;
}
.beauty_current{
	background-position:3px center,92% center;
}
.life_current{
	background-position:3px center,92% center;
}
.travel_current{
	background-position:3px center,92% center;
}
.art_current{
	background-position:3px center,92% center;
}
.special_current{
	background-position:3px center,92% center;
}
/* popular */
.popular_list {
  width:100%;
  padding:20px 4px 0;
  margin:0 0 50px;
  border-bottom:solid 1px #ddd;
}
.popular_list dt{
  float:left;
  clear:left;
  width:10%;
  padding:4px 0;
  text-align:center;
  color:#FFF;
}
.popular_list dd {
	margin:0 0 20px 14%;
}
.popular_caption{
	font-size:16px;
}
.popular_ttl{
	font-size:15px;
}
.popular_date{
	font-size:0.9em;
}
/* banner */
.banner ul li{
	width:100%;
	height:120px;
	border:solid 1px #ddd;
	margin:0 0 30px;
	position:relative;
}
.banner ul li a{
	position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-999px;
}
.banner ul li a:hover{
	background-color:#FFF;
    filter:alpha(opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3;
}
/* right
*************/
.lists{
	margin:20px 0 60px;
}
.framebox{
	width:80%;
	position:relative;
	margin:0 auto 30px;
}
.framebox h2{
	font-weight:bold;
	margin:10px 0 0;
}
.new{
	position:absolute;
	left:0;
	top:11px;
	z-index:998;
	
}
.list_head{
	height:1px;
	margin:0 0 10px;
	border:none;
}
.main_txt{
	margin:10px 0;
}
.date_cate{
	font-size:0.9em;
}
.imgbox{
	position:relative;
}
.imgbox a{
	position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-999px;
	z-index:999;
}
.imgbox a:hover{
	background-color:#FFF;
    filter:alpha(opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3;
}