@charset "utf-8";
/* CSS Document */
#contents{ max-width:100%; margin:0 auto;}
#contents .checkformarea .checkformall{display: table; width:100%;}
#contents .checkformarea .checkformall .checkformcell{display: table-cell; vertical-align: middle;}
#contents .checkformarea table#formtable{width:90%; margin: 0 5%;}
#contents .checkformarea table#formtable th{ color: #fff; padding-bottom: 0.5em;}
#contents .checkformarea table#formtable th span{ display: inline-block;}
#contents .checkformarea table#formtable input[type=text] { padding:0.5em; line-height:1.5; width:100%; ime-mode:active; box-sizing:border-box; border:solid 1px #cccccc;}
#race #contents table#formtable .serial_number{width:100%;}

#contents .checkarea_all{background: url(images/blk_line.png) repeat #333;}

#contents .checkformarea table#formtable .serial_number input{width:100%; text-align: center; font-size: 1.2em;}
#contents .checkimagearea{float: left; width: 68%;}
#contents .checkimagearea img{ width: 100%;}
#contents .checkformarea{float: right; width: 32%;}
#contents .contentsarea .tcenter{text-align: center;}
#contents .contentsarea .tcenter .ncopy span{ display: inline-block;}
#contents .contentsarea .tcenter a.maininfobtn{border-bottom: 1px solid #666; font-size:13px;}
	@media only screen and (max-width: 770px) {/*770まで*/
		#contents .checkimagearea{float: none; width: 100%;}
		#contents .checkformarea{float: none; width: 100%; margin: 2em 0 0 0;}
		#contents .contentsarea .tcenter a.maininfobtn{font-size:12px;}
	}
/*form btn*/
#contents .checkformarea .formtable_btn{ width:100%;}
/*#contents .checkformarea .formtable_btn p{text-align:center; padding-top:2em;}*/
#contents .checkformarea .formtable_btn ul{ list-style:none; margin:1.25em 0 0 0; padding:0; }
#contents .checkformarea .formtable_btn li{ float:left; width:100%; display:table-cell; vertical-align:middle; text-align:center;}
#contents .checkformarea .formtable_btn li input[type="submit"] {
border-radius: 5px;
-webkit-box-sizing: content-box;
-webkit-appearance: button;
appearance: button;
border: none;
box-sizing: border-box;
cursor: pointer;
}
#contents .checkformarea .formtable_btn li input{ background:#ccc; box-sizing:border-box;width:50%;padding:0.5em 0; cursor:pointer; color:#333; letter-spacing:0.5em; font-weight:bold;  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif}
#contents .checkformarea .formtable_btn li input:hover{ filter:alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;}
	@media only screen and (max-width: 770px) {/*770まで*/
		/*form btn*/
		#contents .checkformarea .formtable_btn ul{ list-style:none; margin:1.25em 0 2em 0; padding:0; }
		#contents .checkformarea .formtable_btn li{ float:left; width:100%; display:table-cell; vertical-align:middle; text-align:center;  }
		#contents .checkformarea .formtable_btn li input{ width:50%; padding:0.75em 0; font-size:85.71428%; margin: 0 auto;}
		#contents span.ncopy{ font-size: 87.154%;}
		
	}
	@media only screen and (max-width: 457px) {
		#contents .contentsarea .tcenter .ncopy span{ display: ;}
	}

	@media only screen and (max-width: 342px) {
		#contents .contentsarea .ft20{ font-size: 18px!important;}
	}
/*  error */
#contents .checkimagearea2{ float: left; width:16%;}
#contents #back{ margin: 2em auto 0 auto; width:50%;}
#contents #back a.btn{ display: block;
border-radius: 5px;
-webkit-box-sizing: content-box;
-webkit-appearance: none;
appearance: button;
border: none;
box-sizing: border-box;
cursor: pointer;
background:#ccc; box-sizing:border-box;width:100%;padding:0.5em 0; cursor:pointer; color:#333; letter-spacing:0.5em; font-weight:bold;  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
text-align: center;}
	@media only screen and (max-width: 770px) {/*770まで*/
		#contents .checkimagearea2{ display: none;}
		#contents #back{ width:100%;}
		#contents #back a.btn{  letter-spacing:0.25em;}
	}