@charset "shift_jis";

/*--------------------
  TOP PAGE
--------------------*/

/*---- main photo -----*/

#top #main-photo {
	height: 300px;
	background: url(../img/main_bg.jpg) no-repeat center top;
	position: relative;
}

#top #main-photo a{
	display:block;
	height: 160px;
	text-decoration: none;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 380px;
	z-index: 3;
	background: url(../common/spacer.gif);
	text-decoration: none;
	color: #8D5F5F;
	padding: 140px 430px 0px 60px;
}

#top #main-photo a:visited {
	text-decoration: none;
}


#top #main-photo .suki {
	position: absolute;
	left: 37px;
	top: 30px;
	width: 319;
	height: 20;
	z-index: 2;
}

#top #main-photo .catch {
	position: absolute;
	left: 58px;
	top: 62px;
	z-index: 1;
}


/*---- contents -----*/

#top #contents {
	margin: 16px 0px 0px;
}

/* main */

#top #contents #main {
	width: 610px;
	float: left;
}

#top #contents #main a {
	color: #8348B7;
	text-decoration: underline;
}

#top #contents #main a:visited {
	color: #8348B7;
	text-decoration: underline;
}


#top #contents #main .pickup-blk {
	background: #F5EFE6 url(../img/osusume_bg.gif) no-repeat left bottom;
}

	/* pickup */
	#top #contents #main .pickup-blk h2 {
	width: 140px;
	float: left;
	}

	#top #contents #main .pickup-blk .line {
	background: url(../img/line.gif) repeat-y left top;
	}	
	
	#top #contents #main .pickup-blk .box {
	width:202px;
	float: left;
	padding: 10px 13px 10px 15px;
	}
	
		/* box */
		#top #contents #main .pickup-blk .box p {
		line-height: 125%;
		}
	
		#top #contents #main .pickup-blk .box .cate {
		color: #996600;
		font-weight: bold;
		font-size: 80%;
		}	
	
		#top #contents #main .pickup-blk .box .tit {
		margin: 3px 0px 5px;
		}
	
		#top #contents #main .pickup-blk .box .tit span {
		font-size: 80%;
		padding: 2px;
		}
	
		#top #contents #main .pickup-blk .box .photo {
		margin: 5px 0px;
		background: url(../img/check.gif) no-repeat right bottom;
		}

#top #contents #main .cate-blk {
	margin: 15px 0px 5px;
}

	#top #contents #main .cate-blk h2 {
	margin: 0px 0px 5px;
	}

	#top #contents #main .cate-blk ul {
	}

	#top #contents #main .cate-blk ul li {
	float: left;
	padding: 3px 5px 3px 0px;
	}

	#top #contents #main .cate-blk ul li.no {
	padding-right: 0px;
	}

#top #contents #main .mag-blk {
	margin: 5px 0px 0px;
}

	#top #contents #main .mag-blk h2 {
	margin: 5px 0px;
	}


	#top #contents #main .mag-blk .box {
		width::300px;
		float:left;
		padding-right: 7px;
	}

	#top #contents #main .mag-blk .no {
		padding-right: 0px;
	}

#top #contents #main ul.bana-blk {
	margin-top: 15px;


}

#top #contents #main ul.bana-blk li {
	display: inline;
}

#top #contents #main ul.bana-blk li img {
	margin-top: 5px;
}
	

/* side */

#top #contents #side {
	width: 240px;
	float: right;
}

#top #contents #side h2 {
	clear:both;
	margin: 10px 0px 0px;
}

#top #contents #side .smenu-blk {
	background: #FAF8ED;
	margin: 0px 0px 15px;
}

#top #contents #side .smenu-blk .shiryou {
	padding: 5px;
}

#top #contents #side .smenu-blk .shiryou h2 {
	margin: 0px;
	padding: 0px;
}

#top #contents #side .smenu-blk .shiryou p {
	text-align:center;
	margin: 0px 0px 3px;
}

#top #contents #side .smenu-blk .touroku {
	padding: 10px 3px 5px 5px;
	background: url(../common/ten.gif) repeat-x left top;
}

	#top #contents #side .smenu-blk .touroku h2 {
	float: left;
	width: 43px;
	padding: 0px 0px 3px;
	margin: 0px;
	}
	
	#top #contents #side .smenu-blk .touroku .btn {
		text-align: right;
	}

#top #contents #side .smenu-blk .login {
	padding: 7px 3px;
	background: url(../common/ten.gif) repeat-x left top;
}


#top #contents #side ul.tokushu {
	margin: 5px 0px 2px;
}

	#top #contents #side ul.tokushu li {
		margin: 5px 0px;
	}

#top #contents #side ul.semi {
	margin: 5px 0px 2px;
	background: #FFF4F6;
	padding: 2px 2px 5px;
}

	#top #contents #side ul.semi li {
	margin: 0px;
	line-height: 100%;
	}

	#top #contents #side ul.semi li.midashi {
	background: url(../common/ten.gif) repeat-x left bottom;
	padding-bottom: 5px;
	}

	#top #contents #side ul.semi li.semit {
	margin: 7px 0px;
	background: url(../img/semi_s.gif) no-repeat 7px 2px;
	padding-left: 18px;
	}

	#top #contents #side ul.semi li.semit span {
	font-size: 85%;
	}


#top #contents #side .junbi {
	margin: 10px 0px 5px;
	border: 1px solid #DCE0E1;
	padding: 15px;
	color: #8A8A8A;
}

	
#top #contents #side .backnum{
	text-align:right;
	font-size: 80%;
}

/* link bana area */

#top #contents .bana-area {
	padding: 20px 0px 0px;

}

#top #contents .bana-area ul {

}

#top #contents .bana-area ul li {
	display: inline;
	padding: 0px 5px 0px 0px;

}