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

/*------------------------------------------------------------
	banner
------------------------------------------------------------*/
#b_banner1{
	clear:left;
	width:100%;
	height:100px;
}

#b_banner1 section{
	clear:left;
	margin:0 auto;
	width:1000px;
	height:100px;
}

#b_banner1 p{
	float:left;
}

/*------------------------------------------------------------
	banner
------------------------------------------------------------*/
#b_bnr_peach a{
	float:left;
    display:block;
    overflow:hidden;
	margin:0;
	padding:0;
    width:490px;
	height:100px;
	background:url(../index/banner1_1.jpg);
	-webkit-transition:0.4s;
	transition:0.4s;
}

#b_bnr_peach a:hover{
	background:url(../index/banner1_2.jpg);
}

#b_bnr_grape a{
	float:left;
    display:block;
    overflow:hidden;
	margin-left:20px;
	padding:0;
    width:490px;
	height:100px;
	background:url(../index/banner2_1.jpg);
	-webkit-transition:0.4s;
	transition:0.4s;
}

#b_bnr_grape a:hover{
	background:url(../index/banner2_2.jpg);
}

/*------------------------------------------------------------
	index
------------------------------------------------------------*/
#index1{
	clear:left;
	margin-top:50px;
	width:100%;
	height:510px;
}

#index1 section{
	clear:left;
	margin:0 auto;
	width:1000px;
	height:510px;
}

#index1 #news{
	float:left;
	width:350px;
	height:510px;
	background:url(../index/index1_news_bg.png);
}

#index1 #news h1{
	margin-bottom:20px;
	text-align:center;
}

#index1 #box{
	float:left;
	margin-left:30px;
	width:620px;
	height:auto;
}

/*------------------------------------------------------------
	ぶどう狩り
------------------------------------------------------------*/
#index2{
	clear:left;
	width:100%;
	height:296px;
}

#index2 section{
	clear:left;
	margin:0 auto;
	width:1200px;
	height:296px;
}

#index2 #left{
	float:left;
	width:728px;
	height:auto;
}

#index2 #left p img{
	margin-top:15px;
	margin-bottom:20px;
}

#index2 #left ul{
	margin-left:200px;
	width:auto;
	height:296px;
	color:#000;
	font-size:15px;
	line-height:1.8em;
}

#index2 #left li span{
	color:#CC0033;
	font-weight:bold;
}

#index2 #right{
	float:left;
	width:436px;
	height:auto;
}

#index2 .btn01 a{
    display:block;
	text-align:center;
	margin-top:15px;
	padding-top:15px;
	padding-bottom:17px;
	width:300px;
	font-size:15px;
	font-weight:bold;
    color:#FFF;
    text-decoration:none;
    background:#8F66A8;
    transition:all 0.2s ease 0s;
}

#index2 .btn01 a:hover{
	color:#FFF;
    background:#66457A;
    transition:all 0.2s ease 0s;
}

/*------------------------------------------------------------
	桃狩り
------------------------------------------------------------*/
#index3{
	clear:left;
	width:100%;
	height:296px;
}

#index3 section{
	clear:left;
	margin:0 auto;
	width:1000px;
	height:296px;
}

#index3 #left{
	float:left;
	margin-top:5px;
	margin-left:20px;
	width:416px;
	height:auto;
}

#index3 #right{
	float:left;
	width:500px;
	height:auto;
}

#index3 #right p img{
	margin-top:15px;
	margin-bottom:20px;
}

#index3 #right ul{
	margin-left:50px;
	width:500px;
	height:296px;
	color:#000;
	font-size:15px;
	line-height:1.8em;
}

#index3 #right li span{
	color:#CC0033;
	font-weight:bold;
}

#index3 .btn01 a{
    display:block;
	text-align:center;
	margin-top:15px;
	padding-top:15px;
	padding-bottom:17px;
	width:300px;
	font-size:15px;
	font-weight:bold;
    color:#FFF;
    text-decoration:none;
    background:#F0858F;
    transition:all 0.2s ease 0s;
}

#index3 .btn01 a:hover{
	color:#FFF;
    background:#EB5F6C;
    transition:all 0.2s ease 0s;
}

/*------------------------------------------------------------
	img
------------------------------------------------------------*/
#img{
	clear:left;
	width:100%;
	height:auto;
}

#img section{
	clear:left;
	margin:0 auto;
	text-align:center;
	height:auto;
}