@charset "shift_jis";

/***********************************************
　＠ｃｏｓｍｅクチコミランキング
　2010年度版『使ってよかったコスメ』
　CSS Document evt0037.css
　					      --- update 2010/02/02
************************************************/

/*=============================================
　今年も発売決定しました！
===============================================*/

#evt0037_cts #vol1_ttl_cts {
	width: 930px; height: 126px;
	background: url(../images/mook_vol1_h3_bg.gif) no-repeat left top;
	margin: auto;
	position: relative;
}

#evt0037_cts #vol1_ttl_cts h3 {
	width: 326px; height: 0px;
	padding-top: 126px;
	background: url(../images/mook_vol1_h3.gif) no-repeat left top;
	position: absolute;
	left: 9px; top: 0px;
	overflow: hidden;
}

#evt0037_cts #vol1_ttl_cts p {
	width: 514px; height: 0px;
	padding-top: 49px;
	background: url(../images/mook_vol1_l.gif) no-repeat left top;
	position: absolute;
	left: 351px; top: 35px;
	overflow: hidden;
}

/*=============================================
　表紙デザイン投票
===============================================*/

#evt0037_cts #vote {
	width: 930px; height: 767px;
	position: relative;
}

#evt0037_cts #vote h4 {
	width: 361px; height: 0px;
	padding-top: 86px;
	background: url(../images/mook_vol1_h4.gif) no-repeat left top;
	position: absolute;
	left: 40px; top: 38px;
	overflow: hidden;
	z-index: 2;
}

#evt0037_cts p.vote_01 {
	width: 930px; height: 0px;
	padding-top: 211px;
	background: url(../images/mook_vol1_vote_01.jpg) no-repeat left top;
	position: absolute;
	left: 0; top: 0;
	overflow: hidden;
	z-index: 1;
}

#evt0037_cts p.vote_01 span {
	width: 660px; height: 50px;
	position: absolute;
	left: 72px; top: 143px;
	font-size: 12px;
}

#evt0037_cts p.vote_02 {
	width: 930px; height: 0px;
	padding-top: 461px;
	background: url(../images/mook_vol1_vote_02.jpg) no-repeat left top;
	position: absolute;
	left: 0px; top: 211px;
}

#evt0037_cts p.vote_02 span.vote_02_t1 {
	width: 270px; height: 55px;
	position: absolute;
	left: 84px; top: 392px;
}

#evt0037_cts p.vote_02 span.vote_02_t2 {
	width: 270px; height: 55px;
	position: absolute;
	left: 506px; top: 392px;
}

#evt0037_cts p.vote_03 {
	width: 930px; height: 0px;
	padding-top: 95px;
	background: url(../images/mook_vol1_vote_03.gif) no-repeat left top;
	position: absolute;
	left: 0px; top: 672px;
}

#evt0037_cts p.vote_03 a {
	width: 218px; height: 0px;
	padding-top: 50px;
	background: url(../images/mook_vol1_vote_btn.gif) no-repeat left top;
	background-position: 0 0;
	position: absolute;
	left: 343px; top: 0px;
	overflow: hidden;
}

#evt0037_cts p.vote_03 a:hover {
	background-position: 0 -50px;
}

#evt0037_cts p.vote_03_end {
	width: 930px; height: 0px;
	padding-top: 95px;
	background: url(../images/mook_vol1_vote_03.gif) no-repeat left top;
	position: absolute;
	left: 0px; top: 672px;
}

#evt0037_cts p.vote_03_end span {
	width: 217px; height: 0px;
	padding-top: 50px;
	background: url(../images/mook_vol1_vote_btn_end.gif) no-repeat left top;
	background-position: 0 0;
	position: absolute;
	left: 343px; top: 0px;
	overflow: hidden;
	display: block;
}

/*=============================================
　これまでのオリジナル本たち♪
===============================================*/

#evt0037_cts #hty_01 {
	width: 930px; height: 0px;
	padding-top: 139px;
	background: url(../images/mook_vol1_hty_bg_01.gif) no-repeat left top;
	position: relative;
}

#evt0037_cts #hty_01 h5 {
	width: 322px; height: 0px;
	padding-top: 90px;
	background: url(../images/mook_vol1_h5.gif) no-repeat left top;
	position: absolute;
	left: 47px; top: 49px;
}

#evt0037_cts #hty_01 p {
	width: 476px; height: 0px;
	padding-top: 48px;
	background: url(../images/mook_vol1_hty_h5_l.gif) no-repeat left top;
	position: absolute;
	left: 392px; top: 63px;
	overflow: hidden;
}

#evt0037_cts #hty_02 {
	width: 930px; height: 740px;
	background: url(../images/mook_vol1_hty_bg_02.jpg) no-repeat left top;
	position: relative;
}

#evt0037_cts #hty_02 p.book_ttl_img01 {
	width: 213px; height: 0px;
	padding-top: 88px;
	background: url(../images/mook_vol1_hty_2009_ttl1.gif) no-repeat left top;
	position: absolute;
	left: 208px; top: 47px;
	overflow: hidden;
}

#evt0037_cts #hty_02 p.book_ttl_txt01 {
	width: 230px; height: 86px;
	position: absolute;
	left: 208px; top: 148px;
}

#evt0037_cts #hty_02 p.book_ttl_img02 {
	width: 221px; height: 0px;
	padding-top: 77px;
	background: url(../images/mook_vol1_hty_2009_ttl2.gif) no-repeat left top;
	position: absolute;
	left: 640px; top: 47px;
	overflow: hidden;
}

#evt0037_cts #hty_02 p.book_ttl_txt02 {
	width: 230px; height: 86px;
	position: absolute;
	left: 640px; top: 135px;
}

#evt0037_cts #hty_02 p.book_ttl_txt03 {
	width: 208px; height: 135px;
	position: absolute;
	left: 435px; top: 288px;
}

#evt0037_cts #hty_02 p.book_ttl_txt04 {
	width: 200px; height: 135px;
	position: absolute;
	left: 52px; top: 489px;
}

#evt0037_cts p.book_ztn_img {
	width: 195px; height: 0px;
	padding-top: 215px;
	background: url(../images/mook_vol1_hty_ztn.jpg) no-repeat left top;
	overflow: hidden;
	position: absolute;
	left: 676px; top: 289px;
}

#evt0037_cts #hty_02 p.book_ttl_txt05 {
	width: 185px; height: 85px;
	position: absolute;
	left: 689px; top: 504px;
}