@charset "shift_jis";

/***********************************************
　2010年3月特集　なりたい春顔はどれ？
　INDEXページCSS
　					      --- create 2010/03/02
　					      --- update 2010/03/02
************************************************/

/*=============================================
　setup
===============================================*/
#spc1003index {
	width: 950px;
}


/*=============================================
　title & lead
===============================================*/
#spc1003index h2 {
	width: 495px; height: 0;
	padding: 130px 0 0 0;
	background: url(../images/index/spc1003_idx_title.gif) no-repeat left top;
	overflow: hidden;
	float: left;
}
#spc1003index p.lead {
	width: 455px; height: 0;
	padding: 130px 0 0 0; /* 110+20px */
	background: url(../images/index/spc1003_idx_lead.gif) no-repeat left 20px;
	overflow: hidden;
	float: right;
}


/*=============================================
　navigation
===============================================*/
#spc1003index ul {
	clear: left;
}
#spc1003index ul li {
	display: block;
	float: left;
	width: 316px; height: 382px;
	margin-right: 1px;
}
#spc1003index ul li.navi03 {
	margin-right: 0;
}
#spc1003index ul li a,
#spc1003index ul li span {
	display: block;
	width: 316px; height: 0;
	padding: 382px 0 0 0;
	overflow: hidden;
}

/*-- #1 --*/
#spc1003index ul li.navi01 a {
	background: url(../images/index/spc1003_idx_01.gif) no-repeat left top;
}
#spc1003index ul li.navi01 a:hover {
	background-position: left -382px;
}
/*-- #2 --*/
#spc1003index ul li.navi02 a {
	background: url(../images/index/spc1003_idx_02.gif) no-repeat left top;
}
#spc1003index ul li.navi02 a:hover {
	background-position: left -382px;
}
#spc1003index ul li.navi02 span {
	background: url(../images/index/spc1003_idx_02_close.gif) no-repeat left top;
}
/*-- #3 --*/
#spc1003index ul li.navi03 a {
	background: url(../images/index/spc1003_idx_03.gif) no-repeat left top;
}
#spc1003index ul li.navi03 a:hover {
	background-position: left -382px;
}
#spc1003index ul li.navi03 span {
	background: url(../images/index/spc1003_idx_03_close.gif) no-repeat left top;
}