@charset "utf-8";
/* reset and common 
============================================== */
div::after, ul::after, dl::after, .txt1-box li::after{
	height: auto;
}
#ten_million_game .mainbox-bg1{
	border: 2px solid #000000;
	background: url(/static/img/pages/cpn/10million/main_bg.png?v=2) repeat-y center 400px;
	padding-bottom: 40px;
}
#ten_million_game .mainbox-bg1 a{
	color: #0a0d9e;
	text-decoration: underline;
}
/* common style -box */
.em_text{
	color: #f7012a;
}
.sec_lead{
	font-size: 18px;
	text-align: center;
	padding: 8px 0 12px;
}
/* pink */
.how_entry,
.game{
	width: 846px;
	background: #ffffff url(/static/img/pages/cpn/10million/pink_bg.gif?v=2) repeat-x 0 bottom;
	margin: 0 auto;
}
.how_entry_border_top,
.game_border_top{
	padding-top: 22px;
	background: url(/static/img/pages/cpn/10million/pink_top.png?v=2) no-repeat 0 0;
}
.how_entry_border_bottom,
.game_border_bottom{
	padding-bottom: 24px;
	background: url(/static/img/pages/cpn/10million/pink_bottom.png?v=2) no-repeat 0  bottom;
}
.how_entry_inner,
.game_inner{
	padding-top: 25px;
	background: url(/static/img/pages/cpn/10million/pink_middle.png?v=2) repeat-y 0 top;
}
/* blue */
.prize,
.about{
	width: 846px;
	background: #ffffff url(/static/img/pages/cpn/10million/blue_bg.gif?v=2) repeat-x 0 bottom;
	margin: 0 auto;
}
.prize_border_top,
.about_border_top{
	padding-top: 22px;
	background: url(/static/img/pages/cpn/10million/blue_top.png?v=2) no-repeat 0 0;
}
.prize_border_bottom,
.about_border_bottom{
	padding-bottom: 24px;
	background: url(/static/img/pages/cpn/10million/blue_bottom.png?v=2) no-repeat 0  bottom;
}
.prize_inner,
.about_inner{
	padding-top: 25px;
	background: url(/static/img/pages/cpn/10million/blue_middle.png?v=2) repeat-y 0 top;
}
/* balloon */
.section_fld{
	position: relative;
	margin-top: 132px;
}
.balloon{
	width: 925px;
	height: 194px;
	background: url(/static/img/pages/cpn/10million/balloon.png?v=2) no-repeat center 0;
	position: absolute;
	top: -75px;
	left: 13px;
	margin: 0 auto;
}
/* sprite */
/* header text */
.how_entry h2,
.prize h2,
.game h2,
.about h2{
	background: url(/static/img/pages/cpn/10million/spr_title.png?v=2) no-repeat;
}
/*game title*/
.game1 .game_title,
.game2 .game_title,
.game3 .game_title,
.game4 .game_title{
	background: url(/static/img/pages/cpn/10million/spr_game_name.png?v=2) no-repeat;
}
/* button */
.game .play_btn,
.game .play_game,
.top_entry .play_btn,
.top_entry .play_game{
	background: url(/static/img/pages/cpn/10million/spr_button.png?v=2) no-repeat;
}
/* header
============================================== */
.header{
	padding-top: 341px;
	background: #ffc3dd url(/static/img/pages/cpn/10million/game_main_title.jpg?v=2) no-repeat center top;
}
.header h1,
.header .lead{
	height: 0;
}
.header .period{
	text-align: center;
	padding: 5px;
	font-size: 18px;
	color: #003e87;
	background-color: #ffeab0;
}
/* top_entry */
.top_entry{
	text-align: center;
	font-size: 18px;
	color: #000000;
	width: 100%;
	padding: 25px 0 0;
	position: absolute;
	top: -140px;
	left: 0;
}
.top_entry .play_game{
	display: block;
	width: 364px;
	height: 85px;
	background-position: 0 -278px;
	margin: 0 auto;
}
.top_entry .play_game:hover{
	background-position: 0 -185px;
}
.top_entry .play_btn{
	display: block;
	width: 364px;
	height: 85px;
	background-position: 0 -92px;
	margin: 0 auto;
}
.top_entry .play_btn:hover{
	background-position: 0 0;
}
#ten_million_game .snsButton{
	text-align:right;
	position: relative;
	margin-bottom: 4px;
}
.twitter-share-button{
	width: 100px !important;
	clear: both;
	position: absolute;
	right: 100px;
	top:0;
}
.fb-like{
	width: 100px !important;
	position: absolute;
	right: 0;
}
/* how_entry
============================================== */
.how_entry h2{
	height: 60px;
	background-position: center -275px;
}
.how_entry .sec_lead{
	color: #3c0000;
}
/* step */
.entry_step{
	width: 764px;
	background: url(/static/img/pages/cpn/10million/game_howentry.jpg?v=2) no-repeat center 0;
	margin: 0 auto 25px;
}
.entry_step li{
	float: left;
}
.step1{
	width: 300px;
	padding: 138px 16px 16px;
}
.step2,
.step3{
	width: 20px;
	height: 0;
}
/* game
============================================== */
.game .game_inner{
	padding-bottom: 25px;
}
.game h2{
	height: 60px;
	background-position: center -547px;
}
.game .sec_lead{
	color: #3c0000;
}
.game_list .game1,
.game_list .game2,
.game_list .game3,
.game_list .game4{
	width: 740px;
	background: url(/static/img/pages/cpn/10million/pink_line.png?v=2) repeat-x 0 35px;
	margin: 0 auto;
}
.game_list .game1 .game_text,
.game_list .game2 .game_text,
.game_list .game3 .game_text,
.game_list .game4 .game_text{
	min-height: 180px;
	_height: 180px;
	margin-top: 25px;
	padding: 0 10px 0 195px;
	color: #005d71;
}
/* game */
.game_list .game1 .game_title{
	width: 359px;
	height: 45px;
	background-position: 0 0;
}
.game_list .game1 .game_text{
	background: url(/static/img/pages/cpn/10million/icon_mystery_coin.png?v=2) no-repeat 0 0px;
}
.game_list .game2 .game_title{
	width: 359px;
	height: 45px;
	background-position: 0 -56px;
}
.game_list .game2 .game_text{
	background: url(/static/img/pages/cpn/10million/icon_break_coin.png?v=2) no-repeat 0 0px;
}
.game_list .game3 .game_title{
	width: 359px;
	height: 45px;
	background-position: 0 -168px;
}
.game_list .game3 .game_text{
	background: url(/static/img/pages/cpn/10million/icon_tubasa.png?v=2) no-repeat 0 0px;
}
.game_list .game4 .game_title{
	width: 359px;
	height: 45px;
	background-position: 0 -112px;
}
.game_list .game4 .game_text{
	background: url(/static/img/pages/cpn/10million/icon_winningpost.jpg?v=2) no-repeat 0 0px;
}
/* button */
.game .play_btn{
	display: block;
	width: 364px;
	height: 85px;
	background-position: 0 -92px;
	margin: 25px auto 0;
}
.game .play_btn:hover{
	background-position: 0 0;
}
.avatar_game{
	width: 494px;
	height: 112px;
	background: url(/static/img/pages/cpn/10million/game_image.png?v=2) no-repeat center 0;
	position: absolute;
	top: -95px;
	left: 234px;
	margin: 0 auto;	
}
/* about
============================================== */
.about .about_inner{
	padding-bottom: 25px;
}
.about h2{
	height: 60px;
	background-position: center -207px;
}
.about .about_notes{
	width: 760px;
	padding: 10px 0;
	margin: 0 auto;
}
.about .about_notes li,
.about .about_notes dt,
.about .about_notes dd,
.about .about_notes p{
	color: #003e87;
	line-height: 1.8;
}
.about .about_notes a{
	color: #870049 !important;
}
.about .about_notes dd{
	margin-bottom: 20px;
}

.avatar_about{
	width: 434px;
	height: 110px;
	background: url(/static/img/pages/cpn/10million/about_image.png?v=2) no-repeat center 0;
	position: absolute;
	top: -97px;
	left: 258px;
	margin: 0 auto;	
}

/* footer
============================================== */
/* text hidden
============================================== */
.balloon,
.header h1,
.header .lead,
.avatar_prize,
.avatar_game,
.avatar_about,
.how_entry h2,
.prize h2,
.game h2,
.about h2,
.step1 .step_title,
.step2 .step_title,
.step3 .step_title,
.entry_step .arrow,
.prize_count,
.game1 .game_title,
.game2 .game_title,
.game3 .game_title,
.game4 .game_title,
.game .play_btn,
.top_entry .play_btn,
.top_entry .play_game,
.step_title,
.step_text
{
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-indent: -9000px\9;
}
.entry_step:after,
.prize_list:after{
	content: "";
	display: block;
	clear: both;
}