@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      chugen.css
 Style Info:     スタイルベース
----------------------------------------------------------- */

#mainBlock h1,#mainBlock h2,#mainBlock h3,#mainBlock h4,#mainBlock h5,#mainBlock p,#mainBlock dt,#mainBlock dd,#mainBlock span,#mainBlock strong{
	font-size:12px;
}

/*
===========================================================
お中元
===========================================================
*/

#mainBlock p.catch_lead{ /* メイン画像下 リード */
	margin-top:10px;
	color:#737373;
}
#mainBlock p.catch_lead .red,#mainBlock p.catch_lead strong{ color:#e5004f; font-weight:bold;}
#mainBlock p.catch_lead .blue{ color:#5083b2; font-weight:bold;}

#mainBlock .officelink {position: relative; height:70px;}
#mainBlock .officelink p.catch_lead{/*width: 500px;*/}
#mainBlock .officelink img{position: absolute; top: 0; right: 0;}

#main_contents{ /* コンテンツ一覧エリア */
	margin-top:20px;
}


	/*▼▼▼▼▼▼ ページ遷移 ▼▼▼▼▼▼*/

	div.number-link-area {
		width:726px;
		height:26px;
		margin:15px 0 30px 0;
		padding:10px 0 8px 0;
		position: relative;
		border: 0;
		clear:both;
	}
	div.number-link-area1 {
		border-top:2px solid #CCCCCC;
		border-bottom:1px dotted #CCCCCC;
	}
	div.number-link-area2 {
		border-bottom:2px solid #CCCCCC;
		border-top:1px dotted #CCCCCC;
	}
	div.number-link-area .none {
		display: none!important;
	}
	div.number-link-area .prev a {
		display:block;
		height:22px;
		width:102px;
		float:left;
		text-indent:-9999px;
		overflow: hidden;
		outline: none;
		margin-top:2px;
		background: url(/chugen/images/paging_arrow.gif) 0 0 no-repeat;
	}
	div.number-link-area .next a {
		display:block;
		height:22px;
		width:102px;
		float:right;
		text-indent:-9999px;
		overflow: hidden;
		outline: none;
		margin-top:2px;
		background: url(/chugen/images/paging_arrow.gif) right 0 no-repeat;
	}
	div.number-link-area .prev a:hover {
		background-position: 0 bottom;
	}
	div.number-link-area .next a:hover {
		background-position: right bottom;
	}
	div.number-link-area .numBox {
		position: absolute;
		top: 12px;
		left: 133px;
		font-size:12px;
		width:460px;
		text-align: center;
		padding: 3px 0;
	}
	div.number-link-area .numBox a ,
	div.number-link-area .numBox a:visited {
		border:1px solid #ffa200;
		margin-right:3px;
		padding:2px 6px;
		background-position:bottom;
		text-decoration:none!important;
		font-weight:bold;
		color:#ffa200!important;
		background-color:#FFFFFF;
	}
	div.number-link-area .numBox a:hover,
	div.number-link-area .numBox a:active {
		background:#ffa200;
		color:#ffffff!important;
	}
	div.number-link-area .numBox span.current {
		border:1px solid #ffa200;
		margin-right:3px;
		padding:4px 6px 2px 6px;
		_padding:2px 6px;
		*padding:2px 6px;
		font-weight:bold;
		background:#ffa200;
		color:#ffffff;
	}

	/*▼▼▼▼▼▼ ピックアップ ▼▼▼▼▼▼*/

	#main_contents .picupBox {
		clear: both;
		width: 726px;
		margin: 0 0 30px 0;
		background: url(/chugen/images/pickup_bg.gif) 0 0 repeat-y;
		overflow: hidden;
	}
	#main_contents .picupBox h2 {
		margin: 0 0 15px 0;
	}
	#main_contents .picupBox .clm1 {
		float: left;
		display: inline;
		width: 332px;
		margin: 0 0 0 20px;
	}
	#main_contents .picupBox .clm2 {
		float: right;
		display: inline;
		width: 332px;
		margin: 0 20px 0 0;
	}
	#main_contents .picupBox .pic {
		margin: 0 0 20px 0;
		position: relative;
		width: 332px;
		height: 212px;
	}
	#main_contents .picupBox .pic .iconOff {    /* pickup！ 商品2列 割引アイコン制御 */
		position: absolute;
		top: -10px;
		left: -10px;
	}
	#main_contents .picupBox .pic .iconSoryo {  /* pickup！ 商品2列 送料アイコン制御 */
		position: absolute;
		bottom: 6px;
		right: 6px;
	}
	#main_contents .picupBox .pic .iconGentei {  /* pickup！ 商品2列 WEb限定制御 */
		position: absolute;
		bottom: -4px;
		left: 0px;
	}
	#main_contents .picupBox .pic .iconHaya {   /* pickup！ 商品2列 早割アイコン制御 */
		position: absolute;
		top: 0;
		right: -4px;
	}
	#main_contents .picupBox .pic .iconPref {   /* pickup！ 商品2列 県名アイコン制御 */
		position: absolute;
		top: 2px;
		left: 5px;
	}
	#main_contents .picupBox .pic img { border: 2px solid #FFA103; }
	#main_contents .picupBox .pic .iconOff img,
	#main_contents .picupBox .pic .iconSoryo img,
	#main_contents .picupBox .pic .iconGentei img,
	#main_contents .picupBox .pic .iconHaya img,
	#main_contents .picupBox .pic .iconPref img {
		border: none!important;
	}
	#main_contents .picupBox .catch {
		color: #537901;
		font-size: 117%;
		font-weight: bold;
		line-height: 1.5;
		margin: 0 8px 17px;
	}
	#main_contents .catch a {
		color: #537901;
	}
	#main_contents .catch a:hover {
		color: #537901;
	}
	#main_contents .picupBox .name {
		font-size: 117%;
		font-weight: bold;
		line-height: 1.4;
		margin: 0 2px 10px 8px;
		text-decoration: underline;
	}
	#main_contents .picupBox .name a {
		text-decoration: underline;
	}
	#main_contents .picupBox .price {
		font-size: 100%;
		margin: 0 2px 0 8px;
	}
	#main_contents .picupBox .selprice {
		font-size: 100%;
		margin: 0 2px 0 8px;
		color: #E60012;
	}
	#main_contents .picupBox .selprice span {
		font-size: 117%;
		font-weight:bold;
		color: #E60012;
	}

	#main_contents #products .picupBox .catch {
		color: #350000;
		font-size: 100%;
		font-weight: normal;
		line-height: 1.5;
		margin: 0 12px 25px 12px;
	}
	#main_contents #products .picupBox .name {
		font-size: 100%;
		font-weight: bold;
		line-height: 1.4;
		margin: 0 2px 10px 12px;
		text-decoration: underline;
	}
	#main_contents #products .picupBox .price {
		font-size: 100%;
		margin: 0 2px 0 12px;
	}
	#main_contents .picupBox .pic .iconSold {  /* pickup！ 完売アイコン制御 */
		position: absolute;
		top: 65px;
		left: 100px;
	}
	#main_contents .picupBox .pic .iconSold img {  /* pickup！ 完売アイコン制御 */
		border:none;
	}

	/*▼▼▼▼▼▼ ４列商品 ▼▼▼▼▼▼*/

	div.col3 {
		width:162px;
		float:left;
		margin: 0 2px 0 15px;
		height:300px;
	}

		div.col3:after {
		  content: ".";  /* 新しい要素を作る */
		  display: block;  /* ブロックレベル要素に */
		  clear: both;
		  height: 0;
		  visibility: hidden;
		}

		div.col3 {
		  min-height: 1px;
		}

		* html div.col3 {
		  height: 1px;
		  /*\*//*/
		  height: auto;
		  overflow: hidden;
		  /**/
		}

	div.col3 div.products_photo {
		position: relative;
		width:162px;
		height:162px;
		border:1px solid #d4d4d4;
	}
	div.col3 div.products_photo .iconOff {   /* pickup！ 商品4列 割引アイコン制御 */
		position: absolute;
		top: -10px;
		left: -10px;
	}
	div.col3 div.products_photo .iconSoryo { /* pickup！ 商品4列 送料アイコン制御 */
		position: absolute;
		bottom: 3px;
		right: 3px;
	}
	div.col3 div.products_photo .iconGentei { /* pickup！ 商品4列 WEB限定アイコン制御 */
		position: absolute;
		bottom: 0;
		left: 0;
	}
	div.col3 div.products_photo .iconHaya {  /* pickup！ 商品4列 早割アイコン制御 */
		position: absolute;
		top: 0;
		right: 0;
	}
	div.col3 div.products_photo .iconSold {  /* pickup！ 商品4列 完売アイコン制御 */
		position: absolute;
		top: 55px;
		left: 20px;
	}
	div.col3 h3.products_name {
		font-size: 12px;
		font-weight: bold;
		padding: 10px 0 0;
		margin-bottom: 5px;
	}
	#mainBlock div.col3 p.products_price_c {
		color: #333333;
		font-size: 10px;
		padding: 0 0 0 0;
		display: none; /*消費税8%のため*/
	}
	#mainBlock div.col3 p.products_selprice_c {
		color: #E60012;
		font-size: 10px;
		display: none; /*消費税8%のため*/
	}
	#mainBlock div.col3 p.products_selprice_c span {
		font-size:13px;
		font-weight:bold;
		color: #E60012;
	}

/* 産地直送用CSS*/
	body#sanchoku div.col3 {height:260px;}
	body#sanchoku div.col3 h3.products_name { margin-bottom: 0;}
	body#sanchoku p.titleline{margin-bottom: 20px;}
	body#sanchoku div.backcolor_pnk{background: #fbf3fd;}


	/*▼▼▼▼▼▼ 価格帯で選ぶ ▼▼▼▼▼▼*/

	.sp2PriceBox {
		clear: both;
		margin: 0 0 35px 0;
		overflow: hidden;
	}
	.sp2PriceBox h4 {
		margin: 0 0 19px 0;
	}
	.sp2PriceBox ul {
		width: 726px;
	}
	.sp2PriceBox ul li {
		float: left;
		margin: 0 5px 0 0;
	}
	.sp2PriceBox ul li.r_btn {
		float: left;
		margin: 0 0 0 0;
	}
	.sp2PriceBox ul li a:hover img{
		filter: alpha(opacity=70);
		-moz-opacity: 0.7;
		-khtml-opacity: 0.7;
		opacity: 0.7;
	}


	/*▼▼▼▼▼▼ アイテムで選ぶ ▼▼▼▼▼▼*/

	.sp2ItemBox {
		clear: both;
		width:726px;
		overflow: hidden;
		margin: 0 0 35px 0;
	}
	.sp2ItemBox ul {
		width:726px;
		margin: 0 0 0 0;
		padding: 8px 0 0 7px;
		background: url(/chugen/images/chugen_item_bg.gif) 0 0 repeat;
		_zoom: 1;
		overflow: hidden;
	}
	.sp2ItemBox ul li {
		float: left;
		width: 176px;
		margin: 0 3px 0 0;
		padding: 0 0 6px 0;
	}
	.sp2ItemBox ul li.wide {
		width: 236px;
	}
	.sp2ItemBox ul li a { color: #7D0000; text-decoration: none; }
	.sp2ItemBox ul li a:hover { color: #E60012; text-decoration: none; }
	.sp2ItemBox ul li a:hover img {
		filter: alpha(opacity=70);
		-moz-opacity: 0.7;
		-khtml-opacity: 0.7;
		opacity: 0.7;
	}
	.sp2ItemBox ul li p {
		margin: 0 0 0 3px;
		padding: 2px 0 0 17px;
		background: url(/chugen/images/brand_li_mark.gif) no-repeat 0 4px;
	}


	/*▼▼▼▼▼▼ ブランドで選ぶ ▼▼▼▼▼▼*/

	.sp2BrandBox {
		clear: both;
		width:726px;
		overflow: hidden;
		margin: 0 0 35px 0;
	}
	.sp2BrandBox ul {
		width:726px;
		margin: 0 0 0 0;
		padding: 8px 0 0 7px;
		background: url(/chugen/images/chugen_item_bg.gif) 0 0 repeat;
		_zoom: 1;
		overflow: hidden;
	}
	.sp2BrandBox ul li {
		float: left;
		width: 140px;
		margin: 0 3px 0 0;
		padding: 0 0 9px 0;
		line-height:1.2;
	}
	.sp2BrandBox ul li a { color: #7D0000; text-decoration: none; }
	.sp2BrandBox ul li a:hover { color: #E60012; text-decoration: none; }
	.sp2BrandBox ul li a:hover img {
		filter: alpha(opacity=70);
		-moz-opacity: 0.7;
		-khtml-opacity: 0.7;
		opacity: 0.7;
	}
	.sp2BrandBox ul li p {
		margin: 0 0 0 3px;
		padding: 5px 0 0 17px;
		background: url(/chugen/images/brand_li_mark.gif) no-repeat 0 4px;
	}
	.sp2BrandBox ul li p span { font-size: 85%; }
	#mainBlock .sp2BrandBox ul li p a {
		text-decoration:none;
		color:#333333;
	}
	#mainBlock .sp2BrandBox ul li p a:hover {
		text-decoration:underline;
	}


	/*▼▼▼▼▼▼ のし無料サポート ▼▼▼▼▼▼*/

	.muryo_support {
		width:726px;
		background: url(/chugen/images/support_bg.gif) repeat-y left top;
	}
	.muryo_support_inner {
		width:726px;
		padding:0 0 7px 0;
		background: url(/chugen/images/support_btm.gif) no-repeat left bottom;
	}
	.muryo_support .photo {
		float:left;
	}
	.muryo_support .txt {
		float:left;
		width:330px;
		margin:15px 0 0 20px;
	}
	#mainBlock .muryo_support .txt span {
		color:#3e9cde;
		font-weight:bold;
		font-size:14px;
	}