@charset "utf-8";
/* ===================================================================
	CSS information
	file name  :  secret.css
	style info :  secret styles
=================================================================== */
.secret #header{
	background: url("../common/images/bg_gnav-index.png") left 16px no-repeat;
}
.secret #header .title{
	height: 205px;
	background: url("../images/bg_secret.png") left top no-repeat;
	margin: 0 0 16px 0;
}

.secret #header .title h1{
	padding: 8px 0 0 51px;
	_font-size: 12px;
}
.secret #header .title p.txt01{
	padding: 26px 0 0 57px;
}
.secret #header .title p.txt02{
	padding: 11px 0 0 58px;
}
.secret #container .section .contents{
	padding: 0 50px;
	padding-bottom: 15px;
	text-align: left;
	position: relative;
}

.secret #container .section .movie{
	height: 421px;
	padding: 0;
	position: relative;
	background: url("../images/bg_secret-movie.jpg") center top no-repeat #fff;
}

.secret #container .section .movie .movie-area{
	position:absolute;
	top: 16px;
	left: 164px;
}
.secret #container .section .list{

}
.secret #container .section .list li{
	float: left;
	margin: 0 12px 12px 0;
	position: relative;
}
.secret #container .section .list li.list02,
.secret #container .section .list li.list04{
	margin-right: 0;
}

.secret #container .section .list li .images {
	position: absolute;
	z-index: 10;
}
.secret #container .section .list .list01 .images{top: 71px;left: 303px;}
.secret #container .section .list .list02 .images{top: 24px;left: 349px;}
.secret #container .section .list .list03 .images{top: 31px;left: 0;}
.secret #container .section .list .list04 .images{top: 18px;left: 351px;}




.secret #container .footer-btn{
	height: 46px;
	_height: 63px;
	padding: 22px 0 0 0;
}
.secret #container .footer-btn ul{
	margin: 0 0 0 275px;
	overflow: hidden;
}
.secret #container .footer-btn li{
	float: left;
	margin: 0 6px 0 0;
}