@charset "utf-8";


/*********************************************************
　reset
*********************************************************/

*{
	margin:0;
	padding:0;
	font-size:100%;
}
body{
	color:#333333;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-size:0.8rem;
	letter-spacing:1px;
	line-height:1.7;
	background:#FFF7E3;
}
img{vertical-align:bottom;}
a img{border:none;}
li{list-style-type:none;}

a:link{text-decoration:none; color:#333333;}
a:visited{text-decoration:none; color:#333333;}
a:hover{text-decoration:none; color:#b50000;}
a:active{text-decoration:none; color:#222222;}

/***** 調整用クラス *****/

.center{text-align:center;}
.right{text-align:right;}
.bold{font-weight:bold;}
.red{color:red;}
.blue{color:blue;}
.green{color:green;}
.line{text-decoration:underline;}

.fs18{font-size:20px;}
.fs22{font-size:22px;}
.fs25{font-size:25px;}
.fs30{font-size:30px;}
.fs35{font-size:35px;}

.m0{margin-top:0px !important;}
.m5{margin-top:5px !important;}
.m10{margin-top:10px !important;}
.m20{margin-top:20px !important;}
.m30{margin-top:30px !important;}
.m40{margin-top:40px !important;}
.m50{margin-top:50px !important;}
.m60{margin-top:60px !important;}
.m70{margin-top:70px !important;}
.m80{margin-top:80px !important;}
.m90{margin-top:90px !important;}
.m100{margin-top:100px !important;}

.mb0{margin-bottom:0px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb80{margin-bottom:80px !important;}
.mb100{margin-bottom:100px !important;}

.pd10{padding:10px !important;}
.p60 {padding-top:60px !important;}

.text-style{
	background:yellow;
	color:red;
	font-weight:bold;
}

/** clearfix **/

.clearfix:after{
	content:".";
	display:block;
	height:0;
	font-size:0;
	clear:both;
	visibility:hidden;
}
*html .clearfix{zoom:1;} /* IE6 */
*:first-child+html .clearfix{zoom:1;} /* IE7 */
.clear{clear:both;}

/*********************************************************
　layout
*********************************************************/
.logb{
	width:100%;
	padding:0.5rem 3rem;
	cursor:pointer;
}
.fsml{
	text-align:right;
}

.inner{
	width:90%;
	margin:0 auto;
}
.inner p{
	margin-bottom:50px;
}
#container{
	width:50%;
	margin:0 auto;
	background:#fcfcfc;
	-ms-box-shadow:0 0 6px #999999;
	-webkit-box-shadow:0 0 6px #999999;
	-moz-box-shadow:0 0 6px #999999;
	box-shadow:0 0 6px #999999;
}
#header h1{
	background:orange;
	padding-left:10px;
	font-size:12px;
	color:#ffffff;
	border-bottom:1px solid #cccccc;
}
#header .header_inner{
	border-bottom:1px solid orange;
}
#header .logo{
	width:20%;
	float:left;
	padding:15px;
}
#header .loginArea{
	width:70%;
	float:right;
	margin-right: 15px;
	margin-bottom: 15px;
}
#header .loginArea table input.id,
#header .loginArea table input.password{
	width:90%;
	margin:0 5px 0 3px;
	height:2rem;
	background:#FDF8E5;
}
#header .mainvisual{margin-bottom:30px;}

/*** contents ***/

#contents .edit{
	background:red;
}
#contents .title{margin-bottom:30px;}
#contents .result{
	width:80%;
	margin:0 auto 50px;
	border:1px solid #333333;
}
#contents .result .test{color:red;}
#contents .result caption{font-size:20px;}
#contents .result th{
	background:#333333;
	color:#ffffff;
}
#contents .result td{
	border:1px solid #999999;
	padding-left:5px;
}
#contents .company{
	width:580px;
	margin:0 auto 30px;
	border:1px solid #999999;
}
#contents .company th{
	background:#FFC466;
	width:30%;
	text-align:left;
	padding-left:5px;
}
#contents .company td{
	border-bottom:1px dotted #999999;
	padding:5px;
	font-size:13px;
}
#contents .form{
	width:95%;
	height:320px;
	margin:0 auto 50px;
	position:relative;
	/*追加*/
	border: solid 1px #FFBC40;
	background:#FFECBC;
}
#contents .form table{
	position:absolute;
	top:30px;
	left:0px;
	width:90%;
	font-size:1.1rem;
	width:100%;
}
#contents .form table .name1,
#contents .form table .name2{
	width:90%;
	padding:2px;
	font-size:1.3rem;
	background: #FDF8E5;
}
#contents .form table .mail{
	width:90%;
	padding:2px;
	font-size:1.8rem;
	background: #FDF8E5;
	margin-right:5px;
}

.middle_fmb{
	background: #F74C02;
	margin:1rem auto;
	font-size:2rem;
	font-weight:bold;
	padding:0.5rem 4rem;
	color:#fcfcfc;
	border-radius:1rem;
	border:0.2rem solid #FEA47D;
	cursor:pointer;
}


/*** all_past ***/

#contents .all_past_result{
	padding-left:45px;
	font-size:18px;
	margin-bottom:30px;
}
#contents .all_past_result dl dd{color:red;}
#contents .all_past_race{
	width:260px;
	float:left;
}

/*** footer ***/

#footer{
	clear:both;
	text-align:center;
	margin-top:30px;
	background:orange;
}
#footer ul li{display:inline;}


.login_link a{
	font-size: 20px;
}

.login_link {
	float: right;
	padding-right: 135px;
	padding-top:20px;
}



/*********************************************************
　会社概要　プライバシーポリシー
*********************************************************/


table input.id,
table input.password{
	width:250px;
	margin:0 5px 0 10px;
	height:30px;
	font-size:20px;
}


@media screen and (max-width: 1400px) {
*{
	/*font-size:0.9rem;*/
}


#container{
	width:78%;
}
#header .logo {
    width: 16%;
    padding: 0px;
}
#header .loginArea {
    width: 80%;
    float: right;
}
}

@media screen and (max-width: 700px) {

.login_link a{
	font-size: 0.9rem;
}

.login_link {
	float: right;
	padding-top:0px;
	padding-right: 70px;
}

*{
	font-size:0.9rem;
}

body{
	font-size:1rem;
}
.inner{
	width:90%;
	margin:0 auto;
}
.inner p{
	margin-bottom:30px;
}
#container{
	width:100%;
	margin:0 auto;
	background:#fcfcfc;
	-ms-box-shadow:0 0 6px #999999;
	-webkit-box-shadow:0 0 6px #999999;
	-moz-box-shadow:0 0 6px #999999;
	box-shadow:0 0 6px #999999;
}

#contents .result {
    width: 98%;
    margin: 0 auto 50px;
    border: 1px solid #333333;
}





.fsml{
	font-size:0.6rem;
	text-align:left;
}
.fs18{
	font-size:0.8rem;
}
.fs22{
	font-size:0.9rem;
}

.logo img{
	width:30%;
}
#header .logo {
    width: 100%;
    float: none;
    padding:0;
    margin:0 auto;
}
#header .loginArea {
    width: 100%;
    float: none;
    margin:0 auto;
}
#header .loginArea .result input.id, #header .loginArea table input.password {
    width: 90%;
    margin:0 auto;
    height: 2rem;
}
#header .loginArea .result{
    width: 100%;
    margin:0 auto;
}

#header .loginArea .result th,td {
    margin:0 auto;
}









/********************* top form **************/
.topfm {
	width:90%;
	margin:0 auto;
}

.topfm td {
    margin:0 auto;
    display:block;
    text-align:center;
}
.topfm th {
    margin:0 auto;
    display:block;
    text-align:center;
}
.logb {
    width: 100%;
    padding: 0.2rem 3rem;
    cursor: pointer;
}
/********************* top form **************/
/********************* middle form **************/
#contents .form{
}

#contents .form table{
	position:absolute;
	top:10px;
	left:0px;
	width:100%;
	font-size:0.8rem;
}
#contents .form table td{
	width:100%;
	display:block;
	text-align:center;
}
#contents .form table th{
	width:100%;
	display:block;
	text-align:center;
}
#contents .form table .mail {
    width: 90%;
    font-size: 1rem;
}
#contents .form table .name1, #contents .form table .name2 {
    width: 90%;
    font-size: 1rem;
}
.middle_fmb {
    background: #F74C02;
    margin: 1rem auto;
    font-size: 1.5rem;
    font-weight: bold;
    padding: 1rem 5rem;
    color: #fcfcfc;
    border-radius: 1rem;
    border: 0.2rem solid #FEA47D;
    cursor: pointer;
}

/********************* middle form **************/



}