@charset "utf-8";
/*
 全ページに共通した設定です [
----------------------------------------------------------- */
* {
	margin:0;
	padding:0;
}
body {
	background:#ECE9D8 url(../img/share/body-bg.gif) repeat-x;
	font-family:Verdana, "lr oSVbN", sans-serif;
	font-size:80%;
}
html {
	overflow-y:scroll;
}

h1,h2,h3 {
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
}

p,li,dt,dl {
	line-height:1.6;
	font-family: "ＭＳ Ｐゴシック", Osaka;
}
p {
	font-size:1em;
	margin:0 0 1em 0;
	font-family: "ＭＳ Ｐゴシック", Osaka;
	color: #333333;
}


li {
	list-style-type: none;
}


img {
	border:0;
}
address {
	font-style:normal;
}

.clear {
	clear:both;
}

/*
 見出しになる部分のテキストの設定です [
 
 [h3]は、各ページの最初に花で装飾した画像(※index.htmlの「市の取り組み」など)の設定になります。
 [h4]は、各ページで、青色のイベントや団体名を強調した部分になります。(※一覧ページではリンクが貼られ緑色になっています)
 [h5]は、各ページで左に緑色のボーダーの付いた見出し（タイトル）の部分になります。
 [h6]は、黄緑色で下線のついた、見出しになります。(※団体一覧の「大地を感じる-体験が教えてくれること」の部分などです)
 
----------------------------------------------------------- */

h3 {
	padding: 0px;
	margin: 10px auto 0px;
	text-align: center;
	clear: both;
}

h4 {
	font-size: 1.4em;
	line-height: 1.3;
	font-family: "ＭＳ Ｐゴシック", Osaka;
	color: #006699;
	font-weight: bold;
	margin: 10px 0px 0px;
	padding: 0px;
}

h5 {
	font-size: 1.3em;
	font-family: "ＭＳ Ｐゴシック", Osaka;
	color: #352702;
	line-height: 1.5;
	margin: 0px 0px 10px;
	padding: 5px 5px 5px 10px;
	background-color: #ECE9D8;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #006600;
}

h6 {
	font-size: 1.2em;
	line-height: 1.5;
	color: #698C00;
	margin: 0px 0px 5px;
	padding: 15px 0px 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

/*
 テキストリンクの色と、マウスを載せた時の色の指定です 
 リンクを貼ると、緑色に変わるように指定しています。[
----------------------------------------------------------- */

a:link {
	color:#006600;
	text-decoration:none;
}
a:visited {
	color:#006600;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a:active {
	color:#666;
}

/*
 レイアウトの元になるCSSです
 #wrapはフッター以外の全体を囲む枠です [
----------------------------------------------------------*/

#wrap {
	width: 900px;
	padding: 15px 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFFFFF;
}

/*
 #headerはヘッダー(ページ上部のh1,h2の画像を)を囲む枠です [
----------------------------------------------------------*/

#header {
	margin: 0px auto;
	padding: 0px;
	clear: both;
	width: 900px;
}

/*
 トップページで新着情報とピックアップ部分を囲む枠です [
----------------------------------------------------------*/

#index-left {
	margin: 0px;
	padding: 0px 0px 5px 5px;
	width: 510px;
	float: left;
}

/*
 新着情報とピックアップ個別にグレーの線で囲む枠です [
----------------------------------------------------------*/

.news-box {
	width: 483px;
	margin: 0px 0px 10px;
	padding: 10px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	float: left;
	clear: both;
}

/*
 トップページで右側の「イベントガイドからモバイルサイト」までを囲む枠です [
----------------------------------------------------------*/

#kankou-guide {
	width: 380px;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	float: left;
}

/*
 g-naviは、全ページ共通のヘッダーのナビゲーションです。[2011/06/13修正]
-----------------------------------------------------------------------------------*/

#g-navi{
	margin: 0 auto;
	padding: 0;
	width: 900px;
	height: 50px;
	background-image: url(../img/share/g-navi.gif);
	clear: both;
}

#g-navi ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 900px;
	height: 50px;
}

#g-navi li{
	text-indent: -9999px;
	float:left;
	width: 112px;
	margin: 0;
	padding: 0;
}

#g-navi a{
	display: block;
	width: 112px;
	height: 50px;
	background-image: url(../img/share/g-navi.gif);
	background-repeat: no-repeat;
}

#menu1 a{background-position: 0 0;}
#menu2 a{background-position: -112px 0;}
#menu3 a{background-position: -224px 0;}
#menu4 a{background-position: -336px 0;}
#menu5 a{background-position: -448px 0;}
#menu6 a{background-position: -560px 0;}
#menu7 a{background-position: -672px 0;}
#menu8 a{background-position: -784px 0;}

#globalnavi a:hover{
  background-image: url(../img/share/g-navi.gif);
  background-repeat: no-repeat;
}

#menu1 a:hover{background-position: 0 -50px;}
#menu2 a:hover{background-position: -112px -50px;}
#menu3 a:hover{background-position: -224px -50px;}
#menu4 a:hover{background-position: -336px -50px;}
#menu5 a:hover{background-position: -448px -50px;}
#menu6 a:hover{background-position: -560px -50px;}
#menu7 a:hover{background-position: -672px -50px;}
#menu8 a:hover{background-position: -784px -50px;}


/* ul.torikumi-box で「市の取組」全体を囲います----------------*/

ul.torikumi-box {
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	width: 880px;
}

/* ul.torikumi-box liで「市の取組」の個別(背景色がベージュ部分)の枠を囲みます----------------------------*/

ul.torikumi-box li {
	width: 215px;
	float: left;
	display: block;
	padding: 0px;
	margin: 5px 5px 0px 0px;
	background-color: #DAD3B1;
	text-align: center;
	height: 220px;
}

/*１）各取り組みのボックス内で「タイトル・画像・内容」を囲む指定です--------------------------------*/

ul.torikumi-box ul li dl {
	margin: 0px auto;
	padding: 0px;
	width: 165px;
	text-align: center;
}

/*２）ボックス内の「タイトル」の指定です------------------------------------------------------------------*/

ul.torikumi-box dl dt {
	margin: 5px auto;
	padding: 0px 0px 0px 10px;
	width: 147px;
	font-size: 1em;
	font-weight: bold;
	color: #336600;
	line-height: 1.5;
	font-family: "ＭＳ Ｐゴシック", Osaka;
	text-align: left;
	border-left-width: 8px;
	border-left-style: solid;
	border-left-color: #999900;
	height: 42px;
}

/*３）ボックス内の「画像と内容文」の指定です---------------------------------------------------------------*/

ul.torikumi-box dl dd {
	margin: 0px auto;
	padding: 0px;
	width: 165px;
	font-size: 1em;
	font-weight: normal;
	color: #336600;
	line-height: 1.5;
	font-family: "ＭＳ Ｐゴシック", Osaka;
	text-align: left;
}

/*
 #pickup-imgは、トップページの「体験できます」の部分で画像を横に並べるための指定です [
----------------------------------------------------------*/

ul#pickup-img {
	margin: 0px auto 15px;
	padding: 0px;
	width: 900px;
	clear: both;
}
ul#pickup-img li {
	float: left;
	margin-top: 5px;
	margin-left: 5px;
}

/*
 ボタンの設定「先頭へ戻る」と「ボタンの右寄せ」 [
----------------------------------------------------------*/

.to-top {
	margin: 0px auto;
	padding: 10px 0px;
	text-align: right;
	width: 890px;
	clear: both;
}

.b-right {
	clear: both;
	margin: 0px;
	padding: 10px 0px;
	text-align: right;
}

/*
 インデックスの右側、ガイド部分の設定 [
----------------------------------------------------------*/

#kankou-guide p.photos {
	float: left;
	margin: 0px 1em;
	padding: 0px;
	overflow: hidden;
}
.news-box dd {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}


/*
 トップページの「体験しよう」の画像を横に並べるための設定です。 [
----------------------------------------------------------*/

.pickup-box {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	width: 900px;
	clear: both;
}


/*
 各一覧ページの右のボックスの設定です。 [
----------------------------------------------------------*/

.list-box {
	margin: 0px 0px 10px;
	padding: 10px;
	width: 413px;
	float: left;
	border: 1px solid #CCCCCC;
	_zoom: 1;   
	overflow: hidden;
}

/*
 各一覧ページの左のボックスの設定です。 [
----------------------------------------------------------*/

.list-box-left {
	margin: 0px 10px;
	padding: 10px;
	width: 413px;
	float: left;
	border: 1px solid #CCCCCC;
	_zoom: 1;   
	overflow: hidden;
}

/*１）ボックス内の「画像」の指定です---------------------------------------------------------------*/

.list-photo {
	float: left;
	margin-right: 1em;
	margin-left: 1em;
}

/*２）ボックス内の「地域名」の背景をオレンジにする指定です---------------------------------------------------------------*/

p.chiiki {
	margin: 0px 0px 5px 220px;
	padding: 0px 0px 0px 10px;
	font-size: 1em;
	color: #FFFFFF;
	background-image: url(../img/share/chiiki-title.gif);
	background-repeat: no-repeat;
	font-family: "ＭＳ Ｐゴシック", Osaka;
	font-weight: bold;
	width: 90px;
	height: 20px;
}


/*
 各ページの内容を薄いベージュのボーダーで囲む外枠の部分です。 [
----------------------------------------------------------*/

.event-box {
	border: 1px solid #C8BF8C;
	margin: 10px auto 20px;
	width: 868px;
	padding: 10px;
	_zoom: 1;
	overflow: hidden;
	clear: both;
}

/*１）event-box内の「詳細情報（テキスト）」部分を囲む指定です---------------------------------------------------------------*/

.event-text {
	padding: 0px 0px 0px 5px;
	width: 445px;
	_zoom: 1;
	overflow: hidden;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 410px;
}

/*２）event-box内の「左側の画像」部分を囲む指定です---------------------------------------------------------------*/

.event-photo {
	float: left;
	padding: 0px;
	margin: 0px 10px 0px 0px;
	width: 400px;
	_zoom: 1;
	overflow: hidden;
	color: #000000;
}

/*
 各詳細ページのiマップとサブ画像を入れた表部分の設定です。 [
----------------------------------------------------------*/

table.event-img {
	margin: 10px 0px;
	padding: 0px 3px 0px 0px;
	clear: both;
	width: 840px;
	border: 0px;
	text-align: left;
}

/*１）ul.details-dateは、リストの先頭に「点」を表示させる指定です---------------------------------------------------------------*/

ul.details-date li {
	border: 0px;
	margin: 0px;
	padding: 2px 0px;
	font-family: "ＭＳ Ｐゴシック", Osaka;
	line-height: 1.6;
	font-size: 1em;
	list-style-type: circle;
}


/*
 リストの先頭に「点」を付ける指定です。 [
----------------------------------------------------------*/

ul.dot-list li {
	margin-left: 20px;
	list-style-type: circle;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size: 1em;
	line-height: 1.6;
}

/*
 リストの指定です。(先頭に点はつきません。※印のある文章を「点」と同じ位置にもってくるときに使います) [
----------------------------------------------------------*/

ul.list li {
	margin-left: 20px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size: 1em;
	line-height: 1.6;
}

/*２）リストの左位置をずらして表示させる指定です---------------------------------------------------------------*/


.list-indent {
	border: 0px;
	margin: 0px 0px 0px 40px;
	padding: 2px 0px 3px;
	font-family: "ＭＳ Ｐゴシック", Osaka;
	line-height: 1.6;
	font-size: 1em;
	list-style-type: none;
}

/*
 地域一覧やお問合せ、団体一覧を囲む外枠。 [
----------------------------------------------------------*/

.date-box {
	width: 800px;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 50px;
	float: left;
}

.date-box ol li {
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0px 0px 0px 10px;
	padding-right: 0px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
.bold-green {
	font-size: 1.3em;
	font-weight: bold;
	color: #006600;
	line-height: 1.5;
}
.news-box dl dt {
	font-weight: bold;
	color: #658910;
	font-size: 1.2em;
}
table.event-img td {
	padding: 5px;
	margin: 0px;
	vertical-align: top;
}
.text-red {
	color: #FF0000;
}

/*
 表(地域一覧や市民農園一覧・名人の紹介)の、枠組みの指定です。 [
----------------------------------------------------------*/

table.date-table {
	width: 840px;
	margin: 10px auto 0px;
	padding: 0px;
	font-family: "ＭＳ Ｐゴシック", Osaka;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}


table.date-table th {
	font-size: 1.2em;
	padding: 5px;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C5Bb87;
	background-image: url(../img/share/table-th-bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #C5BB87;
}

/*１）表の「項目名」部分の指定です---------------------------------------------------------------*/

table.date-table td {
	font-size: 1em;
	padding: 5px;
	margin: 0px;
	border-bottom-width: 1px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

/*２）人材バンクページの表で「年齢」部分の文字を中央に配置するための指定です-------------------------*/

.text-center {
	text-align: center;
}

/*
 地域の農特産物のページのレイアウトの指定です。 [
----------------------------------------------------------*/

div.noutokusanbutu-date{
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 0px;
}

div.noutokusanbutu-date ul {
	width: 800px;
	margin-right: -10px;
	overflow: hidden;
	_zoom: 1;
}

div.noutokusanbutu-date ul li {
	margin-right: 10px;
	width: 368px;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
	text-align: center;
	border: 1px solid #ECE9D8;
	padding: 5px;
} 

div.noutokusanbutu-date ul li p {
	padding: 20px 5px 5px;
	margin: 0px auto;
	background-image: url(../img/share/nousanbutu-name_bg.gif);
	height: 25px;
	width: 290px;
	}
	
.chiiki-bana {
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clear: both;
}

/*
 各ページの「◎詳細情報」画像の配置等の指定です。 [
----------------------------------------------------------*/

.details-img {
	margin: 10px 0px;
	padding: 0px;
}

/*
 ブログ・新着・ピックアップで「日付」部分を強調するための指定です。 [
----------------------------------------------------------*/

p.day {
	font-size: 1.2em;
	font-weight: bold;
	color: #006699;
	line-height: 1.6;
	padding: 5px 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}



/*
 「農業・自然体験」「直売所」「観光農園」「農業まつり」のページで
 ページ先頭の内容説明を表示させるための設定です [
----------------------------------------------------------- */

.eventnaiyou-text {
	width: 800px;
	top: 10px;
	bottom: 10px;
	margin: 10px;
	padding: 10px;
}


/*
 全ページ共通のフッターの設定です [
----------------------------------------------------------- */

#footer {
	background-color: #ECE9D8;
	margin: 0px auto;
	padding: 0px;
	clear: both;
	width: 100%;
	background-image: url(../img/share/foot-navi-bg.gif);
	background-repeat: repeat-x;
	background-position: top;
}



#foot-navi{
	margin: 0 auto;
	padding: 0;
	width: 900;
	height: 80px;
	background-image: url(../img/share/foot-navi.gif);
	background-repeat: no-repeat;
	width: 900px;
	clear: both;
}

#foot-navi ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#foot-navi li{
  text-indent: -9999px;
  float:left;
  width: 112px;
  margin: 0;
  padding: 0;
}

#foot-navi a{
  display: block;
  width: 100%;
  height: 80px;
  background-image: url(../img/share/foot-navi.gif);
  background-repeat: no-repeat;
}

.menu1 a{background-position: 0 0;}
.menu2 a{background-position: -112px 0;}
.menu3 a{background-position: -224px 0;}
.menu4 a{background-position: -336px 0;}
.menu5 a{background-position: -448px 0;}
.menu6 a{background-position: -560px 0;}
.menu7 a{background-position: -672px 0;}


.menu1 a:hover{background-position: 0 -80px;}
.menu2 a:hover{background-position: -112px -80px;}
.menu3 a:hover{background-position: -224px -80px;}
.menu4 a:hover{background-position: -336px -80px;}
.menu5 a:hover{background-position: -448px -80px;}
.menu6 a:hover{background-position: -560px -80px;}
.menu7 a:hover{background-position: -672px -80px;}


/*
 フッターのコピーライトの表記の設定です [
----------------------------------------------------------- */
.copy {
	font-size: 80%;
	font-family: "ＭＳ Ｐゴシック", Osaka;
	text-align: center;
	line-height: 1.5;
	margin: 0px;
	padding: 10px 0px;
	color: #999900;
}


.under_line {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF0000;
}

/*
 タイトルのふりがなルビの指定 [
----------------------------------------------------------- */
.ruby {
	font-size: 70%;
	padding-top: 2px;
	padding-bottom: 2px;
	font-weight: normal;
}

.text-black {
	color: #000000;
}