@charset "utf-8";

/*==================
recommend Area
==================*/
.thumbnail_list{
	width:184px;
	margin:0 auto; padding-bottom:0px;
}

.thumbnail_list ul{width:auto; height:auto;}
.thumbnail_list li{
	position: relative;
	float: left;
	width: 80px; height: 80px;
	border:1px solid #e0d9cc;
	margin-right:10px; margin-bottom:10px;
}
.thumbnail_list li a{
	position: relative;
	display: block;
	width: 75px; height: 75px;
	margin-top:3px; margin-left:3px;
	background-color:#ededed;	background-repeat:no-repeat; background-position: center center;
}
.thumbnail_list li a img{display:block; background-position: center center; margin:0 auto; }
.thumbnail_list li a:hover{opacity:0.5; filter:alpha(opacity=50); -ms-filter: "alpha( opacity=50 )";}

/*==================
★new arrival Area
==================*/

.newarrival_list{
	width:auto; text-align:center; height:auto; display:block;
	margin:0 auto;float: left;
}
.newarrival_list li{
	position: relative;
	width: 110px; height: 148px;
	border:1px solid #e0d9cc;
	margin:0px 13px 0px; display:block;
}
.newarrival_list li a{
	position: relative;
	display: block;
	width: 105px; height: 144px;
	margin-top:2px; margin-left:2px;
	background-color:#ededed; background-repeat:no-repeat; background-position: center center;
}
.newarrival_list li a img{display:block; margin:0 auto;}
.newarrival_list li a:hover{opacity:0.5; filter:alpha(opacity=50); -ms-filter: "alpha( opacity=50 )";}

.newarrival_list dt{line-height:1.4em;width:118px; padding:5px 5px 3px 12px; text-align: left;}
.newarrival_list dt a{line-height:1.4em;width:106px; text-align: left; color:#555555;}
.newarrival_list dt a:hover{ color:#FF0422;}
.newarrival_list dt span{color:#FF6600; font-size:15px; font-weight:bold; line-height:1.5em; font-size:13px;}


/*==================
weekly ranking Area
==================*/
.sideNaviBlock{/*border:1px solid #e6e6e6;*/background-color:#fff;margin:7px auto 10px; padding-bottom:10px;}
.sideNaviBlock h4{
	background:url(http://cdn.joshiplus.jp/news/images/bg_sidenavi_title.png) no-repeat 0 0;
	color:#fff; font-size:11px;
	padding:4px 8px 2px 0;
	text-align:right;
}
.sideNaviBlockIn{padding:15px 10px 0;}
.sideNaviBlockIn2{padding:0 10px 0;}

.thumbnail_type{
	border-bottom:1px solid #ccc;
	margin-bottom:10px; padding-bottom:10px;
}
.thumbnail_type.last-child{border-bottom:0;}
.thumbnail_type a{
	
	color:#707070;
	background:url(http://cdn.joshiplus.jp/news/images/btn_arrow.png) no-repeat right center;
	overflow:hidden;
}
.thumbnail_type div{
	width:80px; height:80px;
	margin-right:10px;
	border:1px solid #e0d9cc;
}
.thumbnail_type div span{
	display:block;
	width:77px; height:77px;
	margin:1px;
	background-color:#ededed;
}
.thumbnail_type article{width:155px; padding-right:25px; float:left; line-height:1.4em;}
.thumbnail_type article p{word-break:break-all; word-wrap:break-word;}


/*==================
★右photo Area
==================*/

.rightcafe{width:270px; height: auto; display:block; padding:15px 5px 15px 0px; float:left;
position: relative;overflow: hidden; border-bottom:1px solid #CCCCCC;
background:url(http://cdn.joshiplus.jp/news/images/btn_arrow.png) no-repeat right center;}

.rightcafe a{ display:block; width:260px; }
.rightcafe a:hover{ color:#FF3300;}

.rightcafe ul{width:auto; height:auto;}
.rightcafe li{position: relative;
	float: left;
	width:76px; height: 76px;
	padding:2px;
	border:1px solid #e0d9cc;
	margin-right:10px;}

.rightcafe li a{position: relative;
	display: block;
	width: 76px; height: 76px;
	margin:0 auto;
	background-color:#ededed; background-repeat:no-repeat; background-position: center center;
	text-indent:-9999px; float:left;}	
	
.rightcafe li a img{display:block; background-position: center center; margin:0 auto;}
.rightcafe li a:hover{opacity:0.5; filter:alpha(opacity=50); -ms-filter: "alpha( opacity=50 )";}


/*右最新ニュース*/
.font_h_em a{line-height:1.5em; text-decoration:none; color:#555555 !important; padding-right: 25px;}
.font_h_em{line-height:1.5em;  color:#555555 !important;}
.font_h_em a:hover{ color:#ff0422 !important;}


/*CAFE LUNCH右絞り込みプルダウン*/
.rightSarch{width:280px; height: auto; display:block; padding:15px 0 0 0; float:left;
position: relative;overflow: hidden; /*border-bottom:1px solid #CCCCCC;*/}
.rightSarch dt{line-height:1.6em; font-size:15px; background:url(http://cdn.joshiplus.jp/t/gourmet/lunch/id/images/scope.png) no-repeat 1px 0px;  margin-bottom:8px;padding:0 0 10px 35px; border-bottom:2px dotted #CCCCCC; font-weight:bold;}
.rightSarch dd{line-height:1.6em; padding-top:7px;}
.bear_orabg span{width:240px; height:35px; display:block; background:url(http://cdn.joshiplus.jp/t/gourmet/lunch/id/images/bear_orabg.png) no-repeat; margin:15px auto 1px;}
.bear_orabg dd { color:#FFFFFF; font-weight:bold; font-size:14px; display:block; margin:9px 70px;}

.rightSarch .rightSearch-txt{margin:0 auto; padding:0; width:260px; font-size:12px; line-height:1.8em; color:#555;}
.rightSarch .rightSearch-txt li{margin:0 10px 0 0; padding:0; list-style:none; float:left;}
.rightSarch .rightSearch-txt li a{color:#ff0422; text-decoration:underline;}
.rightSarch .rightSearch-txt li a:hover{color:#ff0422; text-decoration:none;}


/*ワンクリック*/
.radiobtnBox{display:block; margin:0px auto 10px; line-height:normal;}
.questionTitle h3 {font-size:18px; margin:0 10px 10px !important; display:block !important; font-weight:bold; line-height:180%;}

.btn_tohyo a{ background:url(http://cdn.joshiplus.jp/t/images/btn_tohyo.png) no-repeat; width:275px; height:60px; display:block; margin:10px auto; display:block;}
.btn_tohyo a:hover{opacity:0.5; filter:alpha(opacity=50); -ms-filter: "alpha( opacity=50 )";}

.yaziRL a{display:block;}
.yaziRL a:hover{opacity:0.5; filter:alpha(opacity=50); -ms-filter: "alpha( opacity=50 )";}

/*====================
common setting
====================*/
.floatLeft{float:left;}
.floatRight{float:right;}
.floatcenter{float:left; margin:0 25px;}
.clear{overflow:hidden;}
