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


/***************************************/
/************　　　common　　***********/
/***************************************/
a{
	/*color:#666;*/
	color:#df6a14;
	text-decoration:none;
}

a:hover{
	color:#00913f;
}

body{
	border-top:solid 7px #00913f;
	/*background:#F9EEC6;*/
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, Helvetica, sans-serif;
	font-size:14px;
}

h1 {
	font-size:28px;
	padding-top:20px;
}
h1 a{
	text-decoration:none;
	color:#000;
}

h2{
	margin:0 0 32px 0;
}

.crumbs{
	margin:4px 0 0 0;
}

.crumbs li{
	float:left;
	font-size:12px;
}

.crumbs span{
	color:#00913f;
	margin:0 6px;
}

/*   clearfix   */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix { display: inline-table; }  
 
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  

/*   alphaOver   */
.alphaOver a:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
}

#Top, #Solution, #Business, #Access, #Ground, #Farmer, #Sitemap, #Help, #Search{
	background:#f9f8ee;
}


/***************************************/
/*************　　　大枠　　************/
/***************************************/
#Wrapper {
	width:990px;
	margin:0 auto;
}

#Header {
	width:990px;
	height:70px;
}

#Navi{
}

#Main {
	margin:0 0 30px;
}

#Footer{
	margin:0 0 5px 0;
	padding: 15px 0 0;
	font-size: 12px;
	clear: both;
	background:#00913f;
}



/***************************************/
/*************　　　navi　　************/
/***************************************/
#Navi li{
	float:left;
}


/***************************************/
/************　　　footer　　***********/
/***************************************/
#Footer .link{
	width:990px;
	margin:0 auto 15px;
}

#Footer ul{
	padding:0 15px;
	float:left;
}

#Footer ul li{
	margin:0 0 15px 0;
	padding:0 0 0 10px;
	background:url(../images/common/list_arrow.png) no-repeat 0px 2px;
}

#Footer ul ul{
	padding:0 15px;
	float:none;
}
#Footer ul ul li{
	margin:15px 0 15px 0;
	padding:0 0 0 00px;
	background:none;
}

#Footer a{
	color:#dbe5a8;
}

#Footer .link .navi{
	float:left;
	/*background:url(../images/common/border.gif) repeat-x bottom;*/
}

#Footer .link>p{
	margin:25px 0 0 59px;
	float:left;
}

#Footer .link .title{
	font-size:18px;
	margin:0 0 13px;
	background:url(../images/common/border.gif) repeat-x bottom;
}

#Footer>p{
	text-align:center;
	padding:14px 0 10px;
	background:#FFF;
}



/***************************************/
/***********　　 各ページ　 　**********/
/***************************************/

/***************************************/
/*************　　　top　　************/
/***************************************/
#Top {
	width:100%;
	margin:0 auto;
	/*min-height:1200px;height:1200px;*/
}

#Top #Main{
	margin:30px 0;
}

#Top #Main .samplelist{
	height:136px;
	margin:20px 0 20px;
	background:url(../images/top/sample_back.gif) repeat-x 0 8px;
	clear:both;
}

#Top #Main .samplelist p{
	text-align:center;
	margin-bottom:7px;
}

#Top #Main .samplelist li{
	float:left;
	margin-right:5px;
}

#Top #Main .samplelist ul{
	margin-left:25px;
}

#Top #Main .newsandtopics{
	font-size:13px;
	height:75px;
	margin:0 0 30px;
}
#Top #Main .newsandtopics .title{
	width:150px;
	height:68px;
	margin:7px 0 0 0;
	float:left;	
}
#Top #Main .newsandtopics .info{
	width:419px;
	height: 52px;
	padding: 8px;
	margin:7px 0 0 0;
	float:left;
	line-height: 1.4em;
	background-color:#FFF;
	overflow-y: scroll;
}
#Top #Main .newsandtopics .info dt{
	width: 100px;
	/*border-top: dashed 1px #00913f;*/
	float:left;
}
#Top #Main .newsandtopics .info dd{
	width: 300px;
	/*border-top: dashed 1px #00913f;*/
	float:left;
}
#Top #Main .newsandtopics iframe{
	width:100%;
	height:68px;
}

#Top #Main .newsandtopics .new{
	background:url(../images/top/new.gif) no-repeat 90px 9px;
}

#Top #Main .newsandtopics .link{
	float:right;
}


/***************************************/
/***********　　　solution　　**********/
/***************************************/
#Solution .sample{
	margin:43px auto 0;
	width:948px;
}

#Solution .sample li{
	float:left;
	margin:14px 0 0 0;
	padding:0 7px;
}

#Solution .sr_navi{
	width:933px;
	height:49px;
	margin:43px 0 0 27px;
	background:url(../images/solution/navi_line.gif) repeat-x bottom;
}

#Solution .sr_navi li{
	float:left;
	margin-right:3px;
}

#Solution .sr_navi .last{
	margin-right:0;
}

#Solution .contents{
	width:933px;
	margin:0 auto;
	padding-top:42px;
	background:#FFF;
	position:relative;
}

#Solution h3{
	margin:0 0 44px 0;
}

#Solution .txt_box{
	width:400px;
	float:left;
	font-size:13px;
	line-height:24px;
	/*padding:0 70px 0 0;*/
}

#Solution .txt_box p{
	margin:0 0 0 43px;
}

#Solution .txt_box .copy{
	margin-bottom:30px;
}

#Solution .txt_box .explanation{
	height:200px;
}

#Solution .img_box{
	width:463px;
	float:right;
	font-size:10px;
}

#Solution .img_box img{
	padding:0 0 2px 0;
}

#Solution .img_box div{
	min-height:163px;
	height:auto !important;
	height:163px;
	padding:0 14px 15px 0;
	float:left;
}

#Solution .img_box div p{
}

#Solution .suggest{
	width:384px;
	height:249px;
	margin:25px 0 0 43px;
	background:url(../images/solution/back.gif) repeat 0 8px;
}
#Solution .suggest2{
	width:384px;
	height:142px;
	margin:95px 0 0 43px;
	background:url(../images/solution/back.gif) repeat 0 8px;
}
#Solution .suggest p, #Solution .suggest2 p{
	text-align:center;
	margin:0;
}

#Solution .suggest ul, #Solution .suggest2 ul{
	width:280px;
	margin:8px auto 0;
}

#Solution .suggest li, #Solution .suggest2 li{
	padding:0 12px;
	float:left;
}

#Solution .prev{
	clear:both;
	width:43px;
	height:43px;
	position:absolute;
	top:320px;
	left:-21px;
}

#Solution .next{
	clear:both;
	width:43px;
	height:43px;
	position:absolute;
	top:320px;
	right:-22px;
}



/***************************************/
/***********　　　business　　**********/
/***************************************/
#Business .copy{
	min-height:383px;
	width:400px;
	float:left;
	font-size:15px;
	line-height:24px;
	margin:0 0 54px 0;
}

#Business .copy p{
	margin:0 0 30px 0;
}

#Business .img{
	float:right;
}

#Business .companyinfo{
	width:990px;
	height:142px;
	clear:both;
	background-color:#FFF;
}

#Business .companyinfo p{
	float:left;
}

#Business .companyinfo dl{
	height:142px;
	float:left;
}

#Business .companyinfo dt{
	width:100px;
	padding:14px 0 14px 0;
	clear:both;
	float:left;
}

#Business .companyinfo dd{
	width:700px;
	padding:14px 0 14px 0;
	float:right;
	line-height:20px;
	height:43px;
}

#Business .companyinfo dd p{
	padding:3px 0 0 15px;
	float:left;
}

#Business .companyinfo dd .alphaOver{
	padding:7px 7px 0 0;
	float:right;
}

#Business .companyinfo dt, #Business .companyinfo dd{
	border-top:dashed 1px #00913f;
}

#Business .companyinfo .top{
	border:none;
}


#Access .osaka{
	margin-bottom:55px;
}

#Access .txt_box{
	width:450px;
	float:left;
}

#Access .gmap_box{
	width:522px;
	height:340px;
	background-color:#666;
	float:right;
}

#Access .thumbs{
	min-height:105px;
	float:left;
	margin:0 13px 0 0;
}

#Access .txt_box div p{
	margin:0 0 5px 0;
	line-height:20px;
}

#Access .txt_box div span{
	color:#00913f;
}


/***************************************/
/*****　　　Ground Cover Plants　　*****/
/***************************************/
#Ground .copy{
	width:312px;
	margin:0 0 60px 0;
}

#Ground .copy p{
	line-height:24px;
	margin:0 0 30px 0;
}

#Ground .copy ul{
	width:312px;
}

#Ground .copy ul li{
	padding:0 15px 15px 0;
	float:left;
}

#Ground .contents{
	clear:left;
	position:relative;
}

#Ground .contents .merits{
	width:648px;
	height:618px;
	background:url(../images/ground/five_merits_back.gif) no-repeat;
	clear:both;
	position:absolute;
	top:86px;
	right:0px;
}

#Ground .merits p{
	clear:both;
	position:absolute;
	top:239px;
	right:229px;
}

#Ground .merits .merits01{
	clear:both;
	position:absolute;
	top:19px;
	right:229px;
}

#Ground .merits .merits02{
	clear:both;
	position:absolute;
	top:174px;
	right:12px;
}

#Ground .merits .merits03{
	clear:both;
	position:absolute;
	top:425px;
	right:94px;
}

#Ground .merits .merits04{
	clear:both;
	position:absolute;
	top:425px;
	right:359px;
}

#Ground .merits .merits05{
	clear:both;
	position:absolute;
	top:174px;
	right:442px;
}


/***************************************/
/******　　　Farmer's network　　*******/
/***************************************/
#Farmer .contents{
	width:990px;
	/*height:700px;*/
	position:relative;
	background:url(../images/farmer/japan_map.gif) no-repeat 256px 4px;
}

#Farmer .contents .copy{
	width:398px;
	height:780px;
}

#Farmer .contents p{
	margin:0 0 30px 0;
	line-height:24px;
}

#Farmer .contents .producing_district01{
	clear:both;
	position:absolute;
	top:69px;
	left:455px;
}

#Farmer .contents .producing_district02{
	clear:both;
	position:absolute;
	top:429px;
	left:44px;
}

#Farmer .contents .producing_district03{
	clear:both;
	position:absolute;
	top:514px;
	right:388px;
}

#Farmer .contents .producing_district04{
	clear:both;
	position:absolute;
	top:372px;
	right:43px;
}



/***************************************/
/**********　　　Site map 　　**********/
/***************************************/
#Sitemap #Main .contents{
	width:700px;
	margin:50px auto 0;
	font-size:15px;
}

#Sitemap #Main .contents ul p a{
	color:#000;
	display:block;
	width:650px;
	height:32px;
	line-height:32px;
	padding:0 0 0 10px;
	margin:0 0 15px 0;
	border-left:#00913f solid 40px;
	background:#9ebf18;
	position:relative;
}

#Sitemap #Main .contents ul p a:before{
	position: absolute;
	content: '';
	border-left: 3px solid #FFF;
	left:-3px;
	height:32px;
}

#Sitemap #Main .contents ul li{
	margin:0 0 20px 0;
}

#Sitemap #Main .contents ul ul{
	border-left:none;
	/*list-style:url(../images/sitemap/list.gif) inside;*/
}

#Sitemap #Main .contents ul ul li{
	padding:0 50px;
	margin:0 0 5px 0;
	float:left;
	background:url(../images/sitemap/list.gif) no-repeat 35px 9px;
}

#Sitemap #Main .contents ul ul li a{
	color:#000;
	display:block;
	width:250px;
	padding:3px 0;
}

#Sitemap #Main .contents ul p a:hover{
	background-color:#c1dc55;
}

#Sitemap #Main .contents ul ul a:hover{
	color:#00913f;
}


/***************************************/
/**********　　  　Help   　　**********/
/***************************************/
#Help #Main .contents{
	width:800px;
	margin:50px auto 0;
}

#Help #Main .contents div{
	margin:0 0 50px 0;
}

#Help #Main .contents p{
	margin:0 0 5px 0;
	line-height:19px;
}

#Help #Main h3{
	font-size:20px;
	font-weight:bold;
	height:50px;
	line-height:50px;
	margin:0 0 30px 0;
	padding:0 0 0 12px;
	border-left:#00913f solid 7px;
	background:#FFF;
}

#Help #Main h4{
	font-size:15px;
	font-weight:bold;
	margin:23px 0 12px 0;
}


/***************************************/
/******　　 　  GCP Search   　　*******/
/***************************************/
#Search .contents{
	margin:0 16px;
}

#Search .contents a{
	color:#000;
}
#Search .contents a:hover{
	color:#00913f;
}

#Search .contents .copy{
	margin:0 -16px 30px;
	position:relative;
}

#Search .contents .copy .keyword{
	position:absolute;
	top:40px;
	right:20px;
}

#Search .contents h3{
	margin:10px 0 15px 25px;
}

#Search .contents .leftbox{
	float:left;
	width:566px;
	margin:0 15px 0 0;
}

#Search .contents .rightbox{
	width:375px;
	float:right;
}

#Search .contents .feature{
	width:566px;
	height:181px;
	border:solid 1px #e2e1e0;
	margin:0 0 15px 0;
	background-color:#FFF;
}

#Search .contents .feature ul{
	margin:5px 5px 0;
	float:left;
}

#Search .contents .feature ul li{
	padding:0 0 18px 18px;
	background:url(../images/search/feature.png) 3px 0px no-repeat;
}

#Search .contents .color{
	width:566px;
	height:105px;
	border:solid 1px #e2e1e0;
	background-color:#FFF;
	margin:0 0 15px 0;
}
#Search .contents .color ul{
	width:534px;
	margin:0 auto;
}
#Search .contents .color ul li{
	float:left;
	padding:0 18px;
}
#Search .contents .color ul span{
	padding:6px;
}
#Search .contents .color ul .box{
	width:40px;
	height:15px;
	margin:0 0 10px 0;
}
#Search .contents .color ul .red .box{background-color:red;}
#Search .contents .color ul .pink .box{background-color:pink;}
#Search .contents .color ul .yellow .box{background-color:yellow;}
#Search .contents .color ul .blue .box{background-color:blue;}
#Search .contents .color ul .purple .box{background-color:purple;}
#Search .contents .color ul .white .box{width:38px;	height:13px;border:solid 1px #e2e1e0;background-color:white;}
#Search .contents .color ul .etc .box{background-color:gray;}

#Search .contents .season{
	width:373px;
	height:107px;
	border:solid 1px #e2e1e0;
	margin:15px 0;
	background-color:#FFF;
}
#Search .contents .season ul{
	width:300px;
	margin:0 auto;
}
#Search .contents .season ul li{
	float:left;
	padding:0 9px;
}

#Search .contents .chara{
	width:373px;
	height:105px;
	border:solid 1px #e2e1e0;
	background-color:#FFF;
	margin:0 0 15px 0;
}
#Search .contents .chara ul{
	width:291px;
	margin:0 auto;
}
#Search .contents .chara ul li{
	float:left;
	padding:0 25px;
}

#Search .contents .detail{
	clear:both;
	width:956px;
	height:536px;
	border:solid 1px #e2e1e0;
	background-color:#FFF;
}

#Search .contents .detail .leftbox{
	width:420px;
	margin:10px 0 0 49px;
	float:left;
}

#Search .contents .detail .rightbox{
	width:420px;
	margin:10px 49px 0 0;
	float:right;
}

#Search .contents .detail p{
	padding:38px 0 0 0;
	clear:both;
	text-align:center;
}

#Search .contents .detail dt{
	width:98px;
	height:41px;
	padding:28px 0 0 0;
	border-right:solid 1px #9ebf18;
	border-left:solid 1px #9ebf18;
	border-bottom:solid 1px #fff;
	background-color:#9ebf18;
	float:left;
	text-align:center;
}

#Search .contents .detail dd{
	width:297px;
	height:69px;
	padding:0 0 0 23px;
	border-bottom:dashed 1px #9ebf18;
	float:right;
}

#Search .contents .pict1, #Search .contents .pict{
	position:relative;
}

#Search .contents .pict1 input, #Search .contents .pict input{
	position:absolute;
	top:50px;
	display:inline-block;
	margin:0 0 0 17px;
}
#Search .contents .pict1 label, #Search .contents .pict label{
	display:inline-block;
	padding:5px 1px 0 0;
}
#Search .contents .pict label{
	padding:5px 25px 0 0;
}

#Search .contents .detail .area{
	height:46px;
	padding:23px 0 0 23px;
}
#Search .contents .detail .high{
	height:46px;
	padding:23px 0 0 23px;
}
#Search .contents .detail .enjoy{
	height:46px;
	padding:23px 0 0 23px;
}
#Search .contents .detail .leaf{
	height:53px;
	padding:16px 0 0 23px;
}



.searchBtn1{
	width:261px;
	height:51px;
	background:url(../images/search/searchbtn.gif) no-repeat;
	border:none;
	text-indent:-9999px;
}
.searchBtn1:hover{
	width:261px;
	height:51px;
	background:url(../images/search/searchbtn_hover.gif) no-repeat;
	border:none;
}

.searchBtn2{
	width:174px;
	height:36px;
	background:url(../images/search/searchbtn2.jpg) no-repeat;
	border:none;
	text-indent:-9999px;
}
.searchBtn2:hover{
	width:174px;
	height:36px;
	background:url(../images/search/searchbtn2_hover.jpg) no-repeat;
	border:none;
}

table.ta1{

}
table.ta1 th{
	background:#9EBF18;
	line-height:1;
	text-align:left;
	padding:5px;
}
table.ta1 td{
	padding:5px 0 5px 0;
}
#searchSub{
	float:left;
	width:235px;
	background:#FFF;
	border:1px solid #CCC;
}
#searchSub h2{
	background:#E2E1DF;
	color:#333;
	padding:12px;
	text-align:center;
	margin:0 0 15px 0;
	font-size:20px;
	line-height:20px;
}
#searchSub table{
	margin:5px;
}
#searchMain{
	float:right;
	width:700px;
}

.searchItem{
	float:left;
	width:163px;
	height:163px;
	background:#FFF;
	margin:0 10px 10px 0;
	border:1px solid #CCC;
	text-align:center;
}
.searchItem p{
	padding:0 15px;
}
.searchItem p a{
	color:#009140;
	text-align:center;
	font-size:12px;
	text-decoration:none;
}
div.nh{
	padding: 15px 0 10px 30px;
}
#searchMain h2{
	background:#00913F;
	color:#FFF;
	line-height:20px;
	font-size:20px;
	padding:12px;
	margin:0 0 15px 0;
}
.hitNum{
	color:#C00;
	font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
	font-weight:bold;
}
.btnBox{
	text-align:center;
	padding:15px 0;
}
.rSub{
	float:left;
	width:255px;
}
.rMain{
	float:right;
	width:255px;
	width:320px;
	line-height:190%;
}
#rContainer{
	width:600px;
	margin:15px auto 0 auto;
}
.comment{
	line-height:160%;
	padding:0 0 30px 0
}

#rs h1{
	color:#01913C;
	padding:15px 0 10px 0;
}
#rs h2{
	border-left:3px solid #333;
	padding-left:7px;
}
.imgMain{
	padding:0 0 6px 0;
}
.lb label{
	display:block;
	width:50px;
	float:left;
	text-align:center;
	height:65px;
}
#searchMain h2 p{
	width:50%;
	float:left;


}
#searchMain h2 div a{
	color:#FFF !important;
	font-size:13px;
	line-height:1;
}
#searchMain h2 div a:hover{
	color:#FFF !important;
}

#searchMain h2 div{
	width:50%;
	float:right;
	text-align:right;
	padding:4px 0 0 0;
}
.thumb{
	width:100px;
	height:100px;
	overflow:hidden;
	text-align:center;
}
.clearBtn{
	text-align:center;
	padding:10px 0 0 0;
	height:60px;
}