@charset "shift_jis";

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

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

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

#evt111012 img { vertical-align: bottom; }


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

#evt111012 a {
	color:#963b69;
	font-weight:bold;
	text-decoration:underline;
}

#evt111012 a:hover {
	color:#da5899;
	font-weight:bold;
	text-decoration:underline;
}

/* ----------------------------------------------------------- 
 top title
----------------------------------------------------------- */ 

#evt111012 {
 width:635px;
	background: url(images/bg.jpg) repeat-y 0px 0px;	
	color:#333;
	font-size:12px;	
	line-height:18px;
	border-bottom:4px solid #a87b37;
}

#evt111012_top {
 width:635px;
	position:relative;
}

#evt111012_top a:hover img {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
#evt111012_top .btnlogin {
 width:200px;
	height:32px;
	position:absolute;
	top:9px;
	left:420px;
}
#evt111012_top .lead {
	margin:0 ;
	height:86px;
	background: url(images/lead_bg.jpg) no-repeat 0px 0px;	
}

#evt111012_top .leadtxt {
	width:520px;
	margin:0 95px 0 20px ;
	padding-top:24px;
	font-size:12px;	
	line-height:18px;
}


/* ----------------------------------------------------------- 
 member
----------------------------------------------------------- */ 
#evt111012_member {
	background: url(images/member_bg.png) repeat-y 0px 0px;	
	position:relative;
	text-align:center;
}

#evt111012_member .addfavorite {
	position:absolute;
	top:16px;
	left:435px;
	font-size:10px;
}
	
/* お気に入りメンバーに登録ボタン */
#evt111012_member .btn-fvr a {
	display: inline-block;
	overflow: hidden;
	width: 192px;
	height: 0;
	padding-top: 36px;
	background: url(images/addfavorite_btn.png) no-repeat left top;
}

#evt111012_member .btn-fvr a:hover {
	display: inline-block;
	overflow: hidden;
	width: 192px;
	height: 0;
	padding-top: 36px;
	background: url(images/addfavorite_btn_over.png) no-repeat left top;
}
/* お気に入りメンバーに登録済み */
#evt111012_member .btn-fvr-done {
	display: inline-block;
	overflow: hidden;
	width: 192px;
	height: 0;
	padding-top: 36px;
	background: url(images/addfavorite_btn_finish.png) no-repeat left top;
}

#evt111012_member .member_ph {
 float:left;
	width:255px;
}

#evt111012_member .member_profile {
 float:right;
	width:380px;
}

#evt111012_member_tab {
 width:627px;
	margin:0 4px;
	padding:0;
}
#evt111012_member_tab .tab li {
 display: inline;
 float:left;
	margin:0;
	padding:0;
}

#evt111012_member_main {
	background: url(images/member_box_bg.png) repeat-y left top;
	text-align:center;
	padding-bottom:10px;
}

#evt111012_member_main a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	-ms-filter: "alpha(opacity=70)";
}


#evt111012_member_left {
	float:left;
	width:285px;
	margin:0 10px 0 17px;
	text-align:center;
 display: inline;
}
#evt111012_member_left .pharea, #evt111012_member_right .pharea  {
	float:left;
	width:132px;
	margin:0 6px 0 0;
}
#evt111012_member_left .txtarea, #evt111012_member_right .txtarea  {
	text-align:left;
	margin-top:16px;
	line-height:17px;
}

#evt111012_member_left .txtarea p, #evt111012_member_right .txtarea p  {
	margin-top:5px;
}

#evt111012_member_left .brandname, #evt111012_member_right .brandname  {
 font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
 font-size: 83%;
 font-weight: normal;
}


#evt111012_member_left .phleft{
	float:left;
 width:132px;
	height:152px;
	background: url(images/item_bg01.png) no-repeat;
	display:inline;
}

#evt111012_member_left .phleft img {
	margin:40px auto 23px auto;
} 

#evt111012_member_right {
	float:right;
	width:285px;
	margin:0 17px 0 0;
 display: inline;
}

#evt111012_member_right .phright{
	float:left;
 width:132px;
	height:152px;
	background: url(images/item_bg02.png) no-repeat;
 display: inline;
}
#evt111012_member_right .phright img{
	margin:40px auto 23px auto;
} 

/* 商品をクリップボタン */
#evt111012_member_main .clip a {
	display: inline-block;
	overflow: hidden;
	width: 132px;
	height: 0;
	padding-top: 32px;
	background: url(images/clip_btn.png) no-repeat left top;
}
#evt111012_member_main .clip a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	-ms-filter: "alpha(opacity=70)";
}

/* 商品をクリップ済み */
#evt111012_member_main .clip-off {
	display: inline-block;
	overflow: hidden;
	width: 132px;
	height: 0;
	padding-top: 32px;
	background: url(images/clip_btn_done.png) no-repeat left top;
}

#evt111012_member .member_nav {
 width:627px;
	height:47px;
	margin:0 auto;
	padding:0;
	background: url(images/tab_naviarea.png) no-repeat left top;
}

#evt111012_member .member_nav a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	-ms-filter: "alpha(opacity=70)";
}


#evt111012_member .navileft {
 display: inline;
 float:left;
	margin:10px 0 5px 22px;
}

#evt111012_member .naviright {
 display: inline;
 float:right;
	margin:10px 22px 5px 0 ;
}

#evt111012_member .ast {
 width:627px;
	height:35px;
	background: url(images/ast_bg.png) no-repeat left bottom;	
	text-align:right;
	padding-bottom: 5px;
	font-size:83%;
	color:#FFF;
}

/* ----------------------------------------------------------- 
 kuchikomi
----------------------------------------------------------- */ 
#evt111012_vote{
 text-align:center;
}

#evt111012_vote a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	-ms-filter: "alpha(opacity=70)";
}

#evt111012_vote h4{
 padding-top:5px;
}


#evt111012_vote .votetxt{
 float:left;
	width:310px;
 margin:15px 5px 0 26px;
	display:inline;
	text-align:left;
}

#evt111012_vote .votebtn{
 float:right;
	width:274px;
	height:75px;
 margin:10px 16px 10px 0;
	display:inline;
}

#evt111012_vote .check_bestcosme{
 margin:10px auto 15px auto;
}

#evt111012_vote .check_bestcosme h5 {
 margin-bottom:8px;
}

#evt111012_vote ul {
 margin:0 11px;
	font-size:0;
}

#evt111012_vote ul li {
 float:left;
	display:inline;
}

#evt111012_steps {
 clear:both;
	width:614px;
	height:200px;
	text-align:center;
	background: url(images/kuchikomi_line.png) no-repeat center bottom;	
	margin:0 10px 10px 10px;
}

#evt111012_steps .step1 {
 float:left;
	display:inline;
	width:204px;
	height:144px;
	background: url(images/step1_bg.png) no-repeat left bottom;	
	margin-bottom:10px;
}

#evt111012_steps .step2 {
 float:left;
	display:inline;
	width:204px;
	height:144px;
	background: url(images/step2_bg.png) no-repeat left bottom;	
	margin-bottom:10px;
}

#evt111012_steps .step3 {
 float:left;
	display:inline;
	width:206px;
	height:144px;
	background: url(images/step3_bg.png) no-repeat left bottom;	
	margin-bottom:10px;
}

#evt111012_steps .step1 p ,#evt111012_steps .step2 p ,#evt111012_steps .step3 p {
	margin:0 auto 5px 5px;
}

#evt111012_steps .step1 .txt ,#evt111012_steps .step2 .txt ,#evt111012_steps .step3 .txt {
	margin:29px auto 6px 0 ;
}

#evt111012_steps .step1 .word ,#evt111012_steps .step2 .word {
	margin:0 auto 0 8px;	
}

#evt111012 .info {
 margin:15px auto;
}


#evt111012_chieco {
 width:635px;
	background: url(images/chieco_bg.jpg) no-repeat left bottom;
	margin:15px 0;
	padding-bottom:15px;
}

#evt111012_chieco a {
	color:#dd2c90;
	font-weight:normal;
	text-decoration:underline;
}
#evt111012_chieco a:hover {
	color:#e460a8;
	font-weight:normal;
	text-decoration:underline;
}

#evt111012_chieco .left {
 float:left;
 width:300px;
	margin:5px 0 0 0;
}

#evt111012_chieco .left li {
	margin:0 0 10px 15px;
}

#evt111012_chieco .right  {
 float:right;
 width:330px;
	margin:5px 0 0 0;
}

#evt111012_chieco .right li {
	margin:0 15px 10px 0;
}

#evt111012_chieco .icon {
 vertical-align: middle;
 margin-right:6px;
}

#evt111012_pagetop {
 text-align:right;
	margin:5px 0;
}