@charset "shift_jis";

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

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

#evt0032_cts #head_l {
	float: left;
	width: 500px;
	height: 122px;
	text-indent: -9999px;
	background: url(../images/mook_header_vol3.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;
}


/*=============================================
　ついに発売開始
===============================================*/

#evt0032_cts h3#h3_1 {
	clear: left;
	width: 725px;
	height: 70px;
	background: url(../images/mook_vol3_h3_1.gif) no-repeat left top;
	text-indent: -9999px;
}
#evt0032_cts #lead {
	width: 725px;
	height: 84px;
	background: url(../images/mook_vol3_bg1.gif) no-repeat left top;	
}
#evt0032_cts #lead p {
	padding: 16px 0 0 40px;
}

/*----------------------------------------------
　購入ゾーン（top）
----------------------------------------------*/

#evt0032_cts #buy_1 {
	width: 725px;
	height: 80px;
	background: url(../images/mook_vol3_buy_bg1.gif) no-repeat left top;	
}
#evt0032_cts #buy_2 {
	width: 725px;
	height: 135px;
	background: url(../images/mook_vol3_buy_bg2.jpg) no-repeat left top;	
}
#evt0032_cts #buy_1 p {
	padding: 22px 350px 0 40px;
}
#evt0032_cts #buy_2 p a {
	width: 180px;
	height: 56px;
	display: block;
	background: url(../images/mook_vol3_buy_btn.gif) no-repeat left top;
	margin: 0 0 0 50px;
}
#evt0032_cts #buy_2 p a:hover {
	background-position: 0 -56px;
}
#evt0032_cts #buy_2 p.notes {
	padding: 8px 320px 0 40px;
	font-size: 11px;
	line-height: 130%;
}
#evt0032_cts #buy_2 p.notes a {
	display: inline;
	background: none;
	margin: 0;
	color: #333;
	text-decoration: underline;
}
#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;
}	


/*=============================================
　本のみどころ Pick Up!
===============================================*/

#evt0032_cts h3#h3_2 {
	clear: left;
	width: 725px;
	height: 94px;
	background: url(../images/mook_vol3_h3_2.gif) no-repeat left top;
	text-indent: -9999px;
}
#evt0032_cts #pickup_lead {
	width: 725px;
	height: 86px;
	background: url(../images/mook_vol3_bg2.gif) no-repeat left top;	
}
#evt0032_cts #pickup_lead p {
	padding: 17px 20px 0 40px;
}

/*----------------------------------------------
　画像ゾーン
----------------------------------------------*/

#evt0032_cts h4#h4_1 {
	width: 725px;
	height: 40px;
	background: url(../images/mook_vol3_h4_1.gif) no-repeat left top;
	text-indent: -9999px;
	margin: 0;
}
#evt0032_cts h4#h4_2 {
	width: 725px;
	height: 40px;
	background: url(../images/mook_vol3_h4_2.gif) no-repeat left top;
	text-indent: -9999px;
	margin: 0;
}
#evt0032_cts #gra_1 {
	width: 725px;
	height: 185px;
	background: url(../images/mook_vol3_gra_1.jpg) no-repeat left top;
	text-indent: -9999px;
}
#evt0032_cts #gra_2 {
	width: 725px;
	height: 190px;
	background: url(../images/mook_vol3_gra_2.jpg) no-repeat left top;
	text-indent: -9999px;
}
#evt0032_cts #gra_3 {
	width: 725px;
	height: 219px;
	background: url(../images/mook_vol3_gra_3.jpg) no-repeat left top;
	text-indent: -9999px;
}
#evt0032_cts #gra_4 {
	width: 725px;
	height: 222px;
	background: url(../images/mook_vol3_gra_4.jpg) no-repeat left top;
	text-indent: -9999px;
}

/*=============================================
　あとがき
===============================================*/

#evt0032_cts #hr {
	width: 725px;
	height: 13px;
	background: url(../images/mook_vol3_hr.gif) no-repeat left top;
}
#evt0032_cts #postscript {
	width: 725px;
	height: 100px;
	background: url(../images/mook_vol3_bg3.gif) no-repeat left top;
}
#evt0032_cts #postscript p {
	padding: 30px 45px 0 40px;
}


/*=============================================
　アンケート
===============================================*/

#evt0032_cts #enquete {
	width: 725px;
	height: 155px;
	background: url(../images/mook_vol3_enquete_bg.gif) no-repeat left top;
}
#evt0032_cts #enquete h4#title {
	width: 622px;
	height: 24px;
	padding: 38px 20px 0 24px;
	margin: 0 0 5px 0;
	background: url(../images/mook_vol3_enquete_title.gif) no-repeat right bottom top;
	text-indent: -9999px;
}
#evt0032_cts #enquete #enquete_l {
	float: left;
	width: 500px;
}
#evt0032_cts #enquete #enquete_l p {
	padding: 0 5px 0 44px;
}
#evt0032_cts #enquete #enquete_r {
	float: left;
	width: 170px;
	font-size: 10px;
	color: #a58c3a;
}
#evt0032_cts #enquete p#enquete_btn a {
	width: 170px;
	height: 35px;
	display: block;
	background: url(../images/mook_vol3_enquete_btn.gif) no-repeat left top;
	margin: 0;
}
#evt0032_cts #enquete p#enquete_btn a:hover {
	background-position: 0 -35px;
}
#evt0032_cts #enquete p#enquete_btn span {
	width: 170px;
	height: 35px;
	display: block;
	background: url(../images/mook_vol3_enquete_btn.gif) no-repeat 0 -70px;
	margin: 0;
}