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

/*-------------------------------------------
	■　トップページ　■
--------------------------------------------*/

/*	ヘッダーとナビ　トップ
--------------------------------------------*/
#header {
	width:860px;
	margin:0 auto;	
}
#navWrap {
	width:100%;
	height:48px;
	background:url(img/navi_bg.gif)	 repeat-x center center;
}
#nav {
	margin:0 auto;
	padding:0;
	width:860px;
	height:48px;	
}


/*	コンテンツ　トップ
--------------------------------------------*/
#art-topWrap {
	width:100%;
	background:url(img/main_image_bg.jpg) repeat-x top center;
	height:412px;
	margin:0 0 10px 0;
	padding:0px;
}
#art-top {
	/*
	background-image: url(img/bg_hougan.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	*/
	width:860px;
	margin:0 auto;
	zoom:1;
	clear:both;
	padding:0px;
	height:412px;	
}

/*メイン画像の設定*/
div#art-top-left {
	float:left;
	background-image: url(img/top_image_wrap.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position:relative;
	width:495px;
	min-height:334px;
	zoom:1;
}
img.topimage_01 {
	position: absolute;
	top:0;
	left:0;
}
img.topimage_02 {
	position: absolute;
	top:128px;
}
img.topimage_03 {
	position: absolute;
	top:170px;
	left:283px;
}
img.topimage_04{
	position: absolute;
	top:209px;
	left:275px;
}
div#art-top-left h2 img{
	position: absolute;
	top:14px;
	left:12px;
	z-index:2;
}

div#art-top-left img.text02a,
div#art-top-left img.text02b,
div#art-top-left img.text02c {
	position: absolute;
	left:33px;
	z-index:3;
}
div#art-top-left img.text02a{ top:164px; }
div#art-top-left img.text02b{ top:196px; }
div#art-top-left img.text02c{ top:229px; }


/*６次化商品とは*/
div#art-top-left div.jump-h2 {
	padding: 270px 0 0 33px;
	width:448px;
	font-size:14px;
}

/*お知らせ*/
div#art-info {
	width:480px;
	margin-top:5px;
	height:58px;
}
div#art-info h3{
	float:left;
}
div#art-info p.link-info{
	background-image: url(img/arrow_orange.gif);
	background-repeat: no-repeat;
	background-position: left center;
	float:right;
	font-size:14px;
	margin-top:30px;
	text-align:right;
	width:160px;
}
div#art-info p.link-info a{
	color:#471919;
}
/*お知らせリスト*/
div#art-info-list {
	width:480px;
	font-size:18px;
	font-weight:bold;
}
div#art-info-list dl{
	clear:both;
	font-size:0.9em;
	margin-left:33px;
	padding-bottom:6px;
}
div#art-info-list dl dt{
	float:left;
	width:7.5em;
	color:#a16012;
}
div#art-info-list dl dd{
	margin-left:7.5em;
	line-height:1.3em;
	color:#333;
}
div#art-info-list dl dd a{
	text-decoration: underline;
}

/*岡山県地図*/
div#art-top-right {
	float:left;
	margin-top:20px;
}

/*　コンテンツ　メイン
------------------------------------------------*/
#art-main {
	clear:both;
	font-size:0.9em;
	width:794px;
	padding: 0 33px;
}
/*左側*/
div#section-left{
	float:left;
	width:455px;
	padding:0;
}
div#section-left p{
	width:455px;
}
/*見出し*/
#contents div#art-main h3{
	border-bottom:1px solid #6c4747;
	margin-bottom:10px;
}
#contents div#art-main h3 img{
	margin:8px;
}
div#sec-left01 div.image01{
	margin:20px auto 15px;
	width:270px;
}
/*右側*/
div#section-right{
	float:right;
	width:301px;
}
div#section-right p{
	float:right;
	width:301px;
}
div#sec-right01,
div#sec-right02,
div#sec-right01 p,
div#sec-right02 p{
	width:301px;
}


div#sec-right01 div.image03{
	margin: 10px auto 20px;
	width:271px;
}

/*　コンテンツ　メイン
------------------------------------------------*/
div.main-con{
	width:794px;
	clear:both;
	font-size:0.9em;
	padding: 0 33px;	
}
/* 左 */
div.main-con dl.left-dl{
	width:455px;
	float:left;
}
div.main-con dl.left-dl dt {
	background:url(img/line_l.gif) no-repeat top left;
	padding:12px 0 2px;
	border-bottom:solid 1px #6c4747;
	margin-bottom:5px;
	}
div.main-con dl.left-dl dt,
div.main-con dl.left-dl dd,
div.main-con dl.left-dl dd p{	width:455px;}
div.main-con dl dd div.img{	text-align:center;}
div.main-con dl dd div.img img{	padding-top:10px;}

/* 右 */
div.main-con dl.right-dl{
	width:301px;
	float:right;
}
div.main-con dl.right-dl dt {
	background:url(img/line_s.gif) no-repeat top left;
	padding:12px 0 2px;
	border-bottom:solid 1px #6c4747;
	margin-bottom:5px;
	}
div.main-con dl.right-dl dt,
div.main-con dl.right-dl dd,
div.main-con dl.right-dl dd p{	width:301px;}


/*　商品表示部分
------------------------------------------------*/
div.sec-top-item  {
	width:800px;
	margin:0 auto;
}

div.top-item-area {
	width:180px;
	float:left;
	margin-right:25px;
	padding-top:10px;
}

div.top-item-area img {
	border:5px solid #CEC1C1;
}

div.top-item-last div.top-item-area {
	margin-right:0;	
}

div.sec-top-item p.item_name {
	font-weight:bold;
	line-height:1.2em;
	margin:3px 0;
}

div.sec-top-item p.item_name a {
	color: #DE5433;	
}

div.sec-top-item p.item_name a:hover {
	color: #ff8b03;
}