@charset "shift_jis";

/* ----------------------------------------------------------- 
CSS Information  

Site URL:	http://www.cosme.net/xxxxx
File name:      cpn.css
Last update:   
---------------------------------------------------------- */ 

/* ----------------------------------------------------------- 
共通
----------------------------------------------------------- */ 
/* set up ----------------------------- */
.clearfix { zoom:1; }
.clearfix:after { content:"."; display:block; height:0px; clear:both; visibility:hidden; }

#evt120207 {
 width:635px;
	background-color: #e5ccb2;
	color:#333;
	font-size:13px;	
	line-height:18px;
	text-align:center;
	margin:0;
}

#evt120207 img { vertical-align: bottom; }


#evt120207 .alignleft {
 float:left;
	margin:0 5px 5px 0;
}

#evt120207 a {
	color:#ac1d2e;
	font-weight:bold;
	text-decoration:underline;
}

#evt120207 a:hover {
	color:#bd5155;
	font-weight:bold;
	text-decoration:underline;
}

/* ----------------------------------------------------------- 
 title
----------------------------------------------------------- */ 
#evt120207_title {
	text-align:left;
	width:635px;
	margin:0 auto;
	padding:0;
	position:relative;
}
#evt120207_title h2 {
	width:635px;
	height:212px;
}
#evt120207_title .catch {
	position:absolute;
	left:0; top:16px;
}
#evt120207_title .btn {
	position:absolute;
	right:9px; top:11px;
}
#evt120207_title .lead {
	width:590px;
	font-size:13px;
	line-height:20px;
	margin: 0 22px;
}

/* ----------------------------------------------------------- 
 menu
----------------------------------------------------------- */ 
#evt120207_menu {
	width:635px;
	margin:0 auto 5px auto;
}
#evt120207_menu .menu01 {
	float:left;
}
#evt120207_menu .menu02 {
	float:right;
}


/* ----------------------------------------------------------- 
 3steps
----------------------------------------------------------- */ 
#evt120207_steps {
 clear:both;
	width:635px;
	margin:0 10px 10px 10px;
	text-align:left;
	line-height:16px;
}
#evt120207_steps a:hover img {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
#evt120207_steps .step1 {
 float:left;
	width:209px;
	height:158px;
	background: url("images/bg_step1.png") no-repeat left bottom;	
	display: inline;
}
#evt120207_steps .step1 .txt {
 margin:20px 15px 0 14px;	
}
#evt120207_steps .step1 .word {
 width:113px;
 margin:8px 25px 0 55px;	
	font-size:11px;
}
#evt120207_steps .step2 {
 float:left;
	width:208px;
	height:158px;
	background: url("images/bg_step2.png") no-repeat left bottom;	
	display: inline;
}
#evt120207_steps .step2 .txt {
 margin:20px 14px 0 14px;	
}
#evt120207_steps .step2 .word {
 width:113px;
 margin:8px 25px 0 55px;	
	font-size:11px;
}
#evt120207_steps .step3 {
 float:left;
	width:196px;
	height:158px;
	background: url("images/bg_step3.png") no-repeat left bottom;	
	display: inline;
}
#evt120207_steps .step3 .txt {
 margin:20px 19px 0 20px;	
}
#evt120207_steps .step3 .word {
 width:128px;
 margin:5px 18px 0 50px;	
	font-size:11px;
}


/* ----------------------------------------------------------- 
 pagetop
----------------------------------------------------------- */
#evt120207_pagetop {
 clear:both;
 text-align:right;
	margin:10px 0 10px 0;
}
#evt120207_pagetop a:hover img {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

/* ----------------------------------------------------------- 
 第二階層title
----------------------------------------------------------- */ 
#evt120207_title02 {
 width:635px;
	position:relative;
}

#evt120207_title02 a:hover img {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
#evt120207_title02 .btn_top {
	position:absolute;
	top:12px;
	left:9px;
}
#evt120207_title02 .btn_login {
	position:absolute;
	top:12px;
	left:176px;
}
#evt120207_title02 .btn_kuchikomi {
	position:absolute;
	top:12px;
	right:11px;
}
/* ----------------------------------------------------------- 
 タブ
----------------------------------------------------------- */ 

#evt120207_tab {
 width:618px;
	text-align:left;
	margin:0 8px 0 9px;
}
#evt120207_tab li {
 float:left;
	margin-right:2px;
	position:relative;
}
#evt120207_tab li .vol1 {
	position:absolute;
	top:34px; left:19px;
}
#evt120207_tab li .vol2 {
	position:absolute;
	top:34px; right:21px;
}

/* ----------------------------------------------------------- 
 スキンケア編
----------------------------------------------------------- */ 
#evt120207_main01 {
 clear:both;
 width:617px;
	margin:0 9px 0 8px;
	padding-bottom:15px;
	background: url(images/bg_main.png) left top;
	background-repeat:repeat-y;
	color:#333;
	text-align:left;
	position:relative;
}
#evt120207_main01 a {
	color:#902072;
	font-weight:bold;
	text-decoration:underline;
}

#evt120207_main01 a:hover {
	color:#ad5e98;
	font-weight:bold;
	text-decoration:underline;
}
#evt120207_main01 a:hover img {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
#evt120207_main01 h3 {
	margin:0;
}
#evt120207_main01 .link {
 position:absolute;
	top:-20px; left:450px;
}
#evt120207_main01 .ast {
 clear:both;
	font-size: 83%;
	text-align: right;
	color:#666;
	padding:0;
 margin:0;
}

/* ----------------------------------------------------------- 
 スキンケア編商品エリア
----------------------------------------------------------- */ 
#evt120207_main01 .area {
 clear:both;
 width:584px;
	margin:0 auto ;
	text-align:left;
}
#evt120207_main01 .area_l {
 float:left;
 width:285px;
	margin-right:11px ;
}
#evt120207_main01 .area_r {
 float:right;
 width:285px;
	margin:0 ;
}
#evt120207_main01 .area .itemname {
	height:40px;
	padding: 0;
}
#evt120207_main01 .area .ph {
 float:left;
 width:132px;
	margin:0 3px 3px 0;
}
#evt120207_main01 .area .btn_area {
 float:right;
	width:147px;
	text-align:left;
}
#evt120207_main01 .area .checklink {
 font-size:11px;
	margin-top:5px;
}
#evt120207_main01 .area .txt {
	clear:both;
}
#evt120207_main01 .area .txt p {
	margin-bottom:5px;
}
#evt120207_main01 .area .clip a{
	display: inline-block;
	overflow: hidden;
	width: 130px;
	height: 0;
	padding-top: 41px;
	background: url(images/btn_clip.png) no-repeat left top;
}
#evt120207_main01 .area .clip a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	-ms-filter: "alpha(opacity=70)";
}
#evt120207_main01 .area .clip-off {
	display: inline-block;
	overflow: hidden;
	width: 130px;
	height: 0;
	padding-top: 41px;
	background: url(images/btn_clip_done.png) no-repeat left top;
}
#evt120207_main01 .line {
 clear:both;
	margin:5px 0 10px  0;
}
/* ----------------------------------------------------------- 
 ベースメイク編
----------------------------------------------------------- */ 
#evt120207_main02 {
 clear:both;
 width:617px;
	margin:0 9px 0 8px;
	padding-bottom:15px;
	background: url(images/bg_main.png) left top;
	background-repeat:repeat-y;
	color:#333;
	text-align:left;
	position:relative;
}
#evt120207_main02 a {
	color:#8e7905;
	font-weight:bold;
	text-decoration:underline;
}

#evt120207_main02 a:hover {
	color:#ab9c4b;
	font-weight:bold;
	text-decoration:underline;
}
#evt120207_main02 a:hover img {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
#evt120207_main02 h3 {
	margin:0;
}
#evt120207_main02 .link {
 position:absolute;
	top:-20px; left:430px;
}
#evt120207_main02 .ast {
 clear:both;
	font-size: 83%;
	text-align: right;
	color:#666;
	padding:0;
 margin:0;
}
/* ----------------------------------------------------------- 
 ベースメイク編商品エリア
----------------------------------------------------------- */ 
#evt120207_main02 .area {
 clear:both;
 width:584px;
	margin:0 auto ;
	text-align:left;
}
#evt120207_main02 .area_l {
 float:left;
 width:285px;
	margin-right:11px ;
}
#evt120207_main02 .area_r {
 float:right;
 width:285px;
	margin:0 ;
}
#evt120207_main02 .area .itemname {
	height:40px;
	padding: 0;
}
#evt120207_main02 .area .ph {
 float:left;
 width:132px;
	margin:0 3px 3px 0;
}
#evt120207_main02 .area .btn_area {
 float:right;
	width:147px;
	text-align:left;
}
#evt120207_main02 .area .checklink {
 font-size:11px;
	margin-top:5px;
}
#evt120207_main02 .area .txt {
	clear:both;
}
#evt120207_main02 .area .txt p {
	margin-bottom:5px;
}
#evt120207_main02 .area .clip a{
	display: inline-block;
	overflow: hidden;
	width: 130px;
	height: 0;
	padding-top: 41px;
	background: url(images/btn_clip.png) no-repeat left top;
}
#evt120207_main02 .area .clip a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	-ms-filter: "alpha(opacity=70)";
}
#evt120207_main02 .area .clip-off {
	display: inline-block;
	overflow: hidden;
	width: 130px;
	height: 0;
	padding-top: 41px;
	background: url(images/btn_clip_done.png) no-repeat left top;
}
#evt120207_main02 .line {
 clear:both;
	margin:5px 0 10px  0;
}

/* ----------------------------------------------------------- 
 下部ナビ
----------------------------------------------------------- */ 
#evt120207_navi {
 width:617px;
	height:48px;
	background: url(images/bg_navi_coming.png) no-repeat left top;
	text-align:center;
	margin:0 auto;
}
#evt120207_navi .skincare {
 float:left;
 width:113px;
	margin: 16px 0 11px 20px; 
}
#evt120207_navi .skincare dl dt  {
 clear:left;
 float:left;
 width:83px;
}
#evt120207_navi .skincare01 {
 float:left;
 width:15px;
	margin: -21px 0 0 83px;
	_margin: -21px 0 0 42px;
}
#evt120207_navi .n02 {
 float:right;
 width:15px;
	margin-top: -21px;
}
#evt120207_navi .basemake , #evt120207_navi .makeup {
 float:left;
 width:122px;
	margin: 16px 0 11px 25px; 
 _margin: 16px 0 11px 12px; 
}
#evt120207_navi .basemake dl dt , #evt120207_navi .makeup dl dt {
 clear:left;
 float:left;
 width:92px;
}
#evt120207_navi .basemake01 , #evt120207_navi .makeup01 {
 float:left;
 width:15px;
	margin: -21px 0 0 92px;
	_margin: -21px 0 0 46px;
}
#evt120207_navi .hairbodycare {
 float:left;
 width:145px;
	margin: 16px 0 11px 15px; 
	_margin: 16px 0 11px 8px; 
}
#evt120207_navi .hairbodycare dl dt  {
 clear:left;
 float:left;
 width:115px;
}
#evt120207_navi .hairbodycare01 {
 float:left;
 width:15px;
	margin: -21px 0 0 115px;
	_margin: -21px 0 0 57px;
}
/* ----------------------------------------------------------- 
 第二階層テキストリンク
----------------------------------------------------------- */ 
#evt120207 .link {
 clear:both;
	margin:20px auto 10px auto;
	font-size:14px;
}
#evt120207 .link  a {
	color:#000;
	font-weight:normal;
	text-decoration:underline;
}
#evt120207 .link  a:hover  {
	color:#888;
	font-weight:normal;
	text-decoration:underline;
}

/* ----------------------------------------------------------- 
 ボックス
----------------------------------------------------------- */ 
#evt120207_box {
 width:635px;
	height:250px;
	background: url("images/bg_box.png")  0 0;
	background-repeat:no-repeat;
	position: relative;
}
#evt120207_box a:hover img {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
#evt120207_box .catch {
	position: absolute;
	top:81px;	  
	left: 58px;
}
#evt120207_box .btn01 {
	position: absolute;
	top: 107px;  
	left: 29px; 
}
#evt120207_box .btn02 {
	position: absolute;
	top: 107px;  
	right:30px; 
}
#evt120207_box .ast {
	position: absolute;
	top: 185px;  
	right:39px; 
	font-size:11px;
}

/* ----------------------------------------------------------- 
 
----------------------------------------------------------- */