@charset "shift_jis";

/***********************************************
　＠ｃｏｓｍｅオリジナル本を作ろう！企画第6弾
　2008年度版『本当に良かったコスメ』
　CSS Document evt0032.css
　					      --- update 2008/02/04
************************************************/


/*=============================================
　header
===============================================*/

#evt0032_cts #head_l {
	float: left;
	width: 500px;
	height: 122px;
	text-indent: -9999px;
	background: url(../images/mook_header_vol1.gif) no-repeat left top;
}

#evt0032_cts #head_r {
	float: left;
	width: 225px;
	height: 122px;
	background: url(../images/mook_navi_hr.gif) no-repeat left bottom;
}

/*=============================================
　lead
===============================================*/

#evt0032_cts #lead {
	clear: left;
	float: left;
	width: 500px;
	height: 345px;
	background: url(../images/mook_vol1_lead_bg.gif) no-repeat left 72px;	
}
#evt0032_cts #lead_in {
	background: url(../images/mook_line_length.gif) no-repeat 10px top;
	padding: 10px 18px 0 28px;
}
#evt0032_cts #lead_bottom {
	background: url(../images/mook_line_point.gif) no-repeat 10px top;
	padding: 0 18px 0 340px;
}

#evt0032_cts #lead h3 {
	width: 500px;
	height: 74px;
	background: url(../images/mook_vol1_h3_1.gif) no-repeat left top;
	text-indent: -9999px;
	z-index: 10;
}
#evt0032_cts div.next {
	float: left;
	width: 225px;
	height: 345px;
	background: url(../images/mook_vol1_next.gif) no-repeat left top;
}
#evt0032_cts div.next img {
	margin: 269px 0 0 19px;
}
#evt0032_cts #lead p {
	margin-bottom: 13px;
}
#evt0032_cts #lead p.text1 {
	width: 305px;
	height: 24px;
	margin-bottom: 13px;
	text-indent: -9999px;
	background: url(../images/mook_vol1_text01.gif) no-repeat left top;
}
#evt0032_cts #lead p.text2 {
	width: 420px;
	height: 60px;
	margin: 0;
	text-indent: -9999px;
	background: url(../images/mook_vol1_text02.gif) no-repeat left top;
}
#evt0032_cts #lead_bottom a {
	width: 130px;
	height: 24px;
	display: block;
	background: url(../images/mook_vol1_btn01.gif) no-repeat right top;
}
#evt0032_cts #lead_bottom a:hover {
	background: url(../images/mook_vol1_btn01.gif) no-repeat right -24px;
}
#evt0032_cts #lead_bottom a span {
	display: none;
}

/*=============================================
　Vote
===============================================*/

#evt0032_cts h3 {
	width: 725px;
	height: 90px;
	background: url(../images/mook_vol1_h3_2.gif) no-repeat left top;
	text-indent: -9999px;
}
#evt0032_cts div.vote_text {
	width: 725px;
	height: 70px;
	background: url(../images/mook_vol1_vote_bg1.gif) no-repeat left top;
}
#evt0032_cts div.vote_text p {
	padding-left: 90px;	
}
#evt0032_cts div.vote_gra1 {
	width: 725px;
	height: 110px;
	background: url(../images/mook_vol1_vote_gra1.gif) no-repeat left top;
	text-indent: -9999px;
}
#evt0032_cts div.vote_gra2 {
	width: 725px;
	height: 110px;
	background: url(../images/mook_vol1_vote_gra2.gif) no-repeat left top;
	text-indent: -9999px;
}
#evt0032_cts div.vote_gra3 {
	width: 725px;
	height: 101px;
	background: url(../images/mook_vol1_vote_gra3.gif) no-repeat left top;
}
#evt0032_cts div.vote_gra3 p {
	font-size: 10px;
	padding: 20px 10px 0 608px;	
}
#evt0032_cts div.vote_btn {
	width: 490px;
	height: 103px;
	background: url(../images/mook_vol1_vote_bg2.gif) no-repeat left top;
	padding-left: 235px;
}
#evt0032_cts div.vote_btn p.btn {
	width: 230px;
	height: 55px;
}
#evt0032_cts div.vote_btn p.btn a{
	width: 230px;
	height: 55px;
	display: block;
	background: url(../images/mook_vol1_btn_vote.gif) no-repeat left top;
}
#evt0032_cts div.vote_btn p.btn a:hover {
	background: url(../images/mook_vol1_btn_vote.gif) no-repeat left -55px;
}
#evt0032_cts div.vote_btn p.btn span {
	width: 230px;
	height: 55px;
	display: block;
	background: url(../images/mook_vol1_btn_vote.gif) no-repeat left -110px;
	text-indent: -9999px;
}
#evt0032_cts div.vote_btn p.btn a span {
	display: none;
}

#evt0032_cts div.vote_btn p.term {
	width: 230px;
	height: 55px;
	background: url(../images/mook_vol1_term.gif) no-repeat left top;
	text-indent: -9999px;
}

/*=============================================
　mook history
===============================================*/

#evt0032_cts h4 {
	width: 725px;
	height: 87px;
	background: url(../images/mook_vol1_h4.gif) no-repeat left top;
	text-indent: -9999px;
}
#evt0032_cts .mook01 {
	width: 725px;
	height: 150px;
	background: url(../images/mook_vol1_mook01.gif) no-repeat left top;
}
#evt0032_cts .mook02 {
	width: 725px;
	height: 160px;
	background: url(../images/mook_vol1_mook02.gif) no-repeat left top;
}
#evt0032_cts .mook01 p,
#evt0032_cts .mook02 p {
	padding: 30px 370px 0 65px;
}
#evt0032_cts .mook03 {
	float: left;
	width: 575px;
	height: 180px;
	background: url(../images/mook_vol1_mook03.gif) no-repeat left top;
}
#evt0032_cts .mook03 p {
	padding: 35px 150px 0 65px;
}
#evt0032_cts .mook03_r {
	float: left;
	width: 150px;
	height: 180px;
	background: url(../images/mook_vol1_mook03_r.gif) no-repeat left top;
}
#evt0032_cts .mook03_r p {
	padding: 60px 30px 0 0;
	font-size: 10px;
}