@charset "utf-8";

/* ----- common ----- */
/* PC版 */
/* ----- common ----- */
@media screen and (min-width: 769px) {

html, body {  
    height: 100%;
    margin: 0;  
    padding: 0;  
    text-align: center;  
}  
	
	.sp{
		display:none;
	}	

#container {
    position: relative;
    margin: 0px auto;
    width: 900px;
    height: 100%;
    min-height: 100%;
    background-color: #FFFFFF;
    text-align: left;
	height: auto !important;
}

#container2 {
    width: 900px;
    background-color: #FFFFFF;
    text-align: left;
}

#footer{
	background:#693;
	width:100%;
	height:25px;
	color:#FFF;
	padding:20px;
	position: absolute;
    bottom: 0px;
}

#footer2{
	background:#693;
	width:100%;
	color:#FFF;
	padding:20px;
    bottom: 0px;
}

#bg{
	background:url(../img/bg.gif);
	padding-bottom: 60px;
}

#tl{
	background:#063; 
}


.tl_txt{
	color:#FFF;
	text-align:center;
	font-size:24px;
}

#inner{
	background:#FFFFFF;
	width:800px;
	margin-left:35px;
	padding:10px;
}

.teki_txt{
	color:#06C;
	font-size:24px;
}

.kini_txt{
	color:#FF0000;
	font-size:18px;
}

.kini_txt2{
	color:#FF0000;
	font-size:24px;
}


.ken_txt{
	font-size:18px;
}

.ken_txt2{
	font-size:24px;
}


#race{
	background:#693;
	width:780px;
	padding:10px;
}


#footer{
	background:#693;
	width:100%;
	height:25px;
	color:#FFF;
	padding:20px;
	position: absolute;
    bottom: 0px;
}


#tos_tl{
	background:url(../img/tos_tl.jpg);
	width:900px;
	height:80px;
}

#gr_tl{
	background:url(../img/gr_tl.jpg);
	width:900px;
	height:80px;
}

#rt_txt2{
	margin:0px 0px 0px 20px;
}

#rt_sp{
	height:20px;
}


.rt_txt{
	color:#FFFFFF;
	font-size:28px;
}

.txt_white{
	color:#FFFFFF;
}

#race2{
	background:#444;
	width:780px;
	padding:10px;
}

#tl2{
	background:#FFFFCC; 
	border: solid #063;
	text-align:center;
}

#tl3{
	background:#FFFFCC; 
	border: solid #063;
	text-align:center;
	margin-top:30px;
}

#cs_l{
	width:350px;
	background:#FFFFCC; 
	border: solid #063;
	float:left;
	text-align:center;
	margin-bottom:20px;
}

#cs_r{
	width:350px;
	background:#FFFFCC; 
	border: solid #063;
	float:right;
	text-align:center;
	margin-bottom:20px;
}

#cs_sp{
	height:240px;
}

#cs_tl{
	background:url(../img/cs_tl.jpg);
	width:900px;
	height:80px;
}

.pan{
	color:#6699FF;
	font-size:12px;
}

#pan{
	margin-bottom:15px;
}

.green{
	color:#339900;
	text-align:center;
	font-size:24px;
}


/* ----- 2013/02/18�lj� ----- */
td.bg {
	background-color:#FFF;
}


#sire_tl{
	background:url(../img/sire_tl.html);
	width:900px;
	height:80px;
}

.gray {
	color:#999;
}

/* ----- 2014/02/21�lj� ----- */

h1{ width:475px; font-size:12px; color:#000;}
}


/* SP版 */
/* ----- common ----- */
@media screen and (max-width: 768px) {

html, body {  
    height: 100%;
    margin: 0;  
    padding: 0;  
    text-align: center;  
}  

	.pc{
		display:none;
	}	
	
#container {
    position: relative;
    margin: 0px auto;
    width: 100%;
    background-color: #FFFFFF;
    text-align: left;
	height: auto !important;
}

#container2 {
    width: 100%;
    background-color: #FFFFFF;
    text-align: left;
}

#footer{
	background:#693;
	width:100%;
	color:#FFF;
	padding:20px;
    bottom: 0px;
	box-sizing: border-box;
}

#footer2{
	background:#693;
	width:100%;
	color:#FFF;
	padding:20px;
    bottom: 0px;
	box-sizing: border-box;
}

#bg{
	background:url(../img/bg.gif);
	padding-bottom: 60px;
}

#tl{
	background:#063; 
}


.tl_txt{
	color:#FFF;
	text-align:center;
	font-size:24px;
}

#inner{
	background:#FFFFFF;
	width:90%;
	margin:0 auto;
	padding:5px;
}

.teki_txt{
	color:#06C;
	font-size:24px;
}

.kini_txt{
	color:#FF0000;
	font-size:18px;
}

.kini_txt2{
	color:#FF0000;
	font-size:24px;
}


.ken_txt{
	font-size:18px;
}

.ken_txt2{
	font-size:24px;
}


#race{
	background:#693;
	width:90%;
	padding:10px;
}


#footer{
	background:#693;
	width:100%;
	color:#FFF;
	padding:20px;
    bottom: 0px;
	box-sizing: border-box;
}


#tos_tl{
	background:url(../img/tos_tl.jpg);
	width:100%;
	padding:10px 0;
}

#gr_tl{
	background:url(../img/gr_tl.jpg);
	width:100%;
	padding:10px 0;
}

#rt_txt2{
	padding:10px;
	font-size:19px;
}

#rt_sp{
	height:0;
}


.rt_txt{
	color:#FFFFFF;
	font-size:28px;
}

.txt_white{
	color:#FFFFFF;
}

#race2{
	background:#444;
	width:100%;
	padding:10px 0;
}

#tl2{
	background:#FFFFCC; 
	border: solid #063;
	text-align:center;
}

#tl3{
	background:#FFFFCC; 
	border: solid #063;
	text-align:center;
	margin-top:30px;
}

#cs_l{
	width:43%;
	background:#FFFFCC; 
	border:2px solid #063;
	float:left;
	text-align:center;
	margin-bottom:20px;
}

#cs_r{
	width:43%;
	background:#FFFFCC; 
	border:2px solid #063;
	float:right;
	text-align:center;
	margin-bottom:20px;
}

#cs_sp{
	height:45vh;
}

#cs_tl{
	background:url(../img/cs_tl.jpg);
	width:100%;
	padding:10px 0;
}

.pan{
	color:#6699FF;
	font-size:12px;
}

#pan{
	margin-bottom:15px;
}

.green{
	color:#339900;
	text-align:center;
	font-size:24px;
}


/* ----- 2013/02/18�lj� ----- */
td.bg {
	background-color:#FFF;
}


#sire_tl{
	background:url(../img/sire_tl.html);
	width:100%;
	padding:10px 0;
}

.gray {
	color:#999;
}

/* ----- 2014/02/21�lj� ----- */

h1{ 
	width:100%;
	font-size:12px;
	color:#000;
	text-align: left;
	padding-left:10px;
	box-sizing: border-box;
	}
	
	table a{
	padding:0.2vh 0;
	display:block;
	}
	
	table td{
		vertical-align: middle;
	}
}