@charset "shift_jis";

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

/*=============================================
　base
===============================================*/

#evt0032_cts {
	width: 725px;
	background-color: #f7f2d7;
	color: #333;
	font-size: 100%;
	line-height: 140%;
	letter-spacing: 0.02em;
}

#evt0032_cts .clear {
	clear: left;
	clear: both;
}

#evt0032_cts a,
#evt0032_cts a:visited {
	color: #707;
	text-decoration: underline;
}
#evt0032_cts a:hover {
	color: #909;
	text-decoration: underline;
}

/*=============================================
　navi
===============================================*/

#evt0032_cts #head_r ul {
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
}
#evt0032_cts #head_r ul li {
	float: left;
	display: block;
}
#evt0032_cts #head_r ul li span{
	display: none;
}
#evt0032_cts #head_r ul li a {
	display: block;
	width: 74px;
	height: 110px;
}
#evt0032_cts #head_r ul li a span{
	display: none;
}

/*----------------------------------------------
　navi - vol.1 active
-----------------------------------------------*/

#evt0032_cts #head_r ul li.vol1_act{
	width: 74px;
	height: 110px;
	background: url(../images/mook_navi_vol1_act.gif) no-repeat left top;
}

#evt0032_cts #head_r ul li.vol1_act a:hover{
	width: 74px;
	height: 110px;
	background: url(../images/mook_navi_vol1_act.gif) no-repeat left -110px;
}

/*----------------------------------------------
　navi - vol.1 link
-----------------------------------------------*/

#evt0032_cts #head_r ul li.vol1{
	width: 74px;
	height: 110px;
	background: url(../images/mook_navi_vol1.gif) no-repeat left top;
}

#evt0032_cts #head_r ul li.vol1 a:hover{
	width: 74px;
	height: 110px;
	background: url(../images/mook_navi_vol1.gif) no-repeat left -110px;
}

/*----------------------------------------------
　navi - vol.2 soon
-----------------------------------------------*/

#evt0032_cts #head_r ul li.vol2_soon {
	width: 74px;
	height: 110px;
	background: url(../images/mook_navi_vol2_soon.gif) no-repeat left top;
}

/*----------------------------------------------
　navi - vol.2 active
-----------------------------------------------*/

#evt0032_cts #head_r ul li.vol2_act{
	width: 74px;
	height: 110px;
	background: url(../images/mook_navi_vol2_act.gif) no-repeat left top;
}

#evt0032_cts #head_r ul li.vol2_act a:hover{
	width: 74px;
	height: 110px;
	background: url(../images/mook_navi_vol2_act.gif) no-repeat left -110px;
}

/*----------------------------------------------
　navi - vol.2 link
-----------------------------------------------*/

#evt0032_cts #head_r ul li.vol2{
	width: 74px;
	height: 110px;
	background: url(../images/mook_navi_vol2.gif) no-repeat left top;
}

#evt0032_cts #head_r ul li.vol2 a:hover{
	width: 74px;
	height: 110px;
	background: url(../images/mook_navi_vol2.gif) no-repeat left -110px;
}

/*----------------------------------------------
　navi - vol.3 soon
-----------------------------------------------*/

#evt0032_cts #head_r ul li.vol3_soon {
	width: 77px;
	height: 110px;
	background: url(../images/mook_navi_vol3_soon.gif) no-repeat left top;
}

/*----------------------------------------------
　navi - vol.3 active
-----------------------------------------------*/

#evt0032_cts #head_r ul li.vol3_act{
	width: 77px;
	height: 110px;
	background: url(../images/mook_navi_vol3_act.gif) no-repeat left top;
}

#evt0032_cts #head_r ul li.vol3_act a:hover{
	width: 77px;
	height: 110px;
	background: url(../images/mook_navi_vol3_act.gif) no-repeat left -110px;
}

/*----------------------------------------------
　navi - vol.3 link
-----------------------------------------------*/

#evt0032_cts #head_r ul li.vol3{
	width: 77px;
	height: 110px;
	background: url(../images/mook_navi_vol3.gif) no-repeat left top;
}

#evt0032_cts #head_r ul li.vol3 a:hover{
	width: 77px;
	height: 110px;
	background: url(../images/mook_navi_vol3.gif) no-repeat left -110px;
}

/*=============================================
　reserve
===============================================*/

#evt0032_cts #reserve {
	width: 703px;
	height: 206px;
	padding: 0 0 0 20px;
	background: url(../images/mook_vol2_rsv_bg.gif) no-repeat left top;
}
#evt0032_cts #rsv01 {
	width: 685px;
	height: 110px;
	background: url(../images/mook_vol2_rsv_bg1.gif) no-repeat left top;
	text-indent: -9999px;
}
#evt0032_cts #rsv02 {
	float: left;
	width: 460px;
	height: 80px;
	background: url(../images/mook_vol2_rsv_bg2_l.gif) no-repeat left top;
}
#evt0032_cts #rsv02 p {
	padding: 6px 0 0 30px;
}
#evt0032_cts #rsv02_r {
	float: left;
	width: 225px;
	height: 80px;
	background: url(../images/mook_vol2_rsv_bg2_r.gif) no-repeat left top;
}
#evt0032_cts #rsv02_r p a {
	width: 185px;
	height: 59px;
	display: block;
	background: url(../images/mook_vol2_rsv_btn.gif) no-repeat left top;
}
#evt0032_cts #rsv02_r p a:hover {
	background: url(../images/mook_vol2_rsv_btn.gif) no-repeat left -59px;
}
#evt0032_cts #rsv02_r p a span {
	display: none;
}

/****** ページ下部の背景 ******/

/* 予約エリアがあるとき */
#evt0032_cts #reserve_end {
	width: 703px;
	height: 180px;
	padding: 0 0 0 20px;
	background: url(../images/mook_vol1_rsv_bg.gif) no-repeat left top;
}
/* 予約エリア非表示時 */
#evt0032_cts #reserve_end_none {
	width: 703px;
	height: 5px;
	padding: 0 0 0 5px;
	background: url(../images/mook_vol1_rsv_bg.gif) no-repeat left bottom;
}


/*=============================================
　発売中
===============================================*/

#evt0032_cts #reserve_vol3 {
	width: 703px;
	height: 170px;
	padding: 0 0 0 20px;
	background: url(../images/mook_vol3_rsv_bg0.gif) no-repeat left top;
}
#evt0032_cts #rsv01 {
	width: 685px;
	height: 95px;
	background: url(../images/mook_vol3_rsv_bg1.gif) no-repeat left top;
	text-indent: -9999px;
}
#evt0032_cts #rsv02 {
	float: left;
	width: 470px;
	height: 75px;
	background: url(../images/mook_vol3_rsv_bg2_l.gif) no-repeat left top;
}
#evt0032_cts #rsv02 p {
	padding: 0 0 0 23px;
}
#evt0032_cts #rsv02_r {
	float: left;
	width: 215px;
	height: 75px;
	background: url(../images/mook_vol3_rsv_bg2_r.gif) no-repeat left top;
}
#evt0032_cts #rsv02_r p a {
	width: 180px;
	height: 56px;
	display: block;
	background: url(../images/mook_vol3_buy_btn.gif) no-repeat left top;
}
#evt0032_cts #rsv02_r p a:hover {
	background: url(../images/mook_vol3_buy_btn.gif) no-repeat left -56px;
}

/*=============================================
　お詫びと訂正
===============================================*/
#evt0032_cts .correct {
	padding: 10px 25px 20px 30px;
	background: url(../images/mook_correct_bg.gif) no-repeat left bottom;
	line-height: 140%;
}
#evt0032_cts .correct p {
	margin: 0 0 6px 0;
	font-size: 11px;
}
#evt0032_cts .correct p.indent {
	margin: 0 0 0 12px;
}
#evt0032_cts .correct p strong {
	text-decoration: underline;
}