@charset "UTF-8";
/* CSS Document */

	html,body,h1,p,ul,dl,dd,form
	{ margin:0; padding:0; }
	img{border:none;}
	a{
	/* [disabled]color:#5d8c23; */
}
	a:hover{ color:#79b62e; }
	a:active{ color:#dc3124; }
	strong{ color:#dc3124; }
	em{ color:#5d8c23; font-style:normal; }
	body{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
	#container
	{ width:1000px; margin:0 auto; }
	#header,
	#main,
	#side,
	#footer
	{ position:relative; }
	/* #header layout */
	#siteTitle a.logo,
	#siteTitle span,
	#header p.banner,
	#header p.tel,
	#globalNav,
	#subNav
	{ position:absolute; }
	#siteTitle a.logo	{ top:  0px; right: auto; bottom: auto; left:  0px;}
	#siteTitle span		{ top:  5px; right:  0px; bottom: auto; left: auto;}
	#header p.tel		{ top: 30px; right:  0px; bottom: auto; left: auto;}
	#header p.banner	{
	top: 27px;
	right: auto;
	bottom: auto;
	left: 255px;
}
	#globalNav			{ top:123px; right: auto; bottom: auto; left:  0px;}
	#subNav				{ top: 83px; right: auto; bottom: auto; left:232px;}
	/* #header */
	#header{
		height:198px;
	}
	#siteTitle a.logo{
		display:block;
		width:203px;
		padding:18px 10px 10px;
	}
	#siteTitle span{
		font-size:x-small;
		font-weight:normal;
		color:#585b51;
	}
	#siteTitle span img{
		margin-left:1em;
		vertical-align:-0.5em;
	}
	/* navigation */
	#header div.navigation ul{ padding:0; list-style-type:none; }
	#header div.navigation li{ float:left; }
	#header div.navigation li a{ display:block; overflow:hidden; height:0; }
	#globalNav{
		height:55px;
	}
	#globalNav li a{
		width:333px;
		padding-top:55px;
		background: url(image/btn_globalnav.png) no-repeat;
	}
	#globalNav li.about a { background-position-x:   0px; }
	#globalNav li.item 	a { background-position-x:-333px; }
	#globalNav li.pay 	a { background-position-x:-666px; }
	
	#globalNav li a:hover	{ background-position-y: -55px; }
	#globalNav li 		a:active{ background-position-y:-110px; }
		
	
		
	#btn_members_logout {
		font-size: small;
		position: absolute;
		top: 50px;
		left: 242px;
	}
	
	#main{ float:right; width:1000px; margin-bottom:20px; }

	
	#itemCategory ul li img{ padding-top:1px; }
	#itemCategory ul li a:hover img{
		padding-top:2px;
		opacity:0.8;
	}
	#side div.navigation li a,
	#itemCategory ul li span{
		display:block;
		padding:5px 0 4px 28px;

	}
	#side #itemCategory ul li a{ padding:0; background-image:none; }
	#side div.navigation a:hover{
		background-position:9px 8px;
	}
	#itemCategory ul li a:hover span{
		padding-top:4px;
		background-position:9px 7px;
	}
	#profile h2{
		display:none;
	}
	#profile dt{
		margin:11px 0 11px;
	}
	#profile dd{
		line-height:1.3;
	}
	

	
	
/*	--#footer-- */


	#footer{ 
		clear:both;
		padding:20px 0 40px;
		font-size:small;
	}
	#footer div#shoppingGuide{ 
		overflow:hidden;
	}
	#footer div.columnL{ 
		float:left;
		width:49%;
	}
	#footer div.columnR{ 
		float:right;
		width:49%;
	}
	#footer div.columnL div.floatL, 
	#footer div.columnR div.floatL{ 
		float:left;
		width:110px;
		height:110px;
		padding:7px;
	}
	#footerNav{
		clear:both;
		overflow:hidden;
		margin:0 0 25px;
		padding:16px 7px;
		border:1px dotted #b1b1b1;
		border-left:none;
		border-right:none;
	}
	#footerNav p.copy,
	#footerNav p.textNav{
		float:left;
		margin-right:2em;
	}
	#footerNav p.toTop{
		float:right;
	}
	#footerNav p.toTop a{
		display:block;
		padding-right:16px;
		
	}
	#footerNav a{
		text-decoration:none;
	}
	#footer address,
	#copyright{
		padding-left:7px;
		font-style:normal;
	}
	#copyright{
		font-size:x-small;
		color:#9fa496;
	}
	
	
/* common style */


	#main div.headline{
		overflow:hidden;
		height:400px;
		margin-bottom:30px;
		padding:20px 20px 0;
		background-repeat:no-repeat;
		color:#fff;
	}
	#main div.headline p{ font-size:small; }
	#main div.headline p a{ color:#fff; }

	
	#main div#P_kodawari  {
	background-image: url(image/top11.jpg);
}
   	#main div#P_resipi  { background-image:url(image/top2_.jpg); }

   	#main div#P_kounyu  { background-image:url("image/top3_2_r6.jpg"); }


	#main div.section{
		overflow:hidden;
		margin-bottom:20px;
		padding:10px;
	}
	#main div.cover{ padding:0; }
	#main div.photo a{ display:block; float:left; }
	
	#main div.section h1{
		font-size:16px;
		color:#300;
		}
	
	#main div.section h2{
		margin:0 0 20px;
		padding:0 0 0 50px;
		background:url(./image/bana1.jpg) no-repeat;
		color:#dc3124;
	}
	#main div.section h2 img{
		padding:5px 0 6px;
	}
	#main div.section h3,
	#footer h3{
		padding:0.5em;
		border-bottom:1px dotted #b1b1b1;
	}
	#footer h3{
		padding-top:0;
	}
	#main p{
		margin-bottom:0.8em;
		text-align:justify;
		line-height:1.8;
	}
	#main div.section p.phoL{ float:left; margin-right:40px; }
	#main div.section p.phoR{
	float: right;
	margin-left: 20px;
}
	#main div.section .columnL{
	float: left;
	width: 320px;
}
#main div.section .columnL2{
	float: left;
	width: 550px;
}
#main div.section .columnL3{
	margin-left:100px;
	float: left;
	width: 900px;
}
#main div.section .columnL4{
	margin-left:0px;
	margin-top:30px;
	float: left;
	width: 900px;
}
	#main div.section .columnR{
	float: right;
	width: 320px;
	margin-left: 10px;
}
	
	#main div.section span.caption{ font-size:small; letter-spacing:-1px; }
	#main div.section p.btn{ margin-bottom:5px; text-align:right; }


/*	--table-- */


	table{ border-top:1px dotted #b1b1b1;border-collapse:collapse;border-spacing:0; }
	table th, 
	table td{ padding:0.5em; border-bottom:1px dotted #b1b1b1; }
	table th{ white-space:nowrap; text-align:left; }
	table.dataTable{ width:100%; border-left:1px dotted #b1b1b1; }
	table.dataTable th, table.dataTable td{ border-right:1px dotted #b1b1b1; }
	table.dataTable thead th{ padding:0.25em 0.5em; background-color:#f5f5f5; font-weight:normal; }
	table.dataTable td{ text-align:center; }
	table.layoutTable { border:none; }
	table.layoutTable th, table.layoutTable td{ padding:0;border:none; }


/*	--list-- */
	
	
	#main ul.linkList{ list-style-type:none; }
	#main ul.linkList li a{
		display:block; 
		padding:0 0 0 20px;
		background:url() no-repeat left 5px;
		text-decoration:none;
	}


/*	--tag-- */
	
	
	#main .tag{
		display:inline-block;
		padding:0.5em 10px;
		background-color:#dc3124;
		vertical-align:0.25em;
		line-height:1;
		font-size:x-small;
		color:#fff;
		border-radius: 4px;
-webkit-border-radius: 4px;
   -moz-border-radius: 4px;
	}
	#main a.tag{ background-color:#5d8c23; }
	#main a.tag:hover{ background-color:#79b62e; }
	#main div.itemarea:nth-of-type(2) .tag{ background-color:#5d8c23; }
	#main div.itemarea:nth-of-type(3) .tag{ background-color:#1c7319; }
	

/*	--other-- */

	.note { font-size:smaller; }
	.clear{ clear:both; }


/*	--home-- */
	
	
	#main #recommend h2,
	#main #ranking h2{
		padding:0;
		background-image:none;
	}
	#main #information{
		padding-bottom:20px;
		border:1px dotted #dc3124;
		border-radius: 4px;
-webkit-border-radius: 4px;
   -moz-border-radius: 4px;
	}
	#main div.itemList {
		padding-right:0;
	}
	#main div.itemList div.itemarea{
	position: relative;
	float: left;
	width: 300px;
	margin-right: 10px;
	_margin-right: 5px;
	}
	#main div.itemList a.thumb{
		display:block;
		width:240px;
		height:159px;
		overflow:hidden;
		text-align:center;
	}
	#main div.itemList img.item{
		width:240px;
		height: auto;
	}
	#main div.itemList img.rank{
		position:absolute;
		top:0; right:0;
	}
	/* category search */
	#main div.sort{
		float:right;
		text-align:right;
	}
	/* tomato page */
	#main #sectionNama{
		margin-top:-10px;
		margin-bottom:-10px;
		padding-top:20px;
		padding-bottom:0;
	}
	#sectionNama h2 { position:relative; }
	#main #sectionNama h2 img{
		position:relative;
		top:-27px;
		z-index:1;
	}
	
	
/*	--Individual-- */

	
	#main div.item img.large{ width:350px; height:auto; }
	#main #share{ margin:10px 0; }
	#main #share iframe{ display:block; margin-bottom:5px; }
	#main div.button { margin:20px 0; }
	/*#main div.button input{ zoom:2; } */

.kakaku {
	font-size: 40px;
	text-align: center;
	color:#666;
}