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

#evt120113 {
 width:635px;]
	height:1162px;
	background: url("images/bg_top.jpg") 0 0;
	background-repeat:no-repeat;	
	color:#333;
	font-size:13px;	
	line-height:18px;
	text-align:center;
	padding: 1px;
	margin:0;
}

#evt120113 img { vertical-align: bottom; }


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

#evt120113 a {
	color:#b63481;
	font-weight:bold;
	text-decoration:underline;
}

#evt120113 a:hover {
	color:#cc71a7;
	font-weight:bold;
	text-decoration:underline;
}
.clip a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	-ms-filter: "alpha(opacity=70)";
}

/* ----------------------------------------------------------- 
 title
----------------------------------------------------------- */ 
#evt120113_title {
	text-align:center;
	width:633px;
	height:265px;
	margin:0 ;
	padding:0;
	position:relative;
}
#evt120113_title .btn {
	width:164px;
	height:137px;
	position:absolute;
	top:33px;
	left:469px;
}

/* ----------------------------------------------------------- 
 menu
----------------------------------------------------------- */ 
#evt120113_menu {
	width:633px;
	margin:0;
}
#evt120113_menu div {
	height:13px ;
	padding:25px 10px 30px 10px;
	font-size:11px;
	text-align:right;
}


/* ----------------------------------------------------------- 
 3steps
----------------------------------------------------------- */ 
#evt120113_steps {
 clear:both;
	width:633px;
	margin:0 auto 25px auto;
	text-align:left;
	position:relative;
}
#evt120113_steps .btn {
	position:absolute;
	left:437px; top: 0;
}
#evt120113_steps a:hover img {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
#evt120113_steps .flow {
	width:590px;
	margin:0 auto;
}
#evt120113_steps .step1 {
 float:left;
	width:199px;
	height:174px;
	background: url("images/bg_step1.png") no-repeat left bottom;	
	margin-top:13px;
	display: inline;
}
#evt120113_steps .step1 .txt {
 margin:48px 15px 0 14px;	
}
#evt120113_steps .step1 .word {
 width:110px;
 margin:8px 25px 0 58px;	
	font-size:11px;
}
#evt120113_steps .step2 {
 float:left;
	width:198px;
	height:174px;
	background: url("images/bg_step2.png") no-repeat left bottom;	
	margin-top:13px;
	display: inline;
}
#evt120113_steps .step2 .txt {
 margin:48px 14px 0 14px;	
}
#evt120113_steps .step2 .word {
 width:110px;
 margin:8px 25px 0 58px;	
	font-size:11px;
}
#evt120113_steps .step3 {
 float:left;
	width:192px;
	height:174px;
	background: url("images/bg_step3.png") no-repeat left bottom;	
	margin-top:13px;
	display: inline;
}
#evt120113_steps .step3 .txt {
 margin:48px 11px 0 11px;	
}
#evt120113_steps .step3 .word {
 width:110px;
 margin:35px 25px 0 58px;	
	font-size:11px;
}

/* ----------------------------------------------------------- 
 バナー
----------------------------------------------------------- */
#evt120113_banners {
 clear:both;
	margin:0 0 15px 0 ;
}
#evt120113_banners a:hover img {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
#evt120113_banners .left {
 float:left;
}
#evt120113_banners .right {
 float:right;
	margin-left:11px;
}

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

/* ----------------------------------------------------------- 
 title　第二階層（共通）
----------------------------------------------------------- */ 
#evt120113_title02 {
	background: url("images/bg_head.jpg") 0 0;
	background-repeat:no-repeat;	
	width:635px;
	height:153px;
	margin-bottom:10px;
	padding:0;
	position:relative;
}
#evt120113_title02 h2 {
	padding-top:55px ;
}
#evt120113_title02 .linktop {
	position:absolute;
	top:12px; left:10px;
}
#evt120113_title02 .login {
	position:absolute;
	top:9px; right:243px;
}
#evt120113_title02 .kuchikomi {
	position:absolute;
	top:9px; right:10px;
}
#evt120113_title02 a:hover img {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

/* ----------------------------------------------------------- 
 ナビ上
----------------------------------------------------------- */ 
#evt120113_navi {
	width:635px;
	height:38px;
}
#evt120113_navi ul li {
	float:left;
}

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

/* ----------------------------------------------------------- 
 ナビ下
----------------------------------------------------------- */ 
#evt120113_navi02 {
	width:635px;
	height:38px;
	margin-bottom:5px;
}
#evt120113_navi02 ul li {
	float:left;
}

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

/* ----------------------------------------------------------- 
 クチコミ募集枠
----------------------------------------------------------- */ 
#evt120113_kuchikomi {
	width:635px;
	height:167px;
	background: url("images/bg_kuchikomi.jpg") 0 0;
	background-repeat:no-repeat;	
	position:relative;
	margin-bottom:-25px;
}
#evt120113_kuchikomi div {
	padding: 38px 30px 0 37px;	
}
#evt120113_kuchikomi .btn01 {
	position:absolute;
	top:85px; left:60px;
}
#evt120113_kuchikomi .btn02 {
	position:absolute;
	top:85px; left:327px;
}