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

/*00:bCD Reset  
---------------------------------------------------*/  
  
html{   
	margin:0;   
	padding:0;   
}   
body{   
	margin:0;   
	padding:0;   
	font-size:small;   
	line-height:1.5; 
	font-family:  "ＭＳ Ｐゴシック","メイリオ", Helvetica, Arial, sans-serif, Osaka, "ヒラギノ角ゴ Pro W3";    
}   
  
h1,h2,h3,h4,h5,h6,div,p,form{   
	margin:0;   
	padding:0;   
}   
  
div{   
	margin:0;   
	padding:0;   
	display: zoom: 100%; /* IE for7.0 clearfix */  
}   
  
div:after{  /* clear fix */  
    content: ".";     
    display: block;     
    visibility: hidden;     
    height: 0.1px;     
    font-size: 0.1em;     
    line-height: 0;     
    clear: both;     
}   
    
table{   
	/*  
	border-collapse: separate;  
	border-collapse: collapse;
	border-spacing: 1px;  
	*/  
}   
  
th,td{
	text-align:left;   
	vertical-align:top;   

}   

td{
float:12px;
}
  
img {   
	border:none;   
}   
  
address{   
	font-style:normal;   
}   
  
/*  
01:customers Reset  
----------------------------------------------------*/  
  
body{   
	background:#FFF; 
	color:#445; 
}   
  
a{   
	color:#3399FF;   
}   
a:visited{   
	color:#39C;   
}   
a:hover{   
	color:#C06;   
	text-decoration:none;   
}   
  
ol{   
    
}   
ol li{   
}   
  
p{   
	margin:5px 0 10px 0;   
}   
  
ul,li{   
	margin:0;   
	padding:0;   
}   
  
ul li{   
	
	list-style:none;
	/*
	background:url('img/li01.gif') no-repeat 0px 6px;   
	padding-left:16px;   
	*/
}   
  

h2{   
	margin:0 0 20px 0;
	width:608px;
	height:40px;
	text-indent:-1000em;   
}   
h3{
	margin:20px 0 20px 0;  
	font-size:16px;
	color:#000000;	
}



h4{   
	margin:0 0 10px 0;  
	font-size:14px;
	color:#000;
}  
h5{   
	margin:0 0 20px 0;   
}


.inner{
	margin:0 auto;
	width:810px;
}

.contents{
	float:right;
	padding:0 5px;
	width:600px;
}



/* -- 文字 -- */
.contents p {
  line-height: 1.6em;
}

h4{
	font-size:12px;
	color:#666666;
	text-align:left;
	margin-top:5px;
	margin-left:5px;
}
p{
	text-align:left;
	font-size:12px;
}

.hako p{
	margin-top:-5px;
	margin-left:5px;
}

div{   
	margin:0;   
	padding:0;   
	display: zoom: 100%; /* IE for7.0 clearfix */  
} 



/*リスト関係 */

.contents dt {
  font-weight: bold;
  border-bottom: 1px dotted #666666;
}

.contents dd { margin-bottom: 0px; }



/*ヘッダ*/
.header {
  padding: 20px 20px 10px;
}
.logo {
  font-size: 1.8em;
  margin-bottom: 0.5em;
}
.logo a:hover {
  text-decoration: none;
  background-color: #ffffff;
  color: #ff0000;
}
h3{
	margin-top:9px;
	font-size:12px;
	color:#FF0000;
	float:right;
}　
ul li{
	font-size:12px;
}
.crown {
	background:transparent url(img/crown.jpg) repeat-x scroll 0 0;
	height:23px;
	margin:0;
}


/*ニュースの文字*/
.hako{
	margin-top:10px;
	width:606px;
	background:transparent url(img/frame_naka.jpg) repeat-y scroll center bottom;
}

.hakotop{
	width:606px;
	height:16px;
	background:transparent url(img/frame_up.jpg) no-repeat scroll center top;
}

.hakobottom{
	width:606px;
	height:16px;
	background:transparent url(img/frame_bottom.jpg) no-repeat scroll center bottom;
}

/*サイドナビ*/

.sidebar {
  list-style-type: none;
  float:left;
  width:190px;
}


.sidebar ul li { 
　display: inline; 
  text-decoration: none;
}

.sidebar ul{
	margin:0;
	padding:0;
}



/*食と農によるまちづくり*/

.sidebar a{
  text-decoration: none;


}


.nou{
	text-indent:-1000em;
	    width:184px;
  height:38px;
}

.nou a{
  background:url(img/botan_red.jpg);
  width:184px;
  height:38px;
  display:block;
}



/*おかざき地産地消セレクション*/
.mark01{
	text-indent:-1000em;
    text-decoration: none;
	width:180px;
	height:50px;
	margin-top:15px;
	background:transparent url(img/column01_up.jpg) no-repeat scroll;
}

.mark01 img{
	margin-top:12px;
}

/*おかざきファーマーズマーケット*/
.mark02{
text-indent:-1000em;
    text-decoration: none;
	width:180px;
	height:50px;
	margin-top:10px;
	background:transparent url(img/column02_up.jpg) no-repeat scroll;
}

/*おかざき地産地消セレクションとおかざきファーマーズマーケットの中身*/
.mark_naka{
}
div#mark_naka ul li {
	font-size:12px;
	text-decoration:none;
	color:#000000;
width:180px;
	/*height:50px;*/
	

}

div.mark_naka {
	background:url("img/column_line.gif") repeat-y;
}




div.mark_naka ul li a {
	background-image:url("img/column_naka_or.jpg");
	background-repeat:no-repeat;
	background-position:left center;
	text-decoration:none;
	color:#000000;
	width:178px;
	/*height:50px;*/
	display:block;
	width:108px;
		/*height:16px;*/
	padding:5px 36px;
		
}

div.mark_naka ul li a:hover{
	background-image:url("img/column_naka_re.jpg");
	color:#F33112;
}

div.mark_naka ul li a.info {
	
	height:32px;
	padding:9px 36px;
	
}

/*おかざき地産地消セレクションとおかざきファーマーズマーケットのお尻*/
.mark_bottom{
	width:180px;
	background:transparent url(img/column_down.jpg) no-repeat scroll;
	height:6px;
	padding:0;
	margin:0;
	font-size:1px;
}

/*イベント情報・出店者募集バナー*/

.event{
	width:184px;
	height:86px;
	text-align:left;
	float:left;
	margin-top:10px;
}

.event a{
	background:url(img/baner_event.jpg) no-repeat scroll;
	text-decoration:none;
	text-indent:-1000em;
	width:184px;
	display:block;
	height:86px;
}

.banner .event a:hover{
	background-position:0 -86px;
	text-decoration:none;
}



/*マンガ地産地消ボタン*/
.manga{
	width:184px;
	height:67px;
	text-align:left;
	float:left;
	margin-top:5px;
}

.manga a{
	background:url(img/bt_manga.jpg) no-repeat;
	text-decoration:none;
	text-indent:-1000em;
	height:67px;
	width:184px;
	display:block;
	height:67px;
}

.banner .manga a:hover {
	background-position:0 -69px;
	text-decoration:none;
}


/*スタッフブログボタン*/
.blog{
	width:184px;
	height:67px;
	text-align:left;
	float:left;
	margin-top:5px;
}

.blog a{
	background:url(img/bt_blog.jpg) no-repeat;
	text-decoration:none;
	text-indent:-1000em;
	height:67px;
	width:184px;
	display:block;
	height:67px;
}


.banner .blog a:hover {
	background-position:0 -69px;
	text-decoration:none;
}


/*フッタ*/

.footer{
	padding:20px;
	margin-top:30px;
	background: #3ca455 none repeat scroll 0 0;;	
	background-position:left top;
	clear:both;
}
.copy{
	font-size:10px;
	color:#FFFFFF;
	width:300px;
	margin-top:5px;
}
div.footer div.copy {
	float:left;
}

/*食と農によるまちづくりのページ*/

/*タイトル*/

.contents h2.machimachi{
	background:url(img/title_syokuno.jpg) no-repeat;
	width:608px;
}

/*画像*/
.syokuno_ph{
	margin:10px 0 10px 10px;
	float:right
	}
	
	
/*小見出し*/
.orange_link{
	color:#FF9C00;
	font-size:13px;
	text-decoration:none;
	font-weight:bold
	}
	
.orange_link img{
	margin-left:5px;
	margin-right:5px;
	vertical-align:middle;
}

/*認定基準のページ*/

.contents h2.kijyun{
	background:url(img/title_kijyun.jpg) no-repeat;
	width:608px;
}

.contents .red_moji{
	color:#f33112;
	font-size:13px;
	text-decoration:none;
	font-weight:bold
}

.chisan_mark{
	width:165px;
	height:74px;
	margin-left:20px;

}

.information_oka{
	background:url(img/information_oka.jpg) no-repeat;
	width:568px;
	height:78px;
	margin-bottom:20px;
	float:left;
}

.information_moji{
display:block;
margin-top:12px;
margin-left:182px;
width:370px;
}


/*出店者募集のページ*/

.contents h2.branchshop{
	background:url(img/title_bosyuu.jpg) no-repeat;
	width:608px;
}

.contents .green_moji{
	color:#38925E;
	font-size:13px;
	text-decoration:none;
	font-weight:bold
}


/*認定加工店のページ*/
.contents h2.kakou{
	background:url(img/title_kakou.jpg) no-repeat;
	width:608px;
}

.kakou_hako {
	clear:both;
}

.kakou_ph{
	margin:0 10px 10px 0;
	float:left;
	}
	
.red_moji img{
	margin-left:5px;
	margin-right:5px;
	vertical-align:middle;
}


.Table td,.Table th{
padding:2px 5px;
line-height:13px;
font-size:11px;
color:#000000;
}

.color1{
color:#000000;
font-weight:normal;
}


/*認定飲食店のページ*/

.contents h2.insyoku{
	background:url(img/title_insyoku.jpg) no-repeat;
	width:608px;
}


/*地産地消マンガのページ*/

.contents h2.wakaru_manga{
	background:url(img/title_manga.jpg) no-repeat;
	width:608px;
}

/*イベントレポートのページ*/

.contents h2.report{
	background:url(img/title_report.jpg) no-repeat;
	width:608px;
}

.waku_moji{
	height:24px;
	width:45px;
	background-color:#339966;
	color:#ffffff;
	font-size:13px;
	text-decoration:none;
	font-weight:bold;
	padding-left:10px;
}

.orange_moji{
	color:#FF9C00;
	font-size:13px;
	text-decoration:none;
	font-weight:bold
}

.event_right{
	/*margin:10px 10px 10px 10px*/
	margin:10px;
	float:right;
	display:inline;
	}

.event_left{
	/*margin:10px 10px 10px 10px;*/
	margin:10px;
	float:left;
	display:inline;
	}

.clear {
	clear:both;
}