@charset "utf-8";

#contents {
	height: auto;
	width: 600px;
	float: right;
	text-align: left;
}

#contents #left {
	float: left;
	width: 400px;
}

#contents #left #wrap {
	text-align: left;
	height: auto;
	width: 380px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}
#contents #right {
	float: right;
	height: auto;
	width: 195px;
	text-align: left;
}


p{
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 10px;
	line-height: 1.2em;
	font-size: 1em;
}
p a,#contents p a:visited{
	color: #666666;
}

#contents div.block {
	padding: 0px;
	height: auto;
	width: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
}


#update_head_text {
	color: #669933;
	text-align: left;
	height: 24px;
	width: 366px;
	font-size: 14px;
	line-height: 24px;
	font-weight: bold;
	border: 1px solid #669933;
	padding-left: 9px;
}
#update_head_text a{
	color: #669933;
}


#voice_simply {
	padding: 0px;
	width: 380px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: auto;
}

/*
#goods_introduce_B {
	width: 380px;
	height: 240px;
	margin-top: 10px;
	margin-bottom: 10px;
}*/
#contents div.image_box_left {
	width: 185px;
	height: 120px;
	float: left;
	text-align: left;
	margin: 0px;
	padding: 0px;
}

#contents div.image_box_right {
	width: 180px;
	height: 120px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
	margin: 0px;
	float: left;
	text-align: left;
}


#organic_links {
	height: auto;
	width: auto;
	text-align: left;
	margin-bottom: 10px;
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
#organic_links div.col img {
	float: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
}

#organic_links h5.jas {
	font-size: 12px;
	color: #000000;
	font-weight: lighter;
	height: 40px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	line-height: 40px;
}
#organic_links h5.jas a:link, #organic_links h5.jas a:visited{
	color:#996633;
	font-weight: bold;
}
#organic_links h5.jas a:hover,#organic_links h5.jas a:active{
	background-color:#FFFFFF;
}


#popular_goods {
	width: 380px;
	margin-top: 10px;
	margin-bottom: 10px;
	height: auto;
	text-align: left;
}



#organic_links div.head {
	height: 50px;
}

#organic_links div.col {
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #663300;
	padding-bottom: 2px;
}

/*topページ　左サイドの定義*/

/*1段目お買い物ガイドAのリンク*/
#side_shopping_A {
	height: auto;
	width: 200px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

	/*無料サンプル*/
	#side_shopping_A h2#links01 a {
		background-image: url(/image/index/left_side/side_shopping_A/links01.gif);
		height: 25px;
		width: 200px;
		display: block;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #459525;
		background-repeat: no-repeat;
	}
	#side_shopping_A #links01 a:hover,#side_shopping_A #links01 a:active {
		background-image: url(/image/index/left_side/side_shopping_A/links01_active.gif);
		background-repeat: no-repeat;
	}
	/*30日間返金保証*/
	#side_shopping_A h2#links02 a {
		background-image: url(/image/index/left_side/side_shopping_A/links02.gif);
		height: 25px;
		width: 200px;
		display: block;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #459525;
		background-repeat: no-repeat;
	}
	#side_shopping_A #links02 a:hover,#side_shopping_A #links02 a:active {
		background-image: url(/image/index/left_side/side_shopping_A/links02_active.gif);
		background-repeat: no-repeat;
	}
	/*おまとめ購入*/
	#side_shopping_A h2#links03 a {
		background-image: url(/image/index/left_side/side_shopping_A/links03.gif);
		height: 25px;
		width: 200px;
		display: block;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #459525;
		background-repeat: no-repeat;
	}
	#side_shopping_A #links03 a:hover,#side_shopping_A #links03 a:active {
		background-image: url(/image/index/left_side/side_shopping_A/links03_active.gif);
		background-repeat: no-repeat;
	}
	/*ｼｮｯﾋﾟﾝｸﾞｶﾞｲﾄﾞへ*/
	#side_shopping_A h2#links04 a {
		background-image: url(/image/index/left_side/side_shopping_A/links04.gif);
		height: 76px;
		width: 200px;
		display: block;
		background-repeat: no-repeat;
	}
	#side_shopping_A #links04 a:hover,#side_shopping_A #links04 a:active {
		background-image: url(/image/index/left_side/side_shopping_A/links04_active.gif);
		background-repeat: no-repeat;
	}
/*原料屋の想いへのリンクリスト*/
#info_column {
	width: 200px;
	margin-top: 15px;
	height: auto;
}
	#info_column #body {
	height: auto;
	width: auto;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	}

	#info_column #foot {
		background-image: url(/image/index/left_side/info_column/under.gif);
		background-repeat: no-repeat;
		height: 10px;
		width: 200px;
		margin: 0px;
		padding: 0px;
		display: block;
	}

/*お買い物ガイドのリンクリスト　B */
#side_shopping_B {
	width: 200px;
	margin-top: 15px;
	margin-bottom: 15px;
}
	#side_shopping_B div.body {
		height: auto;
		width: auto;
		padding-top: 5px;
		text-align: left;
		margin: 0px;
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 3px;
	}
	
	#side_shopping_B div.foot {
		background-image: url(/image/index/left_side/side_shopping_B/foot.gif);
		background-repeat: no-repeat;
		height: 10px;
		width: 200px;
	}
	
#etcetra {
	height: auto;
	width: 200px;
	margin-top: 15px;
	margin-bottom: 15px;
}
	#etcetra div.head {
	background-image: url(/image/index/left_side/etcetera_info/back_top.gif);
	background-repeat: no-repeat;
	height: 10px;
	margin: 0px;
	font-size: 1px;
	line-height: 1px;
	padding: 0px;
	}
	
	#etcetra div.foot {
		background-image: url(/image/index/left_side/etcetera_info/back_under.gif);
		background-repeat: no-repeat;
		height: 10px;
	}
	/*お薦めなどの小さい画像を貼るスペース
	　(レシピ・お薦めセット画像等) */
	#etcetera_A {
	height: auto;
	background-image: url(/image/index/left_side/left_side/etcetera_info/back.gif);
	background-repeat: repeat-y;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}
	
	/*その他情報 リンク集　お気に入り追加等*/
	#etcetera_B {
	text-align: left;
	background-image: url(/image/index/left_side/etcetera_info/back.gif);
	background-repeat: repeat-y;
	height: auto;
	margin: 0px;
	padding: 0px;
	}

	#manager_topic {
	text-align: center;
	padding-bottom: 8px;
	}
	#manager_topic p{
	font-size: 12px;
	font-weight: lighter;
	color: #333333;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;	
	}	
	
/*メールマガジン　登録解除*/
#mail_magajin_link {
	height: 100px;
	width: 200px;
	background-color: #FFFFFF;
}
		#mail_magajin_link h2#entry a {
			background-image: url(/image/index/left_side/mail_magajin/button.gif);
			background-repeat: no-repeat;
			display: block;
			height: 100px;
			width: 200px;
		}
		#mail_magajin_link h2#entry a:hover,#mail_magajin_link h2#entry a:active {
			background-image: url(/image/index/left_side/mail_magajin/button_active.gif);
			background-repeat: no-repeat;
			background-color:#FFFFFF;
		}

#rundum_link{
	width:200px;
	text-align:center;

}
/*画像下等に配置するリンクテキスト　background付き */
h3{
	font-size: 12px;
	margin-left: 5px;
	background-image: url(/image/font/braun_circle.gif);
	background-repeat: no-repeat;
	padding-left: 13px;
	text-decoration: none;
	color: #333333;
	margin-top: 2px;
	margin-bottom: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	line-height: 1.2em;
}

h3 a:link, h3 a:visited{
	color: #333333;
	font-weight: lighter;
	text-decoration: underline;
}




/*画像下等に配置するリンクテキスト　backgroundなし */
#contents h4.img_under_normal{
	font-size: 12px;
	margin-left: 5px;
	padding-left: 5px;
	color: #330000;
	margin-top: 2px;
	margin-bottom: 2px;
	font-weight: lighter;
}
#contents h4.img_under_normal a:link, #contents h4.img_under_normal a:visited{
	color: #333333;
	font-weight: lighter;
	text-decoration: underline;
}

/*最新情報　で使用*/
p#info_text {
	border-bottom-style: none;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCC99;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-top: 4px;
	padding-bottom: 3px;
	font-size: 12px;
	color: #663300;
	padding-right: 2px;
	padding-left: 2px;
	background-position: left;
	text-align: left;
	margin-left: 15px;
	margin-right: 15px;
}

p#info_text a,p#info_text a:visited{
	text-decoration: underline;
	color: #663300;
}

/*Topページのみヘッダー下画像*/
/*#info_goods_wrap {
	height: auto;
}*/

#head_info_wrap{
	height:auto;
}
#head_info_left {
	float: left;
	width: 200px;
	height: auto;
}

#head_info_right {
	float: right;
	width: 590px;
	height: auto;
}


/*最新情報表示用　テーブル定義*/
table.update {
	width: 585px;
	margin-top: 0px;
	margin-bottom: 10px;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#ffffff;
	empty-cells:show;
	font-size: 12px;
	color: #666666;
	border: 1px solid #996600;
}

table.update th {
	color: #FFFFFF;
	background-color: #669933;
	line-height: 1.2em;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	padding-left: 10px;
	

	background-position:left top;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-right-color: #996600;
	border-bottom-color: #996600;
}

table.update td {
	line-height: 1.2em;
	padding-left: 10px;
	padding:0.3em 1em;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #996600;
	background-color: #FFFFCC;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #996600;
}

table.update li.day {
	text-align: center;
}
table.update li.comme {
	display: inline;
	text-align: left;
}

table.update td.day {
	width: 50px;
	text-align: center;
	padding-left: 0px;
}

table.update td a{
	color: #666666;
	text-decoration: underline;
}


/*トップお知らせ用*/

.top-notice {
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #996600;
}.top-notice p {
	font-size: 12px;
	line-height: 1.6em;
	color: #000000;
	margin: 0px;
	padding: 0px;
}
.top-notice .noticehr {
	color: #000000;
	margin-top: 5px;
	margin-bottom: 5px;
}
.top-notice .notice-orange {
	color: #FF0000;
	font-weight: normal;
}

/*今月のオススメ*/

.osusume-l {
	float: left;
	width: 180px;
}
.osusume-r {
	float: right;
	width: 180px;
}
.osusume p {
	margin: 0px;
}
.osusume {
	padding-top: 5px;
}
.osusume img {
	margin-bottom: 3px;
}
.top-newitem {
	background-color: #FBE2C4;
}
.top-newitem1 {
}
.top-newitem1 {
	float: left;
	width: 120px;
}
.top-newitem2 {
	float: right;
	width: 120px;
	margin-right: 5px;
}
.jasblock {
	margin-bottom: 15px;
	padding-bottom: 10px;
	border: 1px dotted #CC9900;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
}
.jasicon {
	float: left;
	width: 110px;
	margin-right: 18px;
	margin-bottom: 8px;
	text-align: center;
}
.jasblock p {
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	font-size: 12px;
}
.jasblock a{
	text-decoration:none;
	color: #006600;
}

.jasicon2 {
	float: right;
	width: 110px;
	margin-bottom: 8px;
	text-align: center;
}

/*画像用*/
.bottom7 {
	margin-bottom: 7px;
}
.bottom10 {
	margin-bottom: 10px;
}
.bottom15 {
	margin-bottom: 15px;
}
.bottom20 {
	margin-bottom: 20px;
}
.top10 {
	margin-top: 10px;
}
.top15 {
	margin-top: 15px;
}
.top20 {
	margin-top: 20px;
}
.right10 {
	margin-right: 10px;
}
.right15 {
	margin-right: 15px;
}
.right20 {
	margin-right: 20px;
}
.left10 {
	margin-right: 10px;
}
.left15 {
	margin-right: 15px;
}
.left20 {
	margin-right: 20px;
}
.right9 {
	margin-right: 9px;
}
.left-pickup {
	margin-bottom: 25px;
}
.pu-left {
	float: left;
	width: 90px;
}
.pu-right {
	float: right;
	width: 90px;
}
.left-pickup p {
	margin: 0px;
	padding: 0px;
}
.left-pickup .float_right {
	float: right;
	margin-top: 5px;
}
.jaslist-more {
	font-weight: bold;
	text-align: right;
}
.pu-right img {
	border: 1px solid #54863D;
}
.pu-left img {
	border: 1px solid #54863D;
}
.top_right img {
	border: 1px solid #54863D;
}
.osusume img {
	border: 1px solid #996600;
}