@charset "utf-8";


/*-- layout ---------------------*/

/*p*/
#main #contents p.caption{
	margin-top:5px;
	font-size:90%;}


/*link*/
.linkRight{
	text-align:left;}
.linkRight a{
	padding-left:17px;
	background:url(../img/common_icon_link_02.gif) left no-repeat;}

/*list*/

#main #contents .tableLayout01 .listDot{
	margin-top:0;}
#main #contents .listDot{
	margin-top:10px;
	margin-left:15px;
	list-style:disc;}
#main #contents .listDot li{
	margin-bottom:5px;}
	
	
#main #contents .listNavi01{
	overflow: hidden;
	margin-right:-11px;
	*zoom: 1;}
#main #contents .listNavi01 li{
	float:left;
	margin-bottom:10px;
	margin-right:10px;}

#main #contents .listLink01{
	margin-top:10px;}
#main #contents .listLink01 li{
	margin-bottom:8px;
	background:url(../img/common_icon_link_02.gif) left 6px no-repeat;
	padding-left:14px;}

#main #contents .listDecimal{
	margin-top:10px;
	margin-left:25px;
	list-style:decimal;}
#main #contents .listDecimal li{
	margin-bottom:30px;
	line-height:170%;
	font-size:13px;}


/*icon*/
#main #contents .iconSet,
.iconSet{
	vertical-align: middle;
	margin-left:2px;
	display: inline !important;}

#main #contents .iconLink{
	background:url(../img/common_icon_link_01.gif) left 4px no-repeat;
	padding-left:11px;}

/*box*/
#main #contents .boxLayout01{
	margin-top:10px;
	border:1px solid #ccc;
	border-top:2px solid #8fc320;}
 
#main #contents .boxLayout01 h4{
	margin-top:0;
	border-bottom:1px solid #ccc;
	background: none;
	padding-top:7px;
	padding-bottom:7px;
	padding-left:10px;
	background-color:#f9f9f9;}
#main #contents .boxLayout01 p{
	margin:10px;}
 
	
/*bgcolor*/
#main #contents .bgGray{ background-color:#f5f5f5;}


/*layout*/
#main #contents .layoutHalfBox{
	clear:both;
	margin-top:20px;}
#main #contents .layoutHalfLeft{
	width:275px;
	float:left;}
#main #contents .layoutHalfRight{
	width:275px;
	float:right;}
#main #contents .layoutHalfBox h3{ margin-top:0;}
#main #contents .layoutHalfBox h3 a{ color:#9B834D; text-decoration:none;}
#main #contents .layoutHalfBox h3 a:hover{color:#d2c7aa;}

/*table*/

.tableLayout01{
/*	border-top:3px solid #8fc320;*/
	width:100%;}
.tableLayout01 td,
.tableLayout01 th{
	padding:20px 10px;
	border:1px #ccc solid;
	vertical-align:middle;}
.tableLayout01 th{
	background-color:#fafafa;
	font-weight:bold;
	text-align:left;
	text-align:center;}

.tableLayout01 tr td.alignC,
.tableLayout01 tr th.alignC{ text-align:center;}
.tableLayout01 tr td.alignR,
.tableLayout01 tr th.alignR{ text-align:right;}
.tableLayout01 tr td.alignL,
.tableLayout01 tr th.alignL{ text-align:left;}
.tableLayout01 tr td.vtop,
.tableLayout01 tr th.vtop{ vertical-align:top;}
.tableLayout01 tr td.vmiddle,
.tableLayout01 tr th.vmiddle{ vertical-align: middle;}
.tableLayout01 tr td.vbottom,
.tableLayout01 tr th.vbottom{ vertical-align: bottom;}


/*-- TAB ---------------------*/

.tabs,
.tabs02{
}

.tabs li{
	background: url(../img/topSecMenu.jpg) left 0.25em no-repeat;
	background-position: 0 -37px;
	/*	padding-left:15px;*/
	float: left;
	/*	border-right:1px solid #ddd;*/
/*	margin-bottom:10px*/;
	/*	margin-right:15px;
	line-height:1.2;
	padding-right:15px;*/
	width: 196px;
	height: 37px;
	text-align: center;
}
.tabs02 li{
	background:url(../img/common_icon_link_05.gif) left 0.25em no-repeat;
	padding-left:15px;
	float:left;
	margin-right:15px;
	margin-bottom:10px;
	border-right:1px solid #ddd;
	line-height:1.2;
	padding-right:15px;}
.tabs li a{
		width:195px;
	height:40px;
	color:#a8a8a8;
	text-align:center;
	line-height:35px;
	font-size:15px;
	text-decoration:none;}
.tabs02 li a{
	color:#AB974A;}
.tabs li a:hover{
	background:url(../img/topSecMenu.jpg) left 0.25em no-repeat;
	background-position:0 0px;
			width:195px ;
			display:block;
	height:40px;
	color:#fff}
.tabs02 li a:hover{
	text-decoration:none;}

/*top*/
.tabContent {	padding:40px;
	border-bottom:solid 1px #666666;
	border-left:solid 1px #666666;
	border-right:solid 1px #666666;}
#contents .centerNews .tabs{
	padding:15px 0 10px;}
#contents .centerNews .tabs li{
	border:none;
	background:none;
	padding:0 0px 0 0;
	margin-right:1px;}
#contents .centerNews .tabs li a{
	text-decoration:none;
	padding:8px 0;
	width:108px;
	text-align:center;
	display:block;
	background-color:#eee;
	color:#999;}
.tabs li.active a{background:url(../img/topSecMenu.jpg) left 0.25em no-repeat;
	background-position:0 0px;
			width:195px ;
			display:block;
	height:40px;
	color:#fff !important;}
	
.infoList{
	height: 250px;
	overflow-y:scroll;
	}


/*-- ACCORDION TYPE A ---------------------*/
.accordion dl{width: 300px; margin-top:1px;}
.accordion dt{cursor:pointer; clear:both; margin-bottom:0px; border:1px solid #ccc; padding:3px 10px; width:300px; margin-top:-1px;}
.accordion dd{ padding:10px; width:300px;}
.accordion dt.open{ background-color:#CF0;}
.accordion dt.close{ background-color:#eee;}


/*-- ALIGNHEIGHT ---------------------*/
.alignHeight .box{
    height:auto;
    width: 200px;
	padding:10px;
    background:#eee;
    margin:3px;
    float:left;}
	
/*-- TOOLTIP ---------------------*/
.tooltipBox {
	color:white;
	width:200px;
	background:#000;
	border:2px solid white;
	padding:15px;
	display:block;
	position:absolute;
	font-size:small;
	opacity:0.9;}



/*-- DROPDOWN ---------------------*/


ul.dropDown li{
	float:left;
	width:210px;
	position:relative;}
ul.dropDown li a{
	display:block;
	padding:10px 10px 10px 20px;
	font-weight:bold;
	color:#333;
	text-decoration:none;
	background-color:#ddd;}
ul.dropDown li a:hover{background-color:#CF0;}
ul.dropDown li ul.sub{position:absolute;}

/*-- 海外事業 ---------------------*/
.overseaP{
	width:100%;}
	.w35{
		width:35%;}

/*-- アグリテクノロジーとは ---------------------*/


#main #contents .aboutBox01{
	margin-top:10px;
	padding:10px 0px 20px 20px;
	border:1px solid #ccc;}
#main #contents .aboutBox01 .innerBox{
	margin-top:10px;
	float:left;
	width:165px;
	margin-right:21px;}

#main #contents .aboutBox02{
	margin:20px 20px 0 20px;
	background-color:#fff5a0;
	padding:10px;}

#main #contents .aboutBox02 h6{
	height:25px;
	margin-top:0;
	background:url(../img/common_icon_01.gif) 0 0px no-repeat;
	padding-left:72px;
	padding-top:3px;}

#main #contents .aboutBox02 .inner{
	margin-top:8px;
	padding:1px 10px 10px;
	background-color:#fff;}



/*-- 製品情報トップ ---------------------*/

#main #contents .productsBox01 {
	/*margin-top:30px;*/
	clear:both;
}
#main #contents .productsBox01 img {
	/*float:left; margin-right:30px;*/ overflow:hidden;
	margin:0 auto;}

#main #contents .productsBox01 .boxTitle {
	font-size:20px; display: block; text-align:center; color: #333;}
	#main #contents .productsBox01 .boxTitle2 {font-size:35px; padding-top:10px; padding-bottom:0; display:block; text-decoration:none; color: #333; text-align:center;}
	#main #contents .productsBox01 .boxTitle3 {
	font-size:2em; line-height:30px;}

#main #contents .productsBox01 .left01,
#main #contents .productsBox01 .right01{
	overflow: inherit;
	width:100%;
	float:left;
	min-height:11em;
	margin-bottom:22px;
	background-color: #E9E9E9;
	padding:15px 0;

}

#main #contents .productsBox01 .right01{
	float:right;
}

#main #contents .productsBox01 .img01{
	float:left;
	margin-right:10px;

}
#main #contents .productsBox01 p.text01{
	color:#333;
	text-decoration:none;
	float:left;

	margin-top:0;
	line-height:1.6;
}
#main #contents .productsBox01 p.text01 .title01{
	margin-bottom:0px;
	margin-top:-15px;}

#main #contents .productsBox01 a:hover p.text01{
	color:#AB974A;
}




/*-- 製品情報　TABLE ---------------------*/

.tableProducts01{
	margin-top:15px;
	width:100%;
	border-collapse:collapse;}

.tableProducts01 th,
.tableProducts01 td{
	font-size:90%;
	border:1px solid #ccc;
	padding:5px;}

.tableProducts01 th{
	text-align:center;
	vertical-align:middle;
	background-color:#f4f4f4;}



#main #contents .tableProducts01 .listDecimal,
#main #contents .tableProducts01 .listDot{
	margin-top:0;}
	
/*-- IR情報 ---------------------*/
.irBox td{
	width:33%;
	height:150px;
	border:solid 1px #C9C9C9;
	text-align:center;
	vertical-align:middle;
	line-height:150%;
	
}


/*-- popup ---------------------*/

#popupWrapper{
	padding-top:50px;
	background:url(../img/header_bg_01.gif) repeat-x top;}


#popupContents{
	width:600px;
	margin:0 auto;
	text-align:left;
}


#popupTitle{
	*zoom:1;
	padding:20px 0 20px;
	border-top:1px solid #333;
	border-bottom:1px solid #333;}

#popupTitle .title{
	font-weight:bold;
	font-size:250%;}

#popupTitle .text01{
	margin-top:0;
	margin-bottom:3px;}

#popupTitle .text02{
	margin-top:3px;}

#popupTitle img {
	float:right;
	border:1px solid #333;
	margin-left:20px;margin-top:-15px;}

#popupWrapper p{
	margin-top:10px;}

#popupWrapper h3{
	margin-top:20px;
	background:url(../img/title_h3_bg.gif) no-repeat left 0px;
	padding-left:15px;
	padding-top:2px;
	padding-bottom:6px;
	border-bottom:1px solid #ccc;
	font-weight:bold;
	}



#popupWrapper h3.mark span{
	display:block;
	margin-right:100px;}
#popupWrapper h3.mark  .mark07,
#popupWrapper h3.mark  .mark06,
#popupWrapper h3.mark  .mark05,
#popupWrapper h3.mark  .mark04,
#popupWrapper h3.mark  .mark03,
#popupWrapper h3.mark  .mark02,
#popupWrapper h3.mark  .mark01{
	float:right;
	margin-top:-31px;}
#popupWrapper h3.mark:before,
#popupWrapper h3.mark:after{
    content: " ";
    display: table;}
#popupWrapper h3.mark{ clear: both;}
#popupWrapper h3.mark{ *zoom: 1;}


#popupWrapper h4{
	margin-top:15px;
	background:url(../img/title_h4_bg.gif) no-repeat left 2px;
	font-weight:bold;
	padding-left:10px;}

#popupWrapper h5{
	color:#386000;
	margin-top:15px;
	font-weight:bold;}

#popupWrapper h6{
	margin-top:15px;
	font-weight:bold;}

	
.tableProducts02{
	margin-top:15px;
	width:100%;
	border-collapse:collapse;}

.tableProducts02 th,
.tableProducts02 td{
	border:1px solid #ccc;
	padding:5px;}

.tableProducts02 th{
	text-align:center;
	vertical-align:middle;
	background-color:#f4f4f4;}


.tableProducts03{
	margin-top:15px;
	width:100%;
	border-collapse:collapse;}

.tableProducts03 th,
.tableProducts03 td{
	font-size:10px;
	text-align:center;
	vertical-align:middle;
	border:1px solid #ccc;
	padding:2px;}

.tableProducts03 th{
	text-align:center;
	vertical-align:middle;
	background-color:#f4f4f4;}


.tableProducts01{
	margin-top:15px;
	width:100%;
	border-collapse:collapse;}
.tableProducts01 img {
	margin:0 auto;
		}

.tableProducts04 th,
.tableProducts04 td{
	font-size:70%;
	border:1px solid #ccc;
	padding:5px;}

.tableProducts04 th{
	text-align:center;
	vertical-align:middle;
	background-color:#f4f4f4;}

.tableProducts04 th.text01,
.tableProducts04 td.text01{
	font-size:90%;}



.tableProducts01 th.hover,
.tableProducts01 td.hover,
.tableProducts02 th.hover,
.tableProducts02 td.hover,
.tableProducts03 th.hover,
.tableProducts03 td.hover,
.tableProducts04 th.hover,
.tableProducts04 td.hover{
	background-color:#fffce2;}




#popupWrapper #copyright{
	width:600px;
	margin:0 auto;
	border-top:1px solid #ccc;
	padding-top:7px;
	padding-bottom:20px;
	margin-top:30px;
	font-size:9px;
	text-align:center;}


.listDecimal{
	margin-top:10px;
	margin-left:25px;
	list-style:decimal;}
.listDecimal li{
	margin-bottom:8px;}