@charset "utf-8";

.creative_type_btn{
	$btn_height:50px;
	display:block;
	width:600px;
	margin:0 auto;
	@include border-radius($btn_height/2);
	overflow:hidden;
	li{
		float:left;
	}
	a{
		display:block;
		width:200px;
		height:$btn_height;
		line-height:$btn_height;
		cursor:pointer;
		background:#ddd;
		border:solid 1px #fff;
		text-decoration:none;
	}
}

.creative_type_text{
	clear:both;
	font-size:$font-large;
	padding:$space-normal 0;
}

.creative_type_contents{
	position:relative;
}
	


/*
[id^=dna_btn_]{
	width:170px;
	text-align:center;
	background:#ddd;
	color:#000;
	line-height:50px;
	border:none;
	outline:none;
	cursor:pointer;
	&.current{
		background:#6B6F9A;
		color:#fff;
	}
}
#dna_btn_infeed{
	@include border-radius(25px 0 0 25px);
}
#dna_btn_normal{
	@include border-radius(0 25px 25px 0);
}
#change_text{
	margin-bottom:40px;
}
#change{
	background:url(../../img/creative/dna_bg.png) 0 0 no-repeat;
	width:1100px;
	height:600px;
	position:relative;
	overflow:hidden;
	margin-bottom:60px;
	[id^=contents_]{
		position:absolute;
		left:0;
		top:0;
	}
	[id^=contents_]:not(:first-child){
		display:none;
	}
	#contents_movie{
		position:relative;
		iframe{
			position:absolute;
		}
		.movie_area1{
			left:33px;
			top:185px;	
		}
		.movie_area2{
			left:403px;
			top:386px;	
		}
		.movie_area3{
			left:773px;
			top:394px;	
		}
	}
}
*/