@charset "utf-8";

/*
=================================================================================
index
=================================================================================
*/
#sub_contents #jockey_title{
	width: 870px;
	margin-bottom: 20px;
}

#sub_contents #jockey_box{
	width: 870px;
	margin: 0 auto;
}

#sub_contents .riding{
	width: 800px;
	margin: 0 auto 20px;
}

#sub_contents .riding p{
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	border:#ff6600 2px solid;
	background-color: #ffece0;
	padding: 20px;
}

#sub_contents .jockey{
	width: 870px;
	margin: 0 auto 20px;
}

#sub_contents .jockey_inner{
	width: 290px;
	float: left;
}

#sub_contents .jockey_line{
	width: 770px;
	height: 3px;
	margin: 0 auto 20px;
	background-color: #ADFE01;
}

#sub_contents .text_link p{
	text-align: right;
	font-weight: bold;
	padding-bottom: 20px;
}

#sub_contents .thumb{
	width: 120px;
	margin-right: 5px;
	float: left;
}

#sub_contents .thumb img{
	vertical-align: bottom;
}

#sub_contents .hand{
	width: 165px;
	float: left;
}

#sub_contents .hand h4{
	margin: 10px 0 5px;
	font-size: 15px;
	font-weight: bold; 
}

#sub_contents .hand img{
	margin-left: 5px;
}

#sub_contents #portrait_title{
	width: 870px;
	margin-bottom: 20px;
}

#sub_contents #portrait{
	width: 800px;
	margin: 0 auto;
}

#sub_contents #portrait .portrait_title{
	color: #648200;
	font-size: 15px;
	font-weight: bold; 
	margin-bottom: 5px;
}

#sub_contents #portrait ul.portrait_inner{
	margin-bottom: 20px;
}

#sub_contents #portrait ul{
	width: 100%;
}

#sub_contents #portrait li{
	width: 20%;
	float: left;
}

#sub_contents #gripo_toregist{
	width: 652px;
	margin: 0 auto;
	margin-bottom: 20px;
}
#sub_contents #gripo_toregist .toregist_left{
	width: 442px;
	margin-right: 10px;
	padding-top: 15px;
	text-align: center;
	float: left;
}
#sub_contents #gripo_toregist .toregist_right{
	width: 200px;
	float: left;
}



/*
=================================================================================
‹RŽèbg
=================================================================================
*/
#sub_contents #ando_bg{
	width: 910px;
	background: url(http://j-grip.com/jockey/images/ando_bg.jpg) no-repeat;
}

#sub_contents #ikezoe_bg{
	width: 910px;
	background: url(http://j-grip.com/jockey/images/ikezoe_bg.jpg) no-repeat;
}

#sub_contents #iwata_bg{
	width: 910px;
	background: url(http://j-grip.com/jockey/images/iwata_bg.jpg) no-repeat;
}

#sub_contents #uemura_bg{
	width: 910px;
	background: url(http://j-grip.com/jockey/images/uemura_bg.jpg) no-repeat;
}

#sub_contents #kawada_bg{
	width: 910px;
	background: url(http://j-grip.com/jockey/images/kawada_bg.jpg) no-repeat;
}

#sub_contents #sato_bg{
	width: 910px;
	background: url(http://j-grip.com/jockey/images/sato_bg.jpg) no-repeat;
}

#sub_contents #shii_bg{
	width: 910px;
	background: url(http://j-grip.com/jockey/images/shii_bg.jpg) no-repeat;
}

#sub_contents #hamanaka_bg{
	width: 910px;
	background: url(http://j-grip.com/jockey/images/hamanaka_bg.jpg) no-repeat;
}

#sub_contents #fukunaga_bg{
	width: 910px;
	background: url(http://j-grip.com/jockey/images/fukunaga_bg.jpg) no-repeat;
}

#sub_contents #fujioka_bg{
	width: 910px;
	background: url(http://j-grip.com/jockey/images/fujioka_bg.jpg) no-repeat;
}

#sub_contents #fujioka_k_bg{
	width: 910px;
	background: url(http://j-grip.com/jockey/images/fujioka_k_bg.jpg) no-repeat;
}

#sub_contents #matsuda_bg{
	width: 910px;
	background: url(http://j-grip.com/jockey/images/matsuda_bg.jpg) no-repeat;
}

#sub_contents #miyuki_bg{
	width: 910px;
	background: url(http://j-grip.com/jockey/images/miyuki_bg.jpg) no-repeat;
}

#sub_contents #yokoyama_bg{
	width: 910px;
	background: url(http://j-grip.com/jockey/images/yokoyama_bg.jpg) no-repeat;
}

#sub_contents #watanabe_bg{
	width: 910px;
	background: url(http://j-grip.com/jockey/images/watanabe_bg.jpg) no-repeat;
}

#sub_contents #wada_bg{
	width: 910px;
	background: url(http://j-grip.com/jockey/images/wada_bg.jpg) no-repeat;
}



/*
=================================================================================
‹RŽèindex
=================================================================================
*/
#sub_contents #left_box{
	width: 450px;
	margin: 640px 10px 0 0;
	float: left;
}

#sub_contents #right_box{
	width: 450px;
	float: left;
}

#sub_contents #schedule{
	width: 450px;
}

#sub_contents #schedule ul#tablist{
	width: 440px;
	margin: 0 auto;
	position: relative;
	z-index: 10;
}

#sub_contents #schedule ul#tablist li{
	width: 140px;
	float: left;
	margin-right: 10px;
	cursor: pointer;
}

#sub_contents #schedule ul#tablist li a{
	background-color: #EEEEEE;
	border: 1px solid #000000;
	display: block;
	width: 138px;
	padding: 5px 0;
	text-decoration: none;
	color: #222222;
	text-align: center;
}

#sub_contents #schedule ul#tablist a.selected{
	background-color: #FFFFFF;
	font-weight: bold;
	border-bottom: 1px solid #FFFFFF;
}

#sub_contents .schedule_box{
	width: 448px;
	background-color: #FFFFFF;
	border:#000000 1px solid;
	margin-bottom: 10px;
	position: relative;
	top: -1px;
	z-index: 1;
}

#sub_contents #schedule_inner{
	width: 440px;
	padding: 5px 0 0;
	margin: 0 auto;
}

#sub_contents #schedule_inner .schedule_title{
	width: 440px;
	margin: 0 auto;
}

#sub_contents #schedule_inner .gray{
	background-color: #EEEEEE;
}

#sub_contents #schedule_inner #main{
	margin-bottom: 5px;
}

#sub_contents #schedule_inner .main_inner{
	width: 440px;
	padding: 5px 0;
}

#sub_contents #main .main_inner table{
	width: 430px;
}

#sub_contents #main .main_inner .time{
	width: 25%;
	padding-right: 20px;
	text-align: right;
	border-right: #CCCCCC 1px solid;
}

#sub_contents #main .main_inner .condition{
	width: 25%;
	padding-left: 20px
}

#sub_contents #main .main_inner .race{
	width: 50%;
}

#sub_contents #main .main_inner .horse{
	width: 50%;
	font-weight: bold;
}

#sub_contents .admission{
	width: 440px;
	padding: 5px 0;
}

#sub_contents .admission_inner{
	text-align: center;
}

#sub_contents #schedule_inner .latest{
	margin-bottom: 5px;
}

#sub_contents #schedule_inner .latest_inner{
	width: 440px;
	padding: 5px 0;
}

#sub_contents .latest .latest_inner table{
	width: 430px;
}

#sub_contents .latest .place{
	color: #648200;
	font-weight: bold;
	text-align: center;
}

#sub_contents .latest .latest_inner .number{
	width: 15%;
	text-align: right;
}

#sub_contents .latest .latest_inner .condition{
	width: 55%;
	padding-left: 40px
}

#sub_contents .latest .latest_inner .horse{
	width: 30%;
	font-weight: bold;
}
#sub_contents .latest .latest_inner .horse span{
	font-weight: normal;
	font-size: 11px;
}





#sub_contents #schedule_inner .media_title{
	width: 440px;
	margin: 0 auto;
}

#sub_contents #schedule_inner .media{
	margin-bottom: 5px;
}

#sub_contents #schedule_inner .media_inner{
	width: 440px;
	padding: 5px 0;
}

#sub_contents .media .media_inner table{
	width: 430px;
}

#sub_contents .media .media_inner .time{
	width: 30%;
	text-align: right;
	vertical-align: top;
}

#sub_contents .media .media_inner .content{
	width: 70%;
	padding-left: 20px
}

#sub_contents .result{
	width: 440px;
	padding: 5px 0;
}

#sub_contents .result .result_inner{
	text-align: center;
}

#sub_contents .result .netkeiba{
	text-align: center;
	margin-bottom: 5px;
}

#sub_contents .result p{
	font-size: 11px;
	line-height: 120%;
}



#sub_contents #blog{
	width: 450px;
	margin-bottom: 10px;
}

#sub_contents #banner{
	width: 450px;
	margin-bottom: 10px;
}

#sub_contents .banner{
	width: 450px;
	margin-bottom: 10px;
}

#sub_contents #relate{
	width: 448px;
	background-color: #FFFFFF;
	border:#000000 1px solid;
	margin-bottom: 10px;
	padding: 5px 0;
}

#sub_contents #relate h3{
	width: 440px;
	margin: 0 auto;
}

#sub_contents .relate_inner{
	width: 440px;
	margin: 0 auto;
}

#sub_contents .relate_inner li.green{
	background-color: #EBFF9F;
}

#sub_contents .relate_inner div.news{
	width: 430px;
	margin: 0 auto;
	padding: 5px 0;
}

#sub_contents .relate_inner p.text{
	background: url("http://j-grip.com/views/layouts/images/footer_icon.gif") no-repeat scroll 0 3px transparent;
	padding-left: 15px;
}

#sub_contents .relate_inner p.text a	{
	vertical-align: 0.6ex;
}

#sub_contents .relate_inner p.text img{
	margin-left: 5px;
	vertical-align: 0.3ex;
	position: relative;
	top: 2px;
}

#sub_contents .relate_inner p.date{
	text-align: right;
}

#sub_contents .relate_inner p.link{
	text-align: right;
	font-weight: bold;
}

#sub_contents #shop{
	width: 448px;
	background-color: #FFFFFF;
	border:#000000 1px solid;
	margin-bottom: 10px;
	padding: 5px 0;
}

#sub_contents #shop h3{
	width: 440px;
	margin: 0 auto 5px;
}

#sub_contents .shop_inner{
	width: 438px;
	margin: 0 auto;
}

#sub_contents .shop_inner .shop_tn{
	text-align: center;
	float: left;
}

#sub_contents #museum{
	width: 448px;
	background-color: #FFFFFF;
	border:#000000 1px solid;
	margin-bottom: 10px;
	padding: 5px 0;
}

#sub_contents #museum h3{
	width: 440px;
	margin: 0 auto 5px;
}

#sub_contents .museum_title{
	width: 440px;
	margin: 0 auto 5px;
}

#sub_contents .museum_title p.title{
	float: left;
	font-size: 13px;
	font-weight: bold;
}

#sub_contents .museum_title p.link{
	float: right;
	font-weight: bold;
}

#sub_contents .museum_inner{
	width: 440px;
	margin: 0 auto 10px;
}

#sub_contents .museum_inner .museum_tn{
	width: 220px;
	text-align: center;
	float: left;
}

#sub_contents .museum_inner span.red {
	color: #CC0000;
	font-size: 11px;
}

#sub_contents .gravure_inner{
	width: 440px;
	margin: 0 auto 10px;
}

#sub_contents .gravure_inner ul	{
	width: 440px;
}

#sub_contents .gravure_inner li.left	{
	float: left;
	margin-right: 5px;
}

#sub_contents .gravure_inner li.right	{
	float: left;
}

#sub_contents .gravure_inner li img	{
	border: 1px solid #aeff04;
}

#sub_contents .illust_inner{
	width: 440px;
	margin: 0 auto 10px;
}

#sub_contents .illust_inner .left	{
	width: 100px;
	margin-right: 10px;
	padding-left: 50px;
	float: left;
}

#sub_contents .illust_inner .right	{
	width: 240px;
	padding-top: 18px;
	float: left;
}

#sub_contents #comment	{
	width: 340px;
	margin: 0 auto 10px;
}

#sub_contents #comment #comment_left	{
	width: 70px;
	margin-right: 10px;
	float: left;
}

#sub_contents #comment #comment_right	{
	width: 260px;
	float: left;
}

#sub_contents #comment #comment_right p	{
	width: 260px;
	padding-top: 15px;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}