@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;}
#main { width:700px; overflow: 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%
}



/* top_bottom
------------------------------------------------------------ */

h3 { margin-bottom:25px; }

#dietOutlineBox {
	font-family: Meiryo, ���C���I, 'Lucida Grande', 'Hiragino Kaku Gothic ProN', '�q���M�m�p�S ProN W3',sans-serif;
	color:#91551f;
	margin-bottom:30px;
}

#dietOutlineBox .row {
	width:700px;
	margin-bottom:11px;
}

#dietOutlineBox .mod01 {
	width:226px;
	float:left;
	margin-right:11px;
	margin-bottom:11px;
}

#dietOutlineBox .mod01.last {
	margin-right:0;
	float:right;
}

#dietOutlineBox .textArea .title {
	font-size:16px;
	line-height:1.7em;
	padding:10px 0;
	background: url(/excludes/img/index/arrow.gif)  no-repeat right center;
	min-height:40px;
}

#dietOutlineBox .textArea .title01 {
	font-size:16px;
	line-height:3.4em;
	padding:10px 0;
	background: url(/excludes/img/index/arrow.gif)  no-repeat right center;
	min-height:40px;
}

#dietOutlineBox .textArea .title01 a {
	color:#91551F;
	text-decoration:none;
}

#dietOutlineBox .textArea .title01 a:hover {
	color:#91551F;
	text-decoration:underline;
}

#dietOutlineBox .textArea .title a {
	color:#91551F;
	text-decoration:none;
}

#dietOutlineBox .textArea .title a:hover {
	color:#91551F;
	text-decoration:underline;
}

#dietOutlineBox .textArea .description {
	font-size:12px;
	letter-spacing:-1px;
}


#dietCpBox,
#dietLineupBox { margin-bottom:30px; }

#dietLineupBox li { width:343px; float:right; margin-bottom:15px; }
#dietLineupBox .floL { width:343px; float:left; margin-right:14px; }