@charset "UTF-8";
/* CSS Document */


/*-----------------bace----------------*/


html,body{
	margin:0;
	padding:0;
	font-size:0.9em;
	color:#333;
	background: url(../image/site_bg.jpg);
	line-height:1.4;
	font-family:Arial, sans-serif, メイリオ;
	letter-spacing:0.1em;
}


h1,h2 {
	color:#716232;
}
　


h2 {
	font-size:midium;
}





section, article, aside, nav, header, footer, hgroup {
	display:block;
}

li {
	list-style:none;
}



/*-----------------recet----------------*/
html,body,form,table,ol,ul,li,dl,dt,dd,input,p,h1,h2,h3,h4,hr,img{
	margin:0;
	padding:0;
	/*
	font-family :'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',
	osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	*/
}

img{
	/* [disabled]border:0; */
	vertical-align:bottom;
	border:0;
}
.clrfix:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
.clrfix{
	min-height:1px;
}
* html .clrfix{
	height:1px;
	/*\*//*/
	height:auto;
	overflow:hidden;
	/**/
}

/*-----------------header----------------*/

#header_top {
	width:100%;
	background:#333;
	padding:10px 0 10px 0;
	text-align:center;
	color:#fff;
	font-size:21px;
	font-weight:bold;	 
}

#header {
	width:100%;
	height:600px;
	background:url(../image/top_bg.jpg) center center / cover no-repeat fixed;
}

#header img{
	display:block;
	margin:0 auto;
}

#header_foot {
	width:100%;
	height:180px;
	background:url(../image/top_bg02.jpg) center top;
	border-top: solid 5px #333;
}

#header_foot img{
	display:block;
	margin:0 auto 0 auto;
	padding:20px 0 0 0;
 	}



/*-----------------race----------------*/

#race {
	width:100%;
	height:180px;
	background:url(../image/keiba_text_bg.jpg) center top #cccccc no-repeat;
}

#race h3{
	width:1000px;
	height:80px;
	background:url(../image/keiba_text_bg02.jpg);
	padding-top:100px;
	margin:0 auto;
	text-align:center;
	font-size:36px;
	font-weight:bold;
	color:#fff;
}


/*-----------------image01----------------*/


#image01 {
	width:100%;
	height:510px;
	margin: 0  auto;
	background:url(../image/image01_bg02.jpg);
	text-indent:-9999px;
}

#image01 img{
	display:block;
	width:1000px;
	height:510px;
	margin:0 auto;
}





#image02 {
	width:1000px;
	margin:20px auto 20px auto;
	height:686px;
	background:url(../image/image02.png) center top ;
	text-indent:-9999px;
}

#image03 {
	width:1000px;
	margin:20px auto 20px auto;
	height:1415px;
	background:url(../image/image03.png) center top ;
	text-indent:-9999px
}



/*-----------------regist----------------*/

#regist {
	width:100%;
        height: 607px;
	background: url(../image/regist_bg02.jpg) center center / cover no-repeat fixed;
	padding:40px 0 40px 0;
}


#regist .regist_inner {
	width:1000px;
        height: calc(100% - 1px);
	background:url(../image/regist_bg.png);
	margin:0 auto;
	
}


#regist ul{
	
	padding:170px 0 0 20px; 
}



#regist ul:nth-child(1) li .regist_mail{
	display:block;
	background:url(../image/regist_mail.jpg);
	width:960px;
	height:76px;
	text-indent:20px;
	font-size:18px;
	font-weight:bold;
	color:#666666;
	margin-bottom:10px;
	border:none;
}

#regist ul:nth-child(1) li .regist_btn{
	display:block;
	background:url(../image/regist_btn.png);
	width:920px;
	height:161px;
	text-indent:-9999px;
	cursor:pointer;
	border:none;
	margin:0 0 0 20px;
	
}

#regist ul:nth-child(1) li .regist_btn:hover{
	opacity: 0.7; 
}

/* add */
#regist ul .regist_mail_attention{
	color: #AFAFAF;
	font-weight:bold;
}

/*-----------------voice----------------*/

#voice {
	width:100%;
	margin-bottom:20px;
}

#voice .voice_title{
	width:100%;
	height:81px;
	background:url(../image/voice_title_bg.jpg) center top;
}

#voice .voice_title img{
	display:block;
	width:1000px;
	height:81px;
	margin:0 auto;
}

#voice .voice_box{
	width:1000px;
	height:221px;
	background:url(../image/voice_bg.jpg);
	margin:20px auto 0 auto;
}

#voice .voice_box dl {
	width:730px;
	margin:20px 0 0 250px;
	padding-top:20px;
}

#voice .voice_box dl dt{
	background:#202020;
	padding:15px 0 15px 15px;
	font-size:24px;
	color:#fff;
	font-weight:bold
	
}

#voice .voice_box dl dd{
	font-size:16px;
}


#voice .voice_box dl dd:nth-of-type(1) {
	width:708px;
	border: solid 1px #666666;
	padding:10px;
	background:#fff;
	margin-bottom:10px;
	
}


/*-----------------footer----------------*/

#footer_list {
	width:100%;
	background:#444444;
	
	
}

#footer_list ul{
	width:980px;
	margin:0 auto;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:20px;
}


#footer_list ul li{
	display:inline;
	margin-right:15px;
}

#footer_list ul li a{
	color:#fff;
}
	
	

.copy{
	width:100%;
	background:#000000
	;
	text-align:center;
	color:#fff;
	padding:10px 0 10px 0;
}

/* SNSログイン・登録
------------------------------------------------*/
/* 登録フォーム下部 */
.sns_entry{
    width:80%;
    margin: 17px auto 0 auto;
    text-align: center;
    border-radius: 8px;
    padding: 10px 15px;
}
.sns_entry h1{
    background: #00b900;
    color: #ffffff;
    width: 100%;
    max-width: 30em;
    display: inline-block;
    border-radius: 6px;
    padding: 4px.2em;
    margin-bottom: 0.5em;
    font-size: 1em;
    font-weight: normal;
}
.sns_entry p{
    font-size: 0.8em;
    color: #fff;
}
#regist .sns_entry ul{
    width: 95%;
    list-style: none;
    margin: 1em auto 0 auto;
    overflow: hidden;
    padding: 0;
    padding-left: calc(95% / 7); /* facebookを表示する場合は消す */
}
.sns_entry ul li{
    width:calc(100% / 4);
    display: inline-block;
    float: left;
}
.sns_entry ul li img{
    width:88%;
    margin: 0 auto;
    display: inline-block;
}