﻿@charset "utf-8";

/* =======================================

	CommonElements

======================================= */


#container {
	width: 100%;
	text-align: center;
clear: both;
}

.wideslider {
	width: 100%;
	height: 423px;
	text-align: left;
	position: relative;
	overflow: hidden;
}

.wideslider ul,
.wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}

.wideslider_base {
	top: 0;
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;

}
.slider_prev,
.slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}
.slider_prev {background: #fff url(../images/prev.jpg) no-repeat right center;}
.slider_next {background: #fff url(../images/next.jpg) no-repeat left center;}

.pagination {
	bottom: 10px;
	left: 0;
	width: 100%;
	height: 15px;
	text-align: center;
	position: absolute;
	z-index: 200;
}

.pagination a {
	margin: 0 5px;
	width: 6px;
	height: 6px;
	display: inline-block;
	overflow: hidden;
	background: #333;
}
.pagination a.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}


/* =======================================
	ClearFixElements
======================================= */
.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.wideslider ul {
	display: inline-block;
	overflow: hidden;
}








#maincontents  {
	width: 814px;
	margin-top: 80px;
	margin-left: auto;
	margin-right: auto;
        padding-bottom:180px;

}

#maincontents #cont {
	width: 533px;
	height: 58px;
	margin-left: auto;
	margin-right: auto;
}






#maincontents #farm {
	width: 814px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 80px;


}

#farm #farm01 {
	width: 148px;
	float: left;


}

#farm #farm02{
	width: 401px;
	float: left;
	padding-left: 20px;
	padding-right: 30px;

}



#farm #farm03 {
	width: 215px;
	float: left;



}


#maincontents #art {
	width: 814px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 50px;
    clear:both;

}

#art #art01 {
	width: 148px;
	float: left;

}

#art #art02{
	width: 401px;
	float: left;
	padding-left: 20px;
	padding-right: 30px;

}




#art #art03 {
	width: 215px;
	float: left;

}


#maincontents #shop {
	width: 814px;
	margin-left: auto;
	margin-right: auto;
        clear:both;
	padding-top: 50px;


}

#shop #shop01 {
	width: 148px;
	float: left;

}

#shop #shop02{
	width: 401px;
	float: left;
	padding-left: 20px;
	padding-right: 30px;


}
#shop #shop03 {
	width: 215px;
	float: left;

}

#maincontents #news {
	width: 814px;
	margin-left: auto;
	margin-right: auto;
        clear:both;
	padding-top:50px;
	

}

#news #news01 {
	width: 148px;
	float: left;

}

#news #news02{
	width: 401px;
	float: left;
	padding-left: 20px;
	padding-right: 30px;


}
#news #news03 {
	width: 215px;
	float: left;

}