@charset "shift_jis";

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

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

#evt0037_cts {
	width: 930px;
	background-image:url(../images/mook_bg.gif);
	color: #754833;
	font-size: 12px;
	line-height: 140%;
	letter-spacing: 0.02em;
}

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

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

/*=============================================
　タイトル
===============================================*/

#evt0037_cts #cts_title {
	width: 930px; height: 0;
	padding-top: 259px;
	background:url(../images/mook_header_bg.jpg) no-repeat left top;
	position: relative;
	margin: 0;
}

#evt0037_cts #cts_title h2 {
	width: 539px; height: 0px;
	padding-top: 190px;
	background: url(../images/mook_header_ttl.jpg) no-repeat left top;
	overflow: hidden;
	position: absolute;
	left: 20px; top: 0;
}

#evt0037_cts #cts_title p {
	width: 212px; height: 0px;
	padding-top: 100px;
	background: url(../images/mook_header_ld.gif) no-repeat left top;
	overflow: hidden;
	position: absolute;
	left: 679px; top: 48px;
}

#evt0037_cts #cts_title ul {
	list-style-type: none;
}

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

#evt0037_cts #cts_title ul li {
	display:inline;
}

/* リンク */
#evt0037_cts #cts_title ul li a {
	background: url(../images/mook_tab.gif) no-repeat left top;
	position: absolute;
	padding-top: 61px;
	height: 0;
	display: block;
	overflow: hidden;
}

#evt0037_cts #cts_title ul li a.nav_01 {
	width: 259px;
	background-position: 0px 0px;
	left: 21px; top: 198px;
}

#evt0037_cts #cts_title ul li a.nav_02 {
	width: 254px;
	background-position: -259px 0px;
	left: 280px; top: 198px;
}

#evt0037_cts #cts_title ul li a.nav_03 {
	width: 255px;
	background-position: -513px 0px;
	left: 534px; top: 198px;
}

#evt0037_cts #cts_title ul li a.nav_01:hover {
	background-position: 0px -61px;
}
#evt0037_cts #cts_title ul li a.nav_02:hover {
	background-position: -259px -61px;
}
#evt0037_cts #cts_title ul li a.nav_03:hover {
	background-position: -513px -61px;
}

/* アクティブ */
#evt0037_cts #cts_title ul li.nav_act {
	background: url(../images/mook_tab.gif) no-repeat;
	position: absolute;
	padding-top: 61px;
	height: 0;
	display: block;
	overflow: hidden;
}

#evt0037_cts #cts_title ul li.nav_01_act {
	width: 259px;
	background-position: 0px -61px;
	left: 21px; top: 198px;
}

#evt0037_cts #cts_title ul li.nav_02_act {
	width: 254px;
	background-position: -259px -61px;
	left: 280px; top: 198px;
}

#evt0037_cts #cts_title ul li.nav_03_act {
	width: 255px;
	background-position: -513px -61px;
	left: 534px; top: 198px;
}

/* UP前 */
#evt0037_cts #cts_title ul li.nav_before {
	background: url(../images/mook_tab.gif) no-repeat;
	position: absolute;
	padding-top: 122px;
	height: 0;
	display: block;
	overflow: hidden;
}

#evt0037_cts #cts_title ul li.nav_02 {
	width: 254px;
	background-position: -259px -122px;
	left: 280px; top: 198px;
}

#evt0037_cts #cts_title ul li.nav_03 {
	width: 255px;
	background-position: -513px -122px;
	left: 534px; top: 198px;
}