@charset "UTF-8";

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
★　CSS　コンテンツ設定　★
■１．トップ（top.css）
■２．生興産業が選ばれる理由
■３．取扱果物
■４．フルーツの話
■５. 会社案内
■６. 新着情報
■７. お問い合わせ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*▼共通▼*/

.pageNavi{
	padding:0px 50px 0px;
}
.pageNavi .next{
	float:right;
}
.pageNavi .prev{
	float:left;
}
.pageNavi a{
	color:#666666;
	text-decoration:none;
}
.pageNavi a:hover{
	color:#999999;
	text-decoration: underline;
}



/*▲共通▲*/


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■２．生興産業が選ばれる理由
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#about_wrap {
	padding:10px 0 0;
}
#about_wrap .leadbox01{
	width:960px;
	font-size:16px;
	padding:20px;
	margin:0 auto 50px;
	color:#555555;
	background-color:#EFEFEF;
}
#about_wrap h3{
	margin:0 0 20px;
}
#about_wrap .leadtxt01{
	font-size:24px;
	color:#0D8E34;
	line-height:1.5;
	font-weight:bold;
	margin:0 0 10px;
}

#about_wrap .txt1{
	width:570px;
}
#about_wrap .leadtxt02{
	font-size:24px;
	color:#0D8E34;
	font-weight:bold;
	line-height:1.5;
	margin:0 0 10px 40px;
}

#about_wrap .txt2{
	margin:0 0 0 40px;
}
#about_wrap .comment_box{
	font-size:22px;
	color:#FFFFFF;
	padding:20px;
	margin:0 0 50px;
	text-align:center;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
	background-color:#193722;
}

#about_wrap .an_box_bg{
	padding:20px;
	background-color:#EFEFEF;
}
#about_wrap .an_box{
	width:960px;
	color:#555555;
	margin:0 auto;
}
#about_wrap .an_box h3{
	font-size:16px;
	padding:5px;
	color:#FFFFFF;
	text-align:center;
	margin:0 0 20px;
	background-color:#0D8E34;
}



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■３．取扱果物
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#products_wrap {
	width:1000px;
	padding:10px 0 0;
	margin:0 auto;
}

#products_wrap .leadbox01{
	width:960px;
	font-size:16px;
	padding:20px;
	margin:0 auto 50px;
	color:#555555;
	background-color:#EFEFEF;
}

#products_wrap h3{
	color:#FFFFFF;
	font-weight:normal;
	font-size:22px;
	text-align:center;
	padding:5px 10px 0;
	margin:0 0 30px;
}
#products_wrap h3.spring{
	background:url(../products/images/sp_bg.jpg) repeat-x;
	background-color:#DB6767;
}
#products_wrap h3.summer{
	background:url(../products/images/sm_bg.jpg) repeat-x;
	background-color:#0F7D50;
}

#products_wrap h3.autumn{
	background:url(../products/images/au_bg.jpg) repeat-x;
	background-color:#A54410;
}

#products_wrap h3.winter{
	background:url(../products/images/wi_bg.jpg) repeat-x;
	background-color:#0F7A95;
}




#products_wrap li{
	float:left;
	width:300px;
	margin:0 30px 0 0;
}
#products_wrap li.r_end{
	margin:0;
}
#products_wrap li .item{
	text-align:center;
	font-size:16px;
	padding:3px 10px;
	margin:0 0 10px;
}
#products_wrap .springbox .item{
	color:#DB6767;
	background-color:#F8D5D5;
}
#products_wrap .summerbox .item{
	color:#0F7D50;
	background-color:#CEE5BD;
}

#products_wrap .autumnbox .item{
	color:#A54410;
	background-color:#EAD6CB;
}
#products_wrap .winterbox .item{
	color:#0F7A95;
	background-color:#D6EDF2;
}


#products_wrap .photo{
	margin:0 0 10px;
}
#products_wrap .txt{
	margin:0 10px 0;
}





/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■４．フルーツの話
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#fruits_wrap {
	padding:10px 0 0;
}


#fruits_wrap .txt01{
	width:1000px;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	padding:10px 0;
	margin:0 auto;
}

#fruits_wrap .photo_area01{
	margin:0 0 30px 20px;
}
#fruits_wrap .photo_area01 li{
	float:left;
	margin:0 0px 0 0;
}
#fruits_wrap h4{
	font-size:18px;
	padding:0 0 0 10px;
	margin:0 20px 20px;
	border-left:5px solid #0D8E34;
}


#fruits_wrap .box01{
	padding:0 0 30px;
	margin:0 20px 30px;
	background:url(../fruits/images/img08.jpg) no-repeat right top;
}


#fruits_wrap .box03{
	padding:0 0 30px;
	margin:0 20px 30px;
	background:url(../fruits/images/img10.jpg) no-repeat right top;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■５. 会社案内
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#company_wrap {
	width:1000px;
	margin:0 auto;
}
#company_wrap .gaiyou table{
	border-collapse:collapse;
	background-color:#FFFFFF;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}
#company_wrap .gaiyou table th{
	vertical-align: middle;
	text-align: center;
	padding:10px;
	font-weight:bold;
	border-bottom:1px solid #CCCCCC;
	background-color:#F1F1F1;
}
#company_wrap .gaiyou table td{
	vertical-align: middle;
	text-align: left;
	padding:10px;
	border-bottom:1px solid #CCCCCC;
}

#company_wrap .gaiyou table .tit1{
	vertical-align: middle;
	text-align: center;
	font-size:15px;
	font-weight:bold;
	color:#046942;
	background: url(../company/images/gaiyou.jpg) no-repeat;
	background-color:#A5DFC9;
}

#company_wrap .gaiyou table .tit2{
	vertical-align: middle;
	text-align: center;
	font-size:15px;
	font-weight:bold;
	color:#046942;
	background: url(../company/images/saiyou.jpg) no-repeat;
	background-color:#A5DFC9;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■６. 新着情報
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#news_wrap {
	width:1000px;
	margin:0 auto;
}

#news_wrap .news_box{
	width:1000px;
	padding:0px 0px 30px;
	margin:0 0 50px;
	border-top:5px solid #007749;
	background-color:#FFFFFF;
}

#news_wrap .news_box .news_title{

	padding:12px 0px 10px;
	border-bottom:1px solid #007749;
}


#news_wrap .news_box .news_title h3{
	float:right;
	width:880px;
	font-size:18px;
	font-weight:bold;
	line-height:1.6;
}
#news_wrap .news_box table{
}

#news_wrap .news_box .news_date{
	float:left;
	width:100px;
	font-size:14px;
	line-height:1.3;
	font-weight:bold;
	color:#007749;
	padding:5px 0px 3px;
	margin:0 10px 0 10px;
}

#news_wrap .news_box th{
	vertical-align:top;
	text-align:right;
	padding:20px  20px 0px 10px;
}
#news_wrap .news_box td{
	width:100%;
	vertical-align:top;
	text-align:left;
	padding:20px 10px 0;
}

#news_wrap .news_box .photo{
	position:relative;
	padding:7px;
	border:1px solid #DDDDDD;
}
#news_wrap .news_box .photo a:hover img{
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
}
#news_wrap .news_box .photo img.icon_loupe{
	position: absolute;
	right:10px;
	bottom:5px;
	z-index:1000;
}



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■７. お問い合わせ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#contact_wrap {
	width:1000px;
	margin:0 auto;
}

#contact_wrap .pp{
	padding:30px;
	margin:0 0px 30px;
	background-color:#F1F1F1;
}

#contact_wrap .pp li{
	margin:0 0 10px;
	padding:0 0 10px;
	border-bottom:1px dashed #CCCCCC;
}

#contact_wrap h4{
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	padding:5px 10px 5px;
	margin:0 0 10px;
	background-color:#0D8E34;
}

#contact_wrap .hissu{
	padding: 0 60px 3px 0px;
	background:url(../common_img/hissu.jpg) no-repeat right top;
}
#contact_wrap .ninni{
	padding: 0 60px 3px 0px;
	background:url(../common_img/ninni.jpg) no-repeat right top;
}
/*form_table*/
#contact_wrap .contact_form  {
	margin:0 20px 30px;
}

#contact_wrap .contact_form table.con_table01 {
	border-collapse:collapse;
	margin:0 0 10px;
}
/*table_th*/
#contact_wrap .contact_form table.con_table01 th {
	vertical-align:top;
	text-align:left;
	padding:25px 20px 25px 10px;
	font-weight: bold;
	color:#333333;
	border:1px solid #CCCCCC;
	background-color:#EFEFEF;
}
/*table_td*/
#contact_wrap .contact_form table.con_table01 td {
	vertical-align: middle;
	text-align:left;
	padding:25px;
	border:1px solid #CCCCCC;
}

#contact_wrap .contact_form table.con_table01 td.rei {
	padding:25px 10px;
}
/*submitBtn*/
#formEnd {
	margin:0px 20px 30px;
}
#formEnd .txtbox{
	text-align:center;
	padding:20px 20px;
	margin:0 0 30px;
	border:3px solid #DDDDDD;
}

#formEnd .doui{
	width:360px;
	padding:5px 10px;
	margin:20px auto 0px;
	text-align:center;
	font-weight:bold;
}


#formEnd .btn{
	text-align:center;
}



input,select,textarea {
	font-size:1em;
	margin-bottom:1px;
}

.mini {
	font-size:10px;
}

optgroup {
	background-color:#cccccc;
	font-style:normal;
}

option {
	margin:0 5px 0 0;
	background-color:#ffffff;
	color:#333333;
}


/*ime_mode*/
.ime_on {
	ime-mode:active;
}

.ime_off {
	ime-mode:disabled;
}

/*input_text_setting*/
input#issue_text {
	width:250px;
	margin:0;
}

input#name1,
input#name2,
input#ruby1,
input#ruby2{
	width:150px;
}

input#company{
	width:300px;
}

input#occupation{
	width:300px;
}
input#tel,
input#fax{
	width:300px;
}
input#post{
	width:300px;
}

input#email,
input#email2{
	width:300px;
}

input#address{
	width:400px;
}
input#zip {
	width:100px;
}
textarea#comment{
	width:450px;
}