@charset "utf-8";

/**
 *
 *  総合トップページ
 *
 */

/*--------------------------------------------------------------------------
   overwrite
---------------------------------------------------------------------------*/

#Page{
	background:url(/img/top/bg_illust_repeat.png) repeat-x 50% 117px;
}
#PageInline{
	background:url(/img/top/bg_illust.png) no-repeat 50% 117px;
}


/*--------------------------------------------------------------------------
   search
---------------------------------------------------------------------------*/

.search-sec{
	padding:5px;
	background:url(/img/top/search_bg01.jpg) repeat 0 0;
}
.search-sec-inline{
	position:relative;
	padding:15px 0 15px 20px;
	border-radius:4px;
	background:url(/img/top/search_bg02.jpg) repeat 0 0;
}
.search-sec .btn-list{
	overflow:hidden;
	position:absolute;
	top:15px;
	right:15px;
}
.search-sec .btn-list li{
	float:left;
}

.search-sec .sort{
	margin:10px 0 5px;
}
.search-sec .sort span{
	display:inline-block;
/display:inline;
/zoom:1;
	padding:0 0 0 20px;
	font-weight:bold;
}
.search-sec .sort span.shop{
	background:url(/img/top/search_ico01.gif) no-repeat 0 0;
}
.search-sec .sort span.goods{
	background:url(/img/top/search_ico02.gif) no-repeat 0 0;
}
.search-sec .sort span a{
	font-weight:normal;
}

.search-sec .keyword{
	margin:10px 0 0;
	font-size:92%;
}
.search-sec .keyword dt{
	float:left;
	margin:0 5px 0 0;
	font-weight:bold;
}
.search-sec .keyword dd{
	overflow:hidden;
	zoom:1;
}
.search-sec .keyword dd ul li{
	float:left;
	margin:0 10px 0 0;
	white-space:nowrap;
}

.search-sec form input{
	vertical-align:middle;
}
.search-sec form input.key{
	width:510px;
	height:33px;
	margin:0 3px 0 0;
	padding:0 5px 0 15px;
	box-shadow:1px 1px 3px rgba(0,0,0,0.2) inset;
	border:1px solid #BEA57E;
	border-radius:5px;
	background:#FFFAE8;
	line-height:33px;
}


/*--------------------------------------------------------------------------
   pickup
---------------------------------------------------------------------------*/

.pickup-sec{
	position:relative;
	width:720px;
	height:290px;
	padding:5px;
	background:#FFF url(/img/top/pickup_bg.gif) no-repeat 5px 5px;
}
.pickup-sec h2{
	position:absolute;
	top:25px;
	left:138px;
}
.pickup-sec p{
	position:absolute;
	top:120px;
	left:24px;
}
.pickup-sec ul{
	overflow:hidden;
	position:absolute;
	top:230px;
	left:25px;
}
.pickup-sec ul li{
	float:left;
	margin:0 10px 0 0;
}


/*--------------------------------------------------------------------------
   campaign
---------------------------------------------------------------------------*/

.campaign-sec{
	position:relative;
	padding:15px 20px;
	border-top:5px solid #FF9906;
}
.campaign-sec p.link-list{
	position:absolute;
	top:20px;
	right:20px;
}

#CampaignSlider{
	position:relative;
	margin:20px 0 0;
}
#CampaignSlider p.prev{
	position:absolute;
	top:100px;
	left:-20px;
	z-index:50;
	width:40px;
	cursor:pointer;
}
#CampaignSlider p.next{
	position:absolute;
	top:100px;
	right:-20px;
	z-index:50;
	width:40px;
	cursor:pointer;
}
#CampaignSlider .img,
#CampaignSlider .img ul{
	overflow:hidden;
	position:relative;
	width:690px;
	height:240px;
}
#CampaignSlider .img ul li{
	position:absolute;
	z-index:20;
}
#CampaignSlider .thumb{
	overflow:hidden;
	position:relative;
	width:690px;
	height:68px;
	margin:12px 0 0;
	padding:2px 0 0;
}
#CampaignSlider .thumb ul{
	position:absolute;
	width:1000px;
}
#CampaignSlider .thumb ul li{
	float:left;
	width:157px;
	height:49px;
	margin:0 9px 0 0;
	border:4px solid #FFF;
	-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.3);
	box-shadow:1px 1px 2px rgba(0,0,0,0.3);
	cursor:pointer;
}
#CampaignSlider .thumb ul li.on{
	border:4px solid #0D9E4D;
}


/*--------------------------------------------------------------------------
   ranking
---------------------------------------------------------------------------*/

.ranking-sec .tab-area{
	width:100%;
}
.ranking-sec .tab-area .tab-navi{
	overflow:hidden;
	position:relativee;
	width:735px;
	margin:0 -5px 0 0;
}
.ranking-sec .tab-area .tab-navi li{
	float:left;
	width:182px;
	border-left:1px solid #D1D1D1;
	vertical-align:middle;
}
.ranking-sec .tab-area .tab-navi li:first-child{
	width:181px;
	border-left:none;
}
.ranking-sec .tab-area .tab-navi li a{
	display:block;
	min-height:24px;
	padding:14px 10px 5px;
	border-bottom:1px solid #D1D1D1;
	background-color:#F9F9F9;
	background:-webkit-gradient(linear, left bottom, left top, from(#F4F4F4), to(#FFF));
	background:-moz-linear-gradient(bottom, #F4F4F4, #FFF);
	background:-ms-linear-gradient(bottom, #F4F4F4, #FFF);
	background:-o-linear-gradient(bottom, #F4F4F4, #FFF);
	background:linear-gradient(bottom, #F4F4F4, #FFF);
	text-align:center;
	color:#333;
	font-size:109%;
	font-weight:bold;
	line-height:1.3;
}
.ranking-sec .tab-area .tab-navi li a span{
	display:inline-block;
/display:inline;
/zoom:1;
	padding:0 0 0 18px;
	background:url(/img/shared/ico_arrow01.gif) no-repeat 0 0;
}
.ranking-sec .tab-area .tab-navi li a.active{
	border-bottom:1px solid #FFF;
	background-color:#FFF;
	background:-webkit-gradient(linear, left bottom, left top, from(#FFF), to(#FFF));
	background:-moz-linear-gradient(bottom, #FFF, #FFF);
	background:-ms-linear-gradient(bottom, #FFF, #FFF);
	background:-o-linear-gradient(bottom, #FFF, #FFF);
	background:linear-gradient(bottom, #FFF, #FFF);
}
.ranking-sec .tab-area .tab-navi li a.active span{
	padding:0;
	background:url(/img/top/ranking_bg_line.gif) repeat-x 0 100%;
}
.ranking-sec .tab-area .tab-navi li a:hover{
	background-color:#FFECC4;
	background:-webkit-gradient(linear, left bottom, left top, from(#FFECC4), to(#FFECC4));
	background:-moz-linear-gradient(bottom, #FFECC4, #FFECC4);
	background:-ms-linear-gradient(bottom, #FFECC4, #FFECC4);
	background:-o-linear-gradient(bottom, #FFECC4, #FFECC4);
	background:linear-gradient(bottom, #FFECC4, #FFECC4);
}
.ranking-sec .tab-area .tab-navi li a.active:hover{
	background-color:#FFF;
	background:-webkit-gradient(linear, left bottom, left top, from(#FFF), to(#FFF));
	background:-moz-linear-gradient(bottom, #FFF, #FFF);
	background:-ms-linear-gradient(bottom, #FFF, #FFF);
	background:-o-linear-gradient(bottom, #FFF, #FFF);
	background:linear-gradient(bottom, #FFF, #FFF);
}


/*--------------------------------------------------------------------------
   up  +  new
---------------------------------------------------------------------------*/

.content-wrap{
	width:100%;
}

/* up
-----------------------------------------------------------------*/
.up-sec{
	float:left;
	width:355px;
}

/* new
-----------------------------------------------------------------*/
.new-sec{
	float:right;
	width:355px;
}


/*--------------------------------------------------------------------------
   focus
---------------------------------------------------------------------------*/

.focus-sec{
	padding:5px;
	background-color:#FF9906;
}
.focus-sec h2{
	padding:12px 15px;
}
.focus-sec-inline{
	background-color:#FFF;
}
.focus-sec .shop-list-cmn .list-frame{
	margin:0 15px;
}




/*--------------------------------------------------------------------------
   section.select_cp_sec
---------------------------------------------------------------------------*/
section.select_cp_sec {
	position:relative;
	zoom:1;
	margin:0 0 20px;
	-webkit-box-shadow:1px 1px 3px 1px rgba(0,0,0,0.3);
	box-shadow:1px 1px 3px 1px rgba(0,0,0,0.3);
	border-radius:5px;
	background-color:#FFF;"
}
section.select_cp_sec h2 {
	padding:12px 15px 10px;
	border-bottom:3px solid #431f00;
	border-radius:5px 5px 0 0;
	background:-webkit-gradient(linear, left top, left bottom, from(#7a5427), to(#875d2a));
	background:-moz-linear-gradient(top, #7a5427, #875d2a);
	background:linear-gradient(top, #7a5427, #875d2a);
	background:-ms-linear-gradient(top, #7a5427, #875d2a);
	font-weight:900;
	color:#fff;
	font-size: 1.25em;
	text-align: center;"
}
section.select_cp_sec .select_cp_sec_inner {
	padding:20px;
}
section.select_cp_sec .select_cp_sec_inner ul.cp_list {
	line-height: 2.5em;
}
section.select_cp_sec .select_cp_sec_inner ul.cp_list li {
	margin-bottom: 10px;
}
section.select_cp_sec .select_cp_sec_inner span.icon_calendar {
	line-height:22px;
	display:block;
	min-height:17px;
	_height:17px;
	padding:0 0 3px 23px;
	margin: 0 10px 0 0;
	color:#431F00;
	font-weight:normal;
	background:url(https://www.value-point.jp//img/special/index/ico_term.gif) no-repeat 0 -.1em;
}