@charset "utf-8";

/*===========================
 initialization
 ===========================*/

html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote,
dl, dt, dd, ol, ul, li,
form, label, figure{
   margin:0;
   padding:0;
   border:0;
   outline:0;
   font-size:100%;
}
img {
   border:none;
}
ul {
   list-style-type: none;
}

/*===========================
 base link
 ===========================*/

a:link,
a:visited{
   text-decoration:none;
}
a:hover{
   color:#555;
   text-decoration:none;
}


/*===========================
 top link
 ===========================*/

a#toplink:link,
a#toplink:visited{
   color: #1111cc;
   text-decoration:underline;
}
a#toplink:hover{
   color:#F50;
   text-decoration:underline;
}

/*===========================
 clearfix
 ===========================*/

.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    font-size:0;
    clear: both;
    visibility:hidden;
}
.clearfix{
    display: inline-block;
}

/*===========================
 link opacity
 ===========================*/

a:hover img{
	opacity: 0.6;
    filter: alpha(opacity=60);
    -webkit-transition: 0.1s ease-in-out;
       -moz-transition: 0.1s ease-in-out;
         -o-transition: 0.1s ease-in-out;
            transition: 0.1s ease-in-out;
}

/*===========================
 opacity off
 ===========================*/
h2 a,
h2 a:hover,
p.logo a,
p.logo a:hover,
p.logo a img:hover,
#g_menu ul li a,
#g_menu ul li a:hover
{
	opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: 0s ease-in-out;
       -moz-transition: 0s ease-in-out;
         -o-transition: 0s ease-in-out;
            transition: 0s ease-in-out;
}


/*===========================
 common element
 ===========================*/
.left{
    text-align: left;
}

.center{
    text-align: center;
}

.right{
    text-align: right;
}

.clear {
	clear: both;
}

.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.fr{
	float: right;
}

.fl{
	float: left;
}

.f_13{
    font-size: 13px;
}
.f_14{
    font-size: 14px;
}
.f_15{
    font-size: 15px;
}
.f_16{
    font-size: 16px;
}
.f_18{
    font-size: 20px;
}
.f_20{
    font-size: 20px;
}
.f_22{
    font-size: 22px;
}
.f_25{
    font-size: 25px;
}
.f_30{
    font-size: 30px;
}

.mt_5{
    margin-top: 5px;
}
.mt_10{
    margin-top: 10px;
}
.mt_20{
    margin-top: 20px;
}
.mt_30{
    margin-top: 30px;
}
.mt_40{
    margin-top: 40px;
}

.mb_5{
    margin-bottom: 5px;
}
.mb_10{
    margin-bottom: 10px;
}
.mb_20{
    margin-bottom: 20px;
}
.mb_30{
    margin-bottom: 30px;
}
.mb_40{
    margin-bottom: 40px;
}

.pt_5{
    padding-top: 5px;
}
.pt_10{
    padding-top: 10px;
}
.pt_20{
    padding-top: 20px;
}
.pt_30{
    padding-top: 30px;
}
.pt_40{
    padding-top: 40px;
}

.pb_5{
    padding-bottom: 5px;
}
.pb_10{
    padding-bottom: 10px;
}
.pb_20{
    padding-bottom: 20px;
}
.pb_30{
    padding-bottom: 30px;
}
.pb_40{
    padding-bottom: 40px;
}

.pl_10{
    padding-left: 10px;
}
.pl_20{
    padding-left: 20px;
}
.pl_30{
    padding-left: 30px;
}
.pl_40{
    padding-left: 40px;
}

.p_10{
    padding: 10px;
}

.pt_20 {
    padding: 20px 0;
}
.pt_35 {
    padding: 55px 0 20px;
}

.ti{
    text-indent: 1em;
}

.c_bl{
    color:#002aff;
}
.c_or{
    color:#fe6600;
}
.c_gr{
    color:#116536;
}

.lh18{
    line-height: 1.8;
}

.lh25{
    line-height: 2.5;
}

.ul{
    text-decoration: underline;
}

/*#race_btn{
    display: none;
}*/

#race_btn{
    position: relative;
    width: 50%;
    font-size: 18px;
    display: block;
    margin: 15px auto 15px auto;
    padding: 10px;
    text-decoration: none;
    color: #FFF;
    background: #009944;
    border-bottom: solid 4px #005e15;
    border-radius: 4px;
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
    font-weight: bold;
}


/*===========================
 module
 ===========================*/

h1,
p.sub_p {
    float: left;
    color: #ffffff;
    font-size: 12px;
}

h2  {
    text-decoration: none;
    color: #ffffff;
    font-size: 12px;
    float:right;
}

h2 a {
	text-decoration: none;
	color: #ffffff;
}

h3 {
	padding: 0 0 0 10px;
}

/*===========================
 style css
 ===========================*/

body{
	color:#333;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-size:14px;
	line-height:1.6;
	background: url("../images/bg.gif") repeat;
	min-width: 1200px;
}

.koukoku img{
    max-width:100%;
    height:auto;
    margin:0 auto;
}

/*=============
 header
 ==============*/
#header {
	width: 100%;
	margin: 0;
	padding: 0;
	background: #50bd24;
}

#header #headline {
	background-color: #393939;
	width: 100%;
	height: 17px;
	margin: 0;
	padding: 0;
}

#header #header_contents {
	clear: both;
	width: 960px;
	height: 140px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}

#header #header_contents .logo {
	margin-right: 30px;
	margin-left: 50px;
	float: left;
}

#header #header_contents .logo2 {
    padding-top: 5px;
}

#header #header_contents .header_race{

}

#header #header_contents .sub_title{
	padding-left: 300px;
	padding-top: 17px;
	padding-bottom:10px;
	color: #fff;
	font-size: 15px;
}

#header #header_contents #toplink{
	font-size: 28px;
}

#header #header_contents .sub_title2{
	color: #ff0000;
	font-size: 17px;
}
/*=============
 g_nav
 ==============*/
.g_nav{
	width: 100%;
/*	height: 50px;
*/	border-bottom: 6px solid #368102;
}

.g_nav_contents{
	width: 1000px;
    margin: 0 auto;
}
/*=============
ABテスト用　ログイン
 ==============*/
.rightCbox {
    margin: 10px 20px 6px 20px;
    padding: 0px;
    background-color: #e4f2da;
    border: solid 4px #45980c;
}

.TitleBgb {
    height: 24px;
    text-align: center;
    background: #45980c;
    color: #fff;
    margin-bottom: 10px;
}

.TitleBgs p {
    font-size: 12px;
    color: #000;
    font-weight: bold;
    padding: 4px;
}

.CatcinWrap .id{
	font-size: 12px;
    font-weight: bold;
    text-align: right;
    margin-bottom: 5px;
}

.CatcinWrap .pw{
	font-size: 12px;
    font-weight: bold;
    text-align: right;
    margin-bottom: 5px;
}

.CatcinWrap .id_text{
	width: 130px;
	margin-right: 20px;
}

.CatcinWrap #submit_btn_top {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    background: #b90c0c;
    border: 2px solid #680713;
    padding: 2px 20px 2px 20px;
    margin: 10px 0 10px 80px;
}
/*
.main_contents .ab_kv{
    margin-top: -15px;
    margin-bottom: 20px;
    height: 209px;
    background: url("../images/race_waku.png") no-repeat;
*/

/*=============
3月7日　追加分
 ==============*/
.main_contents .ab_kv{
    margin-top: -15px;
    margin-bottom: 20px;
    margin-top: 1px;
    height: 210px;
    background: url("../images/race_waku.png") no-repeat;

    /*height: 347px;
    background: url("../images/race_waku2.png") no-repeat;*/

}
/*=============
3月7日　追加分　終わり
 ==============*/


.main_contents .ab_kv .toplink1{
    padding-top: 60px;
    padding-left: 30px;
}

.main_contents .ab_kv .toplink1 a{
    color: #ffd700;
    text-decoration: underline;
    text-shadow: #00561f 1px 1px 0px, #00561f -1px 1px 0px, #00561f 1px -1px 0px, #00561f -1px -1px 0px;
    font-size: 28px;
}

.main_contents .ab_kv .toplink1 a:hover{
    color: #f50;
    text-decoration: underline;
}

.main_contents .ab_kv .toplink2{
    padding-top: 15px;
    padding-left: 30px;
    /*padding-bottom: 30px;*/
}

/*
.main_contents .ab_text{
    margin-bottom: 40px;
    margin-top:-15px;
}

=============桜花賞限定 ==============*/
.main_contents .ab_text{
    margin-bottom: 15px;
    margin-top:-15px;
}

.main_contents .ab_ouka{
    margin-bottom: 15px;
    /*margin-top:-15px;*/
}


/*=============桜花賞限定 終わり==============*/


.main_contents .ab_kv .toplink2 a{
    color: #ffd700;
    text-decoration: underline;
    text-shadow: #00561f 1px 1px 0px, #00561f -1px 1px 0px, #00561f 1px -1px 0px, #00561f -1px -1px 0px;
    font-size: 28px;
}

.main_contents .ab_kv .toplink2 a:hover{
    color: #f50;
    text-decoration: underline;
}

/*=============
3月7日　追加分
 ==============*/
.main_contents .ab_kv .toplink3{
    padding-top: 30px;
    padding-left: 30px;
    /*padding-bottom: 30px;*/
}

.main_contents .ab_kv .toplink4{
    padding-top: 30px;
    padding-left: 30px;
    /*padding-bottom: 30px;*/
}
/*=============
3月7日　終わり
 ==============*/


/*=============
ABテスト用　終わり
 ==============*/


/*=============
 top_login_form
 ==============*/
.top_login_form{
	padding-top: 15px;
	margin-bottom: 15px;
	margin-left: 80px;
	width: 700px;
	float:left;
}

.top_login_form .id{
	float:left;
	padding-right: 20px;
}

.top_login_form .pw{
	float:left;
	padding-right: 20px;
}

.top_login_form #submit_btn_top{
	color: #fff;
    font-size: 14px;
    font-weight: bold;
	background: #5db223;
    border: 2px solid #24aa98;
    padding: 2px 20px 2px 20px;
}
/*=============
 top_login_form2
 ==============*/
.top_login_form2{
	padding-top: 17px;
}

.top_login_form2 .sinki{
	float:left;
}

.top_login_form2 .sinki a{
	color: #255b41;
    font-weight: bold;
}

.top_login_form2 .sinki a:hover{
	opacity: 0.6;
}

.top_login_form2 .wasure a{
	-webkit-text-size-adjust: 100%;
	color: #ff0000;
    font-weight: bold;
}

.top_login_form2 .wasure a:hover{
	opacity: 0.6;
}
/*=============
 end_form
 ==============*/
.end_form{
	height: 54px;
}

.end_form .touroukuzumi{
	margin-left: 500px;
	padding-top: 17px;
}

.end_form .user{
	float: left;
	margin-right: 20px;
}

.end_form .user2{
    float: left;
    margin-right: 20px;
}

.end_form .user2 a:hover{
	color:#ff0000;
}

.end_form .out{
	float: left;
	margin-right: 20px;
}

.end_form .out a{
	font-weight: bold;
    background: #5db223;
    border: 2px solid #24aa98;
    color:#fff;
}

.end_form .out a:hover{
	opacity: 0.6;
}

.touroukuzumi .user{
	margin-top: 15px;
	margin-left: 10px;
}

.touroukuzumi .user2{
	margin-left: 10px;
}

.touroukuzumi .user2 a{
	color: #1111cc;
}

.touroukuzumi .user2 a:hover{
	color:#ff0000;
}

.touroukuzumi .out a{
	width: 110px;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    background: #fab40d;
    border: 1px solid #ca9e06;
    padding: 2px 20px 2px 20px;
    margin: 10px 0 10px 45px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.touroukuzumi .out a:hover{
	color: #ff0000;
}

/*=============
 g_menu
 ==============*/

#g_menu {
	clear: both;
	background-color: #50bd24;
	width: 100%;
	height: 40px;
	margin: 0;
}

#g_menu ul#g_menu_inner {
	list-style-type: none;
	width: 960px;
	height: 40px;
	margin: 0 auto;
	padding-left: 35px;
}


#g_menu ul#g_menu_inner li,
#g_menu ul#g_menu_inner ul.sub_menu li {
	float: left;
	width: 155px;
	height: 40px;
	margin: 0;
	padding: 0;
}

#g_menu ul#g_menu_inner li a {
	text-decoration: none;
	text-align: center;
	display: block;
	width: 155px;
	height: 40px;
	line-height: 40px;
	margin: 0;
	padding: 0;
	font-family:'メイリオ','Meiryo','ＭＳ Ｐゴシック','sans-serif';
	color: #000;
}

#g_menu ul#g_menu_inner li a:hover {
	background-color: #ffa600;/*#E50012*/
}

#g_menu ul#g_menu_inner .main_menu {
	text-align: center;
	background-color: #50bd24;
	width: 155px;
	height: 40px;
	line-height: 40px;
	padding: 0;
	margin: 0;
	cursor: pointer;
	color:#000;
	font-family:'メイリオ','Meiryo','ＭＳ Ｐゴシック','sans-serif';
}

#g_menu ul#g_menu_inner .main_menu:hover {
	background-color: #ffa600;/*#E50012*/
}

#g_menu ul#g_menu_inner ul.sub_menu {
	list-style-type: none;
	display: none;
	margin: 0;
	padding: 0;
}

#g_menu ul#g_menu_inner ul.sub_menu li {
	border-bottom: 1px solid #666666;
	background-color: #5db223;
	width: 155px;
	height: 40px;
	line-height: 40px;
	margin: 0;
	padding: 0;
	color: #FAFAFA;
	font-family:'メイリオ','Meiryo','ＭＳ Ｐゴシック','sans-serif';
	position: relative;
	z-index: 100;
}

#g_menu ul#g_menu_inner ul.sub_menu li a {
	font-size: 90%;
}

#g_menu ul#g_menu_inner ul.sub_menu li a.two {
	display: block;
	width: 155px;
	height: 35px;
	line-height: 15px;
	padding: 5px 0 0 0;
}

/*=============
 kv
 ==============*/

.main_kv{
	position: relative;
	/*background: radial-gradient(#fff,#000) repeat scroll 0% 0%;*//*円形グラデーション*/
	background-color: #000;
	height:510px;
}

.kv {
    width: 1200px;
    height: 545px;
    margin: 0 auto;
    margin-bottom: -70px;
    background: url("../images/kv05.jpg") no-repeat;
}

.kv .main_title{
	padding-top: 260px;
	text-align: center;
	font-size: 48px;
	color: #fff;
}

.kv .sub_title{
	font-size: 18px;
}

/*=============
 top_touroku_form
 ==============*/

.top_touroku_form {
    width: 870px;
    height: 175px;
    margin: 0 auto;
    background-color: #fff;
    border: 3px solid #111111;
    border-radius: 15px;
    /* position: absolute; */
    margin-bottom: -77px;
    /* bottom: -70px; */
    /* right: 330px; */
    position: relative;
}

.top_touroku_form img {
    margin-left: 20px;
    margin-bottom: 15px;
    display: block;
    margin-top: 10px;
    position: relative;
    z-index: 10;
}

.top_touroku_form .report {
    position: absolute;
    left: 595px;
    top: -80px;
    z-index: 5;
}

#foo3{
	width: 520px;
  	height: 35px;
  	border: 3px solid #e50012;
  	font-size:18px;
  	margin-left: 25px;
  	float: left;
  	background: url(../images/bg2.jpg) ;
}

input#top_btn {
	background: url(../images/btn.gif) no-repeat ;
	width: 267px;
  	height: 51px;
  	margin-left: 30px;
  	border:none;
  	cursor: pointer;
}

.form_text {
	font-size: 18px;
    font-weight: bold;
    color: #000;
    margin-left: 25px;
    margin-bottom: 5px;
}

/*=======================================
 競馬初心者の馬券購入
 ======================================*/
#breadcrumb {
    width: 960px;
    margin: 0 auto;
    padding: 0;
}

#breadcrumb ul {
    list-style: none;
    margin: 0;
    padding: 10px 0 0 10px;
}

#breadcrumb ul li {
    float: left;
}

#breadcrumb ul li a:hover{
	opacity: 0.6;
}

.contents_{
	width: 960px;
    margin: 0 auto;
    padding-top: 20px;
}

.sub_contents_ {
    width: 630px;
    margin-bottom: 40px;
    background-color: #fff;
    border: 5px solid #8bc33a;
    border-radius: 10px;
    text-align: center;
}

.title_img{
	margin-bottom: 15px;
}

.link_box{
	height:40px;
	margin-bottom: 15px;
}

.anchor_{
	list-style-type: none;
    width: 640px;
    margin: 0 auto;
}

.anchor_ li {
    float: left;
    width: 156px;
    height: 33px;
    margin-right: 4px;
}

.anchor_ li a{
    text-align: center;
    text-decoration: none;
    background-color: #50bd24;
    display: block;
    width: 156px;
    height: 33px;
    line-height: 35px;
    color: #000;
}

.anchor_ li a:hover{
	opacity: 0.6;
}

.contents_ttl{
    background: url(../images/uma_title.gif) no-repeat;
    padding: 25px 0 20px 0;
    display: block;
    margin-left: 20px;
    margin-top: 10px;
}

.contents_ttl2{
    background: url(../images/uma_title.gif) no-repeat;
    padding: 25px 0 20px 0;
    margin-left: 20px;
    margin-top: 10px;
    background-position: 20px 40px;
}

.title_text{
	font-size: 23px;
    font-weight: bold;
    color: #368102;
    font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
}

.text_box_{
	text-align: left;
    width: 590px;
    margin: 15px auto;
}

.text_box_2{
    text-align: right;
    width: 590px;
    margin: 15px auto;
}

.text_box_2 a:hover {
    text-decoration: underline;
    color: #1111cc;
    opacity: 0.6;
}

.text_box_ p {
    margin: 15px auto;
    line-height: 1.8;
}



.content_sub_ttl{
	border: #fff 2px dashed;
    font-weight: 700;
    font-size: 20px;
    background: #368102;
    color: #fff;
    margin: 15px auto;
    padding: 5px;
    width:570px;
}

.text_box_ .nextlook_button2 {
    margin: 10px 30px;
}

.review_box {
    background-color: #fffeee;
    width: 590px;
    margin:20px auto;
}

.review_box p{
	margin-bottom: 20px;
}

.review_text {
    text-align: left;
    padding: 10px;
    border: 1px solid #368102;
}

.review_box .color_green {
    color: #368102;
    font-size: 20px;
    margin-bottom: 5px;
    font-weight: bold;
    display: block;
}

.review_box .color_red {
	color: #ff0000;
	font-weight: bold;
	font-size: 20px;
}

.review_box .color_red2 {
	color: #ff0000;
	font-weight: bold;
}

.review_box .color_red3 {
	color: #ff0000;
    font-size: 20px;
    margin-bottom: 5px;
    font-weight: bold;
    display: block;
}

.text_box_ .color_red{
	color: #ff0000;
	font-weight: bold;
}

.text_box_ .color_smallred{
	color: #ff0000;
	font-weight: bold;
	font-size: 12px;
}

.text_box_ .under_line_red{
	text-decoration: underline; color:red;
}

.text_box_ .color_black{
	color: #444;
}

.top_space{
	margin: 15px 0;
    display: block;
}

/*=======================================
 中央競馬のイロハ
 ======================================*/

.link_box2{
	margin-bottom: 15px;
}

.anchor_2{
	list-style-type: none;
    width: 640px;
    margin: 0 auto;
}

.anchor_2 li {
    float: left;
    width: 120px;
    height: 33px;
    margin-right: 6px;
    border: 1px solid #368102;
}

.anchor_2 li a{
    text-align: center;
    text-decoration: none;
    background-color: #50bd24;
    display: block;
    width: 120px;
    height: 33px;
    line-height: 35px;
    color: #000;
}

.anchor_2 li a:hover{
	opacity: 0.6;
}

/*=======================================
歴代年度代表馬
 ======================================*/

.horseoftheyear_block {
    width: 630px;

}

table.horseoftheyear {
    margin-left: 140px;
}

tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}

tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}

table.horseoftheyear th {
    text-align: right;
    font-size: 15px;
}

table.horseoftheyear td {
    height: 35px;
    font-size: 15px;
    text-align: left;
}

table.horseoftheyear td a:hover{
	color: #ff0000;
}

/*=======================================
サイトマップ
 ======================================*/

.sitemap {
    width: 300px;
    padding: 10px 0 0 35px;
    text-align: left;
}

.listtitle {
    border-bottom: 1px solid #666666;
    margin-bottom: 15px;
    font-size: 17px;
    font-weight: bold;
}

.listtitle2 {
    border-bottom: 1px dotted #666666;
    font-size: 15px;
    font-weight: bold;
}

.sitemap li {
    line-height: 35px;
}

.sitemap a:hover{
	color: #ff0000;
	opacity: 0.6;
}

/*=======================================
運営者情報
 ======================================*/

.company_summary_bg {
    background-color: #368102;
    margin-bottom: 30px;
}

.company_summary_bg table th {
    background-color: #fffeee;
    width: 23%;
    color: #000;
    margin: 0;
    padding: 15px 2% 15px 2%;
}

.company_summary_bg table td {
    background-color: #FFFFFF;
    margin: 0;
    padding: 15px 2% 15px 2%;
}

/*=======================================
カレンダー
 ======================================*/




/*=======================================
G1
 ======================================*/

.mid_b {
    padding: 15px;
}

#race_list li{
	padding: 5px;
	text-align: left;
}

#race_list li a {
/*    display: block;
    border-left: 2px solid;*/
    padding: 0 0 0 4px;
    line-height: 14px;
    font-size: 14px;
    font-weight: bold;
    color: #996633;
}

#race_list li a:hover{
	color: #ff0000;
}

/*=======================================
2015
 ======================================*/

#condition {
    text-align: center;
    font-size: 15px;
    margin: 20px auto 10px;
}

#forecast {
    border: 1px solid #999999;
    color: #000000;
    font-size: 15px;
    font-weight: bold;
    line-height: 25px;
    margin: 0 auto 10px;
    padding: 10px 25px;
    width: 533px;
    text-align: left;
}

.red {
    color: #C1272D;
}

.redbl {
	color: #ff0000;
	font-size: 15px;
	font-weight: bold;
	font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
}

.dotblock{
	font-weight: bold;
    font-size: 15px;
    border-bottom: 1px dotted #000;
    line-height: 30px;
}

.blockbl{
	font-size: 15px;
    font-weight: bold;
}

.title{
	font-size: 40px;
	margin-top: 10px;
    font-weight: bold;
    color: #368102;
    /*text-align: center;*/
}

/*=====
 win5
 ======*/

.win5table_bg {
	background-color: #666666;
	width: 850px;
	margin: 0 auto;
}

.win5table_bg table {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

.win5table_bg table th {
	text-align: center;
	background-color: #222222;
	line-height: 130%;
	font-family:'メイリオ','Meiryo','ＭＳ Ｐゴシック','sans-serif';
	color: #FFE100;
	padding: 5px 0 0 0
}

.win5table_bg table td {
	text-align: center;
	background-color: #FFFFFF;
	width: 19%;
	height: 30px;
}

.win5table_bg table td.yellow {
	background-color: #FFF000;
	color: #FF0000;
	font-weight: bold;
}

.win5table_bg table th.item,
.win5table_bg table td.item {
	width: 5%;
	font-family:'メイリオ','Meiryo','ＭＳ Ｐゴシック','sans-serif';
}

.win5table_bg table td.other {
	width: 5%;
	font-family:'ＭＳ Ｐゴシック','sans-serif';
}

/*=====
 mainrace
 ======*/

.mainrace_footer .form {
	padding: 100px 0 0 100px;
}

.mainrace_footer .form input[type=text] {
	width: 300px;
	height: 23px;
	margin: 0 10px 0 0;
	padding: 0;
	border: 1px solid #CCCBCB;
	border-radius: 1px;
}

.mainrace_footer .form input[type=submit]{
	-webkit-box-shadow: inset 0px 39px 0px -27px #E9817A;
	box-shadow: inset 0px 39px 0px -27px #E9817A;
	background-color: #e4685d;
	border-radius: 3px;
	border: 1px solid #DF1B1B;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	padding: 3px 20px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #b23e35;
}

/*=====
 contents
 ======*/

.contents{
	width: 100%;
	background: url(../images/bg.gif) ;
}

.contents2{
	width: 960px;
    margin: 0 auto;
    padding-top: 10px;
}

.contents3{
	width: 960px;
    margin: 0 auto;
}


/*=====
 side_contents
 ======*/
.rightCbox {
	width: 246px;
    height: 172px;
    margin: 7px 0 79px 7px;
    padding: 0px;
    background-color: #f5fcf2;
    border: solid 4px #007130;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;

}

.TitleBgb {
    height: 26px;
    text-align: center;
    background: #007130;
    color: #fff;
    margin-bottom: 10px;
    padding-top: 2px;
    font-size: 16px;
}

.TitleBgs p {
    font-size: 12px;
    color: #000;
    font-weight: bold;
    padding: 4px;
}

.CatcinWrap p{
	font-size: 13px;
    text-align: center;
}

.CatcinWrap a{
	color: #1111cc;
    text-decoration: underline;
    font-weight: bold;
}

.CatcinWrap .id{
	font-size: 13px;
    font-weight: bold;
    text-align: right;
    margin-top: 14px;
    margin-bottom: 7px;
}

.CatcinWrap .pw{
	font-size: 13px;
    font-weight: bold;
    text-align: right;
    margin-bottom: 5px;
}

.CatcinWrap .id_text{
	width: 105px;
	margin-right: 20px;
}

.CatcinWrap #submit_btn_top {
	width: 152px;
	height: 27px;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    background: #fab40d;
    border: 1px solid #ca9e06;
    padding: 2px 20px 2px 20px;
    margin: 10px 0 10px 45px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.sidebar{
	position: relative;
}

.side_contents {
    float: left;
    width: 268px;
    margin-right: 20px;
    margin-left: 10px;
    background-color: #50bd24;
    border: solid 2px #8bc33a;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    webkit-box-shadow: 4px 4px 0px 0px rgba(222, 222, 222, 0.75);
    -moz-box-shadow: 4px 4px 0px 0px rgba(222, 222, 222, 0.75);
    box-shadow: 4px 4px 0px 0px #ddd9d9;
}

.side_contents img{
	display: block;
    margin: 0 auto;
    margin-bottom: 10px;
}

.nav_01, .nav_02, .nav_03 {
    margin: 5px 0;
}

.nav_01 li{
    background-color: #df4c07;
    color: #fff;
    padding: 5px;
    width: 250px;
    margin: 0 auto;
    margin-top: 5px;
}

.nav_01 a{
	display: block;
}

.nav_01 a:hover{
	color: #000000;
}

.nav_01_2{
	position: absolute;
    top: 211px;
    right: 6px;
}

.nav_02 li{
    background-color: #fff;
    width: 250px;
    margin: 0 auto;
    margin-bottom: 5px;
}

.nav_02 .abc2{
	background-color: #fff;
    color: #fff;
    width: 235px;
    padding: 0 7px 0 5px;
    margin: 0 auto;
}

.nav_02 .abc2 a{
	line-height: 37px;
    border-bottom: 1px dashed #0e793b;
}

.nav_02 .abc2:last-child a{
	line-height: 37px;
    border-bottom: none;;
}

.nav_02 .abc2:hover{
	background-color: #fff;
}

.nav_02 .abc{
	background-color: #3b4c30;
    color: #fff;
    width: 250px;
    margin: 0 auto;
}

.float_right {
    float: right;
    padding: 12px 5px 0 0;
}

.nav_02 a{
	color: #007130;
    font-weight: bold;
    font-size: 13px;
    display: block;

}

.nav_02 .abc:hover{
	color: #ff0000;
}

.nav_02 a:hover{
	color: #ff0000;
}

.nav_02 .week{
	color: #007130;
    font-weight: bold;
    font-size: 13px;
    display: block;
    height: 35px;
    line-height: 37px;
    padding-left: 60px;
    background: url(../images/sidemenu_icon3.png) no-repeat;
    border: solid 1px #007130;
}

.nav_02 .week_waku{
	border-left: solid 1px #0e793b;
	border-right: solid 1px #0e793b;
	border-bottom: solid 1px #0e793b;
}

.nav_02 .week_waku .week1{
	width: 240px;
	margin-bottom: 5px;
    padding: 7px 0;
    border-bottom: 1px dashed #0e793b;
}

.nav_02 .week_waku .week2{
	width: 240px;
}

.nav_02 .week_waku .week2 a{
	width: 240px;
	line-height: 37px;
}

.nav_02 .icon1{
	background: url(../images/sidemenu_icon1.png) no-repeat ;
	background-color: #fff;
	background-position: 0 -1px;
	border: solid 1px #007130;
	line-height: 35px;
}

.nav_02 .icon1 a{
	padding-left: 60px;
}


.nav_02 .icon2{
	background: url(../images/sidemenu_icon2.png) no-repeat ;
	background-color: #fff;
	border: solid 1px #007130;
	line-height: 35px;

}

.nav_02 .icon2 a{
	padding-left: 60px;
}


.nav_02 .icon3{
	background: url(../images/sidemenu_icon4.png) no-repeat ;
	background-color: #fff;
	border: solid 1px #007130;
	line-height: 35px;

}

.nav_02 .icon3 a{
	padding-left: 60px;
}


.nav_02 .icon4{
	background: url(../images/sidemenu_icon5.png) no-repeat ;
	background-color: #fff;
	border: solid 1px #007130;
	line-height: 35px;

}

.nav_02 .icon4 a{
	padding-left: 60px;
}


.nav_02 .icon5{
	color: #007130;
    font-weight: bold;
    font-size: 13px;
    display: block;
    height: 35px;
    line-height: 37px;
    padding-left: 60px;
    background: url(../images/sidemenu_icon6.png) no-repeat;
    border: solid 1px #007130;
}

.nav_02 .icon5:hover{
	color: #ff0000;
}


.nav_02 .icon6{
	color: #007130;
    font-weight: bold;
    font-size: 13px;
    display: block;
    height: 35px;
    line-height: 37px;
    padding-left: 60px;
    background: url(../images/sidemenu_icon7.png) no-repeat;
    border: solid 1px #007130;
}

.nav_02 .icon6:hover{
	color: #ff0000;
}


.nav_02 .icon7{
	color: #007130;
    font-weight: bold;
    font-size: 13px;
    display: block;
    height: 35px;
    line-height: 37px;
    padding-left: 60px;
    background: url(../images/sidemenu_icon8.png) no-repeat;
    border: solid 1px #007130;
}

.nav_02 .icon7:hover{
	color: #ff0000;
}


.nav_02 .icon8{
	color: #007130;
    font-weight: bold;
    font-size: 13px;
    display: block;
    height: 35px;
    line-height: 37px;
    padding-left: 60px;
    background: url(../images/sidemenu_icon9.png) no-repeat;
    border: solid 1px #007130;

}

.nav_02 .icon8:hover{
	color: #ff0000;
}

.nav_02 .icon9{
	color: #007130;
    font-weight: bold;
    font-size: 13px;
    display: block;
    height: 35px;
    line-height: 37px;
    padding-left: 60px;
    background: url(../images/sidemenu_icon10.png) no-repeat;
    border: solid 1px #007130;
}

.nav_02 .icon9:hover{
	color: #ff0000;
}

.nav_02 .icon10{
	background: url(../images/sidemenu_icon12.png) no-repeat ;
	background-color: #fff;
	border: solid 1px #007130;
	line-height: 35px;

}

.nav_02 .icon10 a{
	padding-left: 60px;
}


.nav_02 .icon11{
    background: url(../images/sidemenu_icon12.png) no-repeat ;
    background-color: #fff;
    border: solid 1px #007130;
    line-height: 35px;

}

.nav_02 .icon11 a{
    padding-left: 60px;
}

.nav_03 ul{
	margin-top: 20px;
	margin-bottom: 10px;
}

.nav_03 li{
    background-color: #dff081;
    color: #333;
    font-weight:bold;
    padding: 5px;
    width: 250px;
    margin: 0 auto;
    margin-top: 2px;
}

.nav_03 .side_text{
	font-size:12px;
	line-height:130%;
}

.nav_03 .color_blue{
	color: #000099;
    font-weight: bold;
}

.fixed{
	/* bottom: 300px; */
	top: 10px;
	position: fixed;
}

#floatMenu{
    width: 210px;
    height: 300px;
    background-color:olive;

    top:100px;
    left: : 10px;
    padding: 20px;
}

.banner li{
	width: 250px;
    margin: 0 auto;
    border: 1px solid #fff;
    background-color: #50bd24;
    /* padding: 5px; */
    margin-bottom: 7px;
    padding-top: 10px;
}

ul .side_ranking {
  margin: 60px auto 15px;
  width: 240px;
  border: solid 1px #007130;
  padding: 5px 5px 0;
}
ul .side_ranking h3.title {
  margin-top: -50px;
  padding: 0;
}
ul .side_ranking h3.title img {
  width: 100%;
}
ul .side_ranking li {
    margin-bottom: 10px;
  background-color: #fff;
}
ul .side_ranking h4.name {
  background-color: #368102;
  padding: 5px;
  font-size: 15px;
  color: #fff100;
  text-align: center;
  font-weight: normal;
}
ul .side_ranking h4.name img {
  display: inline-block;
  margin: 0;
}
ul .side_ranking h4.name span {
  color:#fff;
  font-size: 17px;
  font-weight: bold;
}
ul .side_ranking p.img {
  padding: 10px 5px 0;
}
ul .side_ranking p.img img {
  width: 97%;
  height: auto;
  border: solid 1px #8ac13c;
}
ul .side_ranking p.text {
  padding: 5px;
}
ul .side_ranking p.btn {
  width: 93%;
  text-align: center;
  padding: 5px 5px 10px;
}
ul .side_ranking p.btn a {
    display: inline-block;
    width: 100%;
    color: white;
    background: #ec6941;
    padding: 5px 0;
    border-radius: 5px;
    border-bottom: 5px solid #d05d3b;
}




/*=====
 side_contents　end
 ======*/




/*=====
 main_contents
 ======*/

.main_contents{
    width: 640px;
    float:right;
}

.sub_contents2_top{
/*	width: 630px;
	margin-top: 100px;
	margin-bottom: 30px;
	background-color: #fff;
	border: 5px solid #8bc33a;
    border-radius: 10px;
    position: relative;*/

    width: 630px;
    /*
    margin-top: -650px;
    margin-right: 225px;
    */
    margin-bottom: 60px;
    margin-top: 50px;
    background-color: #fff;
    border: 5px solid #8bc33a;
    border-radius: 10px;
    position: relative;
    float: right;
}

.sub_contents2{
	width: 630px;
	margin-bottom: 30px;
	background-color: #fff;
	border: 5px solid #8bc33a;
    border-radius: 10px;
    position: relative;
}

.sub_contents3{
	width: 630px;
	margin-bottom: 50px;
	background-color: #fff;
	border: 5px solid #8bc33a;
    border-radius: 10px;
    position: relative;
}

.sub_contents3_{
    width: 630px;
    /*margin-bottom: 50px;*/
    /*background-color: #fff;
    border: 5px solid #8bc33a;*/
    border-radius: 10px;
    position: relative;
}

.sub_contents4{
    width: 630px;
    margin-bottom: 50px;
    background-color: #fff;
    border: 5px solid #8bc33a;
    border-radius: 10px;
    position: relative;
}

.sub_contents5_top{
/*  width: 630px;
    margin-top: 100px;
    margin-bottom: 30px;
    background-color: #fff;
    border: 5px solid #8bc33a;
    border-radius: 10px;
    position: relative;*/

    width: 630px;
    /*
    margin-top: -650px;
    margin-right: 225px;
    */
    margin-bottom: 30px;
    margin-top: 50px;
    background-color: #fff;
    border: 5px solid #8bc33a;
    border-radius: 10px;
    position: relative;
    float: right;
}

.sub_contents5{
    width: 630px;
    margin-bottom: 30px;
    background-color: #fff;
    border: 5px solid #8bc33a;
    border-radius: 10px;
    position: relative;
}

.top_box .flexbox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.top_box .flexbox .site {
    -webkit-flex: 0 0 270px;
    -moz-flex: 0 0 270px;
    -ms-flex: 0 0 270px;
    -o-flex: 0 0 270px;
    flex: 0 0 270px;
    margin-bottom: 15px;
  padding: 5px;
  border: 1px solid #368102;
  position: relative;
}
.top_box .flexbox .none {
    -webkit-flex: 0 0 270px;
    -moz-flex: 0 0 270px;
    -ms-flex: 0 0 270px;
    -o-flex: 0 0 270px;
    flex: 0 0 270px;
    margin-bottom: 15px;
  padding: 5px;
  border: none;
}
.top_box .flexbox .site h4.name {
  background-color: #368102;
  padding: 5px;
  font-size: 13px;
  color: #fff;
  text-align: center;
  font-weight: normal;
}
.top_box .flexbox .site h4.name span {
  font-size: 18px;
  font-weight: bold;
}
.top_box .flexbox .site p.img {
  padding: 5px;
}
.top_box .flexbox .site p.img img {
  width: 100%;
  height: auto;
}
.top_box .flexbox .site p.text {
  padding: 5px;
}
.top_box .flexbox .site p.btn {
  width: 93%;
  text-align: center;
  padding: 5px;
  position: absolute;
  bottom: 0;
}

.top_box .flexbox .site .hukidashi_new {
    position: absolute;
    top: -28px;
    left: -12px;
    z-index: 5;
}

.top_box .flexbox .site p.btn a {
    display: inline-block;
    width: 100%;
    color: white;
    background: #ec6941;
    padding: 18px 0 10px;
    border-radius: 5px;
    border: 1px solid #d05d3b;
    border-bottom: 5px solid #d05d3b;
}
.ti_ebicome {
    color: #368102;
    font-weight: bold;
    margin-top: 10px;
}
.ebicome {
    background: url(../images/site/bg_ebicome.png) no-repeat left top;
    padding: 0 0 70px 37%;
    margin: 5px 0 20px;
}
.arrow_box {
    position: relative;
    background: #ffffff;
    border: 2px solid #368102;
    border-radius: 5px;
    padding:5px;
}
.arrow_box:after, .arrow_box:before {
    right: 100%;
    top: 80%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #ffffff;
    border-width: 10px;
    margin-top: -30px;
}
.arrow_box:before {
    border-color: rgba(54, 129, 2, 0);
    border-right-color: #368102;
    border-width: 13px;
    margin-top: -33px;
}

p.text.wp_kutikomi {
    font-size: 15px;
    text-decoration: underline;
}

p.text.wp_kutikomi a{
    color: #f16c09;
}

p.text.wp_kutikomi a:hover{
    opacity: 0.6;
}

.main_img{
	position: absolute;
	top: -55px;
	left: 20px;
}

.main_sub {
    background: url(../images/main_sub_img.png) no-repeat;
    margin-top: 30px;
    text-align: center;
    padding-bottom: 25px;
    padding-top: 45px;
    margin-left: 20px;
    font-size: 25px;
    color: #222;
    font-weight: bold;
}

.main_sub2{
	background: url(../images/main_sub2_img.png) no-repeat ;
	margin-top: 30px;
    text-align: center;
    padding-bottom: 25px;
    padding-top: 45px;
    margin-left: 20px;
    font-size: 25px;
    color: #222;
    font-weight: bold;
}

.text_box .text_box_title{
    display: block;
    margin-top: 30px;
    padding-left: 20px;
    padding-bottom: 30px;
}

.text_box .top_hit{
    display: block;
    padding-left: 20px;
    padding-bottom: 30px;
}

.bg_yellow_red {
    background: #fff25e;
    color: #ff0000;
    font-weight: bold;
    font-size: 17px;
    font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
}

.bg_yellow_red2 {
    background: #fff25e;
    color: #ff0000;
    font-weight: bold;
    font-size: 24px;
    font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
}

.greenbl{
	font-size:15px;
    color: #008000;
    font-weight: bold;
    font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
}

.text_box .text_box_title2{
	font-size: 24px;
    display: block;
    margin-left: 20px;
    font-weight: bold;
    padding-bottom: 10px;
}

.text_box p{
	padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    line-height: 1.8;
}

.text_box ul{
	margin-bottom:10px;
	line-height: 1.9;
}

.text_box li{
	color: #ff0000;
    margin-left: 20px;
}

.contents_box{
	background: url(../images/contents_box3.gif)  no-repeat;
	padding-bottom: 320px;
}

.contents_box_{
	background: url(../images/nextlook_button6.png)  no-repeat;
	height: 670px;
	margin-left: 30px;
}

/*=====
 top_touroku_form2
 ======*/

.top_touroku_form2{
	padding-top: 160px;
    padding-left: 10px;
}

.top_touroku_form4{
	padding-top: 290px;
    padding-left: 10px;
}

.top_touroku_form2 img{
	margin-left: 70px;
	margin-bottom: 10px;
  	display: block;
  	margin-top: 15px;
}

#foo4{
	width: 45%;
  	height: 35px;
  	border: 3px solid #e50012;
  	font-size:18px;
  	margin-left: 10px;
  	float: left;
  	background: url(../images/bg2.jpg) ;
}

input#top_btn2 {
	background: url(../images/btn.png) no-repeat ;
	width: 267px;
  	height: 51px;
  	margin-left: 15px;
  	border:none;
  	cursor: pointer;
}

input#top_btn4 {
	background: url(../images/btn2.png) no-repeat ;
	width: 225px;
  	height: 51px;
  	margin-left: 15px;
  	border:none;
  	cursor: pointer;
}

#uma {
	width: 1000px;
	margin: 0 auto;
}

/*=============
 footer
 ==============*/
#footer {
	clear: both;
	background-color: #f9fce6;
	width: 100%;
	margin: 0;
	padding: 0;
	height:200px;
}

#footer #footer_contents {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	height:200px;
}

#footer #footer_contents ul.footer_menu{
	list-style-type: none;
	width: 100%;
	margin: 0;
	padding: 10px 0 0 0;
	/*float:left;*/
}

#footer #footer_contents ul.footer_menu li {
	float:left;
	height: 30px;
    /*width: 120px;*/
    margin: 0 8px 10px;
    padding: 0 10px;
    border-bottom: 1px dotted #000;
    margin-bottom: 10px;
    font-size: 12px;
    float:left;
}

#footer #footer_contents ul.footer_menu li a {
	display: block;
	line-height: 30px;
	margin: 0;
	padding: 0;
	color: #000;
}

#footer #footer_contents {
	clear: both;

}
 p.copy{
 	float: left;
	padding:0;
	width: 100%;
	text-align: center;
	height: 26px;
	line-height: 30px;
	font-size: 90%;
	color: #fff;
	background-color:#255b41;


}

#back-top {
    position: fixed;
    bottom: 50px;
    left: 95%;
    z-index: 10;
}

#back-top a {
    width: 50px;
    display: block;
    text-align: center;
    font: 10px/100% Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    color: #255b41;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}

#back-top span {
    width: 50px;
    height: 50px;
    display: block;
    margin-bottom: 7px;
    background: #ffffff url(../images/top_arrow.png) no-repeat center center;
    background-size: contain;
    border: 1px solid #255b41;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}

/*=============
 beginner page
 ==============*/

.betting_ticket_form{
	width: 882px;
	height: 210px;
	margin: 15px auto;
	background-color: #fffeee;
	border: 1px solid #111111;
	border-radius: 15px;
}

.betting_ticket_form img{
	margin: 15px auto;
  	display: block;
}

#foo2{
	width: 445px;
  	height: 35px;
  	border: 3px solid #e50012;
  	font-size:18px;
  	margin-left: 70px;
  	padding-left: 5px;
  	float: left;
  	background: url(../images/bg2.jpg) ;
}

input#submit_btn {
	background: url(../images/btn.gif) no-repeat ;
	width: 267px;
  	height: 51px;
  	margin-left: 20px;
  	border:none;
  	cursor: pointer;
}

/*=============
 register page
 ==============*/
#register {
	width: 910px;
	margin: 0 auto;
	padding: 25px 0;
}

#register .register_bg {
	background-image: url(../images/register_bg.gif);
	background-repeat: repeat-y;
	width: 910px;
	margin: 0;
	padding: 0;
}

#register .register_bg .register_hf {
	width: 910px;
	margin: 0;
	padding: 0;
}

#register .register_bg .register_form {
	width: 760px;
	margin: 0 auto;
	padding: 15px 0;
}
#register .register_bg .form_inner {
	margin: 0;
	padding:23px 0 0 200px;
}
#register .register_bg .form_inner input[type=text]{
	width: 300px;
	height: 23px;
	margin: 0 10px 0 0;
	padding: 0;
	border: 1px solid #CCCBCB;
	border-radius:1px;
}
#register .register_bg .form_inner input[type=submit]{
	-moz-box-shadow:inset 0px 39px 0px -27px #E9817A;
	-webkit-box-shadow:inset 0px 39px 0px -27px #E9817A;
	box-shadow:inset 0px 39px 0px -27px #E9817A;
	background-color:#e4685d;
	border-radius:3px;
	border:1px solid #DF1B1B;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	padding:3px 20px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
}

#register .register_bg .form {
	background-image: url(../images/register_form.gif);
	background-repeat: no-repeat;
	width: 760px;
	height: 80px;
	margin: 0;
	padding: 0;
}

#register .register_caution {
    width: 905px;
    margin: 25px 0;
    background: #fff;
    border: 5px solid #eee;
}

#register .register_caution p{
    padding: 10px;
}

/*=
 old_retro_block
 =*/
.old_retro_block {
	width: 880px;
	margin: 0 auto;
	padding: 0;
}

.old_retro_block .old_retro_title {
	border-bottom: 1px dotted #222222;
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 150%;
	font-weight: bold;
	font-family:'メイリオ','Meiryo','ＭＳ Ｐゴシック','sans-serif';
}

.old_retro_block table.old_retro {
	float: left;
	width: 50%;
	margin: 0;
	padding: 0;
}

.old_retro_block table.old_retro td.date {
	width: 32%;
}

.old_retro_block table.old_retro td.race {
	width: 68%;
}

/*=============
 horseoftheyear page
 ==============*/
.horseoftheyear_block {
	width: 100%;
	margin: 0;
	padding: 0 0 0 50px;
}

table.horseoftheyear {
	margin: 0;
	padding: 0;
}

table.horseoftheyear th {
	text-align: right;
	height: 40px;
	line-height: 40px;
	margin: 0;
	padding: 0;
}

table.horseoftheyear td {
	height: 40px;
	line-height: 40px;
	margin: 0;
	padding: 0;
}

/*=============
 site_map page
 ==============*/
.sitemap_bg {
	width: 90%;
	margin: 0 auto;
	padding: 0;
}

.sitemap_bg ul.sitemap {
	list-style-type: none;
	float: left;
	width: 400px;
	margin: 0;
	padding: 0 0 0 35px;
}

.sitemap_bg ul.sitemap li {
	width: 100%;
	height: 35px;
	line-height: 35px;
	margin: 0;
	padding: 0;
}

.sitemap_bg ul.sitemap li.listtitle {
	border-bottom: 1px dotted #666666;
}

/*===========================
user_mypage
===========================*/
.signup,
.thanks,
.setting,
.forgot {
	width: 898px;
	margin: 0 auto;
	padding: 10px 0;
	border: 5px solid #eee;
	border-radius: 5px;
	line-height: 1.5;
	background: #fff;
	height: 500px;
	margin-top: 20px;
}

.signup p,
.thanks p,
.setting p,
.forgot p {
	margin: 0;
	padding: 5px 0 25px;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
}

.signup form,
.setting form,
.forgot form {
	width: 705px;
	margin: 0 auto;
}

.signup form td input,
.setting form td input,
.forgot form td input {
	width: 350px;
	padding: 5px;
}

.setting form td.magazine input {
	width: 50px;
}

.signup form > input,
.setting form > input,
.forgot form >input {
	display: block;
	width: 180px;
	margin: 10px auto;
	padding: 5px;
	background: #36c;
	font-size: 18px;
	border-radius: 5px;
	border: 1px solid #369;
	color: #fff;
}

.signup form > input:hover,
.setting form > input:hover,
.forgot form > input:hover {
	cursor: pointer;
	background: #69f;
}

.signup form table,
.setting form table,
.forgot form table {
	border-collapse: collapse;
}

.signup form th,
.setting form th,
.forgot form th {
	background: #eee;
	font-weight: normal;
	color: #369;
}

.signup form th,
.signup form td,
.forgot form th,
.forgot form td,
.setting form th,
.setting form td {
	padding: 10px;
	border-bottom: 1px dotted #ccc;
}

/*===========================
forgot_pw
===========================*/
.forgot form table {
	width: 705px;
}

.signup form th,
.forgot form th {
	width: 320px;
}

.signup p + p,
.thanks p + p,
.forgot p + p {
	width: 705px;
	margin: 0 auto;
	font-size: 14px;
	text-align: left;
	font-weight: normal;
}

/* topbanner */
.top_banner{
	background-color: #e50112;
	width: 720px;
	height: 50px;
	margin-left: 15px;
	margin-bottom: 20px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.top_banner p{
	font-size: 29px;
	color:#ffffff;
}

/*===========================
g1/g2/g3
===========================*/

#race_list{
	margin: 0;
	padding: 40px auto;
	line-height: 150%;
}

#race_list li{
	margin:0 auto;
	padding-top:10px;
	list-style: none;
}

#race_list li:first-child{
	padding-top:0;
}

#race_list li a{
/*	display:block;
	border-left:2px solid ;*/
	padding: 0 0 0 4px;
	line-height:14px;
	font-size:12px;
	font-weight:bold;
	color:#996633;
}

#race_list li a:hover{
	color:#009900;
}

.question{
    font-weight: bold;
    color: #663333;
}

#condition{
	text-align: center;
	font-size: 15px;
    margin: 0 auto 10px;
}

#forecast{
    border: 1px solid #999999;
    color: #000000;
    font-size: 15px;
    font-weight: bold;
    line-height: 25px;/*7/11に20→25に数字変更*/
    margin: 0 auto 10px;
    padding: 10px 25px;
    width: 533px;
    }

#analysis{
	width: 850px;
	margin: 0 auto;
	line-height: 2em;/*7/11書き足し*/
}

/*=======================================
ABテスト用
 ======================================*/


.tab{
	height:auto;
}

.tab-menu {
	height:auto;
	overflow: hidden;
}

.tab-menu > li {
	float: left;
 	/*margin: 0 3px 0 0;*/
 	width:190px;
}

.tab-menu > li > a {
	display: block;
 	/*padding: 8px 20px 4px 20px;*/
 	background: #50bd24;
 	text-align:center;
 	padding:8px;
 	color: #000;
}

.tab-menu > li > a:hover, .tab-menu > li.selected > a {
	background: #ffad1f;
}

.tab-menu > li > a:active {
	background: #ffad1f;
}

.tab-menu > li > a:visited {
	background: #ffad1f;
}

.tab-contents {
	padding: 20px 0 0 0;
	clear: both;
	height:auto;
}

.tab-menu .left_space {
	margin-left: 10px;
}

.tab-contents .hidden {
	display: none;
}

.tab-contents a:hover{
	opacity: 0.6;
}

.tab1 ul li{
	float:left;
}

.tab1 .space{
	margin-right: 30px;
}

.tab1 .space2{
	margin-right: 30px;
	margin-top: 13px;
}

.tab2 ul li{
	float:left;
}

.tab2 .space{
	margin-right: 30px;
}

.tab2 .space2{
	margin-right: 30px;
	margin-top: 13px;
}

.tab2 .space3{
	margin-top: 13px;
}

.tab3 ul li{
	float:left;
}

.tab3 .space{
	margin-right: 30px;
}

.tab3 .space2{
	margin-right: 30px;
	margin-top: 13px;
}

.tab3 .space3{
	margin-top: 13px;
}

.tab4 .space{
	margin-right: 30px;
}

.tab5 ul li{
	float:left;
}
.tab5 .space{
	margin-right: 30px;
}
/*=======================================
ABテスト用　終わり
 ======================================*/

/*=======================================
TOP変更
 ======================================*/
.top_box {
    text-align: left;
    width: 590px;
    margin: 70px auto 0;
}

.top_box p{

}

.top_box .color_red{
	color: #ff0000;
}

.top_box .color_green{
	color: #368102;
}

.race_space{
	font-size:24px;
	display:block;
	margin-top:20px;
}

.top_box .color_blue{
	color: #1111cc;
	font-weight:bold;
}

.top_box .race_space a:hover{
	text-decoration:underline;
	color: #1111cc;
	opacity: 0.6;
}

.text_box_ a:hover{
	text-decoration:underline;
	color: #1111cc;
	opacity: 0.6;
}

.title_text2{
	font-size: 23px;
    font-weight: bold;
    color: #368102;
    text-align:center;
    font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
}
/*=======================================
TOP変更　終わり
 ======================================*/

  /*=======================================
古銭バナー
 ======================================*/

.kosen{
	padding:0 20px 10px 20px;
	color:#fff;
}

  /*=======================================
古銭バナー 終わり
 ======================================*/

 /*=======================================
追加ページCSS
 ======================================*/
 /*
.good-match{
	width: 500px;
    padding: 10px 0 0 35px;
    text-align: left;
}
*/
.good-match{
	width: 600px;
    /*padding: 10px 0 0 35px;*/
    text-align: left;
}

.good-match li {
    line-height: 35px;
}

.good-match li a{
	color:#1111cc;
}

.good-match li a:hover{
	opacity: 0.6;
	text-decoration: underline;
}

.good-match .good-match_thumbnail{
	float: left;
    width: 550px;
    height: 170px;
    border: 1px solid #368102;
    margin: 5px 0px 10px 10px;
    padding: 5px;
}

.good-match .good-match_thumbnail img{
	box-shadow: 0px 0px 1px 2px rgba(188,188,188,0.7);
    margin: 10px 0 0 5px;
    float: left;
}

.good-match_thumbnail_tittle{
	float: left;
    max-width: 350px;
    margin: 10px 0 5px 10px;
    line-height: 1.5;
    font-size: 17px;
    text-decoration: underline;
}

.good-match_thumbnail_text{
	float: left;
    max-width: 380px;
    margin: 0 0 0 10px;
    line-height: 1.5;
    color: #000;
}

.reviews_banner img{
    width: 90%;
    margin: 10px 0 20px;
}

.douga{
	margin:20px auto;
}

.sub_contents_ .arima{
	margin: 20px auto;
}

.top_touroku_form3 {
    padding-bottom:20px ;
    padding-left: 10px;
}

#foo6{
	width: 320px;
    height: 35px;
    border: 3px solid #e50012;
    font-size: 18px;
    margin-left: 20px;
    float: left;
    background: url("../images/bg2.jpg");
}

input#top_btn3 {
    background: url("../images/btn3.gif") no-repeat;
    width: 225px;
    height: 51px;
    margin-left: 15px;
    border: none;
    cursor: pointer;
}

 /*=======================================
馬柱
 ======================================*/

.grace_table{
	width:100%;
	text-align: center;
    background: #fff;
}

.grace_table a{
	color: #1111cc;
    font-weight: bold;
}

.grace_table a:visited{
	color: #1111cc;
}

.grace_table a:hover{
	color: #1111cc;
}

.grace_1{
	background: #f0f0e1;
}

.grace_2 td{
	padding: 5px;
}

.grace_2 .grace_3{
	   background: #caeec8;
}

/*=======================================
WIN5 リライト
 ======================================*/
.text_box_ .text_box_title{
	display: block;
	padding-top: 20px;
    padding-bottom: 10px;
}

.win5_box_top{
	background: url("../images/win5_type_boxbuttom.png") no-repeat left bottom;
	margin-top: 20px;
}

.win5_box_top2{
	background: url("../images/win5_type_boxbuttom2.png") no-repeat left bottom;
	margin-top: 20px;
}

.win5_box_top3{
	background: url("../images/win5_type_boxbuttom3.png") no-repeat left bottom;
	margin-top: 20px;
}


.win5_box_buttom{
	padding: 10px;
    color: #444;
}

.win5_type_table{
	width: 100%;
    text-align: center;
    border-color: #5db223;
}

.win5_type_table tr{
	padding:5px;
}

.win5_type_table .th_color{
	background: #c5e7ae;
}

.win5_type_table2{
	width: 100%;
    text-align: center;
    border-color: #5db223;
}

.win5_type_table2 th{
	background:#228208;
	color:#fff;
	font-size:18px;
}

.win5_type_table2 .color_td{
	background:#b2edc3;
	color:#000;

}

.contents_box2_ {
    background: url(../images/win5_form.png) no-repeat;
	height: 700px;
    margin-left: 30px;
    margin-top: 20px;
}

.top_touroku_form6 {
    padding-top: 310px;
    padding-left: 10px;
}


 /*=======================================
中段フォーム
 ======================================*/
 .contents_box_2 {
    background: url(../images/nextlook_button5.png) no-repeat;
    padding-bottom: 50px;
    margin-left: 30px;
}

.top_touroku_form5 {
    padding-top: 270px;
    padding-left: 10px;
}

#foo5 {
    width: 45%;
    height: 35px;
    border: 3px solid #e50012;
    font-size: 18px;
    margin-left: 10px;
    float: left;
    background: url(../images/bg2.jpg);
}

 /*=======================================
中段フォーム　終わり
 ======================================*/

/*=======================================
データ競馬予想
======================================*/

.data_table{
	width: 100%;
    text-align: center;
    border-color: #5db223;
}

.data_table tr{
	padding:5px;
}

.data_table .th_color{
	background: #c5e7ae;
}

.data_table2{
	width: 100%;
    text-align: center;
    border-color: #5db223;
}

.data_table2 th{
	background:#228208;
	color:#fff;
	font-size:18px;
}

.data_table2 .color_td{
	background:#b2edc3;
	color:#000;
}

.data_table1{
	width: 100%;
    text-align: center;
    margin-top: 20px;
    border-color: #5db223;
}

.data_table1 tr{
	padding:5px;
}

.data_table1 .th_color{
	background: #c5e7ae;
}

.data_table2{
	width: 100%;
    text-align: center;
    border-color: #5db223;
}

.data_table2 th{
	background:#228208;
	color:#fff;
	font-size:18px;
}

.data_table2 .color_td{
	background:#b2edc3;
	color:#000;
}

caption{
	color: #fff;
    font-size: 18px;
    background: #356a10;
}

.bluebl {
    color: #00ADEE;
	font-weight: bold;
}

.data_racecourse_box {
    background: url(../images/data_form.png) no-repeat;
    margin-left: 30px;
    height: 700px;
}

.data_form {
    padding-left: 10px;
    padding-top: 310px;
}

#foo5 {
    width: 45%;
    height: 35px;
    border: 3px solid #e50012;
    font-size: 18px;
    margin-left: 10px;
    float: left;
    background: url(../images/bg2.jpg);
}

.data_box{

}

.nav_02 .side_color a{
	color: #FFD700;
}

.nav_02 .side_color a:hover{
	color: #FF0000;
	background:#FFF;
}


/*=======================================
データ競馬予想　終わり
======================================*/

 /*=======================================
ABテスト
 ======================================*/

input#top_btn_test {
    background: url(../images/btn_test.png) no-repeat ;
    width: 225px;
    height: 51px;
    margin-left: 15px;
    border:none;
    cursor: pointer;
}

.text_box_  .ab_test{
    font-size: 20px;
    text-align: center;
}


 /*=======================================
2015年　京都記念予想　最新のリンク
 ======================================*/

.kyoto_link{
	font-size: 30px;
    text-decoration: underline;
    margin-bottom: 20px;
    text-align: center;
    font-weight: bold;
}

.kyoto_link a{
	color:#1111cc;
}

.kyoto_link a:hover{
	opacity: 0.6;
}

/*=======================================
エビコ　プロフィール
======================================*/
.contents_profile{
    width: 630px;
    margin-bottom: 40px;
    background-color: #fbf7ee;
    border: 1px solid #faaa12;
    border-top: 3px solid #faaa12;
    border-bottom: 3px solid #faaa12;
    text-align: center;
}

.profile_ttl {
    background: url(../images/profile.png) no-repeat;
    height: 402px;
    display: block;
    margin-left: 10px;
    margin-top: 10px;
}

.profile_text {
    font-size: 15px;
    font-weight: bold;
    color: #333;
    text-align: left;
    padding-top: 110px;
    padding-left: 290px;
    font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
}

.profile_text2 {
    padding-left: 55px;
}

.profile_text3 {
    padding-left: 73px;
}

.profile_box{
    text-align: left;
    width: 590px;
    margin: 30px auto;
}

.profile_box p {
	font-size: 15px;
    margin: 15px auto;
    font-weight: bold;
    font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
}

.pr_ttl{
	border-left: 3px solid #faaa12;
    border-bottom: 1px solid #faaa12;
    padding-bottom: 2px;
    padding-left: 5px;
}

/*=======================================
エビコ　予想ページ
======================================*/

.ebiko_contents{
    width: 630px;
    margin-bottom: 40px;
    background-color: #fefaf3;
    border: 5px solid #faaa13;
    border-radius: 10px;
    text-align: center;
}

.ebiko_main_contents{
    width: 630px;
    margin-bottom: 30px;
    background: url(../images/ebiko_dot.jpg) ;
    border: 5px solid #faaa13;
    border-radius: 10px;
    position: relative;
}

.ebiko_main_contents .text_box_{
    color:#000;
}


.q_title {
    font-size: 40px;
    margin-top: 10px;
    font-weight: bold;
    color: #faaa13;
}

.ebiko_sub_ttl {
    border: #fff 2px dashed;
    font-weight: 700;
    font-size: 20px;
    background: #faaa13;
    color: #fff;
    margin: 15px auto;
    padding: 5px;
    width: 570px;
}


/*---------------------
エビコ登録フォーム中段
---------------------*/
.ebiko_form_center{
    background: url(../images/ebiko_form_center.png) no-repeat;
    margin-left: 30px;
    height: 360px;
}

.ebiko_center{
    padding-top: 270px;
    padding-left: 13px;
}

#ebiko1 {
    width: 44%;
    height: 35px;
    border: 3px solid #e50012;
    font-size: 18px;
    margin-left: 10px;
    float: left;
    background: url(../images/bg2.jpg);
}

input#ebiko_btn1{
    background: url(../images/ebiko_btn.png) no-repeat;
    width: 225px;
    height: 51px;
    margin-left: 10px;
    border: none;
    cursor: pointer;
}
/*-------------------------
エビコ登録フォーム中段　end
--------------------------*/

/*---------------------
エビコ登録フォーム中段 桜花賞限定
---------------------*/
.ebiko_ouka_center{
    background: url(../images/ebiko_ouka_center.png) no-repeat;
    margin-left: 30px;
    height: 360px;
}

/*---------------------
エビコ登録フォーム中段 桜花賞限定_end
---------------------*/

/*---------------------
エビコ登録フォーム下段
---------------------*/
.ebiko_form_under{
    background: url(../images/ebiko_form_under.png) no-repeat;
    height: 670px;
    margin-left: 30px;
}

.ebiko_under{
    padding-top: 295px;
    padding-left: 13px;
}

#ebiko2 {
    width: 44%;
    height: 35px;
    border: 3px solid #e50012;
    font-size: 18px;
    margin-left: 10px;
    float: left;
    background: url(../images/bg2.jpg);
}

input#ebiko_btn2{
    background: url(../images/ebiko_btn.png) no-repeat;
    width: 225px;
    height: 51px;
    margin-left: 10px;
    border: none;
    cursor: pointer;
}

/*--------------------------
エビコ登録フォーム下段 end
---------------------------*/


/*---------------------
エビコ登録フォーム下段 桜花賞限定
---------------------*/
.ebiko_ouka_under{
    background: url(../images/ebiko_ouka_under.png) no-repeat;
    height: 670px;
    margin-left: 30px;
}

/*---------------------
エビコ登録フォーム下段 桜花賞限定_end
---------------------*/


/*--------------------------
回顧ページ
---------------------------*/

.race_result{
    background: url(../images/race_result.png) no-repeat;
    margin-top: 30px;
    text-align: center;
    padding-bottom: 25px;
    padding-top: 45px;
    margin-left: 20px;
    font-size: 25px;
    color: #222;
    font-weight: bold;
}

.result_table{
	width: 100%;
    text-align: center;
    background: #fff;
}



.result_brown{
	background: #f0f0e1;
}

.result_green{
	background: #e3fdf0;
}

.result_red{
	background: #fde3e3;
}

.result_blue{
	background: #e3f9fd;
}

.result_blue2{
	background: #e3edfd;
}

.result_blue3{
	background: #e3e7fd;
}

.result_yellow{
	background: #ffffcc;
}

.result_grey{
	background: #e4e4db;
}

.result_orange{
	background: #fdf3e3;
}


.ebiko_form_result{
    background: url(../images/ebiko_form_result.png) no-repeat;
    height: 700px;
    margin-top: 30px;
    margin-left: 50px;
}

.ebiko_result{
    padding-top: 295px;
    padding-left: 13px;
}

#ebiko_result1 {
    width: 42%;
    height: 35px;
    border: 3px solid #e50012;
    font-size: 18px;
    margin-left: 10px;
    float: left;
    background: url(../images/bg2.jpg);
}

input#ebiko_result_btn{
    background: url(../images/ebiko_btn.png) no-repeat;
    width: 225px;
    height: 51px;
    margin-left: 10px;
    border: none;
    cursor: pointer;
}
/*--------------------------
回顧ページ end
---------------------------*/

/*--------------------------
予告
---------------------------*/

.past_box{
	text-align: left;
    width: 590px;
    margin: 15px auto;
}

.past_text{
	background: url(../images/ebiko_past_1.png) no-repeat;
	padding-top: 80px;
    padding-left: 50px;
    padding-bottom: 30px;
}

.ebiko_form_past{
    background: url(../images/ebiko_form_under.png) no-repeat;
    height: 670px;
    margin-left: 50px;
}

.ebiko_past{
    padding-top: 295px;
    padding-left: 13px;
}

/*--------------------------
予告 end
---------------------------*/


/*--------------------------
競馬初心者リライト
---------------------------*/
.betting_ticket_box{
	background: url(../images/betting_ticket_box.png) no-repeat;
	height: 460px;
}

.betting_ticket_box_text1{
	padding-top: 135px;
    padding-left: 20px;
}

.betting_ticket_box_text2{
	padding-top: 15px;
    padding-left: 25px;
    line-height: 28px;
}

.betting_ticket_line{
	text-decoration: underline;
}

.betting_ticket_link{
	padding: 10px 0 0 20px;
}

.betting_ticket_link li{
	padding-bottom: 5px;
}



ul.desc li {
    display: inline-block;
    vertical-align: middle;
    width: 94%;
    background: #fff;
}
ul.desc li.b_blue {
    border: #8bc33a 1px solid;
    background: #f4fbf4;
    box-shadow: 3px 3px 0 #eee;
    -webkit-box-shadow: 3px 3px 0 #eee;
    -moz-box-shadow: 3px 3px 0 #eee;
}
ul.desc {
    margin: 30px 0 35px;
}
ul.desc li.b_blue .ttl{
    width: 200px;
    color: #fff;
    padding: 5px 10px;
}
ul.desc li.b_blue .ttl {
	font-size: 18px;
    background: #097c25;
}
ul.desc li .left {
    padding: 15px;
    text-align:left;
    line-height: 25px;
}

ul.desc2 li {
    display: inline-block;
    vertical-align: middle;
    width: 94%;
    background: #fff;
}
ul.desc2 li.b_blue {
    border: #8bc33a 1px solid;
    background: #f4fbf4;
    box-shadow: 3px 3px 0 #eee;
    -webkit-box-shadow: 3px 3px 0 #eee;
    -moz-box-shadow: 3px 3px 0 #eee;
}
ul.desc2 {
    margin: 30px 0 35px;
}
ul.desc2 li.b_blue .ttl{
    width: 450px;
    color: #fff;
    padding: 5px 10px;
}
ul.desc2 li.b_blue .ttl {
	font-size: 18px;
    background: #097c25;
}
ul.desc2 li .left {
    padding: 15px;
    text-align:left;
    line-height: 25px;
}

.betting_ticket_table{
	width: 100%;
    text-align: center;
    border-color: #5db223;
    margin-top: 40px;
}

.betting_ticket_table tr{
	padding:5px;
}

.betting_ticket_table .th_color{
	background: #c5e7ae;
}

.betting_ticket_waku{
	background: url(../images/betting_ticket_bg.png) ;
    border: 1px solid #51d2ca;
    width: 590px;
    margin:20px auto;
    margin-bottom: 40px;
}

.betting_ticket_waku2{
	background: #f6fdf1;
    width: 590px;
    margin:20px auto;
    margin-bottom: 50px;
}

.betting_ticket_waku p{
	padding: 0 0 0 20px;
	line-height: 25px;
}

.betting_ticket_waku2 p{
	padding: 10px 0 0 10px;
	line-height: 25px;
}

.betting_ticket_ttl{
	font-size: 18px;
	color: #ff0000;
    font-weight: bold;
	border-left: 3px solid #356a10;
    border-bottom: 1px solid #356a10;
    padding-bottom: 2px;
    padding-left: 5px;
}

.betting_ticket_triangle p{
	text-align:center;
	font-size: 16px;
}

.betting_ticket_triangle {
	position: relative;
	background: #fff;
	border: 2px solid #8bc33a;
}
.betting_ticket_triangle:after, .betting_ticket_triangle:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.betting_ticket_triangle:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 20px;
	margin-left: -20px;
}
.betting_ticket_triangle:before {
	border-color: rgba(139, 195, 58, 0);
	border-bottom-color: #8bc33a;
	border-width: 23px;
	margin-left: -23px;
}

.m_top{
	margin-top:30px;
}

.bluebl{
	color: #0000ff;
	font-size: 15px;
	font-weight: bold;
	font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
}

.bluebl2{
	color: #0000ff;
	font-size: 24px;
	font-weight: bold;
	font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
}

.link_blue{
	color: #1111cc;
    font-weight: bold;
    text-decoration: underline;
}

.desc2 a:hover{
	text-decoration:underline;
	color: #1111cc;
	opacity: 0.6;
}

.betting_hit{
	margin-bottom: 30px;
}
/*--------------------------
競馬初心者リライト_end
---------------------------*/




/*--------------------------
フォームABテスト用 中段
---------------------------*/

.ebiko_center_ab1 {
    background: url(../ebiko_f.jpg) no-repeat;
    height: 350px;
    width: 592px;
}

.ebiko_form_ab1 {
    padding-top: 280px;
    padding-left: 10px;
}

#ebiko_ab1 {
    width: 53%;
    height: 35px;
    border: 3px solid #e50012;
    font-size: 18px;
    margin-left: 10px;
    float: left;
    background: url(../images/bg2.jpg);
}

input#ebiko_btn_ab1 {
	background: url(../images/ebiko_btn.png) no-repeat ;
	width: 225px;
  	height: 51px;
  	margin-left: 15px;
  	border:none;
  	cursor: pointer;
}
/*--------------------------
フォームABテスト用　中段_end
---------------------------*/


/*--------------------------
フォームABテスト用 下段
---------------------------*/

/*.ebiko_center_ab2 {
    background: url(../images/ebiko_form_ab3.png) no-repeat;
    height: 1101px;
    width: 592px;
    position: relative;
}*/

.ebiko_center_ab2 {
    background: url(../images/new_ebiko_f.jpg) no-repeat;
    height: 730px;
    width: 592px;
    position: relative;
}

.ebiko_form_ab2 {
    padding-top: 290px;
    padding-left: 10px;
}

.ebiko_form_ab_2 {
    padding-top: 690px;
    padding-left: 10px;
}

#ebiko_ab_2 {
    width: 53%;
    height: 35px;
    border: 3px solid #e50012;
    font-size: 18px;
    margin-left: 10px;
    float: left;
    background: url(../images/bg2.jpg);
}

input#ebiko_btn_ab_2 {
	background: url(../images/ebiko_btn.png) no-repeat ;
	width: 225px;
  	height: 51px;
  	margin-left: 15px;
  	border:none;
  	cursor: pointer;
}

/*--------------------------
フォームABテスト用　下段_end
---------------------------*/

/*--------------------------
フォームABテスト用 下段
---------------------------*/

.ebiko_center_top {
    background: url(../images/ebiko_form_ab1.png) no-repeat;
    height: 960px;
    width: 592px;
    margin-left: 20px;
}

.ebiko_form_top {
    padding-top: 550px;
    padding-left: 10px;
}

/*--------------------------
フォームABテスト用　下段_end
---------------------------*/

/*--------------------------
フォーム home
---------------------------*/

/*.ebiko_center_home {
    background: url(../images/ebiko_form_ab3.png) no-repeat;
    height: 1101px;
    width: 592px;
    margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
}*/

.ebiko_center_home {
    /*background: url(../images/ebiko_f.jpg) no-repeat;*/
    height: 730px;
    width: 592px;
    margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
}

.ebiko_center_home_ {
    /*background: url(../images/ebiko_f.jpg) no-repeat;*/
    /*height: 730px;
    width: 592px;
    margin-left: 20px;
    margin-bottom: 20px;
    position: relative;*/
    margin-top: 20px;
}

.ebiko_form_home {
    padding-top: 290px;
    padding-left: 10px;
}

#ebiko_ab2 {
    width: 53%;
    height: 35px;
    border: 3px solid #e50012;
    font-size: 18px;
    margin-left: 10px;
    float: left;
    background: url(../images/bg2.jpg);
}

input#ebiko_btn_ab2 {
	background: url(../images/ebiko_btn.png) no-repeat ;
	width: 225px;
  	height: 51px;
  	margin-left: 15px;
  	border:none;
  	cursor: pointer;
}

input#ebiko_btn_ab2:hover{
	opacity: 0.7;
}

.ebiko_form_ab_2 {
    padding-top: 690px;
    padding-left: 10px;
}

#ebiko_ab_2 {
    width: 53%;
    height: 35px;
    border: 3px solid #e50012;
    font-size: 18px;
    margin-left: 10px;
    float: left;
    background: url(../images/bg2.jpg);
}

input#ebiko_btn_ab_2 {
	background: url(../images/ebiko_btn.png) no-repeat ;
	width: 225px;
  	height: 51px;
  	margin-left: 15px;
  	border:none;
  	cursor: pointer;
}

input#ebiko_btn_ab_2:hover{
	opacity: 0.7;
}

.redbl_center {
    color: #ff0000;
    padding-top: 9px;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
    position: absolute;
    left: 200px;
}
/*--------------------------
フォーム home 下段_end
---------------------------*/


/*--------------------------
馬柱データ
---------------------------*/
#db_main_box {
    margin: 0 0 25px;
    border: 2px solid #5db223;
    width: 700px;
    display: inline-block;
}
.fc {
    zoom: 100%;
}

.db_head_name {
    color: #fff;
    padding: 4px;
    background: url(../images/horse_data_uma.png) repeat-x 0 0;
    background-color: #fff;
}

.horse_title{
	background: url(../images/horse_data_Pedigree.png) repeat-x 0 0;
}

.horse_box_data{
	display: inline-block;
}

#db_main_box horse_name {
    float: left;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    font-weight: bold;
    display: inline;
    padding: 0 .5em 0 10px;
}

#db_main_box .db_head_name p {
	color:#333;
    font-size: 23px;
    font-weight: bold;
    font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
    padding-left: 3px;
    display: inline-block;
}

#db_main_box p.txt_01 {
    font-size: 14px;
    padding-left: 20px;
}

table.db_prof_table {
    width: 300px;
	margin: 18px 10px 5px;
    color: #000;
    background-color: #fff;
    border-collapse: collapse;
    border-spacing: 0;
    border-left: 1px solid #999;
    border-top: 1px solid #999;
}

table.db_prof_table th {
    background-color: #f5fafe;
    padding: 4px 6px;
    text-align: left;
    border-right: 1px dotted #999;
    border-bottom: 1px solid #999;
    white-space: nowrap;
    font-size: 13px;
}

table.db_prof_table td {
	border: solid 1px #9b9794;
	padding: 4px;
}

.db_prof_box{
	width: 360px;
    display: inline-block;
    vertical-align: bottom;
    padding-bottom: 12px;
}

.DB_ProfHead_dd_01{
	width:360px;
	color: #444;
}

table.blood_table {
    border-collapse: separate;
    border-spacing: 0;
    font-size: 13px;
    width: 100%;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
}

table.blood_table td{
	border: solid 1px #9b9794;
	padding: 4px;
}

dt.DB_ProfHead_dt_01 {
    border-right: 1px solid #999;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    font-size: 116%;
    color:#333;
    background: url(../images/horse_data_Pedigree.png) repeat-x 0 0;
}

table.blood_table td.b_ml {
    background: #e3f9fd;
    border-top: none;
    border-left: none;

}

table.blood_table td.b_fml {
    background: #fde3e3;
    border-top: 0 none;
    border-left: none;
}

.horse_data_ebiko{
	display: inline-block;
	vertical-align: bottom;
	margin-left: 50px;
}

.cate_bar {
    margin-bottom: 14px;
}

.cate_bar p {
    background: url(../images/cate_left.png) no-repeat 0 0;
    font-size: 18px;
    font-weight: bold;
    padding: 2px 0 0 24px;
    line-height: 40px;
    font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
}


.horse_data{
	width: 960px;
	border: solid 1px #9b9794;
	border-collapse: collapse;
	margin:auto;
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	z-index: 5;
	font-size: 12px;
	color: #333;
	white-space: nowrap;
	margin-bottom: 40px;
}

.horse_data td{
	border: solid 1px #9b9794;
	padding: 4px;
}

.horse_data th{
	background-color: #efeed9;
	border: solid 1px #9b9794;
	padding: 3px 2px;
}

.horse_data tr{
	text-align: center;
	background-color: #fffeff;
	border: solid 1px #9b9794;
	padding: 4px;
}

.horse_data .even{
	background-color: #f3f3f3;
}

.horse_data .horse_data_left{
	text-align: left;
}

.horse_data tr .rank_1{
	background-color: #ffffcc;
}

.horse_data tr .rank_2{
	background-color: #e3f9fd;
}

.horse_data tr .rank_3{
	background-color: #fde3e3;
}

/* 偶数列を色付け */
.results:nth-child(2n-1){
    background-color: #f3f3f3;
}


.horse_data_racelink{
    margin-bottom: 40px;
    background-color: #fefaf3;
    border: 5px solid #faaa13;
    border-radius: 10px;
    text-align: center;
}

/*--------------------------
馬柱データ　end
---------------------------*/



/*--------------------------
予想　ページ　エビコ訴求文
---------------------------*/

.ebiko_text p{
	color: #000;
	font-weight: bold;
	font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
}


/*--------------------------
予想　ページ　エビコ訴求文_end
---------------------------*/

/*--------------------------
凱旋門賞
---------------------------*/
ul.arc_de_triomphe_odds {
    margin: 0 20px 20px;
    position: relative;
}

ul.arc_de_triomphe_odds .flag{
	position: absolute;
    top: 1px;
    right: 1px;
}

ul.arc_de_triomphe_odds li.b_blue {
    border: #8bc33a 1px solid;
    background: #f4fbf4;
    box-shadow: 3px 3px 0 #eee;
    -webkit-box-shadow: 3px 3px 0 #eee;
    -moz-box-shadow: 3px 3px 0 #eee;
}

ul.arc_de_triomphe_odds li.b_blue .ttl{
    color: #fff;
    padding: 5px 10px;
}
ul.arc_de_triomphe_odds li.b_blue .ttl {
	font-size: 18px;
    background: #097c25;
}
ul.arc_de_triomphe_odds li .left {
    padding: 15px;
    text-align:left;
    line-height: 25px;
}

.arc_de_triomphe_small{
	font-size: 14px;
}

.arc_de_triomphe_waku{
	background: url(../images/betting_ticket_bg.png);
    border: 1px solid #51d2ca;
    width: 590px;
    margin: 10px auto;
    margin-bottom: 20px;
}

.arc_de_triomphe_waku p {
    padding: 0 20px 0 20px;
    line-height: 25px;
}

#arc_de_triomphe_list{
	margin: 10px 0 20px 0;
}

#arc_de_triomphe_list li{
	margin:0 auto;
	padding-top:15px;
	text-decoration: underline;
}

#arc_de_triomphe_list li:first-child{
	padding-top:0;
}

#arc_de_triomphe_list li a{
	display:block;
	border-left:2px solid ;
	padding: 0 0 0 4px;
	line-height:18px;
	font-size:13px;
	font-weight:bold;
	color:#996633;
}

#arc_de_triomphe_list li a:hover{
	color:#009900;
}


.arc_de_triomphe_table{
	width: 100%;
    text-align: center;
    background: #fff;
}

.arc_de_triomphe_table tr{
	line-height: 25px;
}



/*--------------------------
凱旋門賞　end
---------------------------*/


/*--------------------------
競馬で儲ける方法
---------------------------*/

.investment_waku {
    background: url(../images/betting_ticket_bg.png);
    border: 1px solid #51d2ca;
    width: 590px;
    margin: 20px auto;
    margin-bottom: 20px;
}

.investment_waku p{
	padding: 0 0 0 20px;
	line-height: 25px;
}


.investment_waku2 {
    background: #e7fcf0;
    width: 590px;
    padding: 1px 0;
}

.investment_waku2 p{
	padding: 0 20px 0 20px;
	line-height: 25px;
}

.investment_waku3 {
    background: #f6fdf1;
    width: 590px;
    padding: 1px 0;
    margin-bottom: 40px;
}

.investment_waku3 p{
	padding: 0 20px 0 20px;
	line-height: 25px;
}
/*--------------------------
競馬で儲ける方法　end
---------------------------*/

/*--------------------------
マーチンゲールの法則
---------------------------*/
.martingale_waku {
    background: url(../images/betting_ticket_bg.png);
    border: 1px solid #51d2ca;
    width: 590px;
    margin: 20px auto;
    margin-bottom: 40px;
}

.martingale_waku p{
	padding: 0 0 0 20px;
	line-height: 25px;
}

.martingale_triangle p{
	text-align:center;
	font-size: 16px;
}

.martingale_triangle {
	position: relative;
	background: #fff;
	border: 2px solid #8bc33a;
	margin-bottom: 20px;
}

.martingale_triangle:after, .martingale_triangle:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.martingale_triangle:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 20px;
	margin-left: -20px;
}
.martingale_triangle:before {
	border-color: rgba(139, 195, 58, 0);
	border-bottom-color: #8bc33a;
	border-width: 23px;
	margin-left: -23px;
}

/*--------------------------
マーチンゲールの法則　終わり
---------------------------*/

/*=======================================
サラ　プロフィール
======================================*/
.contents_profile2{
    width: 630px;
    margin-bottom: 40px;
    background-color: #fdfbfd;
    border: 1px solid #e95390;
    border-top: 3px solid #e95390;
    border-bottom: 3px solid #e95390;
    text-align: center;
}

.profile_ttl2 {
    background: url(../images/profile2.png) no-repeat;
    height: 402px;
    display: block;
    margin-left: 10px;
    margin-top: 10px;
}

.profile_text4 {
    font-size: 15px;
    font-weight: bold;
    color: #333;
    text-align: left;
    padding-top: 130px;
    padding-left: 290px;
    font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
}

.profile_box2{
    text-align: left;
    width: 590px;
    margin: 30px auto;
}

.profile_box2 p {
    font-size: 15px;
    margin: 15px auto;
    font-weight: bold;
    font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
}

.pr_ttl2{
    border-left: 3px solid #e95390;
    border-bottom: 1px solid #e95390;
    padding-bottom: 2px;
    padding-left: 5px;
}


/*=======================================
仮登録完了ページ
========================================*/

.register_thanks{
    width: 898px;
    margin: 0 auto;
    padding: 10px 0;
    border: 5px solid #eee;
    border-radius: 5px;
    line-height: 1.5;
    background: #fff;
    margin-top: 20px;
}

.register_thanks .interim_registration_guide {
    background: url(../images/procedure_thanks.png) no-repeat;
    background-position: center;
    height: 400px;
    margin: 30px 0;
}

.interim_registration_box{
    padding: 105px 0 0 170px;
    line-height: 1.6;
}

.interim_registration_text{
    padding-left: 30px;
}

.register_thanks .mb30{
    margin-bottom:30px;
}

.register_thanks .thanks_caution{
    background: url(../images/register_thanks_caution.png) no-repeat;
    background-position: center;
    height: 146px;
    margin-bottom: 30px;
}

.register_thanks .thanks_caution_text{
    padding: 55px 0 0 70px;
    line-height: 1.8;
    color: #111;
}

.register_thanks .not_reach{
    background: url(../images/register_thanks_img2.png) no-repeat;
    background-position: center;
    height: 206px;
    margin-bottom: 30px;
}

.register_thanks .not_reach .not_reach_text{
    padding: 47px 0 0 25px;
}

.register_thanks .not_reach .not_reach_text p{
    margin-bottom: 20px;
    letter-spacing: 1px;
    margin-left: 40px;
    color: #111;
}

.register_thanks .not_reach .not_reach_text2{
    padding-left: 60px;
}

.register_thanks .support_guide{
    background: url(../images/register_thanks_img3.png) no-repeat;
    background-position: center;
    height: 79px;
    margin-bottom: 30px;
 }

 .register_thanks .support_guide .support_guide_text{
    padding: 17px 0 0 20px;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 20px;
    letter-spacing: 1px;
    margin-left: 40px;
    color: #111;
 }

.support_guide_text a {
    font-size: 16px;
    color: #1111cc;
    text-decoration:underline;
}

.support_guide_text a:hover {
    color: #fff;
    background-color: #2ecc71;
}

/*=======================================
本登録完了ページ
========================================*/

.signup_thanks{
    width: 898px;
    margin: 0 auto;
    padding: 10px 0;
    border: 5px solid #eee;
    border-radius: 5px;
    line-height: 1.5;
    background: #fff;
    margin-top: 20px;
}

.signup_thanks .signup_thanks_completion {
    background: url(../images/signup_thanks_completion.png) no-repeat;
    background-position: top;
    height: 552px;
    margin: 20px 0;
}

.signup_thanks .signup_thanks_box {
    padding: 120px 0 0 145px;
    line-height: 1.6;
}

.signup_thanks .signup_thanks_information {
    padding: 50px 0 0 180px;
    line-height: 2.7;
}

.signup_thanks .signup_thanks_important {
    padding: 50px 0 0 145px;
}

.signup_thanks .signup_thanks_section {
    background: url(../images/signup_thanks_bg1.png) repeat-y;
    width: 809px;
    margin: 60px auto;
    /*height: 400px;*/
    position: relative;
}

.signup_thanks .signup_thanks_section .signup_thanks_area{
    font-size: 15px;
    padding: 90px 30px 0 30px;
    font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

.signup_thanks .signup_thanks_section .signup_data{
    position: absolute;
    top: -60px;
    left: 60px;
}

.signup_thanks .signup_thanks_section2 {
    background: url(../images/signup_thanks_bg2.png) repeat-y;
    width: 809px;
    margin: 100px auto 60px;
    /*height: 400px;*/
    position: relative;
}

.signup_thanks .signup_thanks_section2 .signup_data{
    position: absolute;
    top: -60px;
    left: 45px;
}

.signup_thanks .signup_thanks_section2 .signup_thanks_area{
    font-size: 15px;
    padding: 90px 30px 0 30px;
    font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

.signup_thanks .signup_thanks_completion2 {
    background: url(../images/signup_thanks_completion2.png) no-repeat;
    background-position: center;
    margin: 40px 0;
}

.signup_thanks .signup_thanks_box {
    padding: 120px 0 0 145px;
    line-height: 1.6;
}

.signup_thanks .signup_thanks_information {
    width:500px;
    padding: 10px 20px;
    line-height: 2.7;
    margin: 20px auto;

}

.box1 {
    padding:0px;
    margin: 5em 0;
    font-weight: bold;
    border: solid 1px #333333;
    background:#ffffff;
}

.box1 p {
    margin: 0; 
    padding: 0;
}

.box2 {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    color: #6091d3;/*文字色*/
    background: #FFF;
    border: solid 3px #6091d3;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.box2 p {
    margin: 0; 
    padding: 0;
}

.signup_thanks .signup_thanks_important {
    padding: 10px 0 0 145px;
}

.signup_thanks .signup_thanks_freeservice1 {
    padding: 193px 0 0 145px;
    line-height: 1.6;
}

.signup_thanks .signup_thanks_freeservice1 img{
    vertical-align: top;
    padding-right: 10px;
}

.signup_thanks .signup_thanks_freeservice2 {
    padding: 83px 0 0 145px;
    line-height: 1.6;
}

.signup_thanks .signup_thanks_freeservice2 img{
    vertical-align: top;
    padding-right: 10px;
}

.signup_thanks .signup_thanks_ebiko_box{
    width: 650px;
    padding: 20px;
    margin: 0 auto;
    display: inline-block;
    border: 5px solid #b5d7ed;
    background:#fdfdfd;
    font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

.signup_thanks .signup_thanks_ebiko_box .ebiko_information{
    width: 500px;
    height: auto;
    border: 2px solid #cccccc;
    margin:20px auto;
    background: #effee7;
}

.signup_thanks .signup_thanks_ebiko_box .signup_thanks_ebiko_button{
    margin: 0 12px;
}

.signup_thanks .signup_thanks_hokujyou_box{
    width: 317px;
    padding: 10px;
    display: inline-block;
    border: 5px solid #fce5d6;
    background:#fdfdfd;
    font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

.signup_thanks .signup_thanks_hokujyou_box .ebiko_information{
    width: 650px;
    height: auto;
    border: 2px solid #cccccc;
    margin:10px auto;
    background: #effee7;
}

.signup_thanks .signup_thanks_hokujyou_box .signup_thanks_ebiko_button{
    margin: 0 12px;
}
/*--------------------------
競馬_当たらない
---------------------------*/
.mb20{
    margin-bottom: 20px;
}

.mb40{
    margin-bottom: 40px;
}

.mt20{
    margin-top: 20px;
}

.mt40{
    margin-top: 40px;
}

.miss_waku {
    background: #e7fcf0;
    width: 570px;
    margin: 0 auto;
}

.miss_waku p {
    padding: 0 20px 0 20px;
    line-height: 25px;
}

.miss_waku2 {
    background: #f6fdf1;
    width: 590px;
    padding: 1px 0;
}

.miss_waku2 p{
    padding: 0 20px 0 20px;
    line-height: 25px;
}

.miss_table {
    width: 100%;
    text-align: center;
    border-color: #5db223;
    border: 1px solid #111;
}

.miss_table td{
    width: 295px;
}

.bluebl2 {
    color: #0000ff;
    font-size: 17px;
    font-weight: bold;
    font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;
}

.bg_yellow{
    background:#fff799
}

.miss_triangle p{
    text-align:center;
    font-size: 16px;
}

.miss_triangle {
    position: relative;
    background: #ffffff;
    border: 2px solid #8bc33a;
}
.miss_triangle:after, .miss_triangle:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.miss_triangle:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #ffffff;
    border-width: 25px;
    margin-left: -25px;
}
.miss_triangle:before {
    border-color: rgba(139, 195, 58, 0);
    border-top-color: #8bc33a;
    border-width: 28px;
    margin-left: -28px;
}
/*--------------------------
競馬_当たらない 終わり
---------------------------*/


/*--------------------------
馬券生活
---------------------------*/

.baken_seikatsu_triangle p{
    text-align:center;
    font-size: 16px;
}

.baken_seikatsu_triangle {
   position: relative;
    background: #fff;
    border: 2px solid #8bc33a;
    /* margin-bottom: 20px; */
    width: 570px;
    margin: 40px auto;
    margin-top: 40px;
}

.baken_seikatsu_triangle:after, .baken_seikatsu_triangle:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.baken_seikatsu_triangle:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 20px;
    margin-left: -20px;
}
.baken_seikatsu_triangle:before {
    border-color: rgba(139, 195, 58, 0);
    border-bottom-color: #8bc33a;
    border-width: 23px;
    margin-left: -23px;
}

/*--------------------------
馬券生活 終わり
---------------------------*/


/*--------------------------
広告
---------------------------*/
.common_under {
    text-align: center;
}

.common_left{
    text-align: center;
}

.left_and_right_under{
    text-align: center;
}
/*--------------------------
広告 終わり
---------------------------*/


/*=======================================
サーバーメンテナンス実施予告
========================================*/

.caution{
    background: #F9F7F2;
    border: 2px solid #ff4800;
    width: 960px;
    padding: 10px 10px 0px;
    margin-bottom: 15px;
    font-size: 14px;
}

.caution .caution_title{
    background: #fce1d6;
    padding: 8px 10px 6px;
    margin: 0 0 10px;
    font-weight: bold;
    font-size: 16px;
    color:red;
    cursor: pointer;
}

.caution p{
    line-height: 25px;
    margin-bottom:10px;
}

.caution .color_red{
    color: #FF0000;
}

/*=======================================
sync_mail_release 配信停止
========================================*/

/*.sync_mail_release{
    border: 1px solid #777777;
}

.sync_mail_release th{

}*/

/*=======================================
sync_mail_release 配信停止　end
========================================*/

.title_text_new {
    font-size: 16px;
    position: relative;
    padding: 12px;
    margin: 35px 10px 10px 10px;
    color: #3b6034;
    background: #f8fff6;
    overflow: hidden;
    font-weight: bold;
    border-left: #5ea151 5px solid;
    border-top: 1px solid #5ea151;
    border-right: 1px solid #5ea151;
    border-bottom: 1px solid #5ea151;
}

/*2018/07/19 add*/
/*TOP リライト用*/

.bbox {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

.bold {
    font-weight: bold;
}
.c_blue {
    color: #002dac;
}
.c_red {
    color: #ff0000;
}
.c_green {
    color: #51b42f;
}

.grn_wrap {
    margin-bottom: 50px;
    background: #fff;
    border: 5px solid #8bc33a;
    border-radius: 10px;
    position: relative;
    padding: 30px 20px;
    font-size: 16px;
}
.t_box p {
    padding-top: 25px;
}
.grn_wrap h3 {
    padding-left: 0!important;
}

.li_point {
    margin: 25px 0 12px;
}
.li_point li {
    padding: 6px 0;
}
.li_point li:not(:last-child) {
    border-bottom: #ddd 1px dashed;
}

.ttl_black {
    background: #242424;
    border: #777 3px double;
    color: #fff953;
    padding: 6px!important;
    margin: 15px 0;
}
.lnk_race a {
    font-size: 20px;
    font-weight: bold;
    text-decoration: underline;
    display: block;
    padding: 12px;
}

.btn_large {
    display: block;
    padding: 18px 0!important;
    position: relative;
    overflow: hidden;
    width: 95%;
    margin: 25px auto 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: -webkit-gradient(linear,left top,left bottom,from(#ff851b),color-stop(15%,#ffe192),color-stop(17%,#ffe192),color-stop(32%,#ffb400),color-stop(58%,#ff851b),color-stop(89%,#ff5300),to(#cf4300));
    background: linear-gradient(to bottom,#ff851b 0,#ffe192 15%,#ffe192 17%,#ffb400 32%,#ff851b 58%,#ff5300 89%,#cf4300 100%);
    border: 2px solid #de6f35;
    border-radius: 15px;
    -webkit-box-shadow: 0 2px 1px rgba(0,0,0,.2), 2px 2px 5px rgba(0,0,0,.25), 0 5px 8px rgba(245,125,27,.5) inset, 0 -5px 8px rgba(211,84,0,.25) inset, 5px 0 8px rgba(211,84,0,.25) inset, -5px 0 8px rgba(211,84,0,.25) inset;
    box-shadow: 0 2px 1px rgba(0,0,0,.2), 2px 2px 5px rgba(0,0,0,.25), 0 5px 8px rgba(245,125,27,.5) inset, 0 -5px 8px rgba(211,84,0,.25) inset, 5px 0 8px rgba(211,84,0,.25) inset, -5px 0 8px rgba(211,84,0,.25) inset;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    font-size: 35px;
    font-weight: 700;
    text-decoration: none;
    text-shadow: #f16c09 2px 2px, #f16c09 -2px -2px, #f16c09 2px -2px, #f16c09 -2px 2px, #f16c09 2px 0, #f16c09 -2px 0, #f16c09 0 2px, #f16c09 0 -2px, #f16c09 2px 1px, #f16c09 -2px -1px, #f16c09 2px -1px, #f16c09 -2px 1px, #f16c09 1px 2px, #f16c09 -1px -2px, #f16c09 1px -2px, #f16c09 -1px 2px, 2px 2px 1px rgba(0,0,0,.2);
    padding: 7px 10px;
}
.btn_large:hover {
    color: #ff0000;
    text-shadow: #fff 2px 2px, #fff -2px -2px, #fff 2px -2px, #fff -2px 2px, #fff 2px 0, #fff -2px 0, #fff 0 2px, #fff 0 -2px, #fff 2px 1px, #fff -2px -1px, #fff 2px -1px, #fff -2px 1px, #fff 1px 2px, #fff -1px -2px, #fff 1px -2px, #fff -1px 2px, 2px 2px 1px rgba(0,0,0,.2);
}

.sub_contents5_top .btn a,
ul .side_ranking p.btn {
    font-weight: 700;
    text-shadow: #c45400 2px 2px, #c45400 -2px -2px, #c45400 2px -2px, #c45400 -2px 2px, #c45400 2px 0, #c45400 -2px 0, #c45400 0 2px, #c45400 0 -2px, #c45400 2px 1px, #c45400 -2px -1px, #c45400 2px -1px, #c45400 -2px 1px, #c45400 1px 2px, #c45400 -1px -2px, #c45400 1px -2px, #c45400 -1px 2px, 2px 2px 1px rgba(0,0,0,.2);
}
.sub_contents5_top .btn a {
    font-size: 16px;
}
ul .side_ranking p.btn a {
    font-size: 14px;
    padding: 12px 0;
}

.race_info {
    background: #fff;
    border-radius: 5px;
    border: #333 1px solid;
    margin: 15px 0 20px;
}
.race_info .ttl {
    background: #208116;
    border: #208116 3px double;
    color: #fff953;
    padding: 12px 0 6px 20px;
    -moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.4) inset;
-webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.4) inset;
-o-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.4) inset;
-ms-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.4) inset;
}



/*--------------------------
うまとみらいと　送客LP
---------------------------*/
.mt235{
    margin-top:235px;
}

.umatomiraito_lp_blue{
    color:#002aff;
}

.umatomiraito_waku {
    background: #fff;
    border: 4px solid #eee;
    position: relative;
    margin-top: 120px;
    font-family: sf pro jp,sf pro display,sf pro icons,hiragino kaku gothic pro,ヒラギノ角ゴ pro w3,メイリオ,meiryo,ＭＳ Ｐゴシック,helvetica neue,helvetica,arial,sans-serif;
}

h1 {
    position: absolute;
    top: -100px;
}

.umatomiraito_in{
    width: 809px;
    margin: 0 auto;
    padding: 25px 0;
}

.umatomiraito_in p{
    font-size: 22px;
    line-height: 40px;
}

.umatomiraito_lp_txtBox p:not(:last-child) {
    margin-bottom: 40px;
}

img.umatomiraito_lp_btn {
    margin: 100px 0;
}

img.umatomiraito_lp_btn2 {
    margin: 60px 0;
}


/*--------------------------
TOP アコーディオン
---------------------------*/
details {
  transition: .5s;
}

details {
  height: 80px;
  transition: .5s;
}

details[open] {
  height: auto;
}

summary {
    color: #1111cc;
    font-size: 17px;
    font-weight: bold;
    cursor: pointer;
    outline: none;
    padding-top: 20px;
    text-indent: -1em;
    padding-left: 1em;
}

summary a{
    border-bottom:1px solid #1111cc;
}

summary a:hover{
    border-bottom:1px solid #4d4d4d;
}

summary:hover{
    color:#4d4d4d;
}


/*--------------------------
LINE 実績
---------------------------*/

ul.waku_jisseki {
    padding: 10px 5px 5px 5px;
    margin: 10px 5px 0 5px;
    background: #fefaf3;
}

ul.hide_jisseki {
    padding: 10px;
    margin: 0 5px;
    margin-bottom: 20px;
    margin-top: -10px;
    background: #fefaf3;
}

p.show_jisseki {
    text-align: center;
    display: block;
    width: 40%;
    color: white;
    font-weight: bold;
    margin: 0 auto;
    background: #00a0e9;
    padding: 10px 0;
    margin-top: 10px;
    margin-bottom: 25px;
    border-radius: 5px;
    border-bottom: 5px solid #1696d0;
}

p.date_jisseki {
    /*display: inline-block; */
    font-size: 18px;
    font-weight: bold;
}

p.race_jisseki {
    /*display: inline-block;*/
    font-size: 17px;
    font-weight: bold;
}

ul.waku_jisseki li{
    margin-bottom: 10px;
}

/*li.interval {
    margin-bottom: 10px;
}*/

li.interval {
    /*background: #f8fbfd;*/
    padding: 5px;
    margin: 0 0 0 40px;
    margin-bottom: 5px;
    padding-bottom: 10px;
    /*border-right: 1px dashed #ccc;*/
    display: inline-block;
    width: 40%;
}

p.prize_money {
    font-size: 1.8rem;
    font-weight: bold;
    display: inline-block;
}

small {
    font-size: 1.2rem;
    font-weight: bold;
    letter-spacing: 3px;

}

.prize_money_bg{
    background: linear-gradient(180deg,rgba(255,255,255,0) 50%,#99ffa7 0%);
}

p.line_introduction {
    text-align: center;
    margin: 0 20px;
    font-size: 1.7rem;
    color: #fff;
    padding-top: 5px;
    background: #00a0e9;
    font-weight: bold;
    border-bottom: 3px solid #1696d0;
    border-radius: 15px;
}



/*--------------------------
子ページ 競馬情報サイト
---------------------------*/

.balloon5 {
  width: 100%;
  margin: 1.5em 0;
  overflow: hidden;
}

.balloon5 .faceicon {
  float: left;
  margin-right: -90px;
  width: 80px;
}

.balloon5 .faceicon img{
  width: 100%;
  height: auto;
 /* border: solid 3px #d7ebfe;
  border-radius: 50%;*/
}

.balloon5 .chatting {
  width: 100%;
}

.says {
  display: inline-block;
  position: relative; 
  margin: 5px 0 20px 105px;
  padding: 17px 13px;
  border-radius: 12px;
  background: #f9f6e9;
}

.says:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 18px; 
  left: -24px;
  border: 12px solid transparent;
  border-right: 12px solid #f9f6e9;
}

.says p {
  margin-bottom: 15px;
  padding: 0;
}

.balloon4 {
  width: 100%;
  margin: 1.5em 0;
  overflow: hidden;
}

.balloon4 .faceicon {
  float: left;
  margin-right: -90px;
  width: 80px;
}

.balloon4 .faceicon img{
  width: 100%;
  height: auto;
 /* border: solid 3px #d7ebfe;
  border-radius: 50%;*/
}

.balloon4 .chatting {
  width: 100%;
}

.says2 {
  position: relative;
  margin: 5px 0 20px 120px;
  padding: 15px;
  background: #f1f6fd;
  border-radius: 30px;
}

.says2:before {  
  content: "";
  position: absolute;
  left: -38px;
  width: 13px;
  height: 12px;
  bottom: 0;
  background: #f1f6fd;
  border-radius: 50%;
}

.says2:after {
  content: "";
  position: absolute;
  left: -24px;
  width: 20px;
  height: 18px;
  bottom: 3px;
  background: #f1f6fd;
  border-radius: 50%;
}

.says2 p {
  margin: 0;
  padding: 0;
}

.voice_box{
    text-align: left;
    width: 590px;
    margin: 15px auto;
}

.btn-square {
    font-size: 20px;
    font-weight: bold;
    margin-top: 20px;
    display: inline-block;
    padding: 1em 1.5em;
    text-decoration: none;
    background: #ec6941;/*ボタン色*/
    color: #FFF;
    border-bottom: solid 4px #a0391a;
    border-radius: 3px;
}
.btn-square:hover {
    color: #fffa00 ;
}

.btn-square:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}

.titile_h4 {
    font-size: 18px;
    color: #ff0000;
    font-weight: bold;
    /* border-left: 3px solid #356a10; */
    border-bottom: 1px solid #356a10;
    padding-bottom: 2px;
    padding-left: 5px;
}

.text_box_mb30 {
    text-align: left;
    width: 590px;
    margin: 15px auto 30px;
}

.text_box_mb30 p {
    margin: 15px auto;
    line-height: 1.8;
}