@charset "UTF-8";

/*-------------------------------------------------
	++ HOWTO BET
-------------------------------------------------*/
.pointTypeBtn {
	padding-bottom:7vw;
}
.pointTypeBtn ul li {
	width:50%;
	float:left;
}
.pointTypeBtn ul li a {
	display:block;
	position: relative;
	width:100%;
	background-color:#999;
	color:#FFF;
	padding:2vw 2vw 2vw 2vw;
	box-shadow:1px 1px 3px 0 rgba(0,0,0,0.2);
}
.pointTypeBtn ul li.current a:after{
	content: "";
	position: absolute;
	right: 0;
	bottom: -10px;
	left: 0;
	width: 0px;
	height: 0px;
	margin: auto;
	border-style: solid;
	border-color: #999 transparent transparent transparent;
	border-width: 10px 10px 0 10px;
}
.pointTypeBtn ul li.typeChange {
	padding-right:1px;
}
.pointTypeBtn ul li.typeChange a {
	background:#fcb800;
	background-size: auto 5vw;
	color:#fcb800;
	border:1px solid #fcb800;
}
.pointTypeBtn ul li.typeChange a:after {
	border-color: #fcb800 transparent transparent transparent;
}
.pointTypeBtn ul li.typeChange a:hover,
.pointTypeBtn ul li.typeChange.current a {
	background:#fcb800;
	background-size: auto 5vw;
	color:#FFF;
}
.pointTypeBtn ul li.typeLottery {
	padding-left:1px;
}
.pointTypeBtn ul li.typeLottery a {
	background:#e6ffd1;
	background-size: auto 5vw;
	color:#7fbd4a;
	border:1px solid #7fbd4a;
}
.pointTypeBtn ul li.typeLottery a:after {
	border-color: #7fbd4a transparent transparent transparent;
}
.pointTypeBtn ul li.typeLottery a:hover,
.pointTypeBtn ul li.typeLottery.current a {
	background:#7fbd4a;
	background-size: auto 5vw;
	color:#FFF;
}

.typeContent .selectBtn {
	margin-bottom:5vw;
}
.typeContent .selectBtn ul {
	width:100%;
	letter-spacing: -.4em;
}
.typeContent .selectBtn li {
	width:33%;
	margin-right:0.5%;
	letter-spacing: normal;
    height: 13vw;
	display:inline-block;
	vertical-align: middle;
	background:#e6ffd1 url(/images/arrow/arrow_white.png) right 1vw center no-repeat;
	background-size:2vw auto;
	border:1px solid #7fbd4a;
	border-radius:1vw;
	box-shadow:1px 1px 2px 0px rgba(0,0,0,0.3);
}
.typeContent .selectBtn li:nth-of-type(3n) {
	margin-right:0;
}
.typeContent .selectBtn li a {
	display:block;
	width:100%;
	height:100%;
	color:#299fc4;
	padding:5vw 3vw 5vw 2vw;
	word-wrap:break-word;
	font-size:85%;
	line-height: 1;
}
.typeContent .selectBtn.colY li {
	background:#ffffdc url(/images/arrow/arrow_yellow02.png) right 1vw center no-repeat;
	background-size:2vw auto;
    border: 1px solid #fcb800;
}
.typeContent .selectBtn.colY li a {
	color: #fcb800;
}
.typeContent .selectBtn li.current a,
.typeContent .selectBtn li a:hover {
	background:#7fbd4a url(/images/arrow/arrow_white.png) right 1vw center no-repeat;
	background-size:2vw auto;
	color:#FFF;
}
.typeContent .selectBtn.colY li.current a,
.typeContent .selectBtn.colY li a:hover {
	background-color:#fcb800;
}

.blockPD125.changeMoney ul li .detail .hx,
.blockPD125.changeMoney ul li .detail2 .hx {
	color:#fcb800;
}


table.changePoint {
	width:100%;
	margin:0 auto;
	text-align: center;
}
table.changePoint thead tr {
	background-color: #333333;
	color:#FFF;
}
table.changePoint th,
table.changePoint td {
	padding:10px;
	text-align: center;
}
table.changePoint tbody tr {
	background-color:#FFF;
	border-bottom:1px solid #d0d0d0;
}
table.changePoint tbody tr:nth-of-type(even) {
	background-color:#fafaf5;
}
table.changePoint tbody tr th {
	width:15%;
}
table.changePoint tbody tr td {
	width:40%;
}
table.changePoint tbody tr th label.radio{
	background-size:30px;
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 0;
	margin-right:0;
	width:30px;
	min-width: 30px;
	min-height: 30px;
}
table.changePoint tbody tr th label.radio[disabled]{
	height: 30px;
	line-height: 30px;
	border-radius: 30px;
	padding: 0 0 0 0;
	margin-right:0;
	width:30px;
	min-width: 30px;
	min-height: 30px;
}


.bankaccount {
	width:100%;
	margin:0 auto;
	text-align: center;
	letter-spacing: -.4em;
}
.bankaccount dt {
	display:inline-block;
	letter-spacing: normal;
	background-color:#333;
	color:#FFF;
	padding:10px;
	width:30%;
}
.bankaccount dd {
	display:inline-block;
	letter-spacing: normal;
	padding:10px;
	width:70%;
	border-top:1px solid #d0d0d0;
	border-bottom:1px solid #d0d0d0;
	
}

.formAtt {
	width:100%;
	margin:30px auto 0 auto;
	text-align: center;
	border:1px solid #ff556d;
	padding:20px;
	font-size:14px;
}
.formAtt p {
	text-align: left;
}


.point_cInner {
    display: block;
    clear: both;
	width: 100%;
    margin: 0 auto;
    text-align: center;
    position: relative;
    padding: 0 3vw;}

.point_block li {
	width:100%;
	float:left;
    border: 1px solid #d0d0d0;
	border-radius: 15px;
    margin: 0 0 20px 0;
    padding: 0;
	font-size: 3.5vw;
	text-align: left;}
.point_block ul li h3 {
    background-color: #fcb800;
    color: #FFFFFF;
	font-size: 4vw;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
    text-align: left;
    padding: 10px 15px;}
.point_block ul li span {
	padding: 10px;
	display: block;}
.point_block ul li .img {
	float:left;
	width:125px;
	margin-bottom: 10px;}
.point_block ul li .detail {
	padding-left:140px;
	text-align: left;}

.pointBox {
	width:100%;
	margin:30px auto 0 auto !important;
	text-align: left;
	border:1px solid #ff0000;
	padding:20px;
	font-size:3.5vw;}
.pointBox h4 {
	font-weight: bold;
	font-size: 3.8vw;}
.pointBoxList {
	margin:0px;}
.pointBoxList li {
	text-align: left;
	line-height: 1.6em;
	list-style-type:none;
	padding: 0 0 0 1.0em;
	text-indent: -1.0em;}