/************* ウィンドウ幅 可変 **************/

body{
	overflow-x:hidden;
}

#main{
	width: auto;
	background:url(../../_common/_img/bg/bg_white.gif) repeat-y top center transparent;
}

#contents_event{
	padding-top:0;
	margin:auto;
}

.gold{
	background: linear-gradient(-45deg, rgba(246, 255, 0, .8),rgba(255, 255, 255, .8),rgba(246, 255, 0, .8));
}
.silver{
	background: linear-gradient(-45deg, rgba(191, 191, 191, .8), rgba(255, 255, 255, .8), rgba(255, 255, 255, .8), rgba(191, 191, 191, .8));
}
.center{
	text-align: center;
}


/************* シリーズ **************/

/* テーブル */
.section_table {
   margin:15px 0px 0px 0px;
   border:2px solid #000; 　　   /* テーブルボーダー */
}

.section_table2 {
   margin:0px 0px 0px 0px;
   border:2px solid #000; 　　   /* テーブルボーダー */
}

/* th全体 */
.section_table th {
   padding:3px;
   text-align:center;
   font-size:10pt;
   font-weight:bold;
   border:1px solid #000;  　　  /* テーブルボーダー */
   letter-spacing:0.1em;
}

.section_table th2 {
   padding:3px;
   text-align:center;
   font-size:10pt;
   font-weight:bold;
   border:1px solid #000;  　　  /* テーブルボーダー */
   letter-spacing:0.1em;
}

/* シリーズ名  */
.section_table th.series{
	color:#000;
	background-color:#e3f8d5;
   
}

.section_table th.series2{
	color:#000;
	background-color:#e3f8d5;
   font-size:85% !important;
}

/* カードの種類 『EX種牡馬カード』『繁殖牝馬カード』 */
.section_table th.card_type{
   color:#24201d;
   background-color:#fff;
}

/* カード馬名 */
.section_table th.card_name{
	color:#000;
	background-color:#e3f8d5;
}

/* シリーズ中身 */
.section_table td {
   padding:3px;
   font-size:10pt;
   border:1px solid #3a0008;
}



/************* ロト **************/

.loto{
background:#222222;
}

.loto th{
background:#444444;
color:#FFFFFF;
font-weight:bold;
padding:2px 5px;
text-align:center;
}

.loto th.lotosub{
background:#dddd99;
color:#222222;
font-weight:bold;
padding:2px 5px;
text-align:center;
}

.loto td{
padding:5px;
background:#ffffee;
vertical-align:text-top;}





/* 3行用　*/
.ab99 {
margin-top:5px;
text-align:left;
width:120px;
padding:5px;
margin-bottom:5px;
background-color:#FFFFCC;
border:1px solid #3f3f65;}

/* 3行用　*/
.ab98 {
margin-top:5px;
text-align:left;
width:160px;
padding:5px;
margin-bottom:5px;
background-color:#FFFFCC;
border:1px solid #930f1d;}


/* 日下交換馬用　*/
.ab97 {
margin-top:5px;
text-align:left;
width:200px;
padding:5px;
margin-bottom:5px;
background-color:#FFFFCC;
border:1px solid #930f1d;}

.section_table01 {
	border-collapse:collapse;
	margin:0;
	border:2px solid #000;
}

.section_table01 th {
	border:1px solid #000;
	background-color:#deedff;
	text-align:center;
	font-size:10pt;
	color:#333;
	font-weight:bold;
	padding:3px;
	letter-spacing:0.1em;
}

.section_table01 td {
	border:1px solid #000;
padding:3px;
font-size:10pt;}
.section_table_gold .card_name {
	color:#030;}


.section_table_gold .series {
	color:#030;}
	


/************* ページ内リンク **************/

.page_navi{
	margin-top:5px;
}

.page_navi ul li{
	list-style:none;
	margin:0;
	padding:0;
	height:75px;
	float:left;
}

.page_navi ul li a img{
	margin:0;
	padding:0;
	display:block;
	vertical-align: bottom;
}

.page_navi ul{
	zoom:1;
}

.page_navi ul:after{
	content: ".";   
	display: block;   
	clear: both;   
}

/*--20130517 add--*/

.gacha_box{
	padding:10px;
	border:1px solid #00502b;
	border-top:none;
}



/* ------- table style ------- */

.section_table_b {
    border: 2px solid #8ed0d4;
    border-collapse: collapse;
    margin: 0;
}
.section_table_b th {
    background-color: #ecffff;
    border: 1px solid #8ed0d4;
    color: #000000;
    font-size: 10pt;
    font-weight: bold;
    letter-spacing: 0.1em;
    padding: 3px;
    text-align: center;
}
.section_table_b td {
    border: 1px solid #8ed0d4;
    font-size: 10pt;
    padding: 3px;
    vertical-align: top;
}


.section_table_r {
    border: 2px solid #efa5a5;
    border-collapse: collapse;
    margin: 0;
}
.section_table_r th {
    background-color: #fff5f5;
    border: 1px solid #efa5a5;
    color: #000000;
    font-size: 10pt;
    font-weight: bold;
    letter-spacing: 0.1em;
    padding: 3px;
    text-align: center;
}
.section_table_r td {
    border: 1px solid #efa5a5;
    font-size: 10pt;
    padding: 3px;
    vertical-align: top;
}


/************* ページ内リンク **************/

.page_navi{
	margin-top:5px;
}

.page_navi ul li{
	list-style:none;
	margin:0;
	padding:0;
	height:75px;
	float:left;
}

.page_navi ul li a img{
	margin:0;
	padding:0;
	display:block;
	vertical-align: bottom;
}

.page_navi ul{
	zoom:1;
}

.page_navi ul:after{
	content: ".";   
	display: block;   
	clear: both;   
}

.f_w_b{
	font-weight:bold;
	line-height:1.5;
}

.f_style{
	font-size:110% !important;
	line-height:1.5;
}

.f_style_Bold{
	font-size:110% !important;
	font-weight:bold;
	line-height:1.5;
}

.f_size_B{
	font-size:130% !important;
	font-weight:bold;
	line-height:1.5;
}

.f_size_B2{
	font-size:150% !important;
	font-weight:bold;
	line-height:1.5;
}

.f_size_B3{
	font-size:170% !important;
	font-weight:bold;
	line-height:1.5;
}

.f_size_B4{
	font-size:148% !important;
	font-weight:bold;
	line-height:1.2;
}

.f_size_s{
	font-size:85% !important;
	line-height:1.3;
}
.f_size_s2{
	font-size:75% !important;
	color:#FF0004;
}

.f_size_m{
	font-size:100% !important;
	font-weight:bold;
	line-height:1.3;
}

.f_size_m2{
	font-size: 100% !important;
	font-weight: bold;
	line-height: 1.3;
	background-color: #D5D5D5;
}


.p_t_10{
	padding-top:10px;
}

.p_b_10{
	padding-bottom:10px;
}

.p_b_20{
	padding-bottom:20px;
}

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


.list_title{
	background:#8b8000;
	text-align:center;
	color:#fff;
	font-size:110%;
	line-height:1.8;
}

.legend_rate03 {
    background: none repeat scroll 0 0 #FFEEEE;
    font-weight: bold;
}

.ab{
	margin:auto !important;
	margin-top:5px !important;
	margin-bottom:5px !important;
}

.green2{
	color:#00900e;
}

.purple{
	color:#8431bb;
}

.pink{
	color:#FF4BB5;
}

.orange2 {
color:#DD8811;}

.blackback{
background: #2A2A2A;
}

.ab_wrap{
	background-color: #FFFFCC;
    border: 1px solid #3F3F65;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 5px;
    text-align: left;
}

.line_dot{
	border-top:1px dotted #ccc;
	padding-top:20px;
}

.line_ribbon{
	background:url(_img/line_ribbon.jpg) no-repeat bottom;
}

.hinba2{
	height:auto !important;

}

.section_s h3{
	margin-top:0;
}

.bor_pink{
	border:3px solid #ffdde7;
	padding:15px;
	margin:10px 0;
}

.bor_pink p{
	margin:0 !important;
}

.bor_pink2{
	border:1px solid #9F002D !important;
	padding:5px 7px;
	text-align:center;
	color:#9F002D;
}

.title_m{
	font-size:100% !important;
	background-color:#ff3dd2;
	padding: 3px 10px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	border: 2px solid #000;
	border-bottom: none;
}

.title_s{
	background:#085500;
	padding:3px 10px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	border:2px solid #000;
	border-bottom:none;
}

.title_s_2{
	background:#9F002D !important;
	padding:7px 10px !important;
	color:#fff !important;
	font-size:125% !important;
	font-weight:bold !important;
	text-align:center !important;
}

.title_s_2_1{
	background:#000;
	padding:3px 10px;
	color:#fff;
	font-weight:bold;
	text-align:center;
}



.title_s_3{
	background:#FFDEE7;
	padding:7px 10px;
	color:#C20037;
	font-size:135% !important;
	font-weight:bold;
	text-align:center;
}

.title_s_4{
	background:#9f002d;
	color:#fff;
    font-weight:bold;
	text-align:center;
	padding:15px;
	font-size:150% !important;
}

.title_s_5{
	background:#085500;
	padding:7px 10px;
	color:#fff;
	font-size:135% !important;
	font-weight:bold;
	text-align:center;
}
.title_s_6{
	background:#085500;
	padding:5px 10px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	border:2px solid #000;
	border-bottom:none;
}

.title_s_7{
	background:#691c9c;
	padding:3px 10px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	border:2px solid #000;
	border-bottom:none;
}

.title_s_8{
	background:#000000;
	padding:5px 10px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	border:2px solid #000;
	border-bottom:none;
}

.bor_red{
	border:1px solid #9f002d;
	padding:10px;
}

.day_second{
	border:2px solid #ffe1e1;
}

.day_second h4{
	background:#ffe1e1;
	padding:3px 8px;
	font-size:100%;
	color:#870100;
	text-align:center;
}

.day_second td{
	padding:5px;

}

.tableLayout3 {
    margin: 0;
    padding: 0;
}

.tableLayout3 li {
    float: left;
    list-style: none outside none;
    width: 115px;
}


#btn_pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
}
 
#btn_pageTop a {
  display: block;
  z-index: 999;
  padding: 8px 8px 8px 8px;
  border-radius: 30px;
  width: 35px;
  height: 35px;
  background-color: #b0df90;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  line-height: 35px;
}
 
#btn_pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}



.page_link{
	background:url(_img/link_bk.jpg) no-repeat bottom;
	padding:5px 0;
}

.page_link ul{
	margin:0;
	height:85px;
}

.page_link ul li{
	list-style:none;
	padding:0;
	margin:0;
	width:210px;
	float:left;
	padding-left:5px;
}

.page_link ul{
	zoom:1;
}

.page_link ul:after{
	content: ".";   
	display: block;   
	clear: both;   
}

.page_top p{
	margin:0;
	font-size:85% !important;
	text-align:right;
	margin-top:15px;
}

.page_top p a{
	color:#666;
}

.page_top p a:hover{
	color:#ff0000;
}

.text_link{
	text-align:center;
	font-size:90%;
}
.text_link a{ padding:3px;}

.text_link{
	text-align:center;
	font-size:90%;
}
.text_link a{ padding:3px;}


.bk_pk{
	background:#FFE0E9 !important;
	color:#000 !important;
}

.table_b_1{
	float:left;
}

.table_b_2{
	float:right;
}

.table_bloc {
	zoom: 1;
}

.table_bloc:after{
	content: " ";
	display:block;
	clear: both;
}

.cel_01{
	background:#085500 !important;
	color:#fff !important;
}

.plus{
	text-align:center;
	padding:20px 0;
	font-size:500% !important;
	font-weight:bold;
}

.or{
	text-align:center;
	padding:10px 0;
	font-size:150% !important;
	font-weight:bold;
	vertical-align:middle !important;
}

.th_hight{
	height:4em;

}


.section_table th,
.section_table td{
	vertical-align:top;
}

.cap_bor{
	border:2px #000 solid;
	text-align:center;
	padding:15px;
}


.point_01{
	background:url(../../_img/basic/bk_yukino.jpg) no-repeat right top;
	border:2px solid #ffd0b5;
	margin:15px;
	padding:10px;
}

.point_02{
	background:url(../../_img/basic/bk_chinatsu.jpg) no-repeat right top;
	border:2px solid #ffd0b5;
	margin:15px;
	padding:10px;
}

.speak_box{
	background:url(_img/p_01.jpg) no-repeat right center;
	}

.speak_parts{
	background:url(_img/arrow.gif) no-repeat right center;
	margin:0 !important;
	padding:10px 28px 10px 10px;
	width:348px;
}

.speak_inner{
	margin:0 !important;
	border-radius:5px;
	width:330px;
	padding:15px;
	background:#ffe9f0;
}

.speak_inner p{
	margin:0 !important;
	margin-bottom:15px !important;
}

.speak_inner p:last-child{
	margin-bottom:0 !important;
	
}

.eventLink{
	background:url(_img/pre1.jpg) no-repeat;
	height:375px;
	position:relative;
}

.btn_eve{
	display:block;
	position:absolute;
	top:255px;
	left:125px;
}


.link_color_y{
	font-size:90%;
	background-color:#F7FE2E !important;
	font-weight:bold;
	padding:3px 5px;
	letter-spacing:0.1em;
}

.cel_m{
	background:#dcfbff !important;
	color:#000 !important;
	line-height:1.3 !important;
	padding:5px !important;
}

.cel_w{
	background:#ffe1e1 !important;
	color:#000 !important;
	line-height:1.3 !important;
	padding:5px !important;
}


ul.sub_menu li{
	display:inline;
	padding-right:15px;
	padding-left:12px;
	background:url(_img/arrow_s.jpg) no-repeat left;
	font-size:90%;
}

ul.sub_menu li a{
	color:#333;
	text-decoration:none;
}

ul.sub_menu li a:hover{
	color:#ff0000;
}

.index_tit{
	margin:0 !important;
	background:#B5002F;
	color:#fff;
	margin:0;
	font-size:120%;
	font-weight:bold;
	padding:5px 10px;
	margin-bottom:10px !important;
}

.title_black{
	background:#000;
	padding:5px;
	color:#fff;
	font-size:130% !important;
	font-weight:bold;
	text-align:center;
}

.bor_pink{
	border:3px solid #ffdde7;
	padding:15px;
	margin:10px 0;
}

.bor_pink p{
	margin:0 !important;
}

.bor_ore_dou{
	border:5px double #ff9c00;
	padding:15px;
	margin:10px 0;
}

.bor_ore_dou p{
	margin:0 !important;
}

.table_day{
	margin-top:5px;
}

.day_tit{
	background:#794024;
	color:#fff;
	font-size:100%;
	font-weight:bold;
	padding:3px;
	text-align:center;
	letter-spacing:0.2em;
}


.table_day td{
	font-weight:bold;
	padding:5px;
	text-align:center;
	color:#FF0000;
}


.model_box{
	padding: 7px;
	border: 1px solid #00502b;
	background-color: #F5FFCD;
}


.table_style{
	 border-collapse: collapse;
	 border: solid 2px #000000;
}

.table_style th,
.table_style td{
border: solid 1px #000000;
padding:3px 5px;
font-weight:bold;
}

.table_style th{
	background:#380E4E;
	color:#fff;
}

.tab_a{
	background-color:#fff !important;
	border:none !important;
	text-align:center;
}


.c_1{
	background:#f7e7ff;

}

.cel_1{
	background:#71EAFB !important;
	color:#000 !important;
	padding:5px !important;
}

.cel_2{
	background:#dcfbff !important;
	color:#000 !important;
	line-height:1.3 !important;
	padding:5px !important;
}

.cel_m{
	background:#dcfbff !important;
	color:#000 !important;
	line-height:1.3 !important;
	padding:5px !important;
}

.cel_w{
	background:#ffe1e1 !important;
	color:#000 !important;
	line-height:1.3 !important;
	padding:5px !important;
}

.h_w{
	background:#9a2a47;
	font-weight:bold;
	color:#fff;
	font-weight:bold;
	text-align:center;
}

.h_m{
	background:#005094;
	font-weight:bold;
	color:#fff;
	font-weight:bold;
	text-align:center;
}
.cel_w2{
	background: #ffffff !important;
	color: #FF5700 !important;
	text-align: center;
	font-weight: bold;
	line-height: 1.3 !important;
	padding: 5px !important;
}

/************* モーダル **************/

.modal-content {
	width: 940px ;
	margin: 0 ;
	padding: 10px 20px ;
	border: 2px solid #aaa ;
	background: #fff ;
	position: fixed ;
	display: none ;
	z-index: 2 ;
	overflow-y: auto;
	max-height: 90%;
}

.modal-content_l {
	width: 1100px ;
	margin: 0 ;
	padding: 10px 20px ;
	border: 2px solid #aaa ;
	background: #fff ;
	position: fixed ;
	display: none ;
	z-index: 2 ;
	overflow-y: auto;
	max-height: 90%;
}

.modal-content_ll {
	width: 1260px ;
	margin: 0 ;
	padding: 10px 20px ;
	border: 2px solid #aaa ;
	background: #fff ;
	position: fixed ;
	display: none ;
	z-index: 2 ;
	overflow-y: auto;
	max-height: 90%;
}

.modal-content_s {
	width: 780px ;
	margin: 0 ;
	padding: 10px 20px ;
	border: 2px solid #aaa ;
	background: #fff ;
	position: fixed ;
	display: none ;
	z-index: 2 ;
	overflow-y: auto;
	max-height: 90%;
}
  
#modal-overlay {
	z-index: 1 ;
	display: none ;
	position: fixed ;
	top: 0 ;
	left: 0 ;
	width: 100% ;
	height: 120% ;
	background-color: rgba( 0,0,0, 0.75 ) ;
}

.button-link {
	color: #00f ;
	text-decoration: underline ;
}
 
.button-link:hover {
	cursor: pointer ;
	color: #f00 ;
}

.close_btn {
	display: inline-block;
    background: #EEE;
    color: #111;
    -moz-box-shadow: inset -1px -1px 1px rgba(000,000,000,0.2),inset 2px 2px 1px rgba(255,255,255,1);
    -webkit-box-shadow: inset -1px -1px 1px rgba(000,000,000,0.2),inset 2px 2px 1px rgba(255,255,255,1);
    border-top: 1px solid #BBB;
    border-left: 1px solid #BBB;
    border-right: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    width: 130px;
    padding: 10px 3px;
	font-weight: bold;
}