@charset "UTF-8";

/* メインコンテンツ設定 */

#contents-area { padding-top:305px;
	background:none;
	position:relative;
}


/* ---------FLASH+カテゴリバナー-------- */

#flash-bnr {
	position:absolute;
	left: -66px;
	top: -15px;
	width: 1034px;
	height: 308px;
	z-index:100;
}
#flash-bnr .bnr-flash {width:828px; float:left;}

#flash-bnr #flashcontent{
margin:0 auto;
width:828px;
height:308px;
}

#flash-bnr .bnr-topcat { width:206px; float:right; margin-top:10px;}


/* ---------特集バナー-------- */

#index-sp-wrap {
	width:700px;
	margin:10px 0;
}

#index-sp-wrap dl {
	width:200px;
	float:left;
	margin-right:0;
}

#index-sp-wrap dl.index-sp-box {
	margin-right:8px;
}

#index-sp-wrap dt {
	width:200px;
	background:#FFF;
}

#index-sp-wrap dt a{
    display:block;
    width:200px;
    height:92px;
    text-decoration:none;
}

#index-sp-wrap dt a:hover{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

#index-sp-wrap dd.fs10 {
	padding:4px;
	width:200px;
}


/* ---------トップページメインコンテンツ-------- */

#index-contents-wrap {
	width:700px;
}

#index-contents-wrap #index-contents-l-area {
	width:460px;
	float:left;
	padding-left:15px;
}

#index-contents-wrap #index-contents-r-area {
	width:200px;
	float:right;
}


/* ---------新着情報-------- */

div#index-info-wrap {
	background:#FFF url(../img/top/main_content_bg.gif) repeat-y;
	border-bottom: 1px solid #CCC;
	width:460px;
	margin-bottom:15px;
	padding-bottom:12px;
}

div#index-info-wrap p.index-info-ti{
	position:relative;
	z-index:0;
}

div#index-info-wrap p.index-info-ti a.index-info-rss{
	position:absolute;
	z-index:1;
	right:8px;
	top:10px;
}

div#index-info-wrap #index-info-box{
	margin:12px 0 2px 10px;
	width:440px;
	height:144px;
	overflow:auto;
}

div#index-news-wrap{
	background:#FFFFFF;
}

div#index-news-wrap th {
	padding:6px 8px 6px 10px;
	text-align:center;
	color:#555;
}

div#index-news-wrap th img{
	margin-bottom:5px;
}

div#index-news-wrap td.fs12 {
	padding:6px 8px;
	text-align:left;
}


/* ---------ピックアップニュース------- */

#index-pickupnews{
	width:460px;
	background:#FFF url(../img/top/main_content_bg.gif) repeat-y;
	border-bottom: 1px solid #CCC;
	margin-bottom:15px;
}

#index-pickupnews #pickup01{
	padding-top:14px;
	margin-bottom:14px;
	margin-left:8px;
	width:439px;
}

#index-pickupnews p.pickup-photo{
	padding:0px 0px 0px 8px ;
	float:left;
	width:125px;
}
#index-pickupnews .line {
	background:url(../img/top/pickupline01.gif) no-repeat center top;
}
#index-pickupnews dl.pickup-about{
	float:right;
	width:300px;
}


/* ---------カテゴリーレコメンド-------- */

#index-catereco {
	width:460px;
	margin-bottom:15px;
}

#index-catereco #offi {
	border:1px solid #CCC; margin-top:10px;
	padding:1px; background:#FFF;
}

#index-catereco #ladi {
	border:1px solid #CCC; margin-top:10px;
	padding:1px; background:#FFF;
}

#index-catereco #food {
	border:1px solid #CCC; margin-top:10px;
	padding:1px; background:#FFF;
}
#index-catereco .line { border-right:1px solid #e3e3e3;}
#index-catereco .linedot {}

#index-catereco .index-catereco-itemlist {
	 background:url(../img/top/index_catereco_ldot.gif) repeat-y center top;
	 overflow:auto; width:326px;
}

#index-catereco .index-catereco-pad {
	padding:4px 0px 4px 0px;
}

#index-catereco .index-catereco-item {
	width:153px;
	padding:0px 5px;
	float:left;
}
#index-catereco p.index-catereco-img {
	width:63px;
	float:left;
}
#index-catereco p.index-catereco-txt {
	width:85px;
	float:right;
	display:block;
	line-height:120%;
	margin:0px;
	font-size:90%;
}
#index-catereco p.index-catereco-txt a {
	padding-bottom:3px;
	display:block;
}
#index-catereco .index-catereco-price {
	padding-top:4px;
	display:block;
}





/* ---------定期宅配-------- */

#index-teiki {
	width:460px;
	margin-bottom:15px;
}



/* ---------トップセラー-------- */

dl#index-cellar-wrap {
	width:200px;
	padding-bottom:4px;
	background:#E4E4E4;
}

dl#index-cellar-wrap dd {
	padding:5px 5px;
	margin:4px 4px 0px 4px;
	background:#FFF;
}


dl#index-cellar-wrap dd .index-cellar-top-box {
	width:182px;
	background:url(../img/top/index_sellers_bg_black.gif) repeat-y left;
}


dl#index-cellar-wrap dd .index-cellar-top-box p.index-cellar-rank-top {
	width:10px;
	float:left;
}

dl#index-cellar-wrap dd .index-cellar-top-box p.index-cellar-img {
	width:70px;
	float:right;
}

dl#index-cellar-wrap dd .index-cellar-top-box p.index-cellar-img img{
	padding:8px 2px;
}

dl#index-cellar-wrap dd .index-cellar-top-box .index-cellar-txt {
	width:90px;
	padding:2px 2px 2px 5px;
	float:left;
}

dl#index-cellar-wrap dd .index-cellar-top-box .index-cellar-txt p.fs10{
	padding:0 0 2px 2px;
	display:block;
}

dl#index-cellar-wrap dd .index-cellar-top-box .index-cellar-txt p.fs10 a{
	padding:0 0 2px 0px;
	display:block;
	font-weight:700;
	text-decoration:none;
}


/* ---------トップページバナー-------- */

ul#index-banner-area{
	padding:0px 0px 15px 0px;
}

ul#index-banner-area li {
	margin-top:10px;
	background:#FFF;
}

ul#index-banner-area li a{
    display:block;
    width:200px;
}

ul#index-banner-area li a:hover{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}



ul#index-banner-area2{
	padding:15px 0px 0px 0px;
	border-top:1px solid #CCC;
}

ul#index-banner-area2 li{
	margin-bottom:10px;
	background:#FFF;
}

ul#index-banner-area2 li a{
    display:block;
    width:200px;
}

ul#index-banner-area2 li a:hover img{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}





/* ---------おすすめ商品-------- */
div#index-recommend {
width:460px;
margin:0px 0px 15px 0px;
padding:0px;
background-color:#FFFFFF;
}
div#index-recommend .title .titleInner{
margin:4px 4px 4px 7px;
}
div#index-recommend .title .titleInner .subTitle{
font-size:12px;
}
div#index-recommend.title .titleInner .titleIcon{
margin-right:5px;
vertical-align:middle;
}
div#index-recommend .items{
padding:10px 5px 10px 5px;
clear:both;
border:1px solid #ccc;
border-top:none;
}
div#index-recommend .items .item{
float:left;
padding:6px;
width:100px;
background-image:url(../img/top/vr.gif);
background-repeat:repeat-y;
background-position:right;
text-align:center;
}
div#index-recommend .items .itemLast{
background:none;
}

div#index-recommend.items .item .recommendSubTitle{
margin-bottom:5px;
}
div#index-recommend .items .itemName{
height:3.6em;
overflow:hidden;
font-size:12px;
text-align:left;
line-height:120%;
margin-top:10px;
}
div#index-recommend .items .itemPrice{
margin-top:5px;
height:1.2em;
overflow:hidden;
text-align:left;
font-size:10px;
line-height:120%;
color:#333333;
}
div#index-recommend.items .itemName a,
div#index-recommend.items .itemName a:hover,
div#index-recommend.items .itemName a:visited{
text-decoration:none;
color:#005da0;
}
div#index-recommend.items div.itemName a:hover{
color:#3399cc;
}
div.clearfix{
clear:both;
}