@charset "utf-8";

/***************************************************
	index.css
***************************************************/

/* topVi
------------------------------------------------------------ */
#topVi {
	margin: 0 0 30px 0;
	padding: 10px 0 0 0;
	background: #cfcfcf url(/excludes/img/index/slide_bg.png) 0 0 repeat-x;
	overflow: hidden;
}
.lof-slidecontent {
	position:relative;
	width: 700px;
	height: 350px;
	margin: 0 auto;
}
 .lof-slidecontent  .sliders-wrapper{
	position:relative;
	height:250px;
	width: 700px;
	z-index:3px;
}
.lof-slidecontent  ul.sliders-wrap-inner {
	width: 700px;
	margin: 0 auto;
	position:absolute;
}
.lof-slidecontent  ul.sliders-wrap-inner li{
	overflow:hidden;
	float:left;
	position:relative;
}
.lof-slidecontent  .navigator-content {
	width: 975px;
	position:absolute;
	bottom:10px;
	left:-137px;
}
.lof-slidecontent  .navigator-wrapper{
	width: 880px!important;
	position:relative;
	z-index:10;
	overflow:hidden;
	float:left
}
.lof-slidecontent  ul.navigator-wrap-inner{
	top:0;
	position:absolute;
	width:100%;
}
.lof-slidecontent  ul.navigator-wrap-inner li {
	cursor:pointer;
	overflow:hidden;
	float:left;
	display:block;
	text-align:center;
}
.lof-slidecontent  ul.navigator-wrap-inner li img {
	width: 170px;
	height: 62px;
}

/* item navigator */

.lof-slidecontent ul.navigator-wrap-inner li img {
	border: 3px solid #cccccc;
}
.lof-slidecontent ul.navigator-wrap-inner li.active img , 
.lof-slidecontent ul.navigator-wrap-inner li:hover img {
	border: 3px solid #82B500;
}
.lof-slidecontent .navigator-content .button-next, 
.lof-slidecontent .navigator-content .button-previous{
	display: block;
	float:left;	
	text-indent:-9999px;
	width: 23px;
	height: 60px;
	margin: 5px 0 0 0;
	cursor:pointer;
}
.lof-slidecontent .navigator-content .button-next {
	margin-left: 24px;
	background: url(/excludes/img/index/slide_btn_next.png) 0 0 no-repeat;
}
.lof-slidecontent .navigator-content .button-previous {
	margin-right: 24px;
	background: url(/excludes/img/index/slide_btn_prev.png) 0 0 no-repeat;
}


/* 横スクロール非表示 */
html {	overflow-x: hidden;}

/* recommend_words
------------------------------------------------------------ */
#main #recommend_words {
	margin-bottom: 18px;
}
#main #recommend_words dt {
	float: left;
	width: 130px;
}
#main #recommend_words dd {
	float: left;
	width: 530px;
	height: 34px;
	padding: 5px 20px;
	background: url(/excludes/img/index/recommend_words_bg.gif) 0 0 no-repeat;
}
#main #recommend_words dd li {
	display: inline;
	padding-right: 10px;
	line-height: 1.1;
}
#main #recommend_words dd li a {	text-decoration: none;}
#main #recommend_words dd li a:hover {	text-decoration: underline;}


/* pickupPopularBox
------------------------------------------------------------ */
#main #pickupPopularBox {
	margin: 0 0 10px 0;
}
#main #pickupPopularBox h2 {
	margin: 0 0 20px 0;
}
#main #pickupPopularBox h3 {
	clear: both;
	margin: 0 0 10px 0;
}
#main #pickupPopularBox .pickupPopularListBox {
	min-height: 200px;
	height: auto !important;
	height: 200px;
	background: url(/excludes/img/common/loading.gif) center center no-repeat;
}
#main #pickupPopularBox .pickupList {
	width: 720px;
	margin: 0 -20px 0 0;
	background: #ffffff;
}
#main #pickupPopularBox .pickupList li {
	float: left;
	width: 340px;
	overflow: hidden;
	margin: 0 20px 20px 0;
}
#main #pickupPopularBox .pickupList li a {
	display: block;
}
#main #pickupPopularBox .pickupList li span {
	display: block;
}
#main #pickupPopularBox .pickupList li span.name {
	white-space: nowrap;
}


/* categry_ranking
------------------------------------------------------------ */
#main #categry_ranking {
	clear: both;
	margin-bottom: 27px;
}
#main #categry_ranking h2 {	margin-bottom: 20px;}
#main #categry_ranking dl {
	float: left;
	width: 220px;
	margin-right: 20px;
	padding-bottom: 10px;
	background: url(/excludes/img/index/categry_ranking_bg_01.gif) 0 100% no-repeat;
}
#main #categry_ranking dl.n03 {	margin-right: 0;}
#main #categry_ranking dd {
	padding: 35px 15px 15px 34px;
	border-right: 1px solid #f3f3f3;
	border-left: 1px solid #f3f3f3;
}
#main #categry_ranking dd.rank1 {
	border-bottom: 1px solid #f3f3f3;
	background: url(/excludes/img/index/ico_rank1.jpg) 34px 10px no-repeat;
}
#main #categry_ranking dd.rank2 {
	background: url(/excludes/img/index/ico_rank2.jpg) 34px 10px no-repeat;
	overflow: hidden;
}
#main #categry_ranking dd.rank3 {
	background: url(/excludes/img/index/ico_rank3.jpg) 34px 10px no-repeat;
	overflow: hidden;
}
/*
#main #categry_ranking dd .ttl {
	font-weight: bold;
}
*/
#main #categry_ranking dd a {	line-height: 1.3;}


/* dietBannerBox
------------------------------------------------------------ */
#main #dietBannerBox {
	clear: both;
	width: 720px;
	margin: 0 -20px 30px 0;
}
#main #dietBannerBox h3 {
	margin: 0 0 10px 0;
}
#main #dietBannerBox p {
	float: left;
	margin: 0 20px 10px 0;
}
#main #dietBannerBox .row01 ,
#main #dietBannerBox .row02 ,
#main #dietBannerBox .row03 {
	clear: both;
}
#main #dietBannerBox .clm01 {
	float: left;
	width: 220px;
	margin: 0 20px 0 0;
}

/* item_pickup
------------------------------------------------------------ */
#main #item_pickup {
	clear: both;
}
#main #item_pickup h2 {	margin-bottom: 20px;}
#main #item_pickup .pickup_list01 {	margin-bottom: 36px;}
#main #item_pickup .pickup_list01 dt {
	float: left;
	width: 30px;
}
#main #item_pickup .pickup_list01 dd {
	position: relative;
	float: right;
	width: 630px;
	padding: 0 15px;
}
#main #item_pickup .pickup_list01 dd p.btn_01 {
	position: absolute;
	top: 28px;
	left: 0;
}
#main #item_pickup .pickup_list01 dd p.btn_02 {
	position: absolute;
	top: 28px;
	right: 0;
}
#main #item_pickup .pickup_list01 dd li {
	float: left;
	width: 200px;
	padding: 0 5px;
}
#main #item_pickup .pickup_list01 dd li img {	margin-bottom: 5px;}

#main #item_pickup .pickup_list02 {	margin-bottom: 20px;}
#main #item_pickup .pickup_list02 dt {
	float: left;
	width: 34px;
}
#main #item_pickup .pickup_list02 dd {
	float: right;
	width: 660px;
	padding: 0 0 0 0;
}
#main #item_pickup .pickup_list02 dd li {
	float: left;
	width: 200px;
	padding: 0 0 15px 20px;
}
#main #item_pickup .pickup_list02 dd li img {	margin-bottom: 5px;}


#main #topics_list {
	clear: both;
	width: 700px;
	margin-bottom: 35px;
}
#main #topics_list h2 {	margin-bottom: 20px;}
#main #topics_list .ttlBox {
	position: relative;
	margin-bottom: 12px;
}
#main #topics_list .linkbtn {
	position: absolute;
	top: 9px;
	left: 564px;
}
#main #topics_list li {
	padding: 5px 0;
	border-bottom: 1px dotted #ddd;
}
#main #topics_list li.last {
	border-bottom: none;
}
#main #topics_list li .date {
	float: left;
	width: 190px;
}
#main #topics_list li .date img {	padding-left: 10px;}
#main #topics_list li .txt {
	float: left;
	width: 500px;
}


#main #diet_information .ttlBox {
	position: relative;
	margin-bottom: 22px;
}
#main #diet_information .linkbtn {
	position: absolute;
	top: 20px;
	left: 560px;
}
#main #diet_information li {
	float: left;
	width: 233px;
	margin-bottom: 20px;
	line-height: 1.3;
}
#main #diet_information li .img {
	float: left;
	width: 70px;
}
#main #diet_information li .ttl {
	float: left;
	width: 160px;
	margin-bottom: 3px;
}
#main #diet_information li .txt {
	float: left;
	width: 160px;
	font-size: 91.6%
}

/* 2015.10追記
------------------------------------------------------------ */
.topItemSlideBoxWrap {
	clear: both;
	margin: 0 0 50px 0;
}
.topItemSlideBoxWrap h3 {
	margin: 0 0 10px 0;
}

.topItemSlideBox {
	clear: both;
	margin-bottom: 20px;
	width: 692px;
	margin: 0 auto;
	padding: 0 4px;
	position: relative;
}
.topItemSlideBox ul {
}
.topItemSlideBox ul .item {
	width: 173px;
	float: left;
	display: inline;
}
.topItemSlideBox ul .item .picBox {
	margin: 0 0 3px 0;
	text-align: center;
}
.topItemSlideBox ul .item .name {
	padding: 0 4px;
	height: 5.5em;
	overflow: hidden;
}
.topItemSlideBox ul .item .price {
	font-size: 84%;
	padding: 0 4px;
}
.topItemSlideBox ul .item .btn {
	text-align: center;
	padding: 0 10px;
}
.topItemSlideBox ul .item .btn a {
	display: inline-block;
	color: #333333!important;
	text-decoration: none!important;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	width: 100%;
	padding: 10px 0;
	border: 1px solid #cccccc;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top,  #eeeeee 0%, #eeeeee 50%, #cccccc 50%, #cccccc 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #eeeeee 0%,#eeeeee 50%,#cccccc 50%,#cccccc 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #eeeeee 0%,#eeeeee 50%,#cccccc 50%,#cccccc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}
.topItemSlideBox .topItemSlideBoxPrev ,
.topItemSlideBox .topItemSlideBoxNext {
	display: block;
	width: 25px;
	height: 50px;
	text-indent: -9999px;
	cursor: pointer;
	position: absolute;
	top: 57px;
}
.topItemSlideBox .topItemSlideBoxPrev {
	left: 0;
	background: url(/excludes/img/common/flick_slider_btn.gif) 0 0 no-repeat;
}
.topItemSlideBox .topItemSlideBoxNext {
	right: 0;
	background: url(/excludes/img/common/flick_slider_btn.gif) -25px 0 no-repeat;
}