﻿@charset "utf-8";
/* リセット
--------------------------------------------------*/
body,
div,
ul, ol, li,
dl, dt, dd,
h1, h2, h3, h4, h5, h6,
pre, code, legend, fieldeset, blockquote, table,
th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}


ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

body{
	font-family:  Osaka, Meiryo, "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro", "MS PGothic","Segoe UI Light","Segoe UI",Tahoma,Arial,Verdana,sans-serif;
}

storong {
	font-size: 110%;
	font-weight: bold;
}
em {
	font-family: "ＭＳ Ｐゴシック", 小塚ゴシック Pro, Meiryo, "メイリオ", "MS PGothic","Segoe UI Light","Segoe UI",Tahoma,Arial,Verdana,sans-serif;
}

/*新要素*/
article,aside,canvas,details,figcaption,figure,
header,footer,hgroup,menu,nav,section,summary {
	display: block
}


/* レイアウト
--------------------------------------------------*/
html,body {
	margin: 0 auto;
	text-align: center;
	-webkit-text-size-adjust: none;
}
/*--フッター--*/
#footer {
	width: 100%;
	margin: 1em auto;
	padding: 20px 0 10px;
	border-top: solid 1px #BBBBBB;
	overflow: hidden;
}
.privacy{
	margin-bottom:-1.5em;
}
@media print, screen and (max-width: 540px){
.privacy{
	margin-bottom:1em;
}
}

/* イメージ画像
--------------------------------------------------*/

/*画像クリックで白くなる*/
a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}




/* リンク
--------------------------------------------------*/
a:link {
	color: #0066CC;
	text-decoration: underline;
}

a:visited {
	color: #003399;
	text-decoration: underline;
}

a:hover {
	color: #0099CC;
	text-decoration: underline;
}

a:active {
	color: #0066CC;
	text-decoration: underline;
}

#header a.contact{
	display: none;
}

/* PC用
------------------------------------------------------------*/
@media print, screen and (min-width: 955px){

/*--ヘッダ--*/
#header {
	width: 960px;
	margin: 0 auto;
	padding: 2em 0 0.8em;
	text-align: left;
	overflow: hidden;
	background: url(../img/temp/logo_back.gif) no-repeat right bottom;
	position: relative;
}
#header a.contact{
	position: absolute;
	top:0;
	right:0;
	background: #68a11e;
	color: #fff;
	font-weight:bold;
	padding: 5px 10px;
    border-radius: 0 0 8px 8px;
	text-decoration: none;
	display: block;
}
#header a.contact img{
	width: 25px;
	vertical-align: bottom;
	margin-right:10px; 
}
#logo {
	width: 513px;
}
#logo img {
	width: 100%;
}

/*--グローバルナビゲーション--*/
#globalnavibox{
	width:100%;
	margin: 0;
	padding: 1.5em 0;
	background: url(../img/temp/gnavi_back.jpg) repeat-x;
	overflow: hidden;
}
ul#globalnavi{
	width:960px;
	overflow:hidden;
	margin: 0 auto;
}
ul#globalnavi li{
	float:left;
	display:block;  
}

#sp_globalnavibox{
	display: none;
}


/*フォントサイズ*/
#fontsize{
	/*width:227px;*/
	padding: 1.2em 1em 0 0;
	text-align:center;
	float:right;

}
#fontsize dl{

	padding:0 0 11px 0;
}	
#fontsize dt{
	float:left;
	margin:0 10px 0 20px;
}	
#fontsize dd{
	float:left;
	margin:0 5px 0 0;
}

/*サイト内検索*/
#seach_box {
	width: 300px;
	float: right;
	text-align: right;
	display: block;
}


/*--コンテンツ--*/
.contents {
	width: 960px;
	clear: both;
	margin: 0 auto;
	padding: 1em 0 0;
	overflow: hidden;
}
/*全面*/
#main {
	width: 98%;
	text-align: left;
	overflow: hidden;
	margin: 0 auto;
}

/*sideあり*/
#main_text {
	width: 75%;
	text-align: left;
	overflow: hidden;
	margin: 0;
	float: right;
	display: block;
}

/*sidemenu*/
#side {
	width: 20%;
	text-align: left;
	overflow: hidden;
	margin: 0 1.5em 0 0;
	float: left;
	display: block;
	border: solid 1px #418B65;
}
/* 折り畳み部分を隠す */
/*ul.accordion_side ul {display:none;}*/
/* 背景 */
ul.accordion_side > li { background:#CCCCCC; margin: 0; padding: 0; color:#333333; border: solid 1px #CCCCCC;}/*１段目の背景*/
ul.accordion_side > li > p { background: #285E9F url(../img/temp/side_back01.jpg); color:#FFFFFF; margin: 0; padding: 0.5em;}/*１段目の背景*/
ul.accordion_side > li > ul > li {background: #FFFFFF; border-bottom: solid 1px #999999; padding: 0.5em;}/*２段目の背景*/

ul.accordion_side br {display:none;}


/*--フッター--*/
#copyright {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	font-size: 90%;
	line-height:1.3em;
}
.footer-nav{
	text-align:right;
	width: 960px;
	margin: 0 auto -1em auto;
}

#copyright br:nth-of-type(2) {
	display:none;}

/*-- responsive grid system --*/

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0 0 10px 0;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }


/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
    zoom:1; /* For IE 6/7 */
}


.span_1_of_2 {
	width:48%;
}

.span_2_of_2 {
	width:97%;
}



/*  GRID OF THREE  */
.span_3_of_3 {
	width: 100%;
}
.span_2_of_3 {
	width: 66.1%;
}
.span_1_of_3 {
	width: 32.2%;
}


/*  GRID OF 4  */
.span_3_of_4 {
	width: 74%;
}
.span_2_of_4 {
	width: 49%;
}
.span_1_of_4 {
	width: 23%;
}

#useful br {
	display:none;
}

#qa_table br {
	display:none;
}


#main_text .kariuke_list_city li {
	list-style:none;
	line-height:2em;
	width:25%;
	float:left;
	margin:0;
	padding:0;
}


/*----*/

.mail_adress {
	display:none;
}



.mail_icon {
	text-align:center;
}

}

/* iPadサイズ以下から
------------------------------------------------------------*/
@media screen and (max-width: 954px){

/*--ヘッダ--*/
#header {
	width: 100%;
	margin: 0 auto;
	padding: 2em 0 0.8em;
	text-align: left;
	overflow: hidden;
	background: url(../img/temp/logo_back.gif) no-repeat right bottom;
}
#logo {
	width: 70%;
	padding-left: 0.5em;
	text-align: left;
}
#logo img {
	width: 100%;
}

/*--グローバルナビゲーション--*/
/*スマホ用*/
#sp_globalnavibox{
	width: 100%;
	overflow: hidden;
}
/* 折り畳み部分を隠す */
ul.accordion ul {display:none;}
/* 背景 */
ul.accordion > li { background: url(../img/temp/sp_menu_back.jpg) repeat-x; margin: 0; padding: 0; color:#FFFFFF;}/*１段目の背景*/
ul.accordion > li > p {margin: 0; padding: 0;}/*１段目の背景*/
ul.accordion > li > ul > li {background: #F1F1F1; border-bottom: solid 1px #999999;}/*２段目の背景*/
ul.accordion > li > ul > li > p {background: #467797; color:#FFFFFF;}/*２段目の背景*/
ul.accordion > li > ul > li > ul > li {background: #375F2B; color:#FFFFFF;}/*３段目の背景*/
/* アイコン */
ul.accordion a {display:block; padding:10px; background-position:95% center; background-repeat:no-repeat;}
ul.accordion span {display:block; padding:10px; background-position:95% center; background-repeat:no-repeat;}
ul.accordion > li > p span { background: url(../img/temp/menuOpen.png) no-repeat 98%;}/*１段目（タップ部分・閉じているとき）のアイコン*/
ul.accordion > li > p span.open { background: url(../img/temp/menuClose.png) no-repeat 98%;}/*１段目（タップ部分・開いているとき）のアイコン*/
ul.accordion > li > ul > li > a {background: url(../img/temp/menuNext.png) no-repeat 98%;}/*２段目（リンク部分）のアイコン*/

ul.accordion_side br {display:none;}


/*pc用*/
#globalnavibox{
	display:none;
}
/*スマホ用*/
#sp_globalnavibox{
	font-size: 140%;
}


/*--コンテンツ--*/
.contents {
	width: 95%;
	clear: both;
	margin: 0 auto;
	padding: 1em 0 0;
	overflow: hidden;
}

/*sideあり*/
#main_text {
	width: 75%;
	text-align: left;
	overflow: hidden;
	margin: 0;
	float: right;
	display: block;
}

/*sidemenu*/
#side {
	width: 20%;
	text-align: left;
	overflow: hidden;
	margin: 0 1.5em 0 0;
	float: left;
	display: block;
	border: solid 1px #285E9F;
}
/* 折り畳み部分を隠す */
/*ul.accordion_side ul {display:none;}*/
/* 背景 */
ul.accordion_side > li { background:#CCCCCC; margin: 0; padding: 0; color:#333333; border: solid 1px #CCCCCC;}/*１段目の背景*/
ul.accordion_side > li > p { background: #285E9F url(../img/temp/side_back01.jpg); color:#FFFFFF; margin: 0; padding: 0.5em;}/*１段目の背景*/
ul.accordion_side > li > ul > li {background: #FFFFFF; border-bottom: solid 1px #999999; padding: 0.5em;}/*２段目の背景*/

/*--フッター--*/
#copyright {
	width: 95%;
	margin: 0 auto;
	text-align: left;
	font-size: 90%;
}

#copyright br:nth-of-type(2) {
	display:none;}

/*topのコンテンツボタン*/
.btn_menu {
	display:none;
}

#sp_accordion_con_box{
	width: 100%;
	overflow: hidden;
}
/* 折り畳み部分を隠す */
ul.accordion_con ul {display:none;}
/* 背景 */
ul.accordion_con > li { background:#CCCCCC; margin: 0; padding: 0; color:#333333; border: solid 1px #CCCCCC;}/*１段目の背景*/
ul.accordion_con > li > p {margin: 0; padding: 0;}/*１段目の背景*/
ul.accordion_con > li > ul > li {background: #F1F1F1; border-bottom: solid 1px #999999;}/*２段目の背景*/
ul.accordion_con > li > ul > li > p {background: #467797; color:#FFFFFF;}/*２段目の背景*/
ul.accordion_con > li > ul > li > ul > li {background: #375F2B; color:#FFFFFF;}/*３段目の背景*/
/* アイコン */
ul.accordion_con a {display:block; padding:10px; background-position:95% center; background-repeat:no-repeat;}
ul.accordion_con span {display:block; padding:10px; background-position:95% center; background-repeat:no-repeat;}
ul.accordion_con > li > p span { background: url(../img/temp/menuOpen.png) no-repeat 98%;}/*１段目（タップ部分・閉じているとき）のアイコン*/
ul.accordion_con > li > p span.open { background: url(../img/temp/menuClose.png) no-repeat 98%;}/*１段目（タップ部分・開いているとき）のアイコン*/
ul.accordion_con > li > ul > li > a {background: url(../img/temp/menuNext.png) no-repeat 98%;}/*２段目（リンク部分）のアイコン*/


/*- 担い手　連絡先一覧 -*/
#contact_table{
		display: block;
	}
		#contact_table thead{
			display: none;
		}
		#contact_table tbody{
			display: block;
		}
			#contact_table tbody tr{
				display: block;
				margin-bottom: 1.5em;
			}
			#contact_table tbody th,
			#contact_table tbody td{
				display: list-item;
				border: none;
			}
			#contact_table tbody th{
				margin-bottom: 5px;
				list-style-type: none;
				color: #fff;
				background: #000;
			}
			#contact_table tbody td{
				list-style-type:none;
				margin-left: 20px;
				padding: 3px;
			}
			#contact_table tbody td:nth-of-type(1):before { content: ""; }
			#contact_table tbody td:nth-of-type(2):before { content: "[郵便番号]"; }
			#contact_table tbody td:nth-of-type(3):before { content: "[住所]"; }
			#contact_table tbody td:nth-of-type(4):before { content: "[電話番号]"; }
			#contact_table tbody td:nth-of-type(5):before { content: "[備考]"; }
			
#contact_table br {
	display:none;
}

#contact_table caption {
	display:block;
}

/*- 担い手 移住　連絡先一覧 -*/
#contact_table_iju{
		display: block;
	}
#contact_table_iju thead{
		display: none;
		}
#contact_table_iju tbody{
		display: block;
		}
#contact_table_iju tbody tr{
		display: block;
		margin-bottom: 1.5em;
			}
#contact_table_iju tbody th,
#contact_table_iju tbody td{
		display: list-item;
		border: none;
			}
#contact_table_iju tbody th{
		margin-bottom: 5px;
		list-style-type: none;
		color: #fff;
		background: #000;
			}
#contact_table_iju tbody td{
		list-style-type:none;
		margin-left: 20px;
		padding: 3px;
			}
#contact_table_iju tbody td:nth-of-type(1):before { content: ""; }
#contact_table_iju tbody td:nth-of-type(2):before { content: "[名称]"; }
#contact_table_iju tbody td:nth-of-type(3):before { content: "[所在地]"; }
#contact_table_iju tbody td:nth-of-type(4):before { content: "[電話番号]"; }
#contact_table_iju tbody td:nth-of-type(5):before { content: "[メール]"; }
			
#contact_table_iju br {
	display:none;
}

#contact_table_iju caption {
	display:block;
}

/*- お問い合わせ -*/
#qa_table{
		display: block;
	}
#qa_table thead{
			display: none;
		}
#qa_table tbody{
			display: block;
		}
#qa_table tbody tr{
				display: block;
				margin-bottom: 1.5em;
			}
#qa_table tbody th,
#qa_table tbody td{
				display: list-item;
				border: none;
			}
#qa_table tbody th{
				margin-bottom: 5px;
				list-style-type: none;
				color: #fff;
				background: green;
			}
#qa_table tbody td{
				list-style-type:none;
				margin-left: 20px;
				padding: 3px;
			}

	.waku1{width:60%}
	.waku2{width:80%}
	
/*お問い合わせフォーム用*/
#qa_table .input_name {
	width: 90%;
}
.input_number {
	width: 5em;
}
#qa_table .input_address {
	width: 90%;
}

#qa_table .input_email {
	width: 90%;
}
#qa_table .input_text {
	width: 90%;
}
.input_clear {
	width: 6em;
}

/*借受希望者一覧*/

.kariuke_map {
	display:none;
}

#kariuke_table{
		display: block;
		font-size:1.2em;
		border:none;
	}

#kariuke_table thead{
			display: none;
		}

#kariuke_table tbody{
			display: block;
		}

#kariuke_table tbody tr{
				display: block;
				margin-bottom: 1.5em;
			}

#kariuke_table tbody th,
#kariuke_table tbody td{
				display: list-item;
				border: none;
			}

#kariuke_table tbody th{
				margin-bottom: 5px;
				list-style-type: none;
				color: #fff;
				background: #000;
			}

#kariuke_table tbody td{
				list-style-type:none;
				margin-left: 20px;
				padding: 3px;
				text-align:left;
				background:#FFFFFF;
			}
#kariuke_table tbody td:nth-of-type(1):before { content: ""; }
#kariuke_table tbody td:nth-of-type(2):before { content: "[申請件数(件）]　"; }
#kariuke_table tbody td:nth-of-type(3):before { content: "[借受希望者数(人）]　"; }
#kariuke_table tbody td:nth-of-type(4):before { content: "[集落営農法人]　"; }
#kariuke_table tbody td:nth-of-type(5):before { content: "[農業生産法人等]　"; }
#kariuke_table tbody td:nth-of-type(6):before { content: "[新規就農]　"; }
#kariuke_table tbody td:nth-of-type(7):before { content: "[その他担い手]　"; }
#kariuke_table tbody td:nth-of-type(8):before { content: "[借受希望農地面積（ha）]　"; }

#kariuke_table tbody td:nth-of-type(2) { background: #FAFBDB; }	
#kariuke_table tbody td:nth-of-type(4) { background: #FAFBDB; }	
#kariuke_table tbody td:nth-of-type(6) { background: #FAFBDB; }	
#kariuke_table tbody td:nth-of-type(8) { background: #FAFBDB; }	




/*中間集積*/


#syuseki_table{
		display: block;
		font-size:1.2em;
		border:none;
	}

#syuseki_table thead{
			display: none;
		}

#syuseki_table tbody{
			display: block;
		}

#syuseki_table tbody tr{
				display: block;
				margin-bottom: 1.5em;
			}

#syuseki_table tbody th,
#syuseki_table tbody td{
				display: list-item;
				border: none;
			}

#syuseki_table tbody th{
				margin-bottom: 5px;
				list-style-type: none;
				color: #fff;
				background: #000;
			}

#syuseki_table tbody td{
				list-style-type:none;
				margin-left: 20px;
				padding: 3px;
				text-align:left;
				background:#FFFFFF;
			}
#syuseki_table tbody td:nth-of-type(1):before { content: "[地域]　"; }
#syuseki_table tbody td:nth-of-type(2):before { content: "[出し手　地域]　"; }
#syuseki_table tbody td:nth-of-type(3):before { content: "[出し手　個人]　"; }
#syuseki_table tbody td:nth-of-type(4):before { content: "[担い手　認定農業者]　"; }
#syuseki_table tbody td:nth-of-type(5):before { content: "[担い手　集落営農]　"; }
#syuseki_table tbody td:nth-of-type(6):before { content: "[担い手　認定新規就農者等]　"; }
#syuseki_table tbody td:nth-of-type(7):before { content: "[課題・ニーズ]　"; }
#syuseki_table tbody td:nth-of-type(8):before { content: "[番号]　"; }

#syuseki_table tbody td:nth-of-type(2) { background: #FAFBDB; }	
#syuseki_table tbody td:nth-of-type(4) { background: #FAFBDB; }	
#syuseki_table tbody td:nth-of-type(6) { background: #FAFBDB; }	
#syuseki_table tbody td:nth-of-type(8) { background: #FAFBDB; }	

#main_text .kariuke_list_city li {
	list-style:none;
	line-height:2em;
	width:33%;
	float:left;
	margin:0;
	padding:0;
}

.mail_icon {
	display:none;
}


}



/* 幅648px以下から
------------------------------------------------------------*/
@media screen and (max-width:648px){


/*--ヘッダ--*/
#logo {
	width: 80%;
	float: none;
	margin: 0 auto;
}

/*--グローバルナビゲーション--*/

/*スマホ用*/
#sp_globalnavibox{
	font-size: 140%;
}

/*--コンテンツ--*/
/*sideあり*/
#main_text {
	width: 100%;
	text-align: left;
	overflow: hidden;
	margin: 0;
	float: none;
	display: block;
}

/*sidemenu*/
#side {
	width: 100%;
	text-align: left;
	overflow: hidden;
	margin: 0 1.5em 0 0;
	float: none;
	display: block;
	border: solid 1px #2867B1;
}
/* 折り畳み部分を隠す */
ul.accordion_side ul {display:none;}
/* 背景 */
ul.accordion_side > li { background:#CCCCCC; margin: 0; padding: 0; color:#333333; border: solid 1px #CCCCCC;}/*１段目の背景*/
ul.accordion_side > li > p {margin: 0; padding: 0;}/*１段目の背景*/
ul.accordion_side > li > ul > li {background: #F1F1F1; border-bottom: solid 1px #999999;}/*２段目の背景*/
ul.accordion_side > li > ul > li > p {background: #467797; color:#FFFFFF;}/*２段目の背景*/
ul.accordion_side > li > ul > li > ul > li {background: #375F2B; color:#FFFFFF;}/*３段目の背景*/
/* アイコン */
ul.accordion_side a {display:block; padding:10px; background-position:95% center; background-repeat:no-repeat;}
ul.accordion_side span {display:block; padding:10px; background-position:95% center; background-repeat:no-repeat;}
ul.accordion_side > li > p span { background: url(../img/temp/menuOpen.png) no-repeat 98%;}/*１段目（タップ部分・閉じているとき）のアイコン*/
ul.accordion_side > li > p span.open { background: url(../img/temp/menuClose.png) no-repeat 98%;}/*１段目（タップ部分・開いているとき）のアイコン*/
ul.accordion_side > li > ul > li > a {background: url(../img/temp/menuNext.png) no-repeat 98%;}/*２段目（リンク部分）のアイコン*/

ul.accordion_side br {display: inherit;}

#main_text .kariuke_list_city li {
	list-style:none;
	line-height:2em;
	width:50%;
	float:left;
	margin:0;
	padding:0;
}

#copyright br:nth-of-type(2) {
	display: inherit;}
	
	



.mail_adress {
	display: inherit;
}

}


/* 背景100％タイプ
---------------------------------------*/
.head_back_visual {
	width: 100%;
	height: 350px;
	background:;
	background-size: 100%;
}
.head_slide {
	width: 100%;
}
