@charset "utf-8";
/* CSS Document */
#prizeWindow {
	width:670px;
	
	position:fixed;
	left:50%;
	top:50%;
	margin-left:-335px;
}


#prizeHead {
	background:url(../../img/prize_top/float/bg_prize_top.png);
	width:670px;
	height:80px;
}

#prizeBody {
	background:url(../../img/prize_top/float/bg_prize_main.png);
	padding:0px 16px;
	padding-bottom:10px;
	position:relative;
}

#prizeFoot {
	background:url(../../img/prize_top/float/bg_prize_bottom.png);
	width:670px;
	height:60px;
}

#prizeBody h4 {
	text-align:center;
}

#btnPrizeClose {
	width:62px;
	height:62px;
	overflow:hidden;
	cursor:pointer;
	
	position:absolute;
	right:20px;
	top:0px;
}

#btnPrizeClose:hover img {
	margin-top:-62px;
}

#flt_back2List {
	width:126px;
	height:23px;
	overflow:hidden;
	cursor:pointer;
	margin:0px auto;
	margin-top:20px;
}

#flt_back2List:hover img {
	margin-top:-23px;
}


/*	Memo =================================================*/
.heroine1 #flt_memo {background:url(../../img/prize_top/memo/1/bg_main.png); background-repeat:no-repeat;}
.heroine2 #flt_memo {background:url(../../img/prize_top/memo/2/bg_main.png); background-repeat:no-repeat;}
.heroine3 #flt_memo {background:url(../../img/prize_top/memo/3/bg_main.png); background-repeat:no-repeat;}
.heroine4 #flt_memo {background:url(../../img/prize_top/memo/4/bg_main.png); background-repeat:no-repeat;}

#ftl_memo_caption {
	width:200px;
	height:45px;
	margin:0px auto;
	margin-top:3px;
}

.heroine1 #ftl_memo_caption {background:url(../../img/prize_top/memo/1/title_date_in.png);}
.heroine2 #ftl_memo_caption {background:url(../../img/prize_top/memo/2/title_date_in.png);}
.heroine3 #ftl_memo_caption {background:url(../../img/prize_top/memo/3/title_date_in.png);}
.heroine4 #ftl_memo_caption {background:url(../../img/prize_top/memo/4/title_date_in.png);}

#flt_memo {
	height:584px;
}

#flt_memo section {
	width:580px;
	margin:0px auto;
	margin-top:18px;
	
	display:none;
}

#flt_memo section .left {
	float:left;
	width:280px;
}

#flt_memo section .right {
	float:left;
	width:280px;
	margin-left:20px;
}

#flt_memo .left li.even { border-top:3px solid #ffdfe4;}
#flt_memo .left li.odd { border-top:3px solid #ceeef9;}
#flt_memo .right li.even { border-top:3px solid #ceeef9;}
#flt_memo .right li.odd { border-top:3px solid #ffdfe4;}

#flt_memo section li {
	padding:14px 0px;
	position:relative;
}

#flt_memo_navigator {
	position:absolute;
	right:-32px;
	top:-22px;
}

#flt_memo_navigator li {
	width:47px;
	height:48px;
	position:relative;
	margin-top:4px;
}

#flt_memo_navigator li .current {
	position:absolute;
	right:0px;
	top:0px;
	display:none;
}

#flt_memo_navigator li.active .current {
	display:block;
}

#flt_memo_navigator li .tab {
	width:47px;
	height:48px;
	overflow:hidden;
	cursor:pointer;
}

#flt_memo_navigator li.active .tab {
	display:none;
}

#flt_memo_navigator li .tab:hover img {
	margin-top:-48px;
}

/*	Wall =================================================*/
#flt_wall h4 {
	margin-left:-16px;
	margin-top:-31px;
}

#flt_wallList {
	width:396px;
	margin:0px auto;
	margin-top:10px;
	padding-left:20px;
}

#flt_wallList li {
	background:url(../../img/prize_top/float/wall/frame_thumb.png);
	width:178px;
	height:136px;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	
	position:relative;
}

#flt_wallList li img {
	position: absolute;
	left: 11px;
	top: 11px;
	
	cursor:pointer;
}

#flt_wallThumbnail {
	background:url(../../img/prize_top/float/wall/frame_wp.png);
	width:476px;
	height:341px;
	margin:0px auto;
	position:relative;
	margin-top:10px;
}

#flt_wallThumbnail img {
	position:absolute;
	left: 18px;
	top: 18px;
}

#flt_wallDL {
	width:521px;
	margin:0px auto;
	margin-top:10px;
}

#flt_wallDL li {
	width:167px;
	height:52px;
	overflow:hidden;
	cursor:pointer;
	
	float:left;
	margin-left:10px;
}

#flt_wallDL li:first-child {
	margin-left:0px;
}

#flt_wallDL li:hover img {
	margin-top:-52px;
}

/*	Icon =================================================*/

#flt_icon h4 {
	margin-left: -16px;
	margin-top: -31px;
}

#flt_iconList {
	width: 548px;
	margin:0px auto;
	margin-top:10px;
	padding-left:20px;
}

#flt_iconList li {
	background:url(../../img/prize_top/float/icon/thumb_non.gif);
	width: 117px;
	height: 117px;
	float:left;
	
	margin-right:20px;
	margin-bottom:20px;
}

/*	Illust =================================================*/
#flt_illust h4 {
	margin-left:-16px;
	margin-top:-31px;
}

#flt_illustIndex {
	background:url(../../img/prize_top/float/illust/bg_main01.png) no-repeat left bottom;
	width:670px;
	height:245px;
	margin-left:-16px;
}

#flt_illustList {
	width:330px;
	margin:0px auto;
}

#flt_illustList li {
	float:left;
}
#flt_illustList li.first{
	padding-top: 30px;
	margin-right: 15px;
}

#flt_illustList li.active {
	cursor:pointer;
}

#flt_illustConfirm {
	background:url(../../img/prize_top/float/illust/bg_main02.png);
	width:670px;
	height:453px;
	margin-left:-16px;
	position:relative;
	margin-top: -40px;
	display:none;
}

#flt_illustCorrect {
	background:url(../../img/prize_top/float/illust/bg_main02.png);
	width:670px;
	height:453px;
	margin-left:-16px;
	position:relative;
	margin-top: -40px;
	display:none;
}

.flt_illustSample {
	position:absolute;
	left:0px;
	top:0px;
}

#flt_illust_btnSend {
	width:223px;
	height:69px;
	overflow:hidden;
	cursor:pointer;
	
	position:absolute;
	left:319px;
	top:255px;
}

#flt_illust_btnSend:hover img {
	margin-top:-69px;
}

#flt_illust_btnCancel {
	width:223px;
	height:69px;
	overflow:hidden;
	cursor:pointer;
	
	position:absolute;
	left:374px;
	top:324px;
}

#flt_illust_btnCancel:hover img {
	margin-top:-69px;
}

#flt_illust_btnClose {
	width:223px;
	height:69px;
	overflow:hidden;
	cursor:pointer;
	
	position:absolute;
	left:331px;
	top:276px;
}

#flt_illust_btnClose:hover img {
	margin-top:-69px;
}



/*	Story =================================================*/
#flt_story h4 {
	margin-left:-16px;
	margin-top:-31px;
}

#flt_storyList {
	width:594px;
	margin:0px auto;
	margin-top:10px;
	padding-left:20px;
}

#flt_storyList li {
	background:url(../../img/prize_top/float/story/frame_thumb.png);
	width:178px;
	height:136px;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	
	position:relative;
}

#flt_storyList li img {
	position: absolute;
	left: 11px;
	top: 11px;
	
	cursor:pointer;
}

#flt_storyThumbnail {
	background:url(../../img/prize_top/float/story/frame_wo.png);
	width:476px;
	height:341px;
	margin:0px auto;
	position:relative;
	margin-top:10px;
}

#flt_storyThumbnail img {
	position:absolute;
	left: 18px;
	top: 18px;
}

#flt_storyDL {
	width:521px;
	margin:0px auto;
	margin-top:10px;
}

#flt_storyDL li {
	width:167px;
	height:52px;
	overflow:hidden;
	cursor:pointer;
	
	float:left;
	margin-left:10px;
}

#flt_storyDL li:first-child {
	margin-left:0px;
}

#flt_storyDL li:hover img {
	margin-top:-52px;
}


/*	Voice =================================================*/
#voiceBg {
	background:url(../../img/prize_top/voice/bg_main.png);
	width:670px;
	height:345px;
	position:relative;
	background-position: -16px 0px;
	margin-top: -30px;
}

#voiceThumbnail {
    position: absolute;
    left: 104px;
    top: 56px;
}

#voicePlayer {
	position:absolute;
	left:30px;
	top:0px;
}