#wrapper { background:#FFFBE7 url(../image/bg.jpg) repeat-x center top;}

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

  TOPPAGE

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

#toppage { background:url(../../image/top/illust1.png) no-repeat center 200px;}
#toppage:before,
#toppage:after {
	display:block;
	clear:both;
	content:"";
	position:absolute;
}
#toppage:before {
	top:500px;
	left:0;
	width:249px;
	height:277px;
	background: url(../../image/top/wood1.png) no-repeat;
}
#toppage:after {
	top:1500px;
	right:0;
	width:230px;
	height:439px;
	background: url(../../image/top/wood2.png) no-repeat;
}


/* MAINIMG */
#toppage .mainimg {
	position:relative;
	top:-50px;
	margin:0 auto;
	width:777px;
	height:667px;
}
#toppage .mainimg:before {
	display:block;
	clear:both;
	content:"";
	position:absolute;
	bottom:-10px;
	right:-150px;
	width:347px;
	height:213px;
	text-indent:-9999px;
	background:url(../../image/top/buntan.png) no-repeat;
	z-index:9999;
}
#toppage .mainimg h2 {
	position:absolute;
	top:50px;
	right:-10px;
	width:170px;
	height:365px;
	text-indent:-9999px;
	background:url(../../image/top/catch.png) no-repeat;
	z-index:9999;
}



/* TOPICS */
#toppage .topics { position:relative; padding:100px 0; background:url(../../image/top/illust2.png) no-repeat -300px bottom;}
#toppage .topics:before {
	display:block;
	clear:both;
	content:"";
	position:absolute;
	bottom:0;
	left:20%;
	width:107px;
	height:139px;
	text-indent:-9999px;
	background:url(../../image/top/hito2.png) no-repeat;
}
#toppage .topics a { text-decoration:none;}
#toppage .topics ul { position:relative; margin:0 auto; width:1000px;}
#toppage .topics ul:after { /*clearfix*/
	display:block;
	clear:both;
	content:"";
}
#toppage .topics ul:before {
	position:absolute;
	display:block;
	clear:both;
	content:"";
	top:-70px;
	right:-100px;
	width:238px;
	height:120px;
	background:url(../../image/top/hito1.png) no-repeat;
}

#toppage .topics ul li { position:relative; float:left; width:305px;}
#toppage .topics ul li+li { margin-left:42.5px;}
#toppage .topics ul li h3 {
	position:absolute;
	top:200px;
	left:35px;
	width:240px;
	height:90px;
	text-indent:-9999px;
}
#toppage .topics ul li p { padding:20px 0 0; color:#622300; font-weight:bold; text-align:center;}
#toppage .topics ul li:nth-child(1) h3 { background:url(../../image/top/pickup1_tit.png) no-repeat center center;}
#toppage .topics ul li:nth-child(2) h3 { background:url(../../image/top/pickup2_tit.png) no-repeat center center;}
#toppage .topics ul li:nth-child(3) h3 { background:url(../../image/top/pickup3_tit.png) no-repeat center center;}


/* RECOMEND */
#toppage .recomend { position:relative; padding:50px 0 100px; background:#FFF;}
#toppage .recomend:before,
#toppage .recomend:after {
	position:absolute;
	display:block;
	clear:both;
	content:"";
	width:100%;
	height:10px;
	background:url(../../image/top/line.png) repeat-x;
}
#toppage .recomend:before { left:0; top:-5px;}
#toppage .recomend:after { left:0; bottom:-5px;}
#toppage .recomend h3 {
	margin-bottom:40px;
	height:30px;
	text-indent:-9999px;
	background:url(../../image/top/reco_tit.png) no-repeat center center;
}
#toppage .recomend ul li a { text-decoration:none;}
#toppage .recomend ul { margin:0 auto; width:1000px;}
#toppage .recomend ul:after { /*clearfix*/
	display:block;
	clear:both;
	content:"";
}
#toppage .recomend ul li { position:relative; float:left; padding-bottom:20px; width:32.6%; text-align:center; background:#FFF; z-index:99999 !important;}
#toppage .recomend ul li+li { margin-left:1%;}
#toppage .recomend ul li:nth-child(3n+1) { margin-left:0;}
#toppage .recomend ul li p.photo { background:#EEE; min-height:220px;}
#toppage .recomend ul li h4 { margin:20px 0 0; color:#3C0000;}


/* INFORMATION */
#toppage .information { margin:0 auto; padding:100px 0 0; width:1000px;}
#toppage .information:after { /*clearfix*/
	display:block;
	clear:both;
	content:"";
}
#toppage .news { position:relative; float:left; width:480px;}
#toppage .news h3 {
	position:absolute;
	top:-110px;
	left:-70px;
	width:296px;
	height:160px;
	text-indent:-9999px;
	background:url(../../image/top/news.png) no-repeat;
}
#toppage .news .news_box { position:relative; z-index:9999;}
#toppage .news dl { padding:15px 20px; background:#FFF;}
#toppage .news dl:after { /*clearfix*/
	display:block;
	clear:both;
	content:"";
}
#toppage .news a { text-decoration:none; color:#222;}
#toppage .news dl dt { float:left; width:22%;}
#toppage .news dl dd { float:right; width:78%;}
#toppage .news dl+dl { margin-top:5px;}



#toppage .banner { float:right; width:500px;}
#toppage .banner p { background:#FFF;}
#toppage .banner p:nth-child(1) { margin-bottom:10px;}




/*** --- *******************************************************************/