@charset "Shift_JIS";

/* 00 カラーミー */
@import "colorme.css";

/* 01 トップページ */
@import "index.css";

/* ---------------------------------------------------------------
	#00 カラーミー共通設定
	#01 トップページ
	02 加賀の農家
	03 ろくせいファーム
	04 商品紹介
	05 旬と手作りの店
	06 コメコミ（→main.cssへ）
	07 まどか店長のきまぐれ日記（→main.cssへ）
	08 会社概要
	09 採用情報
	10 お問い合わせ
	11 個人情報の取り扱い
	12 サイトマップ
	13 写真募集
	14 メルマガ
--------------------------------------------------------------- */




/*-------------------------------------------------------------
	03 ろくせいファーム
--------------------------------------------------------------*/

#rokusei #contents {
	width:836px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	}
	
#rokusei #contents .float_L {
	text-align:left;
	}	


#rokusei #contents .float_R {
	text-align:left;
	}	

/*suvNavi*/
#rokuseiSubNavi {
	width:100%;
	text-align:center;
	height:63px;
	margin-bottom:25px;
	}
	
.subNavilLine02 {
	background-image:url(../img/line_footer.gif);
	background-repeat:repeat-x;
	background-position:bottom left;
	}	
	
	#rokuseiSubNavi ul {
	width:875px;
	margin-left:auto;
	margin-right:auto;
	}
	
	#rokuseiSubNavi li {
		float:left;
		margin-top:0;
		margin-right:15px;
		}
	
	#rokuseiSubNavi li a {
		display:block;
		overflow:hidden;
		font-size:1px;
		line-height:1px;
		text-indent:-9999px;
		}
		
		/*snavi*/
		#rokuseiSubNavi #navi00 a {
			display:inline;
			overflow:visible;
			font-size:1px;
			line-height:normal;
			text-indent:0;
			}
		#rokuseiSubNavi #navi01 a {
			width:102px;
			height:41px;
			margin-top:14px;
			background:url(../rokusei/img/snavi01.gif) no-repeat left top;
			}
		#rokuseiSubNavi #navi02 a {
			width:124px;
			height:41px;
			margin-top:14px;
			background:url(../rokusei/img/snavi02.gif) no-repeat left top;
			}
		#rokuseiSubNavi #navi03 a {
			width:121px;
			height:41px;
			margin-top:14px;
			background:url(../rokusei/img/snavi03.gif) no-repeat left top;
			}
		#rokuseiSubNavi #navi04 a {
			width:123px;
			height:41px;
			margin-top:14px;
			background:url(../rokusei/img/snavi04.gif) no-repeat left top;
			}
		#rokuseiSubNavi #navi05 a {
			width:123px;
			height:54px;
			margin-left:10px;
			background:url(../rokusei/img/snavi05.gif) no-repeat left top;
			}		
			
		/*gnavi_hover*/
		#rokuseiSubNavi #navi01 a:hover {
			background-position:left bottom;
			}
		#rokuseiSubNavi #navi02 a:hover {
			background-position:left bottom;
			}
		#rokuseiSubNavi #navi03 a:hover {
			background-position:left bottom;
			}
		#rokuseiSubNavi #navi04 a:hover {
			background-position:left bottom;
			}
		#rokuseiSubNavi #navi05 a:hover {
			background-position:left bottom;
			}
			
		/*gnavi_stay*/
		.kome #rokuseiSubNavi #navi01 a {
			background-position:left bottom;
			}
		.yasai #rokuseiSubNavi #navi02 a {
			background-position:left bottom;
			}
		.mochi #rokuseiSubNavi #navi03 a {
			background-position:left bottom;
			}
		.tsukemono #rokuseiSubNavi #navi04 a {
			background-position:left bottom;
			}
		.map #rokuseiSubNavi #navi05 a {
			background-position:left bottom;
			}
	

#pointWakuBg {
	width:849px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../rokusei/img/t_bg.png);
	background-repeat:repeat-y;
	padding-top:10px;
	padding-bottom:10px;
	}

	.pointWaku {
		width:740px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:10px;
		text-align:left;
		}
	
	
/*農家のいちねん*/
/*suvNavi*/
#yearBase {
	width:842px;
	background-image:url(../rokusei/img/bg_base.gif);
	background-repeat:repeat-y;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	}
	#yearBase p.p2{text-indent:-9999px;overflow:hidden;position:absolute;}
	
	.yearBaseFooter {
		background-image:url(../rokusei/img/bg_footer.jpg);
		background-repeat:no-repeat;
		height:59px;
		}
	
	#yearSubNavi {
		width:850px;
		margin-left:auto;
		margin-right:auto;
		margin-top:20px;
		}
	#yearSubNavi ul{
		height:51px;
		}
	
	/*農家のいちねん、Mapへもどるボタン*/
	.backMap {
		float:right;
		display:block;
		width:128px;
		overflow:hidden;
		font-size:1px;
		line-height:1px;
		text-indent:-9999px;
		}
		
	.backMap a {
			float:right;
			width:123px;
			height:54px;
			margin-right:10px;
			background:url(../rokusei/img/snavi05.gif) no-repeat left top;
			}
			
		.backMap a:hover {
			background-position:left bottom;
			}	
			
	
	#yearSubNavi div{text-align:left;}	
	#yearSubNavi li {
		float:left;
		}
	
	#yearSubNavi li a {
		height:51px;
		display:block;
		overflow:hidden;
		font-size:1px;
		line-height:1px;
		text-indent:-9999px;
		}
		
		/*snavi*/
		#yearSubNavi #navi01 a {
			width:218px;
			background:url(../rokusei/img/btn_spring.gif) no-repeat left bottom;
			}
		#yearSubNavi #navi02 a {
			width:209px;
			background:url(../rokusei/img/btn_summer.gif) no-repeat left bottom;
			}
		#yearSubNavi #navi03 a {
			width:208px;
			background:url(../rokusei/img/btn_autumn.gif) no-repeat left bottom;
			}
		#yearSubNavi #navi04 a {
			width:208px;
			background:url(../rokusei/img/btn_winter.gif) no-repeat left bottom;
			}
		
			
		/*gnavi_hover*/
		#yearSubNavi #navi01 a:hover {
			background-position:left top;
			}
		#yearSubNavi #navi02 a:hover {
			background-position:left top;
			}
		#yearSubNavi #navi03 a:hover {
			background-position:left top;
			}
		#yearSubNavi #navi04 a:hover {
			background-position:left top;
			}
			
		/*gnavi_stay*/
		.spring #yearSubNavi #navi01 a {
			background-position:left top;
			}
		.summer #yearSubNavi #navi02 a {
			background-position:left top;
			}
		.autumn #yearSubNavi #navi03 a {
			background-position:left top;
			}
		.winter #yearSubNavi #navi04 a {
			background-position:left top;
			}
		
/*////////////農家のいちねん・春////////////////////*/	
			
		/*spring box01*/
		.spring .box01 {
			background-image:url(../rokusei/img/sp_img01.jpg);
			background-repeat:no-repeat;
			background-position:center top;
			height:593px;
			}
			
			.spring .box01 p.p1 {
				position: relative;
				top: 45px;
				left: 150px;
				width:340px;
				}
			
		/*spring box02*/
		.spring .box02 {
			background-image:url(../rokusei/img/sp_img02.jpg);
			background-repeat:no-repeat;
			background-position:center top;
			height:479px;
			}
			
			.spring .box02 p.p1 {
				position: relative;
				top: 400px;
				left: 290px;
				width:500px;
				}
					
		/*spring box03*/
		.spring .box03 {
			background-image:url(../rokusei/img/sp_img03.jpg);
			background-repeat:no-repeat;
			background-position:center top;
			height:445px;
			}
			
			.spring .box03 p.p1 {
				position: relative;
				top: 50px;
				left: 340px;
				width:360px;
				}
			
			
		/*spring box04*/
		.spring .box04 {
			background-image:url(../rokusei/img/sp_img04.jpg);
			background-repeat:no-repeat;
			background-position:center top;
			height:424px;
			display:block;
			overflow:hidden;
			font-size:1px;
			line-height:1px;
			text-indent:-9999px;
			}
		
		
		
		
/*////////////農家のいちねん・夏////////////////////*/			
		
		/*summer box01*/
		.summer .box01 {
			background-image:url(../rokusei/img/su_img01.jpg);
			background-repeat:no-repeat;
			background-position:center top;
			height:454px;
			}
			
			.summer .box01 p.p1 {
				position: relative;
				top: 190px;
				left: 580px;
				width:150px;
				}
			
		/*summer box02*/
		.summer .box02 {
			background-image:url(../rokusei/img/su_img02.jpg);
			background-repeat:no-repeat;
			background-position:center top;
			height:288px;
			overflow:hidden;
			font-size:1px;
			line-height:1px;
			text-indent:-9999px;
			}

		/*summer box03*/
		.summer .box03 {
			background-image:url(../rokusei/img/su_img03.jpg);
			background-repeat:no-repeat;
			background-position:center top;
			height:341px;
			}
			
			.summer .box03 p.p1 {
				position: relative;
				top: 45px;
				left: 120px;
				width:350px;
				}
			
			
		/*summer box04*/
		.summer .box04 {
			background-image:url(../rokusei/img/su_img04.jpg);
			background-repeat:no-repeat;
			background-position:center top;
			height:273px;
			overflow:hidden;
			font-size:1px;
			line-height:1px;
			text-indent:-9999px;
			}
			
		/*summer box05*/
		.summer .box05 {
			background-image:url(../rokusei/img/su_img05.jpg);
			background-repeat:no-repeat;
			background-position:center top;
			height:464px;
			overflow:hidden;
			font-size:1px;
			line-height:1px;
			text-indent:-9999px;
			}	
			
			
/*////////////農家のいちねん・秋////////////////////*/			
		
		/*autumn box01*/
		.autumn .box01 {
			background-image:url(../rokusei/img/au_img01.jpg);
			background-repeat:no-repeat;
			background-position:center top;
			height:370px;
			}
			
			.autumn .box01 p.p1 {
				position: relative;
				top: 160px;
				left: 120px;
				width:170px;
				}
			
		/*autumn box02*/
		.autumn .box02 {
			background-image:url(../rokusei/img/au_img02.jpg);
			background-repeat:no-repeat;
			background-position:center top;
			height:340px;
			overflow:hidden;
			font-size:1px;
			line-height:1px;
			text-indent:-9999px;
			}

					
		/*autumn box03*/
		.autumn .box03 {
			background-image:url(../rokusei/img/au_img03.jpg);
			background-repeat:no-repeat;
			background-position:center top;
			height:362px;
			}
			
			.autumn .box03 p.p1 {
				position: relative;
				top: 280px;
				left: 630px;
				width:130px;
				}
			
			
		/*autumn box04*/
		.autumn .box04 {
			background-image:url(../rokusei/img/au_img04.jpg);
			background-repeat:no-repeat;
			background-position:center top;
			height:349px;
			}
			
			.autumn .box04 p.p1 {
				position: relative;
				top: 65px;
				left: 500px;
				width:230px;
				}
			
		/*autumn box05*/
		.autumn .box05 {
			background-image:url(../rokusei/img/au_img05.jpg);
			background-repeat:no-repeat;
			background-position:center top;
			height:375px;
			overflow:hidden;
			font-size:1px;
			line-height:1px;
			text-indent:-9999px;
			}				
			
		
/*////////////農家のいちねん・冬////////////////////*/	
			
		/*winter box01*/
		.winter .box01 {
			background-image:url(../rokusei/img/wi_img01.jpg);
			background-repeat:no-repeat;
			background-position:center top;
			height:152px;
			}
			
			.winter .box01 p.p1 {
				position: relative;
				top: 45px;
				left: 370px;
				width:300px;
				}
			
		/*winter box02*/
		.winter .box02 {
			background-image:url(../rokusei/img/wi_img02.jpg);
			background-repeat:no-repeat;
			background-position:center top;
			height:340px;
			}
			
			.winter .box02 table {
				position: relative;
				top: 170px;
				left: 55px;
				width:280px;
				}	
				
				.winter .box02 table td {
				padding:3px;
				}	
				
			.winter .box02 p.p1 {
				position: relative;
				top: 150px;
				left: 365px;
				width:200px;
				}
					
		/*winter box03*/
		.winter .box03 {
			background-image:url(../rokusei/img/wi_img03.jpg);
			background-repeat:no-repeat;
			background-position:center top;
			height:350px;
			}
			
			.winter .box03 p.p1 {
				position: relative;
				top: 80px;
				left: 140px;
				width:290px;
				}
			
			
		/*winter box04*/
		.winter .box04 {
			background-image:url(../rokusei/img/wi_img04.jpg);
			background-repeat:no-repeat;
			background-position:center top;
			height:490px;
			display:block;
			overflow:hidden;
			font-size:1px;
			line-height:1px;
			text-indent:-9999px;
			}	
			
	
	

/*通販バナー*/
#shopBnr {
	padding-top:45px;
	padding-bottom:35px;
	width:596px;
	margin-left:auto;
	margin-right:auto;
	}

	#shopBnr a {
		display:block;
		overflow:hidden;
		background:url(../blog_komekomi/img/bnr_shop.gif) no-repeat right top;
		height:91px;
		font-size:1px;
		line-height:1px;
		text-indent:-9999px;	
		}
			
	#shopBnr a:hover {
		background-position:left top;
		}	


/*-------------------------------------------------------------
	08 会社概要
--------------------------------------------------------------*/
/*suvNavi*/
#subNavi {
	width:100%;
	text-align:center;
	height:54px;
	margin-bottom:30px;
	}
	
.subNavilLine {
	background-image:url(../blog_komekomi/img/line_snavi.gif);
	background-repeat:repeat-x;
	background-position:bottom left;
	}	
	
	#subNavi ul {
	width:930px;
	margin-left:auto;
	margin-right:auto;
	}
	
	#subNavi li {
		float:left;
		margin-top:0;
		margin-right:8px;
		}
	
	#subNavi li a {
		display:block;
		overflow:hidden;
		height:54px;
		font-size:1px;
		line-height:1px;
		text-indent:-9999px;
		}
		
		/*snavi*/
		li#navi01 a {
			width:147px;
			background:url(../company/img/snavi01.gif) no-repeat left top;
			}
		li#navi02 a {
			width:147px;
			background:url(../company/img/snavi02.gif) no-repeat left top;
			}
		li#navi03 a {
			width:147px;
			background:url(../company/img/snavi03.gif) no-repeat left top;
			}
		li#navi04 a {
			width:147px;
			background:url(../company/img/snavi04.gif) no-repeat left top;
			}
			
		/*gnavi_hover*/
		.navi01 #navi01 a,
		.navi02 #navi02 a,
		.navi03 #navi03 a,
		.navi04 #navi04 a,
		#subNavi #navi01 a:hover,
		#subNavi #navi02 a:hover,
		#subNavi #navi03 a:hover,
		#subNavi #navi04 a:hover {
			background-position:left bottom;
			}	

.company tr {
	background-image:url(../company/img/line.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	}
	
	.company td {
		height:40px;
		}
	
		.text01 {
			float:left;
			color:#396A17;
			font-weight:bold;
			margin-left:10px;
			width:110px;
			margin-top:8px;
			}
			
		.text02 {
			float:left;
			margin-left:10px;
			margin-top:8px;
			}


/* コメコミ フリーページ：スタッフ紹介
------------------------------------------------------ */

.blogStaff #staffnavi li {
	float:left;
	background-image:url(../img/icon_arrow.gif);
	background-repeat:no-repeat;
	padding-left:18px;
	margin-right:15px;
	margin-top:20px;
	margin-bottom:20px;
	}

/*見出し画像*/
.blogStaff h3 {
	background-image:url(../blog_komekomi/img/line_green.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	margin-top:40px;
	font-size:130%;
	}
		
/*プロフィール*/
.blogStaff .profBox {
	background-image:url(../blog_komekomi/img/line_green.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	padding-bottom:23px;
	padding-top:23px;
	width:916px;
	}
	
	.blogStaff table.prof {
	float:left;
	height:120px;
	}
	
	.blogStaff 	table.prof td {
		padding:5px 10px 5px 10px;
		}
	
		.blogStaff .backCol {
		background-color:#E6DCB7;
		}		
		
		
/*-------------------------------------------------------------
	09 採用情報
--------------------------------------------------------------*/
.recruitBox {
	width:620px;
	border:solid 1px #FFCC00;
	background-color:#F7F7F1;
	padding-top:33px;
	padding-bottom:33px;
	margin-top:15px;
	margin-bottom:20px;
	}
	
	.tableLine {
	border-bottom:solid 1px #CCCCCC;
	padding-top:10px;
	padding-bottom:10px;
	}

/*-------------------------------------------------------------
	10 お問い合わせ
--------------------------------------------------------------*/

	#infoInner {
		width:690px;
		float:right;
		margin-bottom:50px;
		}
		
		table#form {
			margin-top:25px;
			margin-bottom:20px;
			width:650px;
			}
			
			table#form th {
				padding:5px 10px 5px 10px;
				text-align:left;
				color:#006600;
				}
			table#form td {
				padding:5px 10px 5px 10px;
				}
				
				table#form .field {
					width:100%;
					}
					
			
/*-------------------------------------------------------------
	11 個人情報の取り扱い
--------------------------------------------------------------*/

/*-------------------------------------------------------------
	12 サイトマップ
--------------------------------------------------------------*/

.sitemap #contents {
	width:780px;
	margin-left:auto;
	margin-right:auto;
	}

	.sitemap #contents ul {
	margin-left:0px;
	margin-right:40px;
	float:left;
	}
	.sitemap #contents ul ul{
	margin-top:10px;
	float:none;
	}
	
	

	/*メインリストスタイル*/
	.sitemap .mainlist li {
		background-image:url(../img/icon_arrow.gif);
		background-repeat:no-repeat;
		padding-left:20px;
		margin-bottom:15px;
		font-weight:bold;
		}
		
		.sitemap .mainlist a {
			color:#333333;
			text-decoration:underline;
			}
		
	/*サブリストスタイル*/	
	.sitemap .mainlist li li {
		background-image:url(../img/icon_arrow.gif);
		background-repeat:no-repeat;
		padding-left:20px;
		margin-bottom:10px;
		font-weight:normal;
		}	
	
		.sitemap .mainlist li li a {
			color:#333333;
			text-decoration:underline;
			}

/*-------------------------------------------------------------
	13 写真募集
--------------------------------------------------------------*/

/*背景繰り返し*/
.backPin #Main {
	background-image:url(../img/bg_pin_back.jpg);
	background-repeat:repeat-y;
	background-position:center;
	margin-bottom:30px;
	width:962px;
	}
	
	.backPin #Main #contentsFooter {
		background-image:url(../img/bg_pin_footer.jpg);
		background-repeat:no-repeat;
		background-position:bottom;
		padding-bottom:71px;
		width:962px;
		}
	
	
.photo .float_L .backImg {
	background-image:url(../photo/img/img01.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	}
	
.photo .photoForm {
	background-color:#F6EFDC;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	width:790px;
	}
	
	.photo .photoForm .photoTable {
		margin-left:10px;
		margin-bottom:20px;
		}
		
		.photo .photoForm .photoTable td {
			padding:5px 10px 5px 10px;
			}
			
		/*フォーム欄 短い方*/	
		.photo .photoForm #name, .photo .photoForm #tel, .photo .photoForm #img {
			width:50%;
			}
		/*フォーム欄 長い方*/	
		.photo .photoForm #add, .photo .photoForm #mail, .photo .photoForm #mess {
			width:95%;
			}	
	

/*-------------------------------------------------------------
	14 メルマガ
--------------------------------------------------------------*/
/*登録*/
.mailma .photoForm {
	background-color:#FFE1A4;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	padding-top:10px;
	width:767px;
	}
	
	/*登録その2*/
	.mailma02 #All02 #Main {
		margin-top: 100px;
		}
	
	.mailma02 .photoForm {
	background-color:#FFE1A4;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:25px;
	width:767px;
	}
	
	.mailma02 .photoTable {
			margin-left:10px;
			margin-right:10px;
			}
	
	.mailma02 .photoForm .photoTable td {
			padding:0px 10px 0px 10px;
			}
	
	
	
/*変更*/
/*.mailma .photoForm02 {
	background-color:#E6E699;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	width:767px;
	}*/
	
/*停止*/	
.mailma .photoForm03 {
	background-color:#E8E8E8;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	padding-top:10px;
	padding-bottom:10px;
	width:767px;
	}		
		
		
		.mailma .photoTable {
			margin-left:10px;
			margin-right:10px;
			}
		
		
		
		.mailma .photoForm .photoTable td, .mailma .photoForm03 .photoTable td {
			padding:0px 10px 0px 10px;
			}
			
		/*フォーム欄 長い方*/	
		.mailma .photoForm #tourokuMail, .mailma .photoForm03 #stopMail {
			width:95%;
			}
			
			
		/*フォームの注意書き*/
		.formTxt {
		margin-left:150px;
		padding-bottom:10px;
		}
		
		
/*停止その2*/
	
	.mailma02 .photoForm03 {
	background-color:#E8E8E8;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:25px;
	padding-top:10px;
	padding-bottom:10px;
	width:767px;
	}
	
	.mailma02 .photoForm03 .photoTable td {
			padding:0px 10px 0px 10px;
			}