/*　メインコンテンツについて */
div
#subcontents{
	margin:20px;
	width:610px;
}

/*　トップページ */
div
#topcontents{
	margin:20px;
	width:610px;
}
#cathcopy{
	font-size:100%;
	padding-left:5px;
	background-image:url(../img/for_bg_circle.gif);
	background-position:left top;
	background-repeat:no-repeat;
	width:300px;
	float:left;

}


#flasharea{
	margin:0;
	width:300px;
	float:right;
}


#topcontents2{
	margin:20px;
	width:578px;
	border:1px #CCCCCC solid;
	padding:15px;
}

	
#topbanner{
	margin:20px;
	width:610px;
}


ul#imglist{
	margin:0;
	padding:0;
	float:left;
	list-style-type:none;
	width:450px;
}

ul#imglist li {
	float:left;
	padding:4px;
	margin:3px;
	border:solid 1px #999999;
}

ul#imglist li a, ul#imglist li img {
	display:block;
}

p#moremenu{
	padding:0;
	float:left;
	width:70px;
	height:72px;
	padding:70px 0 70px 0;
	background-image:url("../img/moremenu_icon_.gif");
	background-repeat:no-repeat;
	background-position:center center;
}

#moremenu{
	background-image:url("../img/moremenu_icon_.gif");
	background-repeat:no-repeat;
}
#moremenu a{
	display:block;
	width:70px;
	height:72px;
}
#moremenu a:hover img{
	visibility:hidden;
}

/*　ログイン部分について */
div
#loginform{
	padding:0;
	text-align:right;
	width:210px;
	color:#FFFFFF;
	line-height:25px;
}

#loginformtitle{
	padding:2px 5px 2px 5px;
	margin:2px 0 5px 0;
	background-color:#63a222;
	width:200px;
	height:20px;
	line-height:20px;
}


#loginbutton{
	background-image:url("../img/regist_bt_.gif");
	background-repeat:no-repeat;
}
#loginbutton a{
	display:block;
	width:210px;
	height:36px;
}
#loginbutton a:hover img{
	visibility:hidden;
}
	

/*　ナビゲーション部分について */

#topnavi ul{
	margin:auto;
	padding:0;
}
#topnavi ul li.menu01{
	float: left;
	display: inline;
	background-image:url("../img/bt_top_.gif");
	background-repeat:no-repeat;
}
#topnavi ul li.menu02{
	float: left;
	display: inline;
	background-image:url("../img/bt_aboutagro_.gif");
	background-repeat:no-repeat;
}
#topnavi ul li.menu03{
	float: left;
	display: inline;
	background-image:url("../img/bt_menu_.gif");
	background-repeat:no-repeat;
}
#topnavi ul li.menu04{
	float: left;
	display: inline;
	background-image:url("../img/bt_plan_.gif");
	background-repeat:no-repeat;
}
#topnavi ul li.menu05{
	float: left;
	display: inline;
	background-image:url("../img/bt_recommend_.gif");
	background-repeat:no-repeat;
}
#topnavi li a{
	display:block;
	width:124px;
	height:24px;
}
#topnavi li a:hover {
	background-color:transparent;
}
#topnavi li a:hover img{
	visibility:hidden;
}







#bottomnavi ul{
	float:left;
	margin:auto;
	padding:0;
}
#bottomnavi ul li.menu06{
	float: left;
	display: inline;
	background-image:url("../img/bt_access_.gif");
	background-repeat:no-repeat;
}
#bottomnavi ul li.menu07{
	float: left;
	display: inline;
	background-image:url("../img/bt_aboutus_.gif");
	background-repeat:no-repeat;
}
#bottomnavi ul li.menu08{
	float: left;
	display: inline;
	background-image:url("../img/bt_faq_.gif");
	background-repeat:no-repeat;
}
#bottomnavi ul li.menu09{
	float: left;
	display: inline;
	background-image:url("../img/bt_link_.gif");
	background-repeat:no-repeat;
}
#bottomnavi ul li.menu10{
	float: left;
	display: inline;
	background-image:url("../img/bt_mail_.gif");
	background-repeat:no-repeat;
}

#bottomnavi ul li.menu11{
	float: left;
	display: inline;
	background-image:url("../img/bt_bbs_.gif");
	background-repeat:no-repeat;
}

#bottomnavi li a{
	display:block;
	width:124px;
	height:24px;
}
#bottomnavi li a:hover {
	background-color:transparent;
}
#bottomnavi li a:hover img{
	visibility:hidden;
}




/* おすすめページに関して */

.recommendphoto_area{
	width:180px;
	float:right;
}




.recommend_area{
	width:410px;
	float:left;
	margin-bottom:20px;
}

.recommend_item{
	padding:10px 0;
	border-bottom:1px dotted #CCCCCC;
}

	.recommend_item dl{
		margin:0;
		padding:0;
	}
	.recommend_item dt{
		font-weight:bold;
	}	

	.recommend_item dd{
		padding:0;
		margin:0;
		float:left;
		width:360px;
	}	
	
	.recommend_item dd.price{
		color:#FF0000;
		padding:0;
		margin:0;
		float:right;
		width:50px;
		text-align:right;
	}



/* グランドメニューページに関して */
.menucategory{
	width:610px;
	margin-bottom:20px;
}

.menuphoto_area{
	width:180px;
	float:right;
}


.gmenu_area{
	width:410px;
	float:left;
	margin-bottom:20px;
}


.gmenu_item{
	padding:10px 0;
	border-bottom:1px dotted #CCCCCC;
}

	.gmenu_item dl{
		margin:0;
		padding:0;
	}

	.gmenu_item dt{
		font-weight:bold;
	}	

	.gmenu_item dd{
		padding:0;
		margin:0;
		float:left;
		width:360px;
	}	
	
	.gmenu_item dd.price{
		color:#FF0000;
		padding:0;
		margin:0;
		float:right;
		width:50px;
		text-align:right;
	}



/* コースメニューページに関して */
.courseplan{
	width:610px;
	margin-bottom:20px;
}

.coursephoto_area{
	width:180px;
	float:right;
}

	.coursephoto_area img{
		margin-bottom:10px;
	}


.course_area{
	width:410px;
	float:left;
	margin-bottom:20px;
}

.course_item{
	padding:10px 0;
	border-bottom:1px dotted #CCCCCC;
}

	.course_item dl{
		margin:0;
		padding:0;
	}

	.course_item dt{
		font-weight:bold;
	}	

	.course_item dd{
		padding:0;
		margin:0;
		float:left;
		width:410px;
	}
	
	
	.caution{
		color:#FF0000;
		width:410px;
		margin-top:15px;
	}
	



	
/*　スペーサー各種 */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}


div
.clear{
	clear:both;
}
.spacer10{
	clear:both;
	height:10px;
	margin:0;
}
.spacer30withline{
	clear:both;
	height:30px;
	width:90%;
	margin:0;
	border-bottom:#666666 dotted 1px;
}
.spacer20{
	clear:both;
	height:20px;
	margin:0;
}
.spacer40{
	clear:both;
	height:40px;
	margin:0;
}
.spacer400{
	clear:both;
	height:400px;
	margin:0;
}


/*　イメージについて */
img.layout01 {
	border:0;
	margin-right:10px;
	margin-bottom:5px;
	float:left;
}

/*　イメージキャプションについて */
div.layout01cap {
	width:280px;
	font-size:80%;
	margin-right:10px;
	margin-bottom:10px;
	float:left;
}