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

/*-------------------------------------------
	■　ベース　■
--------------------------------------------*/

/* resetting again*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body {
	margin: 0;
	/*background-image: url(img/bg_base.gif);
	background-repeat: repeat;
	background-position: center top;
	*/
	font-family: "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	text-align: left;
	color:#333;
}
ul,ol {
	list-style-type: none;
}
a {
	color: #7abd28;
	/*color: #666600;*/
	/*text-decoration: none;*/
}
a:hover {
	color: #ff8b03;
	text-decoration: underline;
}
h1 {
	font-size: 140%;
	line-height: 100%;
	margin-top:15px;
}

/* hr-hack */
hr {
	visibility: hidden;
	border:0;
	display: none;
}
div.clear {
	clear:both;
	visibility:hidden;
	border:0;
	height:1px;
	font-size:1px;
	line-height:1px;
}

/*	base背景と860pxラッパー
------------------------------------------------*/

/*上ライン*/
#base {
	background-image: url(img/header_line01.gif);
	background-repeat: repeat-x;
	background-position: center top;
	margin:0;
	padding:0;
	zoom:1;
	width:100%;
}
#wrapper {
	/*border:1px solid #993300;*/
	width: 860px;
	margin: 0 auto;
	zoom:1;
	background-color:white;
	line-height:1.4em;
	color:#471919;
}

/*	ヘッダー
-----------------------------------------------*/
#header {
	background-image: url(img/header_line02.gif);
	background-repeat: repeat-x;
	background-position: center top;
	width:860px;
	position: relative;
	top:0;
	left:0;
	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;	
}
div#header_top {
	/*background-image: url(img/footer_bg.gif);
	background-repeat: repeat-x;
	background-position: center top;
	*/
	width:864px;
	height:9px;
	position: absolute;
	left:-1px;
	top:-1px;
	clear:both;
}

/*
div#header_top {
	background-image: url(img/footer_bg.gif);
	background-repeat: repeat-x;
	background-position: center top;
	width:864px;
	height:9px;
	position: absolute;
	left:-1px;
	top:-1px;
	line-height:10px;
	border:1px solid red;
}

*/

/*ヘッダー左部分
------------------*/
#header_left {
	float:left;
	margin:20px 0 0 10px;
	width:570px;
}
div#logo{
	float:left;
	width:51px;
}
div#h1_title {
	float:left;
	width: 370px;
	padding-bottom:10px;
}

/*
div#h1_title h1{
	background-image: url(img/header_title.gif);
	background-repeat: no-repeat;
	background-position: rigth top;
	text-indent:-9999px;
	min-height:40px;
	height:auto !important;
	height:40px;
}*/
div#h1_title h1,
div#h1_title div#h1{
	background-image: url(img/header_title.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height:30px;
	margin:3px 0 0 5px;
}
div#h1_title h1 a,
div#h1_title div#h1 a{
	height:30px;
	width:370px;
	display: block;
	text-indent:-9999px;
}

/*文字サイズ*/
#font-size{
	width:110px;
	float:right;
}
#font-size p{
	font-size:12px;
}
#font-size ul {
	width:120px;
}
#font-size ul li{
	float:left;
}
#font-size ul li a{
	float:left;
	background-repeat: no-repeat;
	background-position: right top;
	width:31px;
	height:32px;
	text-indent:-9999px;
	padding-left:5px;
}
#font-size ul li a#fontS{
	background-image: url(img/font_small.gif);
}
#font-size ul li a#fontM{
	background-image: url(img/font_normal.gif);
}

#font-size ul li a#fontL{
	background-image: url(img/font_large.gif);
}

#font-size ul li a#fontS:hover,
#font-size ul li a#fontM:hover,
#font-size ul li a#fontL:hover{
	background-position: right bottom;
}
#font-size ul li a.bot{
	background-position:right bottom;
}

#header_left p{
	font-size:12px;
	margin-left:8px;
}
/*	ヘッダー右部分
--------------------*/
#header_right {
	float:right;
	background-image: url(img/bg_header_nav.gif);
	background-repeat: no-repeat;
	background-position: right top;
	width: 265px;
	position: relative;
}
ul#header-nav {
	font-size:11px;
	color:white;
	padding-left:10px;
	clear:both;
	width: 247px;
}
ul#header-nav a {
	color:white;
	text-decoration: none;
}
ul#header-nav a:hover {
	text-decoration: underline;
}
ul#header-nav li {
	float:left;
	border-left:1px solid white;
	margin:8px 8px 0 0;
	padding:2px 0 0 8px;
	line-height:15px;
}
ul#header-nav li.first {
	border:0;
	line-height:15px;
	margin-left:0;
}

ul#header-nav li.first img {
	display:block;
	margin-right:5px;
	width:20px;
	height:14px;
	float:left;
}
/*岡山県６次産業化・・・*/
#header_right p {
	font-weight: bold;
	color:#af7e08;
/*
	margin-top: 25px;
*/
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
}

#header_right #search_keyword {
	margin-left:10px;
	margin-bottom:3px;
}

#header_right #search_keyword .keyword {
	width:150px;
}

/*　　ナビゲーション
------------------------------------------------*/
#nav ul{
	width:860px;
	clear:both;
	zoom:1;
}
#nav ul li{
	float:left;
	height:48px;
	text-indent:-9999px;
}

#nav ul li a{
	display: block;
	height:48px;
	background-repeat: no-repeat;
	background-position: left top;
}
#nav ul li a:hover {
	background-position: left bottom;
}
#nav ul li.n01,#nav ul li.n01 a:hover{
	background-image: url(img/nav_home.gif);
	width:100px;
}
#nav ul li.n02,#nav ul li.n02 a:hover{
	background-image: url(img/nav_info.gif);
	width:104px;
}
#nav ul li.n03,#nav ul li.n03 a:hover{
	background-image: url(img/nav_bizen.gif);
	width:104px;
}
#nav ul li.n04,#nav ul li.n04 a:hover{
	background-image: url(img/nav_bichu.gif);
	width:112px;
}
#nav ul li.n05,#nav ul li.n05 a:hover{
	background-image: url(img/nav_mimasaka.gif);
	width:109px;
}
#nav ul li.n06,#nav ul li.n06 a:hover{
	background-image: url(img/nav_shop.gif);
	width:186px;
}
#nav ul li.n07,#nav ul li.n07 a:hover{
	background-image: url(img/nav_item.gif);
	width:145px;
}

/*	コンテンツ
----------------------------------------------------*/
#contents {
	margin:0 auto;
}
#article {
	min-height:860px;
	_height:860px;
}
/* このページのトップへ */
div.page-top a {
	background-image: url(img/arrow_page_top.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding:0 0 2px 23px;
	margin:60px 20px 20px;
	float:right; 
	width:11em;
	color:#471919;
	font-size:14px;
	line-height:23px;
}

/*	フッター
------------------------------------------------*/
#footer {
	width:100%;
	clear:both;
	zoom:1;
	background-color:#af7e08;
}
div#footer-line {
	line-height:30px;
	width:880px;
	margin: 0 auto;
}
div#footer-line img {
	width:880px;
	height:30px;
}
div#footer-line2 {
	/*background-image: url(img/footer_line.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	*/
	height:7px;
	line-height:0px;
	max-height:7px;
	margin:0;
	padding:0;
	width:100%;
	zoom:1;
	font-size:1px;
}
div#footer-bg{
	margin:0 auto;
	padding:0;
	width:860px;
	background-color:#af7e08;
	zoom:1;
}
div#footer-wrap{
	width:860px;
	margin: 0px auto;
	color:white;
	padding-bottom:10px;
}
/*左*/
div#footer-left {
	margin-top:15px;
	float:left;
	width:300px;
	line-height:1.5em;
	font-size:0.9em;
}
div#footer-left p.company{
	font-weight: bold;
	font-size:1em;
	margin-bottom:10px;
}
/*右*/
div#footer-right {
	float:right;
	width:538px;
	margin-top:15px;
}
div#footer-nav{
	border:1px solid #FFF;
	padding:10px 10px;
}
div#footer-nav p{
	padding:0 0 12px 5px;
	font-weight: bold;
	font-size:0.9em;
	width:510px;
}
div#footer-nav ul {
	width:510px;
}
div#footer-nav ul.nav-sita {
	margin-top:12px;
}
div#footer-nav ul li a {
	color:white;
	text-decoration:none;
}
div#footer-nav ul li a:hover{
	text-decoration: underline;
}
div#footer-nav ul li {
	float:left;
	border-right:1px solid white;
	margin:0 0 0 6px;
	padding:0 6px 0 0;
	line-height:1em;
	font-size:13px;
}

div#copy{
	text-align:right;
	font-size:0.8em;
	margin-top:12px;
}
#test {
	width:500px;
	background-color:#CCC;
}
#test div.lf,#test div.right{
	width:200px;
	height:50px;
	border:1px solid red;

}
#test div.lf{
	float:left;
}
#test div.right{
	border:2px solid blue;
	float:right;
}
#test div.ma{
	width:200px;
}

/* clearfix */
/* (.clearfixへoverflow:hiddenをデザインタイム指定)*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 1px;
	line-height: 0;
}
.clearfix {
	display: inline-block;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-Mac */