@charset "utf-8";

#top_image {
/*	background-image: url("../img/common/ticket_1000_500_100_left.png"), 
	url("../img/common/yappy_296_300.png"), 
	url("../img/ticket/top_ticket_bg.jpg");
	background-position: 10% 80%, 90% 70%, bottom;
	background-size: 103px 151px, 148px 150px, cover;*/
	background-image: url("../img/common/yappy_296_300.png"), 
	url("../img/common/yappy_296_300.png"), 
	url("../img/common/top_bg1.png");
	background-position: 10% 85%, 90% 85%, bottom;
	background-size: 148px 150px, 148px 150px, cover;
}
#top_image h2 {
	color: #008888;
}
#container {
	width: 950px;
	margin: 0px auto;
}
#container #detail {
	margin-top: 30px;
}
#container #detail table {
	/*width: 650px;*/
	/*width: 90%;*/
	/*margin-bottom: 50px;*/
	float: left;
}
#container #detail table ul {
	list-style-type: disc;
	margin-left: 20px;
}

#container #detail #sample {
/*	width: 260px;*/
/*	float: left;*/
}
#container #detail p {
	font-size: 20px;
	color: #FF0000;
	font-weight: bold;
	margin-top: 30px;
	margin-left: 10px;
}
#container #detail #ticket1000,
#container #detail #ticket500 {
	margin-left: 8px;
	float: left;
}
#container #detail img.ticket_a,
#container #detail img.ticket_b {
	margin-left: 8px;
	margin: 0px 20px;
	width: 400px;
	height: auto;
}
#container #order_pre #step1 {
	margin: 20px 30px 30px 30px;
}
#container #order_pre #step2 {
	margin: 30px;
}
#container #order_pre .step {
	float: left;
}

#container #order_pre #step1 h3,
#container #order_pre #step2 h3 {
	font-size: 20px;
	line-height: 28px;
	color: #FFFFFF;
	background-color: #008888;
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
	        border-radius: 10px;
	padding: 3px 10px 3px 10px;	
/*	margin: 20px 20px 8px;*/
	float: left;
	letter-spacing: 2px;
}
#container #order_pre #step1 h3 {
	float: none;
}
#container #order_pre #step1 p {
	width: 880px;
	margin: 10px 10px 30px 10px;
	float: left;
}
#container #order_pre #step1 img:last-of-type {
	margin-left: 40px;
}
#container #order_pre #step1 img.hagaki {
	/*margin-left: 40px;*/
	width: 410px;
	height: 320px;
}
#container #order_pre #step1 p span{
	margin-left: 20px;
}
#container #order_pre #step2 p {
	width: 800px;
	margin: 10px 10px;
	float: left;
}
#container #order_pre #step2 img {
	margin-left: 40px;
}
#container #order_pre #step2 p span{
	font-weight: bold;
	color: #FF0000;
}
#container #order_pre #step2 .trees {
	float: right;
}
#container #stamp_rally_result_2nd,
#container #stamp_rally_result_1st,
#container #result_2nd,
#container #result2,
#container #result,
#container #order {
	margin-bottom: 40px;
}
#container #stamp_rally_result_2nd h3,
#container #stamp_rally_result_1st h3,
#container #result2 h3,
#container #result h3,
#container #expirationDate h3,
#container #extended h3,
#container #order_2nd h3,
#container #order h3 {
	width: 850px;
	text-align:center;
	font-size: 1.2em;
	line-height: 1.7em;
	letter-spacing: 3px;
	color: #FFFFFF;
	background-color: rgb(0,173,227);
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
	        border-radius: 10px;
/*	border: 1px solid rgb(16,50,145);*/
	padding: 2px 5px 0px 5px;
	margin: 50px 30px 20px;
}
#container #order p {
	width: 860px;
	margin-left: 40px;
	letter-spacing: 1px;
}
#container #stamp_rally_result_2nd p,
#container #stamp_rally_result_1st p,
#container #lottery_result_2nd p,
#container #lottery_result p,
#container #result_2nd p,
#container #result2 p,
#container #result p,
#container #expirationDate2 p,
#container #expirationDate p,
#container #extended p,
#container #order_2nd p{
	width: 860px;
	margin-left: 40px;
	margin-top: 10px;
	letter-spacing: 1px;
}
#container #order_2nd span {
	color: #FF0000;
	font-weight: bold;
}
#container #order_2nd img {
	width: 410px;
	height: auto;
}
#container #order_2nd img:last-of-type {
	margin-left: 40px;
}
#container table {
	margin: 30px 20px;
	text-align: center;
	border-spacing: 0;
	border-collapse: separate;
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
	        border-radius: 10px;
}
#container th {
	width: 90px;
	padding: 10px;
	color: #FFFFFF;
	/*background-color: #000099;*/
	background-color: #0099FF;
	/*border-left: solid 1px #000099;*/
	border-left: solid 1px #0099FF;
	border-bottom: solid 1px rgb(255,255,255);
	letter-spacing: 1px;
}
#container #order_2nd th {
	width: 100px;
}
#container td {
	text-align: left;
	padding: 10px;
	background: #FFFFFF;
	border-right: solid 1px #000099;
	border-bottom: solid 1px #000099;
	letter-spacing: 1px;
}
#container tr:first-child th {
	/*border-top: solid 1px #000099;*/
	/*border-left: solid 1px #000099;*/
	border-top: solid 1px #0099FF;
	border-left: solid 1px #0099FF;
	-webkit-border-top-left-radius: 10px;
	   -moz-border-top-left-radius: 10px;
	     -o-border-top-left-radius: 10px;
	        border-top-left-radius: 10px;
}
#container tr:last-child th {
	/*border-bottom: solid 1px #000099;*/
	/*border-left: solid 1px #000099;*/
	border-bottom: solid 1px #0099FF;
	border-left: solid 1px #0099FF;
	-webkit-border-bottom-left-radius: 10px;
	   -moz-border-bottom-left-radius: 10px;
	     -o-border-bottom-left-radius: 10px;
	        border-bottom-left-radius: 10px;
}
#container tr:first-child td {
	border-top: solid 1px #000099;
	-webkit-border-top-right-radius: 10px;
	   -moz-border-top-right-radius: 10px;
	     -o-border-top-right-radius: 10px;
	        border-top-right-radius: 10px;
}
#container tr:last-child td {
	border-bottom: solid 1px #000099;
	-webkit-border-bottom-right-radius: 10px;
	   -moz-border-bottom-right-radius: 10px;
	     -o-border-bottom-right-radius: 10px;
	        border-bottom-right-radius: 10px;
}
/* notes.html */
/*#container #notes h2 {
	color: rgb(255,255,255);
	font-size: 20px;
	letter-spacing: 5px;
	padding-top: 5px;
	padding-left: 30px;
	background-color: rgb(16,50,145);
	background-size: 950px 40px;
	height: 35px;
	margin-top: 30px;
	margin-bottom: 30px;
}*/
#container #notes ul {
	margin-top: 20px;
	margin-bottom: 35px;
}
#container #notes ul li {
	margin-left: 60px;
	margin-right: 20px;
	list-style-type: disc;
	font-size: 14px;
}
#container #notes h3 {
	width: 880px;
	text-align:center;
	font-size: 1.2em;
	line-height: 1.7em;
	letter-spacing: 3px;
	color: #FFFFFF;
	background-color: rgb(16,50,145);
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
	        border-radius: 10px;
	padding: 2px 5px 0px 5px;
	margin: 20px 30px;
}
#container #notes table {
	margin: 30px 0px 80px 40px;
	text-align: center;
	border-spacing: 0;
	border-collapse: separate;
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
	        border-radius: 10px;
}
#container #notes th {
	font-size: 0.8em;
}
#container #notes td {
	text-align: left;
	font-size: 0.8em;
	padding: 10px 20px;
	background: #FFFFFF;
	border-left: solid 1px rgb(16,50,145);
	border-right: solid 1px rgb(16,50,145);
	border-bottom: solid 1px rgb(16,50,145);
}
#container #notes tr:first-child td {
	border-top: solid 1px rgb(16,50,145);
	-webkit-border-top-right-radius: 10px;
	   -moz-border-top-right-radius: 10px;
	     -o-border-top-right-radius: 10px;
	        border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	   -moz-border-top-left-radius: 10px;
	     -o-border-top-left-radius: 10px;
	        border-top-left-radius: 10px;
}
#container #notes tr:last-child td {
	border-bottom: solid 1px rgb(16,50,145);
	-webkit-border-bottom-right-radius: 10px;
	   -moz-border-bottom-right-radius: 10px;
	     -o-border-bottom-right-radius: 10px;
	        border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	   -moz-border-bottom-left-radius: 10px;
	     -o-border-bottom-left-radius: 10px;
	        border-bottom-left-radius: 10px;
}
#container #lottery_second p,
#container #lottery_second_result p {
	width: 900px;
	margin-top: 20px;
	margin-left: 45px;
	margin-bottom: 30px;
}
#container #typoon21 p,
#container #lottery p {
	width: 900px;
	margin-top: 20px;
	margin-left: 45px;
	margin-bottom: 30px;
}
#container #soldout{
	margin-bottom: 80px;
}

#container #lottery_result_2nd h2.title_strap {
	font-size: 23px;
}

#lottery_result_2nd,
#lottery_result {
	margin-bottom: 40px;
}
#lottery_result_2nd h3,
#lottery_result h3 {
	color: rgb(255,255,255);
    font-size: 20px;
    letter-spacing: 5px;
    padding-top: 5px;
    padding-left: 30px;
    background-color: rgb(16,50,145);
    background-size: 950px 40px;
    height: 35px;
    margin-top: 30px;
    margin-bottom: 30px;
}
#lottery_result_2nd img,
#lottery_result img {
	margin: 0px 15px 15px 15px;
	width: 430px;
}
#lottery_result_2nd p,
#lottery_result p {
	width: 900px;
	margin-left: 30px;
}
#container #lottery_third_result h3,
#container #lottery_4th_result h3 {
	color: rgb(255,255,255);
	font-size: 20px;
	letter-spacing: 5px;
	padding-top: 5px;
	padding-left: 30px;
	background-color: rgb(16,50,145);
	background-size: 950px 40px;
	height: 35px;
}
#container #lottery_third p,
#container #lottery_third_result p,
#container #lottery_4th_result p {
	width: 900px;
	margin-top: 20px;
	margin-left: 45px;
	margin-bottom: 30px;
}
#container #stamp_rally_result_nov h3,
#container #stamp_rally_result_oct h3,
#container #stamp_rally_result_sep h3 {
	color: rgb(255,255,255);
	font-size: 20px;
	letter-spacing: 5px;
	padding-top: 5px;
	padding-left: 30px;
	background-color: rgb(16,50,145);
	background-size: 950px 40px;
	height: 35px;
}
#container #stamp_rally_result_jan p,
#container #stamp_rally_result_dec p,
#container #stamp_rally_result_nov p,
#container #stamp_rally_result_oct p,
#container #stamp_rally_result_sep p {
	width: 900px;
	margin-top: 20px;
	margin-left: 45px;
	margin-bottom: 30px;
}
#container #lottery_4th_result h3 {
	color: rgb(255,255,255);
	font-size: 20px;
	letter-spacing: 5px;
	padding-top: 5px;
	padding-left: 30px;
	background-color: rgb(16,50,145);
	background-size: 950px 40px;
	height: 35px;
}
#container #soldout p,
#container #lottery_4th p,
#container #lottery_4th_result p {
	width: 900px;
	margin-top: 20px;
	margin-left: 45px;
	margin-bottom: 30px;
}
#wrapper #container h3 {
	/*background-color: #000099;*/
	background-color: #0099FF;
}

#container #entryArea {
	margin-top: 20px;
	padding-left: 60px;
}
#container #entryArea img {
	width: 100px;
	height: auto;
	float: left;
}
#container #entryArea a#entryButton {
	text-decoration: none;
}
#container #entryArea #entryButton {
	/*border: solid 2px #103291;*/
	border: solid 3px #FF3333;
	border-radius: 8px;
	box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, .4);
	background-color: #FFF;
	/*width: 320px;*/
	/*height: 80px;*/
	font-size: 30px;
	letter-spacing: 5px;
	/*color: #103291;*/
	color: #FF3333;
	text-align: center;
	cursor: pointer;
	padding: 12px 30px;
	margin: 10px 0px 0px 30px;
	float: left;
	font-weight: bold;
}
#container #entryArea #entryButton:hover {
	color: #FFF;
	background-color: #FF3333;
}
#container #entryArea img {
	float: left;
}
#container #entryArea a {
	float: left;
}


#container #shop_list #shopListPDF.StickyNote {
	color: #103291;
	background-color: #FFF;
	padding: 8px 50px 8px 0px;
	border: 1px solid #103291;
	border-radius: 8px;
	text-decoration: none;
	box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, .4);
	display: inline-block;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	line-height: 33px;
	letter-spacing: 2px;
	width: 460px;
	position: relative;
	margin-left: 74px;
}
#container #shop_list #shopListPDF.StickyNote:hover {
	color: #FFF;
	background-color: #103291;
}
#container #shop_list #shopListPDF.StickyNote i {
	font-size: 84px;
	position: absolute;
	top: 16px;
	right: 40px;
}


#container #order_pre #step1 #hakagi_mo {
	margin: 30px 10px 0px 10px;
}
#container #order_pre #step1 .hakagi_mo {
	float: left;
	width: 500px;
}
#container #order_pre #step1 .hakagi_mo p {
	width: 100%;
	margin: 10px 10px 30px 10px;
	float: left;
}
#container #order_pre #step1 img.kansei_hagaki {
	float: left;
	margin-left: 30px;
	width: 330px;
	height: auto;
}



@media screen and (max-width:900px) {

	#top_image {
		background-image: url("../img/common/top_bg2.png");
		background-position: center;
		background-size: cover;
	}
	#container {
		width: 94%;
	}
	#container #detail table {
		width: 100%;
		margin: 20px auto;
	}
	#container tr {
		border: none;
	}
	#container th,
	#container td {
		display: block;
		letter-spacing: 1px;
	}
	#container table {
		margin: 10px 0px;
		text-align: center;
		border-spacing: 0;
		border-collapse: separate;
		-webkit-border-radius: 0px;
		   -moz-border-radius: 0px;
		        border-radius: 0px;
	}
	#container #detail table {
		float: none;
	}
	#container th {
		width: inherit;
		padding: 10px;
		color: #FFFFFF;
		background-color: #000099;
		border-left: solid 1px #000099;
		border-right: solid 1px #000099;
		border-bottom: none;
	}
	#container #order_2nd th {
		width: inherit;
	}
	#container td {
		text-align: left;
		padding: 10px;
		background: #FFFFFF;
		border-left: solid 1px #000099;
		border-right: solid 1px #000099;
		border-bottom: none;
	}

	#container tr:first-child th {
		border-top: none;
		border-left: solid 1px #000099;
		-webkit-border-top-left-radius: 0px;
		   -moz-border-top-left-radius: 0px;
		     -o-border-top-left-radius: 0px;
		        border-top-left-radius: 0px;
	}

	#container tr:last-child th {
		border-bottom: solid 1px #000099;
		border-left: solid 1px #000099;
		-webkit-border-bottom-left-radius: 0px;
		   -moz-border-bottom-left-radius: 0px;
		     -o-border-bottom-left-radius: 0px;
		        border-bottom-left-radius: 0px;
	}

	#container tr:first-child td {
		border-top: none;
		-webkit-border-top-right-radius: 0px;
		   -moz-border-top-right-radius: 0px;
		     -o-border-top-right-radius: 0px;
		        border-top-right-radius: 0px;
	}

	#container tr:last-child td {
		border-bottom: solid 1px #000099;
		   -moz-border-bottom-right-radius: 0px;
		     -o-border-bottom-right-radius: 0px;
		        border-bottom-right-radius: 0px;
	}
	#container #order_pre #step1 img,
	#container #order_pre #step2 img {
		margin-left: 2%;
		margin-bottom: 30px;
	}
	#container #order_pre #step1 #step1_h3,
	#container #order_pre #step2 #step2_h3 {
		margin-left: 2%;
		line-height: 24px;
		margin: 10px auto;
	}
	#container #order_pre #step1 img.hagaki {
		/*width: 300px;*/
		width: 100%;
		height: auto;
		display: block;
		margin: 0px auto 15px;
	}
	#container #order_2nd img:last-of-type {
		margin-left: 0px;
	}
	#container #order_2nd img {
		width: 100%;
		height: auto;
		display: block;
		margin: 0px auto 15px;
	}

	#container #order_pre #step1,
	#container #order_pre #step2 {
		margin: 0px;
	}
	#container #lottery_third_result h3,
	#container #lottery_4th_result h3,
	#container #stamp_rally_result_jan h3,
	#container #stamp_rally_result_dec h3,
	#container #stamp_rally_result_nov h3,
	#container #stamp_rally_result_oct h3,
	#container #stamp_rally_result_sep h3,
	#container #notes h3,
	#container #order_pre #step1 h3,
	#container #order_pre #step2 h3,
	#container #result h3,
	#container #expirationDate h3,
	#container #extended h3,
	#container #order_2nd h3,
	#container #order h3 {
		width: 90%;
		height: auto;
		margin: 0px auto;
		font-size: 18px;
		letter-spacing: 1px;
		float: none;
	}
	#container #stamp_rally_result_2nd h3,
	#container #stamp_rally_result_1st h3,
	#container #result2 h3,
	#container #result h3,
	#container #expirationDate h3,
	#container #extended h3,
	#container #order_2nd h3 {
		width: inherit;
	}
	#container #stamp_rally_result_2nd p,
	#container #stamp_rally_result_1st p,
	#container #result2 p,
	#container #result p,
	#container #result_2nd p,
	#container #expirationDate2 p,
	#container #expirationDate p,
	#container #extended p,
	#container #order_2nd p,
	#container #lottery_second p,
	#container #lottery_second_result p,
	#container #lottery_third p,
	#container #lottery_third_result p,
	#container #lottery_4th_result p,
	#container #stamp_rally_result_jan p,
	#container #stamp_rally_result_dec p,
	#container #stamp_rally_result_nov p,
	#container #stamp_rally_result_oct p,
	#container #stamp_rally_result_sep p,
	#container #order_pre #step1 p,
	#container #order_pre #step2 p{
		width: 90%;
		height: auto;
		margin: 8px auto 20px;
		float: none;
		font-size: 14px;
	}
	#container #typoon21 p,
	#container #lottery p,
	#container #lottery_result_2nd p,
	#container #lottery_result p,
	#container #order p {
		width: 90%;
		margin: 8px auto 20px;
		float: none;
		font-size: 14px;
	}
	#lottery_result_2nd img,
	#lottery_result img {
		margin: 15px 1%;
		width: 98%;
	}
	#container #notes ul li {
		margin: 0px 10%;
	}
	#container #detail #sample {
		margin: 0px auto;
		float: none;
	}
	#container #lottery_result_2nd h3,
	#container #lottery_result h3,
	#container #lottery_second_result h3,
	#container #lottery_third_result h3,
	#container #lottery_4th_result h3 {
		/*width: 90%;*/
		margin: 0px auto;
		font-size: 15px;
		letter-spacing: 1px;
		float: none;
		padding-left: 20px;
		min-height: 28px;
	}
	#lottery_result #photo {
		margin-top: 0px;
	}
	#lottery_result img {
		width: 100%;
		margin: 10px 0px;
	}
	#container #detail img.ticket_a,
	#container #detail img.ticket_b {
		margin: 0px;
		width: 320px;
		height: auto;
	}

	#container #entryArea {
		padding: 0px;
	}
	#container #entryArea #entryButton {
		width: 90%;
		font-size: 20px;
		letter-spacing: 2px;
		padding: 10px 5%;
		margin: 0px 0px 0px 0px;
	}
	#container #order_pre #step1 .hakagi_mo {
		float: left;
		width: 100%;
	}
	#container #order_pre #step1 img.kansei_hagaki {
		float: left;
		margin-left: 0px;
		width: 100%;
		height: auto;
	}
	#container #order_pre #step1 img#qrEntryForm {
		margin-left: 33%;
		margin-right: 33%;
		margin-top: 0px;
		width: 33%;
		height: auto;
		float: none;
	}


}