@charset "UTF-8";

/* 20100929トップページバナー追加（柴崎）*/
#alpha #type2010index{
	margin:15px 0 10px 0;
	color:#333333;
	text-align:left;
	line-height:1.7;
}
#alpha #type2010index h2 {
	margin:0 0 4px 0 ;
	padding:0;
}
#alpha #type2010index h2 img {
	width:550px;
	_width:548px;
}
#alpha #type2010index a img {
	border:1px solid #ccc;
}
#alpha #type2010index a:hover img {
	border:1px solid #f60;
}
#alpha #type2010index p {
	width:272px;
	margin:0;
	padding:0;
}
#alpha #type2010index p.banner_left {
	float:left;
}
#alpha #type2010index p.banner_right {
	float:right;
}
#alpha #type2010index p.banner_center {
	width:550px;
	margin:0 0 4px 0;
	text-align:center;
}
#alpha #type2010index p.banner_center img {
	width:550px;
	_width:548px;
	border:1px solid #ccc;
}
#alpha #type2010index p a{
	display:block;
	margin:0 0 4px 0;
	padding:0;
}
#alpha #type2010index p a img {
	width:272px;
	_width:270px;
}
#alpha #type2010index p a:hover img {
	border:1px solid #f60;
}

/* 20100929 トップページバナー追加　柴崎ここまで */


/*新着
--------------------------------------------------*/
#index-info{
	clear:both;}
#index-info h3{
	width:auto;
	height:30px;
	line-height:30px;
	text-indent:-8900em;
	background:url(../images/indexonly/set_200710/index-info-head.gif);}
#index-info dl.box {
	margin:10px 0 20px 0;
	padding:10px 10px 0 10px;
	border:1px solid #ccc;
}

dl#index-info-list{
	margin:0;padding:0;}
dl#index-info-list dt{
	margin:0;
	padding:0 0 0.5em 0;
	list-style-type:none;
	color:#9F6800;
	font-weight:bold;
}
dl#index-info-list dd{
	margin:0;padding:0 0em 12px 17px;
	line-height:1.3;
	background:url(../images/indexonly/index-info-list-sub.gif) 9px 5px no-repeat;}
	dl#index-info-list dd p{
		margin:0 1em 0 0;padding:0 0 12px;
		line-height:1.3;}
		dl#index-info-list dd p.center{
			padding:0;text-align:center;}
#index-info p#addbookmark{
	position:absolute;
	width:250px;height:18px;
	margin:0;padding:0;
	top:4px;left:260px;
	text-align:right;
	line-height:1;
	vertical-align:middle;}
#index-info p img{
	vertical-align:middle;}



/*３カラムボックス（単品販売＆メディア掲載一覧）
--------------------------------------------------*/

#index-media,
#index-commodity-1,
#index-commodity-2{
	position:relative;
	clear:both;}
h2#index-commodity-head{
	padding:0 0 5px 0;}
/*3カラムの背景*/
.index-commodity-back,
.index-media-back{
	width:550px;
	background:url(../images/indexonly/set_200710/index-commodity-back.gif) left bottom no-repeat;}
/*1カラムごとの背景の上部を上書きする*/
.index-commodity-back .index-commodity-section,
.index-media-back .index-media-section{
	float:left;
	width:180px;
	background:url(../images/indexonly/set_200710/index-commodity-head.gif) left top no-repeat;
}
	/*パディングの調整*/
	.index-commodity-back .index-commodity-section-inner,
	.index-media-back .index-media-section-inner{
		/*内寸145px*/
		padding:10px 15px 10px 10px;
		text-align:center;}
	/*h3/h4の背景画像処理*/
		.index-commodity-back .index-commodity-section-inner h3,
		.index-media-back .index-media-section-inner h4{
			margin:0 0 0 0px;
			padding:0;}
		.index-commodity-back .index-commodity-section-inner h3 a,
		.index-media-back .index-media-section-inner h4 a{
	display:block;
	width:180px;
	padding:130px 0 0;
}
		/*パラグラグ*/
		.index-commodity-back .index-commodity-section-inner p,
		.index-media-back .index-media-section-inner p{
			margin:0;
			padding:3px 0;}
		/*値段、日時（オレンジ）*/
		.index-commodity-back .index-commodity-section-inner p.price,
		.index-media-back .index-media-section-inner p.datetime{
			color:#FF6600;}
		/*解説文*/
		.index-commodity-back .index-commodity-section-inner p.desc,
		.index-media-back .index-media-section-inner p.desc{
			padding-bottom:6px;
			text-align:left;
			line-height:1.3;
			font-size:87%;color:#666;}
		/*ボタン、リンク*/
		.index-commodity-back .index-commodity-section-inner p.button,
		.index-media-back .index-media-section-inner p.button,
		.index-media-back .index-media-section-inner p.link{
			margin:0 0 5px 3px;
			font-size:85%;}

/*h3の背景画像(120x120だが145x120まで表示できる)*/
	/*有機長いも(平芋)*/
	.index-commodity-back .index-commodity-section-inner h3.nagaimo-hira{
		background:url(../shopping/images/xcart/03_single_vegetables/300-203-03-hiranagaimo120.jpg) top center no-repeat;}
	/*有機豆*/
	.index-commodity-back .index-commodity-section-inner h3.mame{
		background:url(../shopping/images/xcart/03_single_vegetables/300-504-00-mame-all120.jpg) top center no-repeat;}
	/*切り干し*/
	.index-commodity-back .index-commodity-section-inner h3.kiriboshi{
		background:url(../shopping/images/xcart/04_processed_food/500-100-00-kiriboshiset_120.jpg) top center no-repeat;}
	/*にんじん*/
	.index-commodity-back .index-commodity-section-inner h3.ninjin{
		background:url(../shopping/images/xcart/03_single_vegetables/300-204-01-120_ninjin.jpg) top center no-repeat;}
	/*かぼちゃ*/
	.index-commodity-back .index-commodity-section-inner h3.kabocya{
		background:url(../shopping/images/xcart/03_single_vegetables/300-214-01_jyagaset_120.jpg) top center no-repeat;}
	/*じゃがいもセット*/
	.index-commodity-back .index-commodity-section-inner h3.kitaakari{
		background:url(../shopping/images/xcart/03_single_vegetables/300-214-01_jyagaset_120.jpg) top center no-repeat;}
	/*長いも*/
	.index-commodity-back .index-commodity-section-inner h3.nagaimo{
		background:url(../shopping/images/xcart/03_single_vegetables/300-202-02-nagaimo-120.jpg) top center no-repeat;}
	/*ごぼう*/
	.index-commodity-back .index-commodity-section-inner h3.gobou{
		background:url(../shopping/images/xcart/03_single_vegetables/300-207-00-gobou-120.jpg) top center no-repeat;}
	/*自然薯*/
	.index-commodity-back .index-commodity-section-inner h3.jinenjyo{
		background:url(../shopping/images/xcart/03_single_vegetables/300-201-01-jinenjyo-120.jpg) top center no-repeat;}
	/*にんにく*/
	.index-commodity-back .index-commodity-section-inner h3.ninniku{
		background:url(../shopping/images/xcart/03_single_vegetables/300-200-01-ninniku-120.jpg) top center no-repeat;}
	/*ケール*/
	.index-commodity-back .index-commodity-section-inner h3.kale{
	background-image: url(../shopping/images/xcart/03_single_vegetables/300-100-00_kale_120.jpg) top center no-repeat;}
	/*トマト*/
	.index-commodity-back .index-commodity-section-inner h3.tomato{
	background-image: url(../shopping/images/xcart/03_single_vegetables/300-213-01_tomato_120.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}
	/*里芋*/
	.index-commodity-back .index-commodity-section-inner h3.satoimo{
	background-image: url(../shopping/images/xcart/03_single_vegetables/300-206-00-satoimo-120.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}


/*メディア掲載一覧（h3はpayment系と共用）
--------------------------------------------------*/
#index-media{
	clear:both;
	position:relative;
	padding-bottom:15px;}
#index-media-1,
#index-media-2{}

#index-media h3#index-media-h3,
#index-payment h3{
	width:auto;
	height:40px;
	line-height:40px;
	text-indent:-8900em;}
	#index-media h3#index-media-h3{
		background:url(../images/indexonly/set_200710/index-media-head.gif) top left no-repeat;}
	#index-payment h3{
		background:url(../images/indexonly/set_200710/index-payment-head.gif) top left no-repeat;}
/*ボタンの位置を入れ替える*/
#index-media p.sidebutton,
#index-payment p.sidebutton{
	position:absolute;
	top:0px;
	left:339px;
}


/*掲載されたメディアの写真（h4の背景画像-120x120だが145x120まで表示できる）*/

/* 201109 visa */
	.index-media-back .index-media-section-inner h4.p201110a{
		background: url(../company/media/images/2011/201110a.jpg) no-repeat center top;
}



/* 201109 visa */
	.index-media-back .index-media-section-inner h4.p201109a{
		background: url(../company/media/images/2011/20110915_visa_02.jpg) no-repeat center top;
}

/* 201109 premium */
	.index-media-back .index-media-section-inner h4.p201109b{
		background: url(../company/media/images/2011/20110915_premium_02.jpg) no-repeat center top;
}

/*201105 jisin*/
	.index-media-back .index-media-section-inner h4.p201108a{
	background-image: url(../company/media/images/2011/20110809_jisin_02.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

/*201105 aoimorinokuni*/
	.index-media-back .index-media-section-inner h4.p201105a{
	background-image: url(../company/media/images/2011/20110525_aoimorinokuni_01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

/*201102 mansion labo*/
	.index-media-back .index-media-section-inner h4.p201102a{
	background-image: url(../company/media/images/2011/20110214_mansionlabo_01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
	/*201101 kichenplus*/
	.index-media-back .index-media-section-inner h4.p201101b{
	background-image: url(../company/media/images/2011/20110123_tabemono_01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
	/*201101 kichenplus*/
	.index-media-back .index-media-section-inner h4.p201101a{
	background-image: url(../company/media/images/2011/20110106_kitchenplus_01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

	/*201011 crea*/
	.index-media-back .index-media-section-inner h4.p201011a{
	background-image: url(../company/media/images/2010/20101106_crea_01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

	/*201010 lettuce club*/
	.index-media-back .index-media-section-inner h4.p201010a{
	background-image: url(../company/media/images/2010/20101025_lettuceclub_01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}


/*お届け・お支払い方法（２カラム）
--------------------------------------------------*/
#index-payment{
	clear:both;
	position:relative;
	padding-bottom:20px;}
#index-payment .index-payment-inner{
	clear:both;
	background:url(../images/indexonly/set_200710/index-payment-back.gif) top center repeat-y;}
	/*カラム処理*/
	#index-payment .index-payment-left,
	#index-payment .index-payment-right{
		width:264px;}
	#index-payment .index-payment-left{
		float:left;}
	#index-payment .index-payment-right{
		float:right;}
/*基本設定*/
#index-payment .index-payment-inner h4,
#index-payment .index-payment-inner h5,
#index-payment .index-payment-inner p,
#index-payment .index-payment-inner ul,
#index-payment .index-payment-inner caption{
	margin:6px 0 6px 0;}
#index-payment .index-payment-inner p,
#index-payment .index-payment-inner ul,
#index-payment .index-payment-inner caption{
	font-size:90%;
	line-height:1.5;
	color:#666;}
#index-payment .index-payment-inner button{
	width:115px;padding:3px;}
/*個別指定*/
	#index-payment .index-payment-inner h4{
		padding-left:5px;
		line-height:20px;
		font-weight:bold;
		color:#804000;
		background:url(../images/indexonly/set_200710/index-payment-title.gif) top left no-repeat;}
	#index-payment .index-payment-inner h5{
		padding:0 0 0 5px;
		border-left:5px solid #777;
		font-size:85%;
		color:#777;
		font-weight:bold;}
	#index-payment .index-payment-inner li{
		margin-left:1.5em;}
	#index-payment .index-payment-inner table{
		display:table;
		width:100%;
		margin-left:0px;
		font-size:85%;
		border-collapse:collapse;
		text-align:center;
		line-height:1.3;
		border-top:1px solid #999;
		border-left:1px solid #999;}
	#index-payment .index-payment-inner caption{
		display:table-caption;
		caption-side:top;
		margin:0 auto;
		padding:2px 0 0 0;
		text-align:right;
		color:#666;}
	#index-payment .index-payment-inner table th{
		vertical-align:middle;}
	#index-payment .index-payment-inner th,
	#index-payment .index-payment-inner td{
		display:table-cell;
		vertical-align:middle;
		padding:2px 4px;
		text-align:center;}
	#index-payment .index-payment-inner th{
		background-color:#ddd;
		text-align:center;
		font-weight:normal;
		white-space:normal;/*nowrap*/
		border-right:1px solid #999;
		border-bottom:1px solid #999;}
	#index-payment .index-payment-inner td{
		border-right:1px solid #999;
		border-bottom:1px solid #999;}
	#index-payment .index-payment-inner thead th{
		background-color:#ccc;}

/*ご注文について
--------------------------------------------------*/
#index-telfax{
	clear:both;}
#index-telfax h3{
	width:auto;
	height:30px;
	line-height:30px;
	text-indent:-8900em;
	background:url(../images/indexonly/set_200710/index-telfax-head.gif);}
#index-telfax ul{
	margin:0;padding:10px 0;}
#index-telfax li{
	margin:0;padding:0 0em 0.25em 15px; 
	list-style-type:none;
	color:#666;
	background:url(../images/indexonly/set_200710/index-info-list.gif) 0px 3px no-repeat;}
#index-telfax p{
	margin:0;padding:0;}
#index-telfax p#telfax-tel{
	float:left;
	width:255px;height:75px;
	text-indent:-8900em;
	background:url(../images/indexonly/set_200710/index-telfax-tel.gif) 0 0 no-repeat;}
#index-telfax p#telfax-fax{}

