@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; }

#evt111108 {
 width:635px;
	background: url("images/bg_main.png") repeat-y 0px 0px;	
	color:#333;
	font-size:12px;	
	line-height:18px;
	text-align:center;
}

#evt111108 img { vertical-align: bottom; }


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

#evt111108 a {
	color:#fe7272;
	font-weight:bold;
	text-decoration:underline;
}

#evt111108 a:hover {
	color:#fe9292;
	font-weight:bold;
	text-decoration:underline;
}

#evt111108 .foot {
 width:635px;
	background: url("images/bg_foot.png") center bottom;	
	backgroud-repeat:no-repeat;
	width:635px;
	height:33px;
	margin:0 auto;
}
/* ----------------------------------------------------------- 
 head
----------------------------------------------------------- */ 
#evt111108_head {
 width:596px;
	height:61px;
	margin:0;
	padding:0 18px 0 21px;
	background-image: url("images/bg_head.png") ;
	background-repeat:no-repeat;
}

#evt111108_head a:hover img {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

#evt111108_head .thanks {
 float:left;
 width:352px;
	height:29px;
	margin:22px 0 0 0;
}
#evt111108_head .btnlogin {
 float:right;
 width:211px;
	height:42px;
	margin:16px 0 4px;
}
/* ----------------------------------------------------------- 
 head-2p目
----------------------------------------------------------- */ 
#evt111108_head02 {
 width:596px;
	height:134px;
	margin:0;
	padding:0 18px 0 21px;
	background-image: url("images/bg_head02.png") ;
	background-repeat:no-repeat;
}

#evt111108_head02 a:hover img {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

#evt111108_head02 .thanks {
 float:left;
 width:83px;
	height:11px;
	margin:22px 0 0 0;
}
#evt111108_head02 .btnlogin {
 float:right;
 width:211px;
	height:42px;
	margin:16px 0 4px;
}
/* ----------------------------------------------------------- 
 title
----------------------------------------------------------- */ 
#evt111108_title {
	background: url("images/bg_title01.png") ;
	background-repeat:no-repeat;
	text-align:left;
	width:613px;
	height:155px;
	margin:8px auto 0 auto;
	padding-top:146px;
}

#evt111108_title .lead {
	width:380px;
	font-size:13px;
	line-height:20px;
	margin-bottom:10px;
}

#evt111108_title p {
	margin-left:27px;
}

/* ----------------------------------------------------------- 
 menu
----------------------------------------------------------- */ 
#evt111108_menu {
	width:613px;
	margin:8px auto 0 auto;
}
#evt111108_menu .menu01 {
	float:left;
}
#evt111108_menu .menu02 {
	float:right;
}


/* ----------------------------------------------------------- 
 3steps
----------------------------------------------------------- */ 
#evt111108_steps {
	width:590px;
	margin:0 auto;
	text-align:left;
}
#evt111108_steps a:hover img {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
#evt111108_steps .step1 {
 float:left;
	width:199px;
	height:153px;
	background: url("images/bg_step1.png") no-repeat left bottom;	
}
#evt111108_steps .step1 .txt {
 margin:33px 15px 0 14px;	
}
#evt111108_steps .step1 .word {
 width:108px;
 margin:8px 30px 0 60px;	
	font-size:87%;
}
#evt111108_steps .step2 {
 float:left;
	width:198px;
	height:153px;
	background: url("images/bg_step2.png") no-repeat left bottom;	
}
#evt111108_steps .step2 .txt {
 margin:33px 14px 0 14px;	
}
#evt111108_steps .step2 .word {
 width:100px;
 margin:8px 30px 0 60px;	
	font-size:87%;
}
#evt111108_steps .step3 {
 float:left;
	width:192px;
	height:153px;
	background: url("images/bg_step3.png") no-repeat left bottom;	
}
#evt111108_steps .step3 .txt {
 margin:33px 11px 0 11px;	
}
#evt111108_steps .step3 .word {
 width:100px;
 margin:8px 30px 0 60px;	
	font-size:87%;
}

/* ----------------------------------------------------------- 
 chieco
----------------------------------------------------------- */ 
#evt111012_chieco {
 width:635px;
	background: url("images/chieco_bg.jpg") no-repeat left bottom;
	margin:15px 0;
	padding-bottom:10px;
	text-align:center;
}
#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 ul {
 width:590px;
	margin:0 10px 0 15px;
}
#evt111012_chieco ul li {
 display:inline;
	margin:0 15px 10px 15px;
}
#evt111012_chieco p  {
 margin-top:10px;
}
#evt111012_chieco p a {
	font-weight:bold;
}
#evt111012_chieco p a:hover {
	font-weight:bold;
}
#evt111012_chieco .ast {
 margin-top:10px;
	font-size:80%;
	color:#666;
}
#evt111012_chieco .icon {
 vertical-align: middle;
 margin-right:6px;
}
#evt111012_pagetop {
 text-align:right;
	margin:5px 0;
}
#evt111012_pagetop a:hover img {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

/* ----------------------------------------------------------- 
 evt111108_main（人気メンバー編）
----------------------------------------------------------- */ 
#evt111108_main .btn-fvr a{
	display: inline-block;
	overflow: hidden;
	width: 212px;
	height: 0;
	padding-top: 38px;
	background: url(images/btn_registration.png) no-repeat left top;
}

#evt111108_main .btn-fvr a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	-ms-filter: "alpha(opacity=70)";
}

#evt111108_main .btn-fvr-done {
	display: inline-block;
	overflow: hidden;
	width: 212px;
	height: 0;
	padding-top: 38px;
	background: url(images/btn_registration_done.png) no-repeat left top;
}

#evt111108_main .left {
	float: left;
}
#evt111108 .tab {
	margin-left:40px;
}

#evt111108 .tab li {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
}
#evt111108_main .review {
	height: 162px;
}
#evt111108_main .profile {
	padding: 15px 15px 0;
	text-align: left;
}

#evt111108_main .profile a:hover img {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
#evt111108_main .profile .left {
	margin-right: 10px;
}
#evt111108_main .profile p {
	line-height: 18px;
	text-align: left;
	margin-top: 5px;
}
#evt111108_main {
 margin: 0 auto;
 width: 590px;
	background: url("images/bg_main02.png") no-repeat;
}
#evt111108_main #recommend {
	position: relative;
	margin: 10px 7px;
	background-color: #e5f6f0;
	text-align: left;
}
#evt111108_main #recommend .left {
	/*margin-right: 20px;*/
}
#evt111108_main #recommend .pharea {
	position: absolute;
	top: 8px;  
	left: 0;
	width:118px;
}
#evt111108_main #recommend p {
	margin-right:13px;
	margin-left: 162px;
	line-height: 21px;
}
#evt111108_main #recommend h3 {
 margin: 10px 0 5px 136px;	
}
#evt111108_main #recommend ul {
	margin: 10px 0 0 8px;
}
#evt111108_main #recommend li {
	position: relative;
	float: left;
	margin: 0 5px 10px 0;
	text-align: center;
}
#evt111108_main #recommend li a:hover img {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
#evt111108_main #recommend .ast {
	font-size: 83%;
	text-align: right;
	color:#666;
	padding-bottom:10px;
}
#evt111108_main #recommend .gray {
	font-size: 83%;
	color:#666;
	line-height:16px;
}
#evt111108_main .edi_select {
	padding: 8px;
}
#evt111108_main .ph{
 padding:3px;
	border-left: solid 1px #d1e1db;
	border-right: solid 1px #d1e1db;
	border-bottom: solid 2px #d1e1db;
	background-color: #FFFFFF;
}
#evt111108_main .rank {
	position: absolute;
	top: -2px;  
	left: 4px; 
	z-index:1;
}
#evt111108 .btn  {
	margin:3px 0 0 3px;
}
#evt111108 .btn a:hover img {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
#evt111108 .btnarea {
	height: 64px;
}
#evt111108 #recommend .clip {
	position: absolute;
	top: 165px;  
	left: 15px; 
}
#evt111108 #recommend .clip a {
	display: inline-block;
	overflow: hidden;
	width: 135px;
	height: 0;
	padding-top: 34px;
	background: url(images/btn_clip.png) no-repeat left top;
}
#evt111108 #recommend .clip a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	-ms-filter: "alpha(opacity=70)";
}

#evt111108 #recommend .clip-off {
	position: absolute;
	top: 165px;  
	left: 15px; 
	display: inline-block;
	overflow: hidden;
	width: 135px;
	height: 0;
	padding-top: 34px;
	background: url(images/btn_clip_done.png) no-repeat left top;
}

#evt111108 #recommend .check {
	position: absolute;
	top: 200px;  
	left: 12px; 
}
#evt111108 #recommend .prev {
	position: absolute;
	top: 188px;  
	left: 210px; 
}
#evt111108 #recommend .next {
	position: absolute;
	top: 188px;  
	left: 340px; 
}
#evt111108_main .pharea {
	position: relative;
}
#evt111108_main .pharea .ph {
	margin:30px 6px 6px 30px;
	padding: 10px;
	border: solid 1px #f98c8b;
	background-color: #FFFFFF;
}
#evt111108_main .pharea .price {
	position: absolute;
	top:4px; left:12px;
}


/* ----------------------------------------------------------- 
 evt111108_main02(編集部編）
----------------------------------------------------------- */ 

#evt111108_main02 .left {
	float: left;
}

#evt111108_main02 .review {
	height: 162px;
}
#evt111108_main02 .profile {
	padding: 15px 15px 0;
	text-align: left;
}

#evt111108_main02 .profile a:hover img {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
#evt111108_main02 .profile .left {
	margin-right: 10px;
}
#evt111108_main02 .profile p {
	line-height: 18px;
	text-align: left;
	margin-top:5px;
}
#evt111108_main02 {
 margin: 0 auto;
 width: 590px;
	background: url("images/bg_main02_02.png") no-repeat;
}
#evt111108_main02 #recommend02 {
	position: relative;
	margin: 10px 7px;
	background-color: #ffebeb;
	text-align: left;
}
#evt111108_main02 #recommend02 .left {
	/*margin-right: 20px;*/
}
#evt111108_main02 #recommend02 .pharea {
	position: absolute;
	top: 8px;  
	left: -8px; 
}
#evt111108_main02 #recommend02 p {
	margin-right:13px;
	margin-left: 162px;
	line-height: 21px;
}
#evt111108_main02 #recommend02 h3 {
 margin: 10px 0 5px 136px;	
}
#evt111108_main02 #recommend02 ul {
	margin: 10px 0 0 8px;
}
#evt111108_main02 #recommend02 li {
	position: relative;
	float: left;
	margin: 0 5px 10px 0;
	text-align: center;
}
#evt111108_main02 #recommend02 li a:hover img {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
#evt111108_main02 #recommend02 .ast {
	font-size: 83%;
	text-align: right;
	color:#666;
	padding-bottom:10px;
}

#evt111108_main02 #recommend02 .gray {
	font-size: 83%;
	color:#666;
	line-height:16px;
}
#evt111108_main02 .edi_select {
	padding: 8px;
}
#evt111108_main02 .ph{
 padding:3px;
	border-left: solid 1px #e7d3d3;
	border-right: solid 1px #e7d3d3;
	border-bottom: solid 2px #e7d3d3;
	background-color: #FFFFFF;
}
#evt111108_main02 .rank {
	position: absolute;
	top: -2px;  
	left: 4px; 
	z-index:1;
}

#evt111108 #recommend02 .clip {
	position: absolute;
	top: 165px;  
	left: 15px; 
}
#evt111108 #recommend02 .clip a {
	display: inline-block;
	overflow: hidden;
	width: 135px;
	height: 0;
	padding-top: 34px;
	background: url(images/btn_clip02.png) no-repeat left top;
}
#evt111108 #recommend02 .clip a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	-ms-filter: "alpha(opacity=70)";
}

#evt111108 #recommend02 .clip-off {
	position: absolute;
	top: 165px;  
	left: 15px; 
	display: inline-block;
	overflow: hidden;
	width: 135px;
	height: 0;
	padding-top: 34px;
	background: url(images/btn_clip_done02.png) no-repeat left top;
}

#evt111108 #recommend02 .check {
	position: absolute;
	top: 200px;  
	left: 12px; 
}
#evt111108 #recommend02 .prev {
	position: absolute;
	top: 188px;  
	left: 210px; 
}
#evt111108 #recommend02 .next {
	position: absolute;
	top: 188px;  
	left: 340px; 
}
#evt111108_main02 .pharea {
	position: relative;
}
#evt111108_main02 .pharea .ph {
	margin:30px 6px 6px 30px;
	padding: 10px;
	border: solid 1px #f98c8b;
	background-color: #FFFFFF;
}
#evt111108_main02 .pharea .price {
	position: absolute;
	top:4px; left:12px;
}


/* ----------------------------------------------------------- 
 evt111108_mission
----------------------------------------------------------- */ 
#evt111108_mission {
	position: relative;
}
#evt111108_mission .spouts_01 {
	position: absolute;
	top: -10px;  
	left: 65px; 
}
#evt111108_mission .spouts_02 {
	position: absolute;
	top: -10px;  
	left: 400px; 
}
#evt111108_mission .kuchikomi_clip {
	position: absolute;
	top: 130px;  
	left: 80px; 
}
#evt111108_mission .kuchikomi_search {
	position: absolute;
	top: 130px;  
	left: 340px; 
}

#evt111108 .foot_main02 {
	background: url("images/bg_foot_main02.png") no-repeat bottom;	
	height: 28px;
}

#evt111108 .foot_main02_02 {
	background: url("images/bg_foot_main02_02.png") no-repeat bottom;	
	height: 28px;
}
/* ----------------------------------------------------------- 
 
----------------------------------------------------------- */ 

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;}