@charset "shift_jis";

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

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

#evt0032_cts #head_l {
	float: left;
	width: 500px;
	height: 122px;
	text-indent: -9999px;
	background: url(../images/mook_header_vol2.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: 480px;
	height: 284px;
	background: url(../images/mook_vol2_bg1.gif) no-repeat left 74px;	
}
#evt0032_cts #lead_in {
	background: url(../images/mook_line_length.gif) no-repeat 10px top;
	padding: 10px 18px 0 28px;
	height: 106px;
}
#evt0032_cts #lead_in p {
	margin-bottom: 14px;
}
#evt0032_cts #lead_in .nomargin {
	margin-bottom: 0;
}
#evt0032_cts #lead_bottom {
	background: url(../images/mook_line_point.gif) no-repeat 10px top;
	padding: 0;
}

#evt0032_cts #lead h3#h3_1 {
	width: 480px;
	height: 74px;
	background: url(../images/mook_vol2_h3_1.gif) no-repeat left top;
	text-indent: -9999px;
}
#evt0032_cts #lead h3#h3_2 {
	width: 480px;
	height: 80px;
	background: url(../images/mook_vol2_h3_2.gif) no-repeat left top;
	text-indent: -9999px;
}	

/*----------------------------------------------
　next
----------------------------------------------*/

#evt0032_cts div.next {
	float: left;
	width: 245px;
	height: 283px;
	background: url(../images/mook_vol2_next.gif) no-repeat left top;
	text-indent: -9999px;
}

/*=============================================
　表紙公開
===============================================*/

#evt0032_cts div.vote_gra1 {
	width: 725px;
	height: 90px;
	background: url(../images/mook_vol2_gra1.gif) no-repeat left top;
	text-indent: -9999px;
}
#evt0032_cts div.vote_gra2 {
	width: 725px;
	height: 80px;
	background: url(../images/mook_vol2_gra2.gif) no-repeat left top;
	text-indent: -9999px;
}
#evt0032_cts div.vote_gra3 {
	width: 725px;
	height: 120px;
	background: url(../images/mook_vol2_gra3.gif) no-repeat left top;
	text-indent: -9999px;
}


/*=============================================
　楽しみ方をご紹介
===============================================*/

#evt0032_cts h4 {
	width: 725px;
	height: 21px;
	background: url(../images/mook_vol2_h4.gif) no-repeat left top;
	text-indent: -9999px;
}
#evt0032_cts #enjoy {
	width: 725px;
	height: 124px;
	background: url(../images/mook_vol2_bg2.gif) no-repeat left top;
}
#evt0032_cts #enjoy p {
	padding: 24px 30px 0 32px;
}

#evt0032_cts #enjoy_bg {
	width: 693px;
	background: url(../images/mook_vol2_bg3.gif) no-repeat left top;
	padding: 0 16px 20px 16px;
}
#evt0032_cts #enjoy_l {
	float: left;
	width: 330px;
}
#evt0032_cts #enjoy_r {
	float: right;
	width: 345px;
	border-left: 1px solid #c6c2ac;
	padding: 0 0 0 8px;
}

/****** 見出し******/

#evt0032_cts h5#h5_1 {
	float: left;
	width: 330px;
	height: 55px;
	background: url(../images/mook_vol2_h5_1.gif) no-repeat left top;
	text-indent: -9999px;
}
#evt0032_cts h5#h5_2 {
	float: left;
	width: 330px;
	height: 50px;
	background: url(../images/mook_vol2_h5_2.gif) no-repeat left top;
	text-indent: -9999px;
}
#evt0032_cts h5#h5_3 {
	float: left;
	width: 260px;
	height: 55px;
	background: url(../images/mook_vol2_h5_3.gif) no-repeat left top;
	text-indent: -9999px;
}
#evt0032_cts h5#h5_4 {
	float: left;
	width: 330px;
	height: 55px;
	background: url(../images/mook_vol2_h5_4.gif) no-repeat left top;
	text-indent: -9999px;
}

/****** 箇条書き ******/

#evt0032_cts #enjoy_l ul,
#evt0032_cts #enjoy_r ul {
	clear: both;
	padding: 10px 0 12px 8px;
	list-style: none;
}
#evt0032_cts #enjoy_l ul li,
#evt0032_cts #enjoy_r ul li {
	background: url(../images/mook_vol2_list.gif) no-repeat left 5px;
	padding: 0 0 5px 14px;
}
#evt0032_cts #enjoy_l ul li strong,
#evt0032_cts #enjoy_r ul li strong{
	color: #95a;
	font-weight: bold;
}

/****** まとめ ******/

#evt0032_cts #enjoy_hr {
	width: 725px;
	height: 14px;
	background: url(../images/mook_vol2_hr.gif) no-repeat left top;
}
#evt0032_cts #enjoy_end {
	width: 725px;
	height: 105px;
	background: url(../images/mook_vol2_bg4.gif) no-repeat left top;
}
#evt0032_cts #enjoy_end p{
	padding: 27px 0 0 40px;
}