@charset "shift_jis";

/***********************************************
　2010年2月特集 春の新色が気になる♪
　INDEXページCSS
　					      --- create 2010/01/28
　					      --- update 2010/01/28
************************************************/

/*=============================================
　setup
===============================================*/
#spc1002index {
	width: 950px;
	height: 623px;
	background: url(../images/index/spc1002_index_bg.gif) no-repeat left top;
}


/*=============================================
　title & lead
===============================================*/
#spc1002index h2 {
	width: 402px; height: 0;
	padding: 150px 0 0 0;
	background: url(../images/index/spc1002_index_title.gif) no-repeat left 50px;
	overflow: hidden;
	margin: 0 0 0 40px;
	_margin: 0 0 0 20px;
	float: left;
}
#spc1002index p.lead {
	width: 475px; height: 0;
	padding: 150px 0 0 0;
	background: url(../images/index/spc1002_index_lead.gif) no-repeat left 50px;
	overflow: hidden;
	margin: 0;
	float: left;
}


/*=============================================
　navigation
===============================================*/
#spc1002index ul {
	clear: left;
	margin: 0 0 0 40px;
	padding: 25px 0 0 0;
}
#spc1002index ul li {
	display: block;
	float: left;
	width: 270px; height: 383px;
	margin: 0 30px 0 0;
}
#spc1002index ul li a,
#spc1002index ul li span {
	display: block;
	width: 270px; height: 0;
	padding: 383px 0 0 0;
	overflow: hidden;
}

#spc1002index ul li.navi01 a {
	background: url(../images/index/spc1002_index_01.gif) no-repeat left top;
}
#spc1002index ul li.navi01 a:hover {
	background-position: left -383px;
}
#spc1002index ul li.navi02 a {
	background: url(../images/index/spc1002_index_02.gif) no-repeat left top;
}
#spc1002index ul li.navi02 a:hover {
	background-position: left -383px;
}
#spc1002index ul li.navi03 a {
	background: url(../images/index/spc1002_index_03.gif) no-repeat left top;
}
#spc1002index ul li.navi03 a:hover {
	background-position: left -383px;
}