@charset "UTF-8";
.ttl {
	margin: 0 auto;
	height:200px;
	background: url(../images/ttl.png) center top no-repeat;
}
.ttl01 {
	margin: 0 auto;
	height:200px;
	background: url(../images/ttl01.png) center top no-repeat;
}
.ttl02 {
	margin: 0 auto;
	height:200px;
	background: url(../images/ttl02.png) center top no-repeat;
}
.ttl03 {
	margin: 0 auto;
	height:200px;
	background: url(../images/ttl03.png) center top no-repeat;
}
.ttlthx {
	margin: 0 auto;
	height:200px;
	background: url(../images/ttlthx.png) center top no-repeat;
}
.ttl01_t {
	margin: 0 auto;
	height:200px;
	background: url(../images/ttl01_t.png) center top no-repeat;
}

.waku {
	margin: 60px auto 0;
	width: 95%;
	max-width: 800px;
	border: double 10px #fcdd00;
	padding: 30px;
	font-weight: bold;
	font-size: medium;
	text-align: center;
	background: #ffefdc;
	border: 3px solid #af967b;
	border-image: linear-gradient(to left top, #594e40 0%,#af967b 50%, #594e40 100%);
	border-image-slice: 1;
	box-shadow:
		 /*inset 0 0 10px 10px rgba(46, 30, 21, 1),*/
		 0 0 10px 0 rgba(96,57,11,0.5);
}
.waku p:first-child{
	padding-top: 0;
}
.waku p{
	padding: 30px 0 0;
}
@media screen and (max-width: 640px){
	.waku{
		font-size: 40px;
	}
	.waku p{
		text-align: left;
	}
}



.buttan a{
	width: 700px;
	height: 135px;
	margin: 0 auto;
	background:url(images/youkou_bt.gif) no-repeat top left;
	display:block;
	 border-width: 0px;
}

.buttan a:hover{
	background-position:bottom left;
}

.ex1 {
	background: #222200;
	width: 720px;
	border: double 4px #CCCC00;
	margin: 60px auto 0 auto;
	padding: 0;
}

.ex1 p {
	width: 640px;
	padding: 40px 0 0 0;
	margin: 0 auto;
	text-align: left;
	font-size: 19px;
	letter-spacing: 3px;
	line-height: 38px;
}

.contact {
	width: 500px;
	border: double 4px;
	margin: 20px auto 0 auto;
	padding: 20px 30px;
	text-align: left;
	font-size: 20px;
	letter-spacing: 3px;
	line-height: 30px;
	color: #FFFFFF;
}



/*form end*/

/*table {border:solid 1px #000; margin: 0 auto;}
table tr {border:solid 1px #000;}
table tr.miss {background:#ccc;}
table td {border:solid 1px #000;padding: 5px 30px}
table#hikaku td {border:solid 1px #000;padding: 5px 66px}
table#hikaku td.one { background:#ECE0E0;}
table#hikaku td.two { background:#FF1D1D; color:#fff;font-weight:bold;font-size:20px;}*/

.jisseki_bg{
	padding-top: 60px;
/*	background: url(../images/jisseki_bg.png) repeat center;*/
	background: url(../images/jisseki02_bg.png) repeat center;
}
.jisseki_bg p{
	color: #ab0707;
}
.jisseki{
	margin: 0 auto 60px;
	height: 120px;
	background: url(../images/jisseki.png) center top no-repeat;
}
table#jisseki{
	background: #fefefe;
	width: 95%;
	max-width: 800px;
	margin: 0 auto;
	border-collapse: collapse;
	text-align: center;
}
table#jisseki tr:not(:last-child){
	border-bottom: 1px solid #ab0707;
}
table#jisseki th{
	padding: 5px;
	background: #ab0707;
	color: #fefefe;
	letter-spacing: 3px;
	font-size: .14rem;
}
table#jisseki td{
	padding: 5px 10px
}
table#jisseki th:not(:last-child){
	border-right: 1px solid #e9acac;}
table#jisseki td:not(:last-child){
	border-right: 1px solid #ab0707;
	font-size: 0.16rem;
}
table#jisseki td:nth-of-type(4),
table#jisseki td:nth-of-type(5){
	text-align: right;
	width: 30%;
}
table#jisseki td:nth-of-type(5){
	color: #ab0707;
	font-weight: bold;
}

table#jisseki td.hit{
	background:#FF1D1D;
	color:#494849;
	font-weight: bold;
	font-size: 25px;
}
table#jisseki td.miss{
	background:#ECE0E0;
	color:#494849;
}
img.jisseki  {
	margin:0 auto 20px;
	display:block;
	width: 424px;
	height: auto;
}


.result{
	width:800px;
	margin:30px auto;
	background:url(images/rbg.gif) repeat-y;
}

.inner{
	width:740px;
	height:261px;
	margin:10px auto;
	background:url(images/resultbd.gif);
}

.innerlose{
	width:740px;
	height:261px;
	margin:10px auto;
	background:url(images/resultbdlose.gif);
}

.innerin{
	width:740px;
	height:200px;
	padding-top:12px;
	padding-left:40px;
	margin:0px auto;
}

.day{
	width:130px;
	height:35px;
	margin:0px auto;
	padding-left:15px;

}

.race{
	width:300px;
	height:35px;
	margin:0px auto;
}




.namber{
	width:200px;
	height:35px;
	margin:0px auto;
}

.money{
	width:200px;
	height:35px;
	margin:0px auto;
}

.mymoney{
	width:200px;
	height:35px;
	margin:0px auto;
}

.all{
	width:742px;
	height:74px;
	margin:0 auto;
	padding:0;
	background:url(images/allmoney.gif) no-repeat;
}

.all2{
	width:742px;
	height:83px;
	margin:50px auto;
	padding-top:70px;
	background:url(images/allmoney2.gif) no-repeat;
}

.all3{
	width:742px;
	height:83px;
	margin:10px auto;
	padding-top:70px;
	background:url(images/allmoney1.gif) no-repeat;
}
.allin{
	width:742px;
	height:74px;
	margin:0 auto;
	padding:20px 0 0 380px;
}


.form_text_kome{
	color:#FF0000;
	font-size:12px;
	line-height:22px;
	font-weight:normal;
}

.rule_text{
	font-size:15px;
	line-height:30px;
	font-weight:normal;
}

.law_text{
	font-size:15px;
	line-height:22px;
	font-weight:normal;
}








/*form*/

table.sen1{
background-color:#c0c0c0;
border:solid 1px #c0c0c0;
border-collapse:collapse;
margin:0 auto;
}

table.sen1 tr{
background-color:#FFFFFF;
border:solid 1px #c0c0c0;
}

table.sen1 td{
border:solid 1px #c0c0c0;
padding:20px 10px 20px 10px;
}

.input-col1 {
	width: 300px;
	background-color: #FCF3F3;
	border: 1px solid #ff5200;
	float: left;
}

.input-col2 {
	width: 300px;
	border: 1px solid #c0c0c0;
	float: left;
}

.form_bt{
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 5px;
	margin: 20px auto;
	padding: 10px 15px;
	width: 500px;

}


/*form*/

div#form{
	color:#000000;
	width: 700px;
	margin: 0 auto;
}

div#form p{
	font-size: 18px;
	color: #000000;
	text-align: center;
	margin:0 auto;
	padding:0 auto;
}

div#form p input{
	font-size: 20px;
	letter-spacing: 3px;
	margin: 0 auto;
	padding: 0 60px;
	height: 60px;
	text-align: center;
}

div#form h2, div#form ul,div#form h3{
	text-align: center;
}

div#form ul{
	color: #FF0000;
	margin-top: 1em;
}

div#form button{
	text-align: center;
	margin:0 320px;
}

div#form table{
	color: #000000;
	margin: 10px auto;
	border-collapse: collapse;
	border: solid 1px #696969;
}

div#form table th {
	width: 200px;
	border-bottom: solid 1px #696969;
	border-right: solid 1px #696969;
	background: #ffdead;
	text-align: left;
	white-space: nowrap;
	padding: 10px;
}

span.required{
	color: #FF0000;
	font-weight:normal;
}

div#form table td {
	width: 250px;
	border-bottom: solid 1px #696969;
	border-right: solid 1px #696969;
	background: #fdf5e6;
	white-space: nowrap;
	padding: 10px;
}

div#form input submit{
	width:500px;
}

/*form end*/


/* textcolor */

.left {
	display: block;
	text-align: left;
	float: left;
}

.right {
	display: block;
	text-align: right;
	float: right;
}
.left p {
	width:auto;
	font-size:19px;
}
.right p {
	width:auto;
	font-size:19px;
}
.clear {
	clear:both;
}



.header .form_area {
	margin: 0 auto;
	width:920px;
	height:332px;
	background-image:url(../images/bg_form.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 460px;
	left: 168px;
}
.form_bx {
	width: 95%;
	max-width: 800px;
	margin: 0 auto;
	padding: 40px;
	color: #e1ccb2;
	/*background: #2b1d14;
	background-image:
		 linear-gradient(0deg, rgba(46, 30, 21, 1),
			rgba(69, 53, 39, 1) 80%,
		 rgba(82, 66, 50, 1) 100%);
	border: 3px solid #f5f6d4;
	border-image: linear-gradient(to left top, #c49e1f 0%,#f5f6d4 50%, #c49e1f 100%);
	border-image-slice: 1;*/
	background: #38475e;
	background-image:
		 linear-gradient(0deg, rgba(29, 36, 48, 1),
			rgba(47, 59, 77, 1) 80%,
		 rgba(56, 71, 94, 1) 100%);
	border: 6px inset #af967b;
	box-shadow:
		 inset 0 0 10px 10px rgba(37, 44, 58, 1),
		 0 0 10px 0 rgba(35,42,55,0.5);
}
.form_bx p{
	padding: 30px 0 0;
}
.form_bx .form_ttl{
	padding-top: 0;
	padding-bottom: 20px;
	border-bottom: 1px solid #f5f6d4;
	border-image: linear-gradient(to left top, #594e40 0%,#ab967c 50%, #594e40 100%);
	border-image-slice: 1;
}
.form_bx .form_item:before{
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-left: 5px solid #db4545;
}
#content .form_bx{
	margin-top: 60px;
}
#content .form_bx .form_ttl{
	padding: 0;
}
#content .form_bx p{
	padding: 30px 0 0;
}
.form_bx .form_q{
	background: #fffbf6;
	padding: 10px 5%;
	color: #2b1d14;
	border-radius: 3px;
	border: 2px solid #594e40;
}
#content .form_bx .form_q .form_item{
	line-height: 1.2;
	border-bottom: 1px dashed;
	padding-bottom: 10px;
}
.form_bx .form_q .form_item span{
	display: inline-block;
	background: #38475e;
	font-size: .14rem;
	color: #fffbf6;
	margin-bottom: 10px;
	padding: 2px 5px;
	line-height: 1;
	border-radius: 3px;
}
.form_bx table{
	border-collapse: collapse;
	background: #fff2e4;
	width: 100%;
	margin: 30px auto 0;
	color: #2b1d14;
	line-height: 1.4;
}
.form_bx table th{
	padding: 10px;
	font-weight: normal;
	font-size: .16rem;
	width: 20%;
	border: 1px solid;
	background: #af967b;
}
.form_bx table td{
	padding: 10px 20px;
	border: 1px solid;
}
.radius3{
	border-radius: 3px;
}
input[type="text"] {
	border: 2px solid #594e40;
	background: #fffbf6;
	border-radius: 3px;
	font-size: 20px;
	padding: 10px;
	width: 100%;
	max-width: 800px;
}
::-webkit-placeholder {
	color: #979797;
	font-size: .16rem;
}
:-moz-placeholder {
	color: #979797;
	font-size: .16rem;
}
::-moz-placeholder {
	color: #979797;
	font-size: .16rem;
}
:-ms-placeholder {
	color: #979797;
	font-size: .16rem;
}
::placeholder{
	color: #979797;
	font-size: .16rem;
}

label {
	cursor: pointer;
	/*cursor: hand;*/
	font-weight:normal;
}
textarea {
	font-size: 18px;
	width: 100%;
	min-height: 200px;
	border: 2px solid #594e40;
	background: #fffbf6;
	border-radius: 3px;
	padding: 10px;
	width: 100%;
	max-width: 800px;
}
input:checked + span{
	color: #2b7fde;
	font-weight: 600;
	/*text-shadow: 1px 0 3px rgb(250,242,223,1),
	 0 1px 3px rgb(250,242,223,1),
	 -1px 0 3px rgb(250,242,223,1),
	 0 -1px 3px rgb(250,242,223,1);*/
	position: relative;
}
input:checked + span:after{
	content: "";
	display: inline-block;
	position: absolute;
	width: 110%;
	height: 5px;
	left: -10%;
	bottom: -5px;
	background: #2b7fde;
}
input[type="image"]{
	display: block;
	margin: 30px auto 0;
	width: 100%;
}

form .error{
	display: block;
	margin: 0 auto;
	color: #db4545;
}
form .error:before{
	content: "※";
	display: inline-block;

	margin-right: 5px;
}
form .end{
	font-size: 1.5em;
	color: #db4545;
	margin-bottom: 0;
	font-weight: bold;
	text-align: center;
}

.wrap.ft {
	background:#d27b0b;
}
#jisseki_area {
	width:830px;
	margin: 0 auto;
	background:#fff;
	padding-bottom: 60px;
	padding-top:1px;
}
#jisseki_area .result_in p {
	color:#333;
}
#jisseki td.redp {
	color:red !important;
	font-weight:normal !important;
}


.ft_header {
	text-align: center;
	height:521px;
}
.ft_head {text-align: center;}



/*レスポンシブ*/
@media screen and (max-width: 480px) {
	.wrap .ttl img {
		width:87% !important;
	}
	input[type="text"]{
		font-size: 30px;
		line-height: 1.4;
	}
}
/*.botton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #ffffff;
	padding: 10px 150px;
	background: -moz-linear-gradient(
		top,
		#f03427 0%,
		#f02618);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#f03427),
		to(#f02618));
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #e82e0e;
	-moz-box-shadow:
		0px 1px 3px rgba(209,151,4,0.5),
		inset 0px 0px 2px rgba(217,54,13,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(209,151,4,0.5),
		inset 0px 0px 2px rgba(217,54,13,1);
	box-shadow:
		0px 1px 3px rgba(209,151,4,0.5),
		inset 0px 0px 2px rgba(217,54,13,1);
	text-shadow:
		0px -1px 0px rgba(84,54,3,0.2),
		-1px -1px 0px rgba(128,58,32,0.4);
}*/
.botton:hover {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}


#tokusyouhou_page #header {
	width: 880px;
	margin: 0 auto;
}
#tokusyouhou_page img {
	width: 640px;
}
#kiyaku_page #header {
	width: 880px;
	margin: 0 auto;
}
#kiyaku_page img {
	width: 640px;
}

/* 点滅 */
.blinking{
	/*-webkit-animation:blink 0.5s ease-in-out infinite alternate;
	-moz-animation:blink 0.5s ease-in-out infinite alternate;
	animation:blink 0.5s ease-in-out infinite alternate;*/
	display:block;
	text-align: center;
	color:red;
	font-weight:bold;
	font-size:26px;
	padding-top:10px;
}
@-webkit-keyframes blink{
	0% {opacity:0;}
	100% {opacity:1;}
}
@-moz-keyframes blink{
	0% {opacity:0;}
	100% {opacity:1;}
}
@keyframes blink{
	0% {opacity:0;}
	100% {opacity:1;}
}
input[type="submit"], input[type="reset"], input[type="button"], button{
  cursor: pointer;
}

.hit_img {text-align:center;}
.hit_img img {
	border:double 2px #f71515;
	padding:3px;
}
.button {
	text-align: center;
	font-size: 28px;
	position: absolute;
	left: 241px;
	top: 340px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #ffffff;
	padding: 10px 30px;
	background: -moz-linear-gradient( top, #26e661 0%, #145008);
	background: -webkit-gradient( linear, left top, left bottom, from(#26e661), to(#145008));
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #076d1c;
	-moz-box-shadow: 0px 1px 3px rgba(209,151,4,0.5), inset 0px 0px 2px rgb(13, 217, 38);
	-webkit-box-shadow: 0px 1px 3px rgba(209,151,4,0.5), inset 0px 0px 2px rgb(13, 217, 38);
	box-shadow: 0px 1px 3px rgba(209,151,4,0.5), inset 0px 0px 2px rgb(13, 217, 38);
	text-shadow: 0px -1px 0px rgba(84,54,3,0.2), -1px -1px 0px rgba(128,58,32,0.4);
}
.button:not(:target) {
	background:green\9;
	background:green;
}
html>/**/body .button {
  background /*\**/: green \9;
}
.button:hover {
	background:#ff2400;
	border:solid 1px #ff2400;
}




#cr_btn {
	font-size: 28px;
	color: #150c01;
	font-weight: 600;
	letter-spacing: 1px;
	padding: 10px 60px;
	display: block;
	margin: 0 auto;
	background: -moz-linear-gradient( top, #ebddca 0%, #d5b99f);
	background: -webkit-gradient( linear, left top, left bottom, from(#ebddca), to(#d5b99f));
	text-shadow:
		0px -1px 0px rgba(0,211,104,0.2),
		-1px -1px 0px rgba(0,211,104,0.4);
  text-shadow:
		1px 1px 1px rgba(0,211,104,0.1),
		1px -1px 1px rgba(0,211,104,0.1),
		-1px 1px 1px rgba(0,211,104,0.1),
		-1px -1px 1px rgba(0,211,104,0.1);
	border-radius: 50px;
	border: 3px solid #150c01;
	box-shadow:
		 inset 0 2px 10px 5px rgba(235, 221, 202, 1),
		 inset 0 -2px 10px 5px rgba(208, 183, 157, 1),
		 0 0 10px 0 rgba(35,42,55,0.5);
}
#cr_btn:hover {
	color: #ab0707;
	background: #d5b99f;
	border: solid 3px #150c01;
	box-shadow: none;
}

/*#cr_btn:not(:target) {
	background:red\9;
	background:red;
}
#cr_btn:hover:not(:target) {
	background:#333\9;
	background:#333;
}*/
html>/**/body #cr_btn {
  background /*\**/: red \9;
}



/*レスポンシブ*/
@media screen and (max-width: 480px) {
	.wrap .ttl img {
		width:87% !important;
	}
}

/*追加*/
.botton {
	width:676px;
	height:116px;
	/*position: absolute;*/
	top: 340px;
	right: 150px;
}
.header02 .contents .form_area .botton {
	width:600px;
	height:85px;
	position: absolute;
	top: 260px;
	right: 160px;
}
.ft .form_area dl {
	width:600px;
	height:85px;
	position: absolute;
	top: 25px;
	right: 160px;
}
.ft .form_area .botton {
	width:600px;
	height:85px;
	position: absolute;
	top: 215px;
	right: 160px;
}
.pic{
	width: 100%;
	padding: 30px 5% 0;
	text-align: center;
}
.pic img{
	width: 100%;
}