@charset "utf-8";

#main_contents_inner {
	background:#000 url(image/contents_back_inner.gif) repeat-y top center;
}

#main_contents {}

div#main {
	width:650px;
	margin:0;padding:0;
	float:left;
	text-align:left;
	background:#000;
	color:#fff;
}

div#main img {
	display:block;
}

/* パン屑 トップページの背景 */
div#main_left div#pan_navi {
	background:#000 url(img/top/bread.gif) no-repeat left bottom;
}

div#main h4 {
	background:none;
}

/* メインイメージ部分のレイアウト */
div#main div#h3-left { float:left; }

div#main div#h3-right { float:right; }

div#main div#lead-area { clear:both; }


/* 新着・プレゼント情報エリア */
div#a-info-wrapper {
	background:#000 url(img/top/info_wrapper_back.jpg) repeat-y left top;
	width:650px;
	font-size:12px;
	line-height:1.4em;
}

div#a-info-area {
	background:url(img/top/info_back.jpg) no-repeat left top;
}

div#a-info-wrapper div.hr-hack {
	height:24px;
	background:url(img/top/info_bottom.gif) no-repeat left top;
}

div#info-inner {
	width:610px;
	margin:0 auto;
}

div#info-new {
	width:340px;
	float:left;
}

div#new-area,
div#enq-area {
	border:0px solid #666;
	border-width:1px 0;
/*
	color:#B2B2B2;
*/
	cikir:white;
}

div#new-area dl {
	margin-top:5px;
	padding-bottom:5px;
	border-bottom:5px;
}

div#new-area dl dt {
	width:70px;
	float:left;
	color:#7DFF00
}

div#new-area dl dd {
	margin-left:80px;
	margin-bottom:3px;
}

div#new-area dl dd a,
div#info-enq div#sec-2 a {
	color:#8292d1;
	text-decoration:none;
}

div#new-area dl dd a:hover,
div#info-enq div#sec-2 a:hover {
	color:#b125d9;
}

div#new-area h5 {
	border-top:2px dotted #666;
	padding-top:3px;
	font-weight:normal;
	color:#7dff00;
}

div#info-enq {
	width:227px;
	float:right;
}

div#info-enq div#sec-1 {
	margin-top:5px;
	float:left;
}

div#info-enq div#sec-2 {
	margin-top:5px;
	width:110px;
	float:right;
}

div#info-enq div#sec-3 {
	clear:both;
	padding-top:3px;
}

/* contentsエリア */
div#contents-area {
	background-color:#222222;
}

div#contents-area div.inner {
	background:url(img/top/contents_back.gif) no-repeat left top;
	width:100%;
}

div#contents-area div.inner2 {
	width:616px;
	margin:0 auto;
}

div#contents-area div.button {
	float:left;
	width:150px;
	height:102px;
	margin-right:4px;
	background:url(img/top/button_back.gif) no-repeat left top;
}

div#contents-area div.button h5,
div#contents-area div.button ul {
	width:141px;
	float:right;
}

div#contents-area div.button ul li{
	display:block;
}

div#contents-area div.button ul li a {
	display:block;
	width:127px;
	height:24px;
	text-indent:-9999px;
	overflow:hidden;
	background-position:left top;
	background-repeat:no-repeat;
}

div#contents-area div.button ul li a:hover {
	background-position:left bottom;
}

div#contents-area div.button ul li a#in-1 { background-image:url(img/top/in_1.gif); }
div#contents-area div.button ul li a#in-2 { background-image:url(img/top/in_2.gif); }
div#contents-area div.button ul li a#in-3 { background-image:url(img/top/in_3.gif); }

div#contents-area div.button ul li a#mk-1 { background-image:url(img/top/mk_1.gif); }
div#contents-area div.button ul li a#mk-2 { background-image:url(img/top/mk_2.gif); }

div#contents-area div.button ul li a#se-1 { background-image:url(img/top/se_1.gif); }
div#contents-area div.button ul li a#se-2 { background-image:url(img/top/se_2.gif); }

div#contents-area div.button ul li a#et-1 { background-image:url(img/top/et_1.gif); }
div#contents-area div.button ul li a#et-2 { background-image:url(img/top/et_2.gif); }
div#contents-area div.button ul li a#et-3 { background-image:url(img/top/et_3.gif); }

div#contents-area div.button ul li img{
	display:block;
}

div#h5_intro {
}

div#h5_eat {
	margin-right:0;
}

div#h5_intro {
}

div#contents-area div.hr-hack {
	height:40px;
	background:url(img/top/contents_bottom.gif) no-repeat left top;
}


/* サブ　右 */

div#main img { border:none; }

div.clear{ clear:both;height:7px;line-height:7px;font-size:10px; }

/* ヘッダー */
/*
div#main_header {

}

	div#main_header h3{
		width:640px;height:279px;
		margin:0;padding:0;
		background:url(image/h1_back.jpg) no-repeat top center;
		text-indent:-5000px;
	}
	
	div#main_header p{
		width:640px;height:95px;
		margin:0;padding:0;
		background:url(image/top_text_back.jpg) no-repeat top center;
		text-indent:-5000px;
	}
*/
	
/* 新着情報 */
/*
div#new_contents{
	margin:0;padding:0;
	background:url(image/new_contents_back.gif) repeat-x top center;
}

	div#new_contents div#whats_new{
		width:376px;
		float:left;
		display:inline;
	}

		div#new_contents div#whats_new h4{
		height:35px;
		margin:0;padding:0;
		background:url(image/whats_new_title_back.gif) no-repeat top center;
		text-indent:-5000px;
		}
	
		div#new_contents div#list_new{
		background:url(image/whats_new_title_back_side.gif) no-repeat top center;
		text-align:left
		}
		
		div#new_contents div#list_new dl{ margin:0;padding:0 0 0 30px; }
		div#new_contents div#list_new dt{ margin:0;padding:0;color:#7dff00;text-align:left;width:75px;float:left;clear:both;font-size:12px;}
		div#new_contents div#list_new dd{ margin:0 0 10px 75px;padding:0;text-align:left;width:250px;font-size:12px;line-height:120%;}
		
		div#new_contents div#pick_up {
			margin:0 15px;padding:0;
			clear:both;
			border-top:2px dotted #333;
		}
		
		div#new_contents div#pick_up p{
			margin:8px 0 0 10px;padding:0;	
			color:#7dff00;
			font-size:12px;
		}
		
		div#new_contents div#pick_up ul {
			margin:0;padding:0;	
		}
		
		div#new_contents div#pick_up li {
			margin:0 0 0 15px;padding:0;
			list-style-type:none;
			font-size:12px;
			line-height:150%;
		}
		
		div#new_contents div#list_new_bottom{
			background:url(image/whats_new_title_back_bottom.gif) no-repeat bottom center;
		}
*/

/* アンケート */
/*
	div#new_contents div#enquete{
		width:260px;
		background:#999;
		float:right;
		display:inline;
	}

		div#new_contents div#enquete h4{
			height:35px;
			margin:0;padding:0;
			background:url(image/enquete_title_back.gif) no-repeat top center;
			text-indent:-5000px;
		}


		div#new_contents div#enquete div#enquete_detail{
			margin:0;padding:0 7px;
			background:url(image/enquete_title_back_side.gif) repeat-y top center;
		}
		
		div#new_contents div#enquete img#enquete_img{
			display:inline;
			float:left;
		}
		
		div#new_contents div#enquete div#enquete_detail p#side_text{
			margin:0 0 0 130px;padding:0;
			font-size:12px;
			text-align:left;
			line-height:150%;
		}

		div#new_contents div#enquete div#enquete_detail p#bottom_text{
			margin:5px 0 0 0;padding:0;
			clear:both;
			font-size:12px;
			line-height:150%;
			text-align:left;
		}
	
	
		div#new_contents div#enquete_bottom{
			background:url(image/enquete_title_back_bottom.gif) no-repeat bottom center;
		}
*/

/* メインコンテンツ */
/*
div#main_contents{
	text-align:center;
}

	div#main_contents h43{
		width:640px;height:57px;
		margin:0 auto;padding:0;
		background:url(image/main_contents_title_back.jpg) no-repeat top center;
		text-indent:-5000px
	}
	
	div#contents_list{
		height:160px;
		margin:0;padding:0 0 0 20px;
		background:url(image/main_contents_bottom_back.jpg) no-repeat top center;
		text-align:center;
	}


	div#main_contents div.one_contents { 
		width:150px;
		margin:10px 0 0 0;padding:0;
		float:left;
		display:inline;

	}
	
	div#main_contents div.one_contents h5 {
		margin:0 0 0 4px;padding:0;
		text-align:left;
		text-indent:-5000px;
	}
	
	div#main_contents div.one_contents h5#h5_introduce { background:url(image/contents_introduce.jpg) no-repeat center center }
	div#main_contents div.one_contents h5#h5_grow      { background:url(image/contents_grow.jpg) no-repeat center center }
	div#main_contents div.one_contents h5#h5_producer  { background:url(image/contents_producer.jpg) no-repeat center center }
	div#main_contents div.one_contents h5#h5_delicious { background:url(image/contents_delicious.jpg) no-repeat center center }
	
	div#main_contents div.one_contents ul { 
		margin:0;padding:0;
		list-style-type:none;
	}
	
	div#main_contents div.one_contents li {
		margin:8px 0 0 0;padding:0;
		text-indent:-5000px;
		text-align:center;
	}
	
	div#main_contents div.one_contents li a.contents_one_list{ 
		width:135px;
		display:block;
		margin:0 auto;
	}

	div#main_contents li a#contents_history      { background:url(image/contents_introduce_history.jpg) no-repeat top right; }
	div#main_contents li a#contents_history:hover{ background:url(image/contents_introduce_history_on.jpg) no-repeat top right; }

	div#main_contents li a#contents_special      { background:url(image/contents_introduce_special.jpg) no-repeat top right; }
	div#main_contents li a#contents_special:hover{ background:url(image/contents_introduce_special_on.jpg) no-repeat top right; }
	
	div#main_contents li a#contents_shipment      { background:url(image/contents_introduce_shipment.jpg) no-repeat top right; }
	div#main_contents li a#contents_shipment:hover{ background:url(image/contents_introduce_shipment_on.jpg) no-repeat top right; }

	div#main_contents li a#contents_process      { background:url(image/contents_grow_process.jpg) no-repeat top right; }
	div#main_contents li a#contents_process:hover{ background:url(image/contents_grow_process_on.jpg) no-repeat top right; }
	
	div#main_contents li a#contents_calendar      { background:url(image/contents_grow_calendar.jpg) no-repeat top right; }
	div#main_contents li a#contents_calendar:hover{ background:url(image/contents_grow_calendar_on.jpg) no-repeat top right; }

	div#main_contents li a#contents_producer      { background:url(image/contents_producer_producer.jpg) no-repeat top right; }
	div#main_contents li a#contents_producer:hover{ background:url(image/contents_producer_producer_on.jpg) no-repeat top right; }
	
	div#main_contents li a#contents_leading_place      { background:url(image/contents_producer_leading_place.jpg) no-repeat top right; }
	div#main_contents li a#contents_leading_place:hover{ background:url(image/contents_producer_leading_place_on.jpg) no-repeat top right; }

	div#main_contents li a#contents_basic       { background:url(image/contents_delicious_basic.jpg) no-repeat top right; }
	div#main_contents li a#contents_basic:hover { background:url(image/contents_delicious_basic_on.jpg) no-repeat top right; }
	
	div#main_contents li a#contents_application      { background:url(image/contents_delicious_application.jpg) no-repeat top right; }
	div#main_contents li a#contents_application:hover{ background:url(image/contents_delicious_application_on.jpg) no-repeat top right; }
	
	div#main_contents li a#contents_recipe      { background:url(image/contents_delicious_recipe.jpg) no-repeat top right; }
	div#main_contents li a#contents_recipe:hover{ background:url(image/contents_delicious_recipe_on.jpg) no-repeat top right; }
	
	
	div#main_contents_bottom {
		height:27px;
		background:url(image/page_bottom_back.jpg) repeat-x top center;
	}
*/