@charset "shift-jis";
/*
■■■■■■■■■■■■■■■■■■■■
　順造選用CSS 20111/11/21
■■■■■■■■■■■■■■■■■■■■
*/

/*
==============================
 タグ用CSS ここから
==============================
*/
body {
	font-size: 11px;
	color: #505050;
	margin-top: 0px;
}
td {
	font-size:11px;
	color: #505050;
}
img {
	border:0;
}
a img {
	border:0;
	text-decoration:none;
}

A:link    {Color:#505050; text-decoration: none;}
A:Active  {Color:#505050; text-decoration: none;}
A:Visited {Color:#505050; text-decoration: none;}
A:hover   {Color:#AA0000; text-decoration: none;}

/* HR で横線を引く ここから */
hr {
   border-width: 2px 0px 0px 0px; /* 太さ（必須） */
   height: 1px; /* 高さ（必須） */
   border-style: dotted; /* 線種:solid(直線),dashed(破線),dotted(点線) */
   border-color: #DDDDDD; /* 線色 */
   margin: 0;
}
/* HR で横線を引く ここまで */

/*
==============================
 タグ用CSS ここまで
==============================
*/

#base_div {
	width:940px;
	margin:10px auto;
}

.clear{
	clear:both;
}

/*
==============================
 ヘッダー用CSS ここから
==============================
*/
#header {
	width:930px;
}
#header_left {
	width:510px;
	height:125px;
	float:left;
}
#header_right {
	width:262px;
	float:right;
	text-align:center;
	font-size:12px;
}
#header_right img {
	margin-top:50px;
	margin-bottom:5px;
}
#header_right a {
	text-decoration:none;
}
#header_right a:hover {
	text-decoration:none;
}

#header_menu {
	height:40px;
}
#header_menu div{
	float:left;
}

#header_2banner {
	height:65px;
}
#header_2banner div {
	float:left;
	text-align:left;
	margin-right:5px;
}
#header_2banner img {
	margin-bottom:3px;
}

/* header-banner.js用CSS */
#header_banner {
	text-align:center;
	width:928px;
	height:auto;
	padding-top:10px;
	padding-bottom:10px;
	border:1px solid #cc9933;
	background-color:#f4f4f4;
}

/*
==============================
 ヘッダー用CSS ここまで
==============================
*/

#main_div {
	margin-top:10px;
}
#main_div a:hover img{
	opacity:0.8; 
	filter: alpha(opacity=80);
	text-decoration:none;
	border : none ;
} 


/*
==============================
 レフトナビ用CSS ここから
==============================
*/

#leftnavi {
	float:left;
	width:180px;
}
#left_serch {
	width:170px;
	text-align:center;
}
#left_serch img {
	margin-bottom:5px;
}
#left_serch_btn {
	text-align:right;
	margin-right:10px;
}

#leftnavi_banner div {
	margin-top:10px;
}

#leftnavi_banner img {
	margin-bottom:5px;
}

.greybox{
	border:2px solid #DDDDDD;
	width:170px;
	margin-top:30px;
}

/* ジュースメニュー ここから */
div.juice {
	text-align:left;
	font-size:12px;
}
div.juice img {
	margin-top:10px;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:5px;
}
div.juice p {
	display: table-cell;
	vertical-align: middle;
	margin: 0;
}
/*for IE6 */
* html .juice p {
	display: inline;
	zoom: 1;
}
/*for IE7 */
*:first-child+html .juice p {
	display: inline;
	zoom: 1;
}
/* ジュースメニュー ここまで */


/* こだわり食品メニュー ここから */
#kodawari p {
	font-size:12px;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:15px;
}
#kodawari img {
	margin-right:15px;
}
/* こだわり食品メニュー ここまで */


/* インフォメーションメニュー ここから */
#leftnavi_info p{
	font-size:12px;
	padding-left: 10px;
	margin:10px 0;
}
/* インフォメーションメニュー ここまで */


/*
==============================
 レフトナビ用CSS ここまで
==============================
*/



/*
==============================
 メイン用CSS ここから
==============================
*/

#main {
	float:left;
}

/* ■　メイン部　メインコンテンツ　メインビジュアル　■ */
#main_banners {
	width:740px;
	background-color:#EEEEEE;
}

#main_visual {
	float:left;
	width:540px;
}
#main_item p {
	margin:0;
}

/* ■　メイン部　新着商品　■ */
#main_newitem {
	margin-top:20px;
	width:742px;
}
#main_newitem div {
	float:left;
	width:140px;
	margin-top:5px;
	margin-right:8px;
	text-align:left;
}

/* ■　メイン部　ランキング、健康食品、Newsティッカー ここから　■ */
#main_div1 {
	margin-top:10px;
}

#main_ranking-ticker {
	width:505px;
	float:left;
	margin-right:10px;
}


#main_ranking {
	width:505px;
	height:240px;
}
#main_ranking div {
	margin-top:5px;
	width:125px;
	float:left;
}
#main_ranking div img {
	margin-bottom:5px;
}
/***** ティッカー開始　****/
#newsBox{
	margin-top:20px;
	background-image: url("../img/main/news-bg.gif");
	background-position:top left;
	background-repeat:no-repeat;
	width:505px;
	height:60px;
	padding-left:76px;
	padding-top:18px;
	font-size:12px;
	/* position:relative; */
	}
#newsBox A:link,  #newsBox A:Visited { Color:#505050; text-decoration: none; }
#newsBox A:hover, #newsBox A:Active  { Color:#AA0000; text-decoration: none; }
/***** ティッカー終了　****/



#main_kenko {
	width:225px;
	float:left;
}
#main_kenko img {
	margin-bottom:5px;
}
#main_kenko_left {
	float:left;
	text-align: left;
	width:110px;
	margin-top:20px;
}
#main_kenko_right {
	float:right;
	text-align: left;
	width:110px;
	margin-top:20px;
}
/* ■　メイン部　ランキング、健康食品、Newsティッカー ここまで　■ */


#main_div2 {
	margin-top:20px;
	width:742px;
}
#main_div2 img {
	margin-bottom:3px;
}
#main_banner_left {
	float:left;
	text-align: left;
	width:365px;
}
#main_banner_right {
	float:right;
	text-align: left;
	width:365px;
}


#main_kodawari {
	margin-top:20px;
	width:742px;
}


/* ■■■こだわり食品パレード用　ここから■■■ */
#grower_parade_div {
	margin-top:10px;
	width:742px;
}
#grower_parade {
	height:180px;
	padding-top:10px;
	padding-left:10px;
	padding-right:5px;
	background-color:#EEEEEE;
}
#grower_parade li {
	margin-right:5px;
	width:140px;
	float:left
}
#grower_parade img {
	margin-bottom:3px;
}
/* ■■■こだわり食品パレード用　ここまで■■■ */


#main_div3 {
	margin-top:10px;
	width:742px;
}


/* デイリーフード ここから */
#main_dailyfood {
	width:502px;
	float:left;
}
.main_dailyfood_box {
	width:502px;
}
.daily img{
	margin-top:10px;
	margin-bottom:5px;

}
.daily {
	text-align: center;
	width:125px;
	float:left;
}
#main_dailyfood_more {
	width:502px;
	padding-top:10px;
	padding-right:20px;
	text-align: right;
}
/* デイリーフード ここまで */


/* 順造選雑貨市場　ここから */
#main_zakka {
	width:225px;
	float: right;
}
.zakkabox{
	border-top:2px solid #AAAAAA; 
	border-left:2px solid #AAAAAA; 
	border-right:2px solid #AAAAAA; 
	width:221px;
	margin-top:10px;
}

div.zakka {
	border-bottom:2px solid #AAAAAA;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:25px;
}
div.zakka img {
	margin-right:15px;
}
div.zakka a {
	text-decoration: none;
}

div.zakka p {
	display: table-cell;
	vertical-align: middle;
	margin: 0;
	line-height:1.5em;
}
/*for IE6 */
* html .zakka p {
	display: inline;
	zoom: 1;
}
/*for IE7 */
*:first-child+html .zakka p {
	display: inline;
	zoom: 1;
}
/* 順造選雑貨市場　ここまで */	



#main_div4 {
	margin-top:10px;
	width:742px;
}



/* 順造選おすすめセット　ここから */
#main_osusume {
	width:512px;
	float:left;
}
.main_osusume_box {
	width:512px;
	margin-top:10px;
}
.osusumeset {
	text-align: left;
	width:250px;
	margin-right:6px;
	float:left;
}
.osusumeset img{
	margin-bottom:3px;
}

.osusumeset2 img{
	margin-top:10px;
	margin-bottom:3px;
}
/* 順造選おすすめセット ここまで */


/* よみもの ここから */
#main_yomimono {
	width:225px;
	float: right;
	text-align:left;
}
#main_yomimono p {
	margin-top:10px;
	margin-bottom:0;
}
#main_yomimono p img {
	margin-bottom:3px;
}
/* よみもの ここまで */


#main_myshop {
	margin-top:60px;
}
#main_infomation {
	margin-top:30px;
}




/*
==============================
 メイン用CSS ここまで
==============================
*/

#footer {
	margin-top:20px;
	text-align:center;
}


