@charset "shift_jis";

/***********************************************
　2009年 アットコスメベストコスメ大賞
　INDEXページ CSS
　					      --- create 2009/11/18
　					      --- update 2009/12/16
************************************************/

/*=============================================
　タイトル
===============================================*/
#spc0912_cts #index_title {
	width: 930px;
	height: 414px;
	background: url(../images/index/idx_title_bg.gif) no-repeat left top;
	position: relative;
	margin: 0 0 0px 0;
}
#spc0912_cts #index_title h2 {
	width: 870px; height: 0;
	background: url(../images/index/idx_title_h2.gif) no-repeat left top;
	padding: 100px 0 0 0;
	overflow: hidden;
	position: absolute;
	left: 30px; top: 129px;
}
#spc0912_cts #index_title p.lead {
	width: 870px; height: 0;
	background: url(../images/index/idx_title_lead.gif) no-repeat left top;
	padding: 95px 0 0 0;
	overflow: hidden;
	position: absolute;
	left: 30px; top: 229px;
}
#spc0912_cts #index_title a {
	width: 250px; height: 0;
	background: url(../images/index/idx_title_btn.gif) no-repeat left top;
	padding: 30px 0 0 0;
	overflow: hidden;
	position: absolute;
	left: 625px; top: 330px;
}
#spc0912_cts #index_title a:hover {
	background-position: 0 -30px;
}

/*=============================================
　総合大賞
===============================================*/
#spc0912_cts #index_grand {
	width: 930px;
	height: 689px; /* 675 + 14 */
	background: url(../images/index/idx_grand_bg.gif) no-repeat 15px top;
	position: relative;
}
#spc0912_cts #index_grand h3.head1 a {
	width: 350px; height: 0;
	display: block;
	background: url(../images/index/idx_grand_head1.gif) no-repeat left top;
	padding: 60px 0 0 0;
	overflow: hidden;
	position: absolute;
	left: 118px; top: 25px;
}
#spc0912_cts #index_grand img.image1 {
	position: absolute;
	left: 130px; top: 104px;
}
#spc0912_cts #index_grand h4 a {
	width: 400px; height: 0;
	display: block;
	background: url(../images/index/idx_grand_name.gif) no-repeat left top;
	padding: 45px 0 0 0;
	overflow: hidden;
	position: absolute;
	left: 49px; top: 311px;
}
#spc0912_cts #index_grand p.point {
	width: 400px; height: 0;
	display: block;
	background: url(../images/index/idx_grand_point.gif) no-repeat left top;
	padding: 32px 0 0 0;
	overflow: hidden;
	position: absolute;
	left: 49px; top: 356px;
}
#spc0912_cts #index_grand p.txt1 {
	width: 400px; height: 0;
	display: block;
	background: url(../images/index/idx_grand_txt1.gif) no-repeat left top;
	padding: 65px 0 0 0;
	overflow: hidden;
	position: absolute;
	left: 49px; top: 388px;
}
#spc0912_cts #index_grand a.more_btn {
	width: 154px; height: 0;
	display: block;
	background: url(../images/index/idx_grand_btn.gif) no-repeat left top;
	padding: 26px 0 0 0;
	overflow: hidden;
	position: absolute;
}
#spc0912_cts #index_grand a.more_btn:hover {
	background-position: 0 -26px;
}
#spc0912_cts #index_grand a.more1 {
	left: 294px; top: 453px;
}

/*=============================================
　10周年記念賞
===============================================*/
#spc0912_cts #index_grand h3.head2 a {
	width: 320px; height: 0;
	display: block;
	background: url(../images/index/idx_grand_head2.gif) no-repeat left top;
	padding: 75px 0 0 0;
	overflow: hidden;
	position: absolute;
	left: 110px; top: 500px;
}
#spc0912_cts #index_grand p.txt2 {
	width: 335px; height: 0;
	display: block;
	background: url(../images/index/idx_grand_txt2.gif) no-repeat left top;
	padding: 40px 0 0 0;
	overflow: hidden;
	position: absolute;
	left: 110px; top: 579px;
}
#spc0912_cts #index_grand a.more2 {
	left: 294px; top: 628px;
}

/*=============================================
　殿堂入り
===============================================*/
#spc0912_cts #index_grand h3.head3 a {
	width: 295px; height: 0;
	display: block;
	background: url(../images/index/idx_grand_head3.gif) no-repeat left top;
	padding: 60px 0 0 0;
	overflow: hidden;
	position: absolute;
	left: 556px; top: 25px;
}
#spc0912_cts #index_grand img.image3 {
	position: absolute;
	left: 492px; top: 85px;
}
#spc0912_cts #index_grand p.txt3 {
	width: 160px; height: 0;
	display: block;
	background: url(../images/index/idx_grand_txt3.gif) no-repeat left top;
	padding: 100px 0 0 0;
	overflow: hidden;
	position: absolute;
	left: 724px; top: 90px;
}
#spc0912_cts #index_grand a.more3 {
	left: 728px; top: 195px;
}

/*=============================================
　新人賞
===============================================*/
#spc0912_cts #index_grand h3.head4 a {
	width: 295px; height: 0;
	display: block;
	background: url(../images/index/idx_grand_head4.gif) no-repeat left top;
	padding: 60px 0 0 0;
	overflow: hidden;
	position: absolute;
	left: 556px; top: 276px;
}
#spc0912_cts #index_grand img.image4 {
	position: absolute;
	left: 492px; top: 353px;
}
#spc0912_cts #index_grand p.txt4 {
	width: 160px; height: 0;
	display: block;
	background: url(../images/index/idx_grand_txt4.gif) no-repeat left top;
	padding: 100px 0 0 0;
	overflow: hidden;
	position: absolute;
	left: 724px; top: 336px;
}
#spc0912_cts #index_grand a.more4 {
	left: 728px; top: 428px;
}

/*=============================================
　特別賞
===============================================*/
#spc0912_cts #index_grand h3.head5 a {
	width: 340px; height: 0;
	display: block;
	background: url(../images/index/idx_grand_head5.gif) no-repeat left top;
	padding: 60px 0 0 0;
	overflow: hidden;
	position: absolute;
	left: 556px; top: 500px;
}
#spc0912_cts #index_grand p.txt5 {
	width: 330px; height: 0;
	display: block;
	background: url(../images/index/idx_grand_txt5.gif) no-repeat left top;
	padding: 40px 0 0 0;
	overflow: hidden;
	position: absolute;
	left: 556px; top: 563px;
}
#spc0912_cts #index_grand a.more5 {
	left: 728px; top: 612px;
}

/*=============================================
　部門別賞
===============================================*/
#spc0912_cts #index_category {
	width: 930px;
	height: 462px; /* 448 + 14 */
	background: url(../images/index/idx_category_bg.jpg) no-repeat 15px top;
	position: relative;
}
#spc0912_cts #index_category h3 {
	width: 675px; height: 0;
	display: block;
	background: url(../images/index/idx_category_head.gif) no-repeat left top;
	padding: 55px 0 0 0;
	overflow: hidden;
	position: absolute;
	left: 62px; top: 12px;
}

/* 見出し */
#spc0912_cts #index_category h4 {
	height: 0;
	background: url(../images/index/idx_category_base.gif) no-repeat left top;
	padding: 22px 0 0 0;
	overflow: hidden;
	position: absolute;
}
#spc0912_cts #index_category h4.h4_basic {
	width: 160px;
	background: url(../images/index/idx_category_basic.gif) no-repeat left top;
	left: 62px; top: 94px;
}
#spc0912_cts #index_category h4.h4_special {
	width: 170px;
	background: url(../images/index/idx_category_special.gif) no-repeat left top;
	left: 270px; top: 94px;
}
#spc0912_cts #index_category h4.h4_base {
	width: 110px;
	background: url(../images/index/idx_category_base.gif) no-repeat left top;
	left: 488px; top: 94px;
}
#spc0912_cts #index_category h4.h4_eye {
	width: 95px;
	background: url(../images/index/idx_category_eye.gif) no-repeat left top;
	left: 703px; top: 94px;
}
#spc0912_cts #index_category h4.h4_lip {
	width: 160px;
	background: url(../images/index/idx_category_lip.gif) no-repeat left top;
	left: 62px; top: 273px;
}
#spc0912_cts #index_category h4.h4_body {
	width: 105px;
	background: url(../images/index/idx_category_body.gif) no-repeat left top;
	left: 270px; top: 273px;
}
#spc0912_cts #index_category h4.h4_hair {
	width: 90px;
	background: url(../images/index/idx_category_hair.gif) no-repeat left top;
	left: 492px; top: 273px;
}
#spc0912_cts #index_category h4.h4_others {
	width: 90px;
	background: url(../images/index/idx_category_others.gif) no-repeat left top;
	left: 703px; top: 273px;
}

/* 部門リスト */
#spc0912_cts #index_category ul {
	position: absolute;
	list-style-type: none;
}
#spc0912_cts #index_category ul.list_basic { left: 62px; top: 120px; }
#spc0912_cts #index_category ul.list_special { left: 270px; top: 120px; }
#spc0912_cts #index_category ul.list_base { left: 488px; top: 120px; }
#spc0912_cts #index_category ul.list_eye { left: 703px; top: 120px; }
#spc0912_cts #index_category ul.list_lip { left: 62px; top: 299px; }
#spc0912_cts #index_category ul.list_body { left: 270px; top: 299px; }
#spc0912_cts #index_category ul.list_hair { left: 488px; top: 299px; }
#spc0912_cts #index_category ul.list_others { left: 703px; top: 299px; }

/* 部門別 */
#spc0912_cts #index_category ul li a {
	display: block;
	width: 100px; height: 0;
	padding: 20px 0 0 0;
	overflow: hidden;
}
#spc0912_cts #index_category ul li.ctg_cln a {background: url(../images/index/idx_category_basic_list.gif) no-repeat 0px 0px; }
#spc0912_cts #index_category ul li.ctg_cln a:hover { background-position: -150px 0; }
#spc0912_cts #index_category ul li.ctg_fcc a {background: url(../images/index/idx_category_basic_list.gif) no-repeat 0px -20px; width:75px; }
#spc0912_cts #index_category ul li.ctg_fcc a:hover { background-position: -150px -20px; }
#spc0912_cts #index_category ul li.ctg_ltn a {background: url(../images/index/idx_category_basic_list.gif) no-repeat 0px -40px; width:75px; }
#spc0912_cts #index_category ul li.ctg_ltn a:hover { background-position: -150px -40px; }
#spc0912_cts #index_category ul li.ctg_mlk a {background: url(../images/index/idx_category_basic_list.gif) no-repeat 0px -60px; width:60px; }
#spc0912_cts #index_category ul li.ctg_mlk a:hover { background-position: -150px -60px; }
#spc0912_cts #index_category ul li.ctg_crm a {background: url(../images/index/idx_category_basic_list.gif) no-repeat 0px -80px; width:75px; }
#spc0912_cts #index_category ul li.ctg_crm a:hover { background-position: -150px -80px; }

#spc0912_cts #index_category ul li.ctg_gel a {background: url(../images/index/idx_category_special_list.gif) no-repeat 0px 0px; width:115px;}
#spc0912_cts #index_category ul li.ctg_gel a:hover { background-position: -150px 0 }
#spc0912_cts #index_category ul li.ctg_oil a {background: url(../images/index/idx_category_special_list.gif) no-repeat 0px -20px; width:70px;}
#spc0912_cts #index_category ul li.ctg_oil a:hover { background-position: -150px -20px; }
#spc0912_cts #index_category ul li.ctg_eyc a {background: url(../images/index/idx_category_special_list.gif) no-repeat 0px -40px; width:70px;}
#spc0912_cts #index_category ul li.ctg_eyc a:hover { background-position: -150px -40px; }
#spc0912_cts #index_category ul li.ctg_lpc a {background: url(../images/index/idx_category_special_list.gif) no-repeat 0px -60px; width:85px;}
#spc0912_cts #index_category ul li.ctg_lpc a:hover { background-position: -150px -60px; }
#spc0912_cts #index_category ul li.ctg_pak a {background: url(../images/index/idx_category_special_list.gif) no-repeat 0px -80px; width:110px;}
#spc0912_cts #index_category ul li.ctg_pak a:hover { background-position: -150px -80px; }

#spc0912_cts #index_category ul li.ctg_mub a {background: url(../images/index/idx_category_base_list.gif) no-repeat 0px 0px; width:85px;}
#spc0912_cts #index_category ul li.ctg_mub a:hover { background-position: -150px 0 }
#spc0912_cts #index_category ul li.ctg_pdf a {background: url(../images/index/idx_category_base_list.gif) no-repeat 0px -20px; width:120px;}
#spc0912_cts #index_category ul li.ctg_pdf a:hover { background-position: -150px -20px; }
#spc0912_cts #index_category ul li.ctg_lqf a {background: url(../images/index/idx_category_base_list.gif) no-repeat 0px -40px; width:120px;}
#spc0912_cts #index_category ul li.ctg_lqf a:hover { background-position: -150px -40px; }
#spc0912_cts #index_category ul li.ctg_crf a {background: url(../images/index/idx_category_base_list.gif) no-repeat 0px -60px; width:145px;}
#spc0912_cts #index_category ul li.ctg_crf a:hover { background-position: -150px -60px; }
#spc0912_cts #index_category ul li.ctg_pwd a {background: url(../images/index/idx_category_base_list.gif) no-repeat 0px -80px; width:75px;}
#spc0912_cts #index_category ul li.ctg_pwd a:hover { background-position: -150px -80px; }
#spc0912_cts #index_category ul li.ctg_ccl a {background: url(../images/index/idx_category_base_list.gif) no-repeat 0px -100px;}
#spc0912_cts #index_category ul li.ctg_ccl a:hover { background-position: -150px -100px; }

#spc0912_cts #index_category ul li.ctg_eys a {background: url(../images/index/idx_category_eye_list.gif) no-repeat 0px 0px;}
#spc0912_cts #index_category ul li.ctg_eys a:hover { background-position: -150px 0 }
#spc0912_cts #index_category ul li.ctg_eyl a {background: url(../images/index/idx_category_eye_list.gif) no-repeat 0px -20px;}
#spc0912_cts #index_category ul li.ctg_eyl a:hover { background-position: -150px -20px; }
#spc0912_cts #index_category ul li.ctg_msc a {background: url(../images/index/idx_category_eye_list.gif) no-repeat 0px -40px; width:80px;}
#spc0912_cts #index_category ul li.ctg_msc a:hover { background-position: -150px -40px; }
#spc0912_cts #index_category ul li.ctg_msb a {background: url(../images/index/idx_category_eye_list.gif) no-repeat 0px -60px; width:145px;}
#spc0912_cts #index_category ul li.ctg_msb a:hover { background-position: -150px -60px; }
#spc0912_cts #index_category ul li.ctg_eyb a {background: url(../images/index/idx_category_eye_list.gif) no-repeat 0px -80px; width:90px;}
#spc0912_cts #index_category ul li.ctg_eyb a:hover { background-position: -150px -80px; }

#spc0912_cts #index_category ul li.ctg_lps a {background: url(../images/index/idx_category_lip_list.gif) no-repeat 0px 0px; width:60px;}
#spc0912_cts #index_category ul li.ctg_lps a:hover { background-position: -150px 0 }
#spc0912_cts #index_category ul li.ctg_lpg a {background: url(../images/index/idx_category_lip_list.gif) no-repeat 0px -20px;}
#spc0912_cts #index_category ul li.ctg_lpg a:hover { background-position: -150px -20px; }
#spc0912_cts #index_category ul li.ctg_cek a {background: url(../images/index/idx_category_lip_list.gif) no-repeat 0px -40px; width:70px;}
#spc0912_cts #index_category ul li.ctg_cek a:hover { background-position: -150px -40px; }
#spc0912_cts #index_category ul li.ctg_nil a {background: url(../images/index/idx_category_lip_list.gif) no-repeat 0px -60px; width:70px;}
#spc0912_cts #index_category ul li.ctg_nil a:hover { background-position: -150px -60px; }

#spc0912_cts #index_category ul li.ctg_bdc a {background: url(../images/index/idx_category_body_list.gif) no-repeat 0px 0px; width:90px;}
#spc0912_cts #index_category ul li.ctg_bdc a:hover { background-position: -150px 0 }
#spc0912_cts #index_category ul li.ctg_ssc a {background: url(../images/index/idx_category_body_list.gif) no-repeat 0px -20px;}
#spc0912_cts #index_category ul li.ctg_ssc a:hover { background-position: -150px -20px; }
#spc0912_cts #index_category ul li.ctg_hdc a {background: url(../images/index/idx_category_body_list.gif) no-repeat 0px -40px; width:90px;}
#spc0912_cts #index_category ul li.ctg_hdc a:hover { background-position: -150px -40px; }
#spc0912_cts #index_category ul li.ctg_sop a {background: url(../images/index/idx_category_body_list.gif) no-repeat 0px -60px; width:145px;}
#spc0912_cts #index_category ul li.ctg_sop a:hover { background-position: -150px -60px; }
#spc0912_cts #index_category ul li.ctg_bth a {background: url(../images/index/idx_category_body_list.gif) no-repeat 0px -80px; width:135px;}
#spc0912_cts #index_category ul li.ctg_bth a:hover { background-position: -150px -80px; }

#spc0912_cts #index_category ul li.ctg_smp a {background: url(../images/index/idx_category_hair_list.gif) no-repeat 0px 0px; width:130px;}
#spc0912_cts #index_category ul li.ctg_smp a:hover { background-position: -165px 0 }
#spc0912_cts #index_category ul li.ctg_hrc a {background: url(../images/index/idx_category_hair_list.gif) no-repeat 0px -20px; width:80px;}
#spc0912_cts #index_category ul li.ctg_hrc a:hover { background-position: -165px -20px; }
#spc0912_cts #index_category ul li.ctg_hrs a {background: url(../images/index/idx_category_hair_list.gif) no-repeat 0px -40px; width:160px;}
#spc0912_cts #index_category ul li.ctg_hrs a:hover { background-position: -165px -40px; }

#spc0912_cts #index_category ul li.ctg_frg a {background: url(../images/index/idx_category_others_list.gif) no-repeat 0px 0px;}
#spc0912_cts #index_category ul li.ctg_frg a:hover { background-position: -150px 0 }
#spc0912_cts #index_category ul li.ctg_kit a {background: url(../images/index/idx_category_others_list.gif) no-repeat 0px -20px; width:105px;}
#spc0912_cts #index_category ul li.ctg_kit a:hover { background-position: -150px -20px; }
#spc0912_cts #index_category ul li.ctg_mug a {background: url(../images/index/idx_category_others_list.gif) no-repeat 0px -40px; width:90px;}
#spc0912_cts #index_category ul li.ctg_mug a:hover { background-position: -150px -40px; }
#spc0912_cts #index_category ul li.ctg_btt a {background: url(../images/index/idx_category_others_list.gif) no-repeat 0px -60px; width:85px;}
#spc0912_cts #index_category ul li.ctg_btt a:hover { background-position: -150px -60px; }
#spc0912_cts #index_category ul li.ctg_spl a {background: url(../images/index/idx_category_others_list.gif) no-repeat 0px -80px; width:100px;}
#spc0912_cts #index_category ul li.ctg_spl a:hover { background-position: -150px -80px; }

/*=============================================
　もっとベストコスメ大賞
===============================================*/
#spc0912_cts #index_more {
	width: 395px; /* 380 + 15px */
	height: 296px;
	background: url(../images/index/idx_more_bg.gif) no-repeat 15px top;
	position: relative;
	float: left;
}
#spc0912_cts #index_more h4.link1 a {
	width: 365px; height: 0;
	display: block;
	background: url(../images/index/idx_more_link1.gif) no-repeat left top;
	padding: 100px 0 0 0;
	overflow: hidden;
	position: absolute;
	left: 23px; top: 10px;
}
#spc0912_cts #index_more h4.link1 a:hover {
	background-position: left -100px;
}
#spc0912_cts #index_more h4.link2 a {
	width: 365px; height: 0;
	display: block;
	background: url(../images/index/idx_more_link2.gif) no-repeat left top;
	padding: 95px 0 0 0;
	overflow: hidden;
	position: absolute;
	left: 23px; top: 111px;
}
#spc0912_cts #index_more h4.link2 a:hover {
	background-position: left -95px;
}
#spc0912_cts #index_more a.link3 {
	width: 170px; height: 0;
	display: block;
	background: url(../images/index/idx_more_link3.gif) no-repeat left top;
	padding: 26px 0 0 0;
	overflow: hidden;
	position: absolute;
	left: 38px; top: 218px;
}
#spc0912_cts #index_more a.link3:hover {
	background-position: left -26px;
}
#spc0912_cts #index_more a.link4 {
	width: 335px; height: 0;
	display: block;
	background: url(../images/index/idx_more_link4.gif) no-repeat left top;
	padding: 26px 0 0 0;
	overflow: hidden;
	position: absolute;
	left: 38px; top: 244px;
}
#spc0912_cts #index_more a.link4:hover {
	background-position: left -26px;
}


/*=============================================
　ベストコスメ大賞 授賞式
===============================================*/
#spc0912_cts #index_award {
	width: 519px; /* 504 + 15px */
	height: 296px;
	background: url(../images/index/idx_award_bg.jpg) no-repeat left top;
	position: relative;
	float: right;
}
#spc0912_cts #index_award h4 a {
	width: 440px; height: 0;
	display: block;
	background: url(../images/index/idx_award_head.gif) no-repeat left top;
	padding: 30px 0 0 0;
	overflow: hidden;
	position: absolute;
	left: 22px; top: 47px;
}
#spc0912_cts #index_award p {
	width: 285px; height: 0;
	display: block;
	background: url(../images/index/idx_award_lead.gif) no-repeat left top;
	padding: 33px 0 0 0;
	overflow: hidden;
	position: absolute;
	left: 22px; top: 87px;
}
#spc0912_cts #index_award a.more_btn {
	width: 154px; height: 0;
	display: block;
	background: url(../images/index/idx_award_btn.gif) no-repeat left top;
	padding: 26px 0 0 0;
	overflow: hidden;
	position: absolute;
	left: 325px; top: 228px;
}
#spc0912_cts #index_award a.more_btn:hover {
	background-position: 0 -26px;
}