@charset "utf-8";
/*=====================================================
	Main Contents
=====================================================*/

.commonBox {
	border:4px solid #cecece;
	padding:20px 40px 20px 40px;
}
.commonBox-bottom {
	margin-bottom:20px;
}
.commonBox p {
	margin-bottom:1em;
}
.commonBox dl dt {
	padding:3px 0px 3px 20px;
	font-size:108%;
	background-color:#999;
	font-weight:bold;
	color:#fff;
}
.commonBox h5 {
	padding:20px 0 20px 0;
	font-size:108%;
	font-weight:bold;
	color:#000;
}
.PRbox {
	margin:0 0px 20px;
	padding:20px;
	border:1px solid #090;
}
.PRbox dl dt {
	padding:2px;
	margin-bottom:5px;
	text-align:center;
	background: #090 none;
}
.formBg {
	margin:0 10px 10px;
	padding:0 0 5px;
	text-align:center;
}
.formFrame {
	margin:10px 0 20px 0;
	padding:5px 0;
	text-align:center;
	border: solid #CCC 1px;
}
.formBg02 {
	margin:10px 0 20px 0;
	padding:20px 0;
	text-align:center;
	background-color:#eeecec;
}
.formIn {
	text-align:center;
	padding:10px 0 15px 0;
}
.formIn #textarea {
	width:550px;
	height:1.4em;
}
.formInText {
	font-size:10px;
	color:#C00;
}
.formLeft {
	float:left;
}
.formLeft .textarea, .formIn .textarea {
	width:320px;
}
.formRight {
	width:196px;
	float:right;
}
.btn {
	text-align:center;
}
.completeTxt {
	margin-bottom:15px;
	padding-left:30px;
}
#linkback {
	text-align:right;
	font-size:77%;
}
#linkback a {
	padding:12px;
	color:#000;
	text-decoration:none;
}
#linkback a:hover {
	text-decoration:underline;
	color:#999;
}
/* ------------ Title ------------ */
#titleForget {
	background:url(../img/title_forget.gif) no-repeat;
}
#titleCustomer {
	background:url(../img/title_customer.gif) no-repeat;
}
#titleRegistExec {
	background:url(../img/title_regist_exec.gif) no-repeat;
}
#titleUpdate {
	background:url(../img/title_update.gif) no-repeat;
}
#titleMailchange {
	background:url(../img/title_mailchange.gif) no-repeat;
}
#titleTaikai {
	background:url(../img/title_taikai.gif) no-repeat;
}
#titleItemlist {
	background:url(../img/title_itemlist.gif) no-repeat;
}
#titleSettleSelect {
	background:url(../img/title_settleselect.gif) no-repeat;
}
/* ------------ Title2 ------------ */
#titleCompany {
	background:url(../img/title_company.gif) no-repeat;
}
#titleOutline {
	background:url(../img/title_outline.gif) no-repeat;
}
#titleOutlineKeiba {
	background:url(../img/title_outlineKeiba.gif) no-repeat;
}
#titlePrivacy {
	background:url(../img/title_privacy.gif) no-repeat;
}
#titleRule {
	background:url(../img/title_rule.gif) no-repeat;
}
#titleRuleEntry {
	background:url(../img/title_ruleEntry.gif) no-repeat;
}
#titleSetting {
	background:url(../img/title_setting.gif) no-repeat;
}
#titleSitemap {
	background:url(../img/title_sitemap.gif) no-repeat;
}
#titlesetting {
	background:url(../img/title_setting.gif) no-repeat;
}
/* 追加 2015.11.27 */
#titlePreLogin {
	background:url(../img/title_prelogin.gif) no-repeat;
}

/*=====================================================
	Side Contents
=====================================================*/

/* ------------ Hit RANKING ------------ */
#sideHitrank {
	margin-bottom:15px;
}
#sideHitrank h3 {
	background:url(../img/side_title_hitrank.gif) no-repeat;
	height:39px;
	text-indent:-9999px;
}
#sideHitrank h4 {
	padding:7px 6px 0 0;
	font-weight:bold;
	font-size:16px;
	line-height:17px;
	text-align:right;
	color:#574444;
}
#sideHitrank h5 {
	padding-right:6px;
	font-size:11px;
	line-height:12px;
	text-align:right;
	color:#574444;
}
#sideHitrank h6 {
	padding-right:6px;
	font-size:10px;
	line-height:11px;
	text-align:right;
	color:#574444;
}
#sideHitrank ul {
}
#rankBase1, #rankBase2, #rankBase3, #rankBase4, #rankBase5 {
	height:56px;
	background:url(../img/side_bg_hitrank.gif) no-repeat;
	margin-top:2px;
}
#rankBase1 {
	background-position:0px 0px;
}
#rankBase2 {
	background-position:0px -56px;
}
#rankBase3 {
	background-position:0px -112px;
}
#rankBase4 {
	background-position:0px -168px;
}
#rankBase5 {
	background-position:0px -224px;
}
/* ------------ Customer support ------------ */
#sideCustomer {
	margin:0 0 15px;
	text-align:center;
}
#sideCustomer h3 {
	display:none;
}
#sideCustomer a {
	display:block;
	background:url(../img/side_btn_customer.gif);
	width:240px;
	height:160px;
	text-indent:-9999em;
}
/* ------------ Side Mobile ------------ */
#sideMobile {
	margin:0 0 15px;
	padding-bottom:10px;
	font-size:85%;
	text-align:center;
	background:url(../img/side_mobile.png) no-repeat top;
	background-color:#f3f3f3;
}
#sideMobile h3 {
	height:70px;
	text-indent:-9999px;
}
#sideMobile h4 {
	height:155px;
	text-indent:-9999px;
}
#sideMobile h5 {
	width:204px;
	text-align:left;
	margin:0 auto;
}
#sideMobile #textarea {
	height:1.2em;
	width:204px;
}
#sideMobile input {
	margin-bottom:2px;
}
#sideMobile p {
	margin-bottom:1em;
}
/*=====================================================
	Table
=====================================================*/
.tableItem {
	margin:0 auto 5px;
	width:600px;
	border-collapse:separate;
	border-spacing:2px;
}
.tableItem th {
	width:25%;
	padding:4px 0;
	text-align:center;
	background:#FFF;
	color:#333;
}
.tableItem td {
	width:75%;
	padding:10px 10px;
	background-color:#FFF;
	color:#000;
}
.tableItem td.end {
	border:0px none;
	background:#999;
	text-align:center;
	padding:3px 0;
}
.tableItem td.end a {
	color:#FFF;
	padding-left:15px;
}
.tableItem td.del {
	border:0px none;
	text-align:right;
	background:none;
}
.tableItem2 {
	margin:0 auto 5px;
	width:600px;
	border-collapse:separate;
	border-spacing:2px;
}
.tableItem2 th {
	width:20%;
	text-align:center;
}
.tableItem2 td {
	width:80%;
	padding:4px 10px;
	background:#fff9cc url(../img/bg_reserve_item.png) repeat-y 50% 0%;
	color:#000;
}
.tableItem em, .tableItem2 em {
	font-weight:bold;
}
.tableItem bank {
	font-size:x-large;
}

/*  index
--------------------------------------------------------------------------------- */
#registForm {
	width:650px;
	margin-bottom:20px;
	text-align:center;
	margin:0 auto;
}
#registForm h2 {
	height:152px;
	text-indent:-9999px;
	background:url(../img/regist_01.png) no-repeat;
}
#registForm form {
	margin:0;
}
#regMail {
	height:64px;
	background:url(../img/regist_02.png) no-repeat;
	color:#fff;
}
#regMailInput {
	padding:5px 0 0 0px;
	text-align:center;
	margin:0 auto;
}
#regMailInput #err02 {
	font-size:12px;
	color:#F00;
	height:24px;
}
#regMailInput #textarea {
	width:584px;
	height:1.4em;
	font-size:124%;
}
#regBtn {
	height:160px;
	background:url(../img/regist_03.png) no-repeat;
}
#regBtn:after {
	content:url(../img/spacer.gif);
	display:block;
	height:0;
	visibility:hidden;
}/* clearfix */
#regBtn {
	display:inline-block;
}/* clearfix */
#regBtn {
	display:block;
}/* clearfix */
#regBtn #regTxt {
	width:585px;
	font-size:10px;
	color:#fff;
	text-align:left;
	margin:0 auto;
	padding-top:2px;
}
#regBtn #regTxt a {
	color:#ffdc33;
}
#regBtn #regBtnInput {
	width:585px;
	margin:0 auto;
	text-align:center;
}
#regBtn #regBtnInput input {
	margin:0;
	padding:0;
	vertical-align:bottom;
}
#registForm #setting {
	background:url(../img/regist_04.png) no-repeat;
	height:88px;
	text-align:left;
}
#registForm #setting p {
	padding:18px 0 0 560px;
}
#registForm #setting a {
	display:block;
	background:url(../img/btn_mobile.png) no-repeat;
	width:56px;
	height:0px;
	padding-top:56px;
	overflow:hidden;
}
#registForm #setting a:hover {
	background-position:0 -56px;
}
/*  information
--------------------------------------------------------------------------------- */
#campaign {
	border:4px solid #e0dcd6;
	padding:20px 20px 30px;
}
#campaign p {
	margin-bottom:1em;
}
#campaign .tableItem2 {
	margin-bottom:30px;
}
#campaign table em {
	font-size:116%;
}
#campaignLink a {
	display:block;
	margin:0 auto;
	width:609px;
	height:0;
	padding-top:78px;
	overflow:hidden;
	background:url(../img/btn_campaign.png) no-repeat;
}
#campaignLink a:hover {
	background-position:0px -78px;
}
#infoBg {
	margin-bottom:30px;
	height:240px;
	text-align:center;
	background:url(../img/infoBg.png) no-repeat;
	color:#000;
}
#infoBg ul {
	padding:40px 0;
}
#infoBg #mainRace {
	font-size:153.9%;
	font-weight:bold;
}
#infoBg #mainTime {
	font-size:108%;
}
#infoBg #subRace {
	font-size:138.5%;
	font-weight:bold;
	margin-bottom:15px;
}
#infoBg #jockey {
	font-size:138.5%;
	font-weight:bold;
	color:#036;
}
#infoBg #horse {
	font-size:138.5%;
	font-weight:bold;
	color:#e00000;
}
#infoBakenSelect {
	margin-bottom:30px;
}
#infoBakenSelect dl:after {
	content:url(../img/s.gif);
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
#infoBakenSelect dl {
	display:inline-block;
}
#infoBakenSelect dl {
	display:block;
}
#infoBakenSelect dl {
	width:460px;
	margin:0 auto 5px;
}
#infoBakenCols {
	font-size:123.1%;
	font-weight:bold;
}
#infoBakenCols dt {
	float:left;
	width:150px;
	padding:5px 0;
	text-align:center;
	background:#cc0000;
	color:#fff;
}
#infoBakenCols dd {
	float:right;
	width:300px;
	padding:5px 0;
	color:#000;
}
#infoBakenColsNo {
	font-size:123.1%;
	font-weight:bold;
}
#infoBakenColsNo dl dt {
	float:left;
	width:150px;
	padding:5px 0;
	text-align:center;
	background:#000;
	color:#fff;
}
#infoBakenColsNo dl dd {
	float:right;
	width:280px;
	padding:5px 10px;
	background:#f9f0c0;
	color:#e00000;
}
.infoBakenUnder {
	margin:0 25px 30px;
	padding:15px;
	border:3px solid #e0dcd6;
}
h3#infoBakenTitle {
	display:none;
}
/*  itemList
--------------------------------------------------------------------------------- */
#idxCampaign {
	margin-bottom:30px;
	background:url(../img/bar_campaign.png) no-repeat;
}
#idxTicket {
	margin-bottom:30px;
	background:url(../img/bar_ticket.png) no-repeat;
}
#idxCampaign h3, #idxTicket h3 {
	height:50px;
	margin-bottom:10px;
	text-indent:-9999px;
}
#idxTicket .txt {
	text-indent:-9999em;
}
#ticket3000 {
	background:url(../img/ticket_3000.png) no-repeat;
	height:224px;
	position:relative;
}
#ticket5000 {
	background:url(../img/ticket_5000.png) no-repeat;
	height:168px;
	position:relative;
}
#ticket10000 {
	background:url(../img/ticket_10000.png) no-repeat;
	height:168px;
	position:relative;
}
#ticket30000 {
	background:url(../img/ticket_30000.png) no-repeat;
	height:184px;
	position:relative;
}
#ticket3000 a {
	display:block;
	position:absolute;
	width:454px;
	height:0;
	padding-top:62px;
	overflow:hidden;
	background:url(../img/btn_ticket.png) no-repeat;
	top:145px;
	left:177px;
}
#ticket3000 a:hover {
	background-position:0 -248px;
}
#ticket5000 a {
	display:block;
	position:absolute;
	width:454px;
	height:0;
	padding-top:62px;
	overflow:hidden;
	background:url(../img/btn_ticket.png) no-repeat;
	background-position:0 -62px;
	top:88px;
	left:177px;
}
#ticket5000 a:hover {
	background-position:0 -310px;
}
#ticket10000 a {
	display:block;
	position:absolute;
	width:454px;
	height:0;
	padding-top:62px;
	overflow:hidden;
	background:url(../img/btn_ticket.png) no-repeat;
	background-position:0 -124px;
	top:88px;
	left:177px;
}
#ticket10000 a:hover {
	background-position:0 -372px;
}
#ticket30000 a {
	display:block;
	position:absolute;
	width:454px;
	height:0;
	padding-top:62px;
	overflow:hidden;
	background:url(../img/btn_ticket.png) no-repeat;
	background-position:0 -186px;
	top:88px;
	left:177px;
}
#ticket30000 a:hover {
	background-position:0 -434px;
}
#idxCampaign p, #idxTicket p {
	margin-bottom:1em;
	padding:0 20px 0 130px;
}
#idxCampaign p em, #idxTicket p em {
	color:#069;
	font-weight:bold;
}
#flow02 {
	background:url(../img/flow02.png) no-repeat;
	height:140px;
}
#flow03 {
	background:url(../img/flow03.png) no-repeat;
	height:140px;
}
#flow04 {
	background:url(../img/flow04.png) no-repeat;
	height:140px;
}
#reservation {
	padding-bottom:20px;
	margin-bottom:30px;
	background-color:#d8d8d8;
}
#reservation #ttlReservation {
	height:56px;
	padding-top:10px;
	text-indent:-9999px;
	background:url(../img/bar_reserve.png) no-repeat bottom;
}
#reservation #ttlCart {
	height:56px;
	padding-top:10px;
	text-indent:-9999px;
	background:url(../img/bar_cart.png) no-repeat bottom;
}
#reservation #cansel {
	padding:3px 0px;
	background-color:#F00;
	width:596px;
	margin:0 auto;
	text-align:center;
	color:#FFF;
}
#reservation p {
	margin-bottom:1em;
	padding:0 20px;
}
#reservation .tableItem em {
	font-size:116%;
	font-weight:bold;
	color:#ec0000;
}
#reservation .select {
	border:0px none;
}
#reservation .select a {
	display:block;
	width:609px;
	height:0;
	padding-top:78px;
	overflow:hidden;
	background:url(../img/btn_cart.png) no-repeat;
}
#reservation .select a:hover {
	background-position:0 -78px;
}
#reserveConfirm .tableItem em {
	font-size:116%;
	font-weight:bold;
}
/*  race
--------------------------------------------------------------------------------- */
.race {
	margin-bottom:30px;
}
.raceTitle {
	background-color:#678f9c;
	border-left:solid #256f87 8px;
	color:#FFF;
	font-size:16px;
	padding:5px 0 5px 24px;
	font-weight:bold;
	margin-bottom:3px;
}
.raceTable {
	text-align:center;
	margin:0 auto 5px;
	width:650px;
	border-collapse:separate;
	border-spacing:2px;
}
.raceTable th {
	width:75%;
	padding:10px 0;
	text-align:center;
	background:#eeecec;
	color:#333;
}
.raceTable td {
	width:25%;
	padding:10px 10px;
	background: #3bd352; /* Old browsers */
	background: -moz-linear-gradient(top, #3bd352 0%, #68d350 50%, #1ac117 50%, #1dbc0b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3bd352), color-stop(50%, #68d350), color-stop(50%, #1ac117), color-stop(100%, #1dbc0b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #3bd352 0%, #68d350 50%, #1ac117 50%, #1dbc0b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #3bd352 0%, #68d350 50%, #1ac117 50%, #1dbc0b 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #3bd352 0%, #68d350 50%, #1ac117 50%, #1dbc0b 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3bd352', endColorstr='#1dbc0b', GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #3bd352 0%, #68d350 50%, #1ac117 50%, #1dbc0b 100%); /* W3C */
	color:#FFF;
}
.raceTable a {
	color:#FFF;
}
.raceTable02 {
	text-align:center;
	margin:0 auto 5px;
	width:650px;
	border-collapse:separate;
	border-spacing:2px;
}
.raceTable02 th {
	width:75%;
	padding:10px 0;
	text-align:center;
	background:#eeecec;
	color:#333;
}
.raceTable02 td {
	width:25%;
	padding:10px 10px;
	background: #acaeaf; /* Old browsers */
	background: -moz-linear-gradient(top, #acaeaf 0%, #a2a9ad 50%, #626970 50%, #929ba3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #acaeaf), color-stop(50%, #a2a9ad), color-stop(50%, #626970), color-stop(100%, #929ba3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #acaeaf 0%, #a2a9ad 50%, #626970 50%, #929ba3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #acaeaf 0%, #a2a9ad 50%, #626970 50%, #929ba3 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #acaeaf 0%, #a2a9ad 50%, #626970 50%, #929ba3 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#acaeaf', endColorstr='#929ba3', GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #acaeaf 0%, #a2a9ad 50%, #626970 50%, #929ba3 100%); /* W3C */
	color:#FFF;
}
.raceTable02 a {
	color:#FFF;
}
/*  settle
--------------------------------------------------------------------------------- */
/*#settle {
	margin-bottom:20px;
	background:url(../img/bar_settle.png) no-repeat;
}*/
#settle {
	padding-bottom:20px;
	margin-bottom:30px;
	background:url(../img/bar_settle.png) no-repeat;
	background-color:#d8d8d8;
}
#settle h3 {
	height:56px;
	margin-bottom:10px;
	text-indent:-9999px;
}
#settle p {
	margin-bottom:1em;
	padding:0 20px;
}
#settle .tableItem em {
	font-size:116%;
	font-weight:bold;
	color:#000000;
}
#settle table.bank td, #settle table.bank th {
	background-color:#FFC;
	background-image:none;
}
#settle dl {
	width:600px;
	margin:0 auto 10px;
}
#settle dl dt {
	padding:5px 0px 5px 20px;
	font-size:124%;
	font-weight:bold;
	background:#999;
	color:#fff;
}
#settle .em {
	margin:1em 0 0;
	text-align:center;
}
#settle .em p {
	margin:0 !important;
}
#settle .em #bRakuten a {
	display:block;
	width:609px;
	height:0px;
	padding-top:78px;
	overflow:hidden;
	margin:1em auto 0 !important;
	background:url(../img/btn_bank_rakuten.png) no-repeat;
}
#settle .em #bRakuten a:hover {
	background-position:0px -78px;
}
#settle .em #bJNB a {
	display:block;
	width:180px;
	height:0px;
	padding-top:70px;
	overflow:hidden;
	margin:1em auto 0 !important;
	background:url(../img/btn_bank_jnb.png) no-repeat;
}
#settle .em #bJNB a:hover {
	background-position:0px -70px;
}
#settle .return {
	text-align:right;
}
#settle #settleComplete {
	width:540px;
	margin:0 auto;
	text-align:center;
}
#settle #settleComplete em {
	font-size:124%;
	font-weight:bold;
	color:#f00;
}

#settle .em #bRakuten a {
	display:block;
	width:609px;
	height:0px;
	padding-top:78px;
	overflow:hidden;
	margin:1em auto 0 !important;
	background:url(../img/btn_bank_rakuten.png) no-repeat;
}
#settle .em #bRakuten a:hover {
	background-position:0px -78px;
}
#Itemlist a {
	display:block;
	width:609px;
	height:0px;
	padding-top:78px;
	overflow:hidden;
	margin:1em auto 0 !important;
	background:url(../img/btn_itemList.gif) no-repeat;
}
#Itemlist a:hover {
	background-position:0px -78px;
}
form input#btn_credit_telecom {
	display: block;
	width:609px;
	height: 78px;
	border: none;
	overflow: hidden;
	cursor: pointer;
	margin:1em auto 0 !important;
	text-indent: -9999px;
	text-align: left;
	font-size: 0px;
	line-height: 0px;
	background: url(../img/btn_item_credit.png) no-repeat left top;
}
/* Opera､ﾎ､ﾟﾅｬﾍﾑ*/
*+html:first-child body form input#btn_credit_telecom {
	padding-left: 0px;
}
form input#btn_credit_credix_2nd {
	display: block;
	width:609px;
	height: 78px;
	border: none;
	overflow: hidden;
	cursor: pointer;
	margin:1em auto 0 !important;
	text-indent: -9999px;
	text-align: left;
	font-size: 0px;
	line-height: 0px;
	background: url(../img/btn_item_credit3.png) no-repeat left top;
}
/* Opera､ﾎ､ﾟﾅｬﾍﾑ*/
*+html:first-child body form input#btn_credit_credix_2nd {
	padding-left: 0px;
}
form input#btn_credit_telecom_quick {
	display: block;
	width:609px;
	height: 78px;
	border: none;
	overflow: hidden;
	cursor: pointer;
	margin:1em auto 0 !important;
	text-indent: -9999px;
	text-align: left;
	font-size: 0px;
	line-height: 0px;
	background: url(../img/btn_credit_telecom_quick.png) no-repeat left top;
}
/* Opera､ﾎ､ﾟﾅｬﾍﾑ*/
*+html:first-child body form input#btn_credit_telecom_quick {
	padding-left: 0px;
}
form input#btn_net_bank {
	display: block;
	width:609px;
	height: 78px;
	border: none;
	overflow: hidden;
	cursor: pointer;
	margin:1em auto 0 !important;
	text-indent: -9999px;
	text-align: left;
	font-size: 0px;
	line-height: 0px;
	background: url(../img/btn_net_bank.gif) no-repeat left top;
}
/* Opera､ﾎ､ﾟﾅｬﾍﾑ*/
*+html:first-child body form input#btn_net_bank {
	padding-left: 0px;
}
form input#btn_cvd {
	display: block;
	width:609px;
	height: 78px;
	border: none;
	overflow: hidden;
	cursor: pointer;
	margin:1em auto 0 !important;
	text-indent: -9999px;
	text-align: left;
	font-size: 0px;
	line-height: 0px;
	background: url(../img/btn_cvd.png) no-repeat left top;
}
/* Opera､ﾎ､ﾟﾅｬﾍﾑ*/
*+html:first-child body form input#btn_submit {
	padding-left: 0px;
}
form input#btn_cvd {
	display: block;
	width:609px;
	height: 78px;
	border: none;
	overflow: hidden;
	cursor: pointer;
	margin:1em auto 0 !important;
	text-indent: -9999px;
	text-align: left;
	font-size: 0px;
	line-height: 0px;
	background: url(../img/btn_cvd.png) no-repeat left top;
}
/* Opera､ﾎ､ﾟﾅｬﾍﾑ*/
*+html:first-child body form input#btn_cvd {
	padding-left: 0px;
}
form input#btn_cvd_chk {
	display: block;
	width:609px;
	height: 78px;
	border: none;
	overflow: hidden;
	cursor: pointer;
	margin:1em auto 0 !important;
	text-indent: -9999px;
	text-align: left;
	font-size: 0px;
	line-height: 0px;
	background: url(../img/btn_cvd_chk.png) no-repeat left top;
}
/* Opera､ﾎ､ﾟﾅｬﾍﾑ*/
*+html:first-child body form input#btn_bid_cash {
	padding-left: 0px;
}
form input#btn_bid_cash {
	display: block;
	width:609px;
	height: 78px;
	border: none;
	overflow: hidden;
	cursor: pointer;
	margin:1em auto 0 !important;
	text-indent: -9999px;
	text-align: left;
	font-size: 0px;
	line-height: 0px;
	background: url(../img/btn_bid_cash.png) no-repeat left top;
}
/* Opera､ﾎ､ﾟﾅｬﾍﾑ*/
*+html:first-child body form input#btn_bid_cash {
	padding-left: 0px;
}

/* ------------ Mobileに送信 ------------ */
#settle .link {
	margin:10px 28px;
	padding:15px;
	background:#FFF;
	min-height:50px;
}
#settle .link form {
	text-align:center;
	margin:0 auto;
}
#settle .link p {
	margin-bottom:0;
	padding:0;
}
#settle .linkComplete {
	font-size:124%;
	font-weight:bold;
	text-align:center;
	color:#f00;
}
/* ------------ 決済選択 ------------ */
#payBox {
	margin-bottom:30px;
	padding-bottom:20px;
}
#payBox h3 {
	height:50px;
	margin-bottom:10px;
	text-indent:-9999px;
	background:url(../img/title_pay.gif) no-repeat;
}
#pay {
	background-color:#d8d8d8;
	padding:15px 0 20px 0;
}
#pay h4 {
	width:590px;
	padding:5px 0 5px 20px;
	text-align:left;
	background:#FFF;
	color:#796a6b;
	margin:10px auto 0;
	font-weight:bold;
}
#pay .h24 {
	background:url(../img/settle_24h.gif) #FFF no-repeat 95% 50%;
}
#pay ul {
	width:609px;
	margin:0 auto 0px;
}
#pay li.btn {
	width:200px;
}
#pay li.btn img {
	display:none;
}
#pay li.btn a {
	display:block;
	width:609px;
	height:0;
	margin:0 !important;
	padding-top:78px;
	overflow:hidden;
	background:url(../img/btn_settle.png) no-repeat;
}
ul#bank .btn a {
	background-position:0px 0px;
}
ul#banknet .btn a {
	background-position:0px -78px;
}
ul#credit .btn a {
	background-position:0px -156px;
}
ul#credit2 .btn a {
	background-position:0px -156px;
}
ul#bitcash .btn a {
	background-position:0px -234px;
}
ul#cvd .btn a {
	background-position:0px -624px;
}
ul#bank .btn a:hover {
	background-position:0px -312px;
}
ul#banknet .btn a:hover {
	background-position:0px -390px;
}
ul#credit .btn a:hover {
	background-position:0px -468px;
}
ul#credit2 .btn a:hover {
	background-position:0px -468px;
}
ul#bitcash .btn a:hover {
	background-position:0px -546px;
}
ul#cvd .btn a:hover {
	background-position:0px -702px;
}
#pay li.txt {
	width:595px;
	padding-top:10px;
	margin:0 auto;
	font-size:12px;
}
#pay li.txt em {
	color:#069;
}
#pay ul#bank .txt {
	padding-bottom:60px;
	background:url(../img/settle_bank.png) no-repeat 100% 100%;
}
#pay ul#banknet .txt {
	padding-bottom:60px;
	background:url(../img/settle_banknet.png) no-repeat 100% 100%;
}
#pay ul#credit .txt {
	/*
	background:url(../img/settle_credit.png) no-repeat 100% 100%;
	*/
	/*
	padding-bottom:60px;
	background:url(../img/settle_credit_notvisa.png) no-repeat 100% 100%;
	*/
	background:url(../img/settle_credit.png) no-repeat 100% 100%;
	padding-bottom:60px;
}
#pay ul#credit2 .txt {
	background:url(../img/settle_credit2.png) no-repeat 100% 100%;
	padding-bottom:60px;
}
#pay ul#bitcash .txt {
	padding-bottom:60px;
	background:url(../img/settle_bitcash.png) no-repeat 100% 100%;
}
#pay ul#cvd .txt {
	padding-bottom:60px;
	background:url(../img/settle_cvd.png) no-repeat 100% 100%;
}
#otherCampaign {
	margin:0 0 20px;
	text-align:right;
	font-size:108%;
}
/* ------------ 各種決済の注意事項 ------------ */
.notice {
	width:600px;
	margin:0 auto 20px;
}
.notice h3 {
	height:45px;
	text-indent:-9999px;
	background:url(../img/txt_notice.png) no-repeat;
}
.notice ul {
	padding-left:20px;
	list-style-type:disc;
}
.notice dl {
	margin-top:15px;
}
.notice dl dt {
	margin-bottom:2px;
	padding-left:12px;
	font-size:109%;
	font-weight:bold;
	background:url(../img/icon_arrow_r1.gif) no-repeat 0% 50%;
	color:#000;
}
.notice dl dd {
	padding-left:20px;
}
/* ------------ 各種決済の説明 ------------ */
#detail {
	width:600px;
	margin:0 auto 30px;
	font-size:93%;
}
#detail h5 {
	margin-bottom:5px;
	font-size:109%;
	font-weight:bold;
	color:#000;
}
#detail #detailAbout {
	margin-bottom:15px;
}
#detail #detailHowto ol {
	padding-left:30px;
	list-style-type:decimal;
}
#detail #detailHowto ol li {
	margin-top:3px;
	padding-top:3px;
	border-top:1px dotted #ccc;
}
#detail #detailHowto ol li.first {
	margin-top:0px;
	padding-top:0px;
	border-top:0px none;
}
#detail #ico-bitcash {
	padding-left:90px;
	min-height:90px;
	background:url(../img/what_bitcash.png) no-repeat;
}
#detail #ico-ccheck {
	padding-left:110px;
	min-height:40px;
	background:url(../img/what_ccheck.png) no-repeat 0% 50%;
}
#detail #ico-cvc {
	padding-left:120px;
	background:url(../img/what_cvc.png) no-repeat;
}
#detail #ico-edy {
	padding-left:60px;
	min-height:50px;
	background:url(../img/what_edy.png) no-repeat;
}
/*=====================================================
 part
=====================================================*/
#company {
	background: url(../img/company.gif) no-repeat;
	width:784px;
	height:200px;
	margin:0px auto;
	text-indent:-999em;
}
#outline {
	background: url(../img/outline.gif) no-repeat;
	width:784px;
	height:536px;
	margin:0px auto;
	text-indent:-999em;
}
#customer form {
	margin-bottom:50px;
}
#customerTxt {
	width:516px;
	height:264px;
	margin:0 auto 15px;
	text-indent:-9999px;
	background:url(../img/txt_customer.gif) no-repeat;
}
#mailchg .formIn {
	font-weight:bold;
}
#mailchg p {
	text-align:center;
}
/* ------------ taikai ------------ */
#stop em {
	font-size:124%;
	color:#f00;
}
#stop h2 {
	margin-bottom:5px;
	padding:5px 0 5px 25px;
	font-size:116%;
	background-color:#b7cad0;
	color:#FFF;
	font-weight:bold;
}
#taikaiQuestion {
	text-align:left;
}
#taikaiQuestion .formIn {
	padding-left:20px;
	padding-right:20px;
}
#taikaiQuestion ol {
	padding:0 30px;
	list-style-type:decimal;
}
#taikaiQuestion ol li {
	margin-bottom:15px;
}
#taikaiQuestion h3 {
	margin-bottom:5px;
}
#taikaiQuestion .qBox {
	padding:4px 10px;
	background:#fff;
	border:1px solid #dcdcdc;
}
#taikaiQuestion .qBox em {
	font-size:85%;
}
/*  setting
--------------------------------------------------------------------------------- */


#mobilesetting {
	width:880px;
}
#mobilesetting li {
	float: left;
	margin-right:8px;
	list-style: none;
}
#docomoimg {
	background:url(../img/docomo.png) no-repeat;
	width:880px;
	height:800px;
}
#auimg {
	background:url(../img/au.png) no-repeat;
	width:880px;
	height:800px;
}
#softbankimg {
	background:url(../img/softbank.png) no-repeat;
	width:880px;
	height:800px;
}
#carrierHead {
	padding:20px 20px 0px 20px;
	margin-bottom:30px;
}
#mobilesetting dt {
	text-indent:-9999px;
}
#carrier dd:after {
	content:url(../img/spacer.gif);
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
#carrier dd {
	display:inline-block;
}
#carrier dd {
	display:block;
}
#carrier .domainImg {
	float:left;
	margin-right:5px;
}

/*=====================================================
	preLogin	追加 2015.11.27
=====================================================*/
#preLogin p { margin: 1em 0 !important; padding: 0 !important; }
#preLogin .bookmark { font-size: 124%; color: #c93; font-weight: bold; text-align: center; }
#preLogin form { margin: 0 140px 50px; padding: 15px; border: 2px solid #c00; }
#preLogin ul { display: table; width: 100%; margin: 0 0 15px; padding: 0; }
#preLogin .formLabel { display: table-cell; vertical-align: middle; width: 130px; }
#preLogin .formInput { display: table-cell; vertical-align: middle; }
#preLogin .formInput input { width: 100%; }
#preLogin .btn { text-align: center; }

/*=====================================================
	preLogin	登録ボタン追加 2017.10.26
=====================================================*/
.entryForm {
	margin-bottom: 50px;
	text-align: center;
}
.entryForm .err {
	padding: 0;
}
.entryForm p {
	margin-top: .5em;
	margin-bottom: .5em;
}
.entryForm .input input {
	width: 730px;
	margin: 10px auto 5px;
	padding: .75em 15px;
	border: 2px solid #f00;
	border-radius: 8px;
	font-size: 1.286em;
	box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.2) inset;
}
.entryForm .input input:focus {
	outline: 0;
}
::-webkit-input-placeholder {
	color: #ccc;
	opacity: 1;
}
::-moz-placeholder {
	color: #ccc;
	opacity: 1;
}
/* IE 10 later */
:-ms-input-placeholder {
	color: #ccc;
}
.entryForm .base {
	position: relative;
}
.entryForm .btn {
	margin: 10px auto;
}
.entryForm .btn input[type="submit"] {
	width: 760px;
	height: 100px;
	border: 0 none;
	background: url(../img/btn_prelogin_02.gif) no-repeat;
	text-indent: 110%;
	white-space: nowrap;
	overflow: hidden;
	outline: 0;
	cursor: pointer;
}
.entryForm .btn input[type="submit"]:hover {
	background-position: center bottom;
}
.entryForm .confirm {
	margin: 0;
	font-size: 1.143em;
	color: #666;
}
.entryForm .balloon {
	position: absolute;
	top: 20px;
	left: 10px;
}
@keyframes swing {
	0% {
		transform: rotate(0deg);
	}
	25% {
		transform: rotate(10deg);
	}
	50% {
		transform: rotate(0deg);
	}
	75% {
		transform: rotate(-10deg);
	}
	to {
		transform: rotate(0deg);
	}
}
.swing {
	animation-name: swing;
	-moz-animation: swing linear 1.5s infinite;
	-moz-transform-origin: 114px 50px;
	-webkit-animation: swing linear 1.5s infinite;
	-webkit-transform-origin: 114px 50px;
	-o-animation: swing linear 1.5s infinite;
	-o-transform-origin: 114px 50px;
	animation: swing linear 1.5s infinite;
	transform-origin: 114px 50px;
}


/* itemList2
--------------------------------------------------------------------------------- */
#titleItemlist2 + .headText {
	margin: 0 10px 30px;
}
.itemBar {
	margin-bottom: 15px;
	text-indent: 110%;
	white-space: nowrap;
	overflow: hidden;
}
#itemCampaignBar {
	height: 40px;
	background: url(../img/bar_item_campaign.png) no-repeat;
}
#itemTicketBar {
	height: 40px;
	background: url(../img/bar_item_ticket.png) no-repeat;
}

.itemlist {
	margin: 0 0 40px;
	padding: 20px;
	background: #d8d8d8;
}
.itemlist table.item {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 0 10px;
}
.itemlist table.item:last-of-type {
	margin-bottom: 30px;
}
.itemlist table.item th {
	width: 8%;
	padding: 15px 0;
	color: #fff;
	text-align: center;
	line-height: 1.0;
}
.itemlist table.item td {
	padding: 15px 10px;
	background: #fff;
	color: #000;
}
.itemlist table.item td.text1 {
	width: 72%;
}
.itemlist table.item td.text2 {
	width: 20%;
	text-align: center;
}

#itemCampaign table.item th {
	border: 1px solid #999;
	background: #999;
}
#itemCampaign table.item td {
	border: 1px solid #999;
}
#itemCampaign tr.keiba th {
	border: 1px solid #93DB4B !important;
	background: #93DB4B !important;
}
#itemCampaign tr.keiba td {
	border: 1px solid #93DB4B !important;
}

#itemTicket table.item th {
	border: 1px solid #333;
	background: #333;
}
#itemTicket table.item td {
	border: 1px solid #333;
}
#itemTicket table.item td strong {
	color: #f36;
}
#itemTicket table.item td em {
	font-style: normal;
	background: #ff9;
}

.itemlist .btn {
	text-align: center;
}
.itemlist .btn input[type="image"]:hover {
	opacity: .8;
	filter: alpha(opacity=80);
}
.itemlist .btnText:not(:last-of-type) {
	margin-bottom: 30px;
}