/* CSS Document */

@import url(navi.css);
@import url(common.css);

#main {width:900px; height:359px;}


#blocks {width:900px; height:238px; background:url(../img/index/back_bl.jpg) repeat-x;}

	#blocks ul{
	margin:0px;
	width:857px;
	padding-bottom:1px;
	padding-top:35px;
	margin:0px 0px 0px 43px;}
	
	#blocks ul li{
	list-style-type:none;
	padding:0px;
	width:233px;
	float:left;}
	
	#blocks li.firstrow{
	clear:both;}
	
	#blocks ul:after{
	content:"";
	display:block;
	clear:both;}
	
	.r57 {margin-right:57px;}
	
	#blocks ul li h2 {width:233px; height:39px; text-indent:-9999px; font-size:12px; line-height:12px;}
	#blocks ul li h2 a {width:233px; height:39px; background:no-repeat; display:block;}
		#bl_kano {background:url(../img/index/kanoya1.jpg) no-repeat;}
		#bl_band {background:url(../img/index/ban1.jpg) no-repeat;}
		#bl_nisi {background:url(../img/index/nisi1.jpg) no-repeat;}
		
	#blocks ul li p {margin:0px 0px 0px 10px;}

#righ {width:567px; float:right; padding-top:33px;}
	#righ h3 {width:300px; height:38px; text-indent:-9999px; font-size:12px; line-height:12px; 
	background:url(../img/index/st3.jpg) no-repeat;}

#left {width:278px; padding:44px 0px 0px 30px; float:left;}
	#leftb {background:url(../img/index/back_l.jpg) repeat-y;}
		#leftb p {margin:7px 23px 0px 23px;}
		#leftb a:hover img{opacity:0.8; filter: alpha(opacity=70);}
		
		#leftb table { margin:0px auto 15px 24px; width:233px; background-color:#DDD7CA}
		#leftb table th {font-weight:bold; text-align:left; font-weight:normal;padding:3px 5px 3px 8px; 
		background-color:#ECE9D8; vertical-align:top; white-space:nowrap}
		#leftb table td {padding:3px 8px 3px 5px; background-color:#FFFFFF; vertical-align:top}
		

#clr {clear:both; width:900px}


#castella {width:260px; height:189px; background:url(../img/index/castella.jpg) no-repeat;
padding:103px 255px 0px 33px; margin-bottom:30px;}

.news {margin:5px 0px 40px 0px;}
	.news table { margin:0px auto 0px 37px; width:480px}
	.news table th {font-weight:bold; text-align:left; font-weight:normal;padding:3px 5px 3px 8px;}
	.news table td {padding:3px 8px 3px 5px;}

#why {width:520px; height:159px; border:2px solid #DDD7CA;
background:url(../img/index/whyb.jpg) no-repeat right; padding:21px 0px 0px 23px; margin-bottom:40px;}

	#why a:hover img{opacity:0.8; filter: alpha(opacity=70);}
	#why p {margin:4px 0px 0px 5px; }
	
#park {}
	#park p {margin:5px 0px 10px 34px;}
	#park table { margin:0px auto 0px 34px; width:480px; background-color:#DDD7CA}
	#park table th {font-weight:bold; text-align:left; font-weight:normal;padding:4px 5px 4px 8px; 
	background-color:#ECE9D8; vertical-align:top}
	#park table td {padding:3px 8px 3px 5px; background-color:#FFFFFF; vertical-align:top}