@charset "utf-8";


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

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


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

.center{text-align:center;}
.right{text-align:right;}

.bcenter{
	display: block;
	text-align:center;
}

.bold{font-weight:bold;}
.orange{color:orange; !important}
.red{color:red;}
.yellow{color:#FFEF9B;}
.yellow_pen{background: linear-gradient(transparent 70%, #ffff66 70%);}

.depblown{color:#29170D;}
.line{text-decoration:underline;}



.fs12{font-size:12px;}
.fs18{font-size:18px;}
.fs22{font-size:22px;}
.fs25{font-size:25px;}
.fs30{font-size:30px;}
.fs35{font-size:35px;}
.fs40{font-size:40px;}
.fs45{font-size:45px;}
.fs50{font-size:50px;}
.fs55{font-size:55px;}
.fs60{font-size:60px;}
.fs65{font-size:65px;}
.fs70{font-size:70px;}
.fs75{font-size:75px;}
.fs80{font-size:80px;}
.fs85{font-size:85px;}
.fs90{font-size:90px;}
.fs95{font-size:95px;}
.fs100{font-size:100px;}
.fs110{font-size:110px;}
.fs150{font-size:150px;}

.mt15{margin-top:15px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px;}
.mt150{margin-top:150px;}
.mt200{margin-top:200px;}

.mb15{margin-bottom:15px ;}
.mb30{margin-bottom:30px ;}
.mb50{margin-bottom:50px ;}
.mb80{margin-bottom:80px ;}
.mb100{margin-bottom:100px ;}

.pd5{padding:5px; !important}
.pd10{padding:10px; !important}

.lh{line-height:1.5;}

/** clearfix **/

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

/*********************************************************
　layout
*********************************************************/

.container{
	width:100%;
	margin:0 auto;
	padding:50px 0;
}


.c_head{
	border-top: 3px solid #A81201;
	padding:0 0;
	background:url(../images/header_bg.png) repeat-x;
}

.c_form{
	background:#A81201;
}

.c_roman{
	background:#29170D;
	font-size:21px;
}

.c_sub{
	background:#473221;
	font-size:21px;
}

.c_introd{
	background:#010101;
}

.c_text{
	background:#473221;
	font-size:21px;
}



.header{
	background:url(../images/header.png) no-repeat top center;
	width:100%;
	padding: 287px 0 0 0;
	height: 374px;
	margin: 0 auto;
}

.header div.kani{
	margin: 0 auto;
	width:800px;
}

.header div.kani div.nickname{
	margin: 0 0 0 350px;
	font-size: 20px;
	font-weight: bold;
}

.header div.kani div.preweek{
	font-size: 15px;
	margin: 0 0 0 345px;
	color: #000;
	line-height: 2.0;
}

.header div.kani div.preweek p.prerace{
	background: #50291A;
	width: 342px;
	margin: 13px 0 8px 0;
	padding: 2px 0 1px 8px;
	color: #FFF;
	font-size:15px;
	font-weight: bold;
}

.header div.kani div.preweek span{
	font-size:17px;
	font-weight: bold;
}

.header div.kani div.preweek img{
	vertical-align: top;
	padding-top: 4px;
}




.container p{
	width:800px;
	margin-right:auto;
	margin-left:auto;
	padding:20px 0;
}

.container p.bighole{
	padding: 50px 0 0;
	text-align: center;
	margin-top: 30px;
	background: url(../images/img_text05.png) no-repeat center bottom;
	height:514px;
}

.container div.getroman{
	padding:0px 0;
	text-align: center;
	margin-top: 60px;
	margin-bottom: -30px;
	background: url(../images/img_text06.png) no-repeat center center;
	height:450px;
}


.c_text > p{
	text-align: center;
}



/*** form ***/

div.c_form > form{
	background: url(../images/form_bg.png) no-repeat top center;
	margin:0 auto;
	width: 99%;
	padding-right:1%;
	min-height: 361px;
	text-align: center;
	color:#29170D;
	font-size: 26.6px;
	font-weight: bold;
	
}

div.c_form > form div.inputarea{
	text-align: center;
	width: 800px;
	margin: 0 auto;
	padding:30px 0 20px;
}

div.c_form > form div.inputarea > span.yellow_pen{
	letter-spacing: 0;
}

div.c_form > form div.inputarea p.skybox{
	width: 780px;
	margin:25px 0px 15px;
	-webkit-background-size: 20px 20px;
	-moz-background-size: 20px 20px;
	background-size: 20px 20px;
	background-color: #981001;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,
					color-stop(.25, #AA271B), color-stop(.25, transparent),
					color-stop(.5, transparent), color-stop(.5, #AA271B),
					color-stop(.75, #AA271B), color-stop(.75, transparent),
					to(transparent));
	background-image: -webkit-linear-gradient(-45deg, #AA271B 25%, transparent 25%,
					transparent 50%, #AA271B 50%, #AA271B 75%,
					transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, #AA271B 25%, transparent 25%,
					transparent 50%, #AA271B 50%, #AA271B 75%,
					transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, #AA271B 25%, transparent 25%,
					transparent 50%, #AA271B 50%, #AA271B 75%,
					transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, #AA271B 25%, transparent 25%,
					transparent 50%, #AA271B 50%, #AA271B 75%,
					transparent 75%, transparent);
	background-image: linear-gradient(-45deg, #AA271B 25%, transparent 25%,
					transparent 50%, #AA271B 50%, #AA271B 75%,
	          transparent 75%, transparent);
					: auto;
	padding: 10px 10px 9px;
	color:#FFF;
	font-weight: bold;
	font-size: 19px;
	letter-spacing:0px;
}

div.c_form > form div.inputarea input[type=text]{
	width: 500px;
	height: 40px;
	padding: 5px 0 5px 15px;
	background: #FFF9F7;
	border: 3px solid #981001;
	-webkit-box-shadow: 0 0 6px 3px rgba(79, 27, 4, 0.65) inset;
	-moz-box-shadow: 0 0 6px 3px rgba(79, 27, 4, 0.65) inset;
	box-shadow: 0 0 6px 3px rgba(79, 27, 4, 0.65) inset;
	font-size: 18px;
	font-weight: bold;
}

input.submit {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	font-size: 24px;
	padding: 9px 40px 11px;
	border: 1px solid #45861a;
	border-radius: 8px;
	background: #70d92b;
	background: -webkit-gradient(linear, left top, left bottom, from(#70d92b), to(#45861a));
	background: -moz-linear-gradient(top, #70d92b, #45861a);
	background: linear-gradient(to bottom, #70d92b, #45861a);
	text-shadow: #2b5411 1px 1px 1px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

input.submit:hover,
input.submit:focus {
	border: 1px solid ##56a721;
	background: #86ff34;
	background: -webkit-gradient(linear, left top, left bottom, from(#86ff34), to(#53a11f));
	background: -moz-linear-gradient(top, #86ff34, #53a11f);
	background: linear-gradient(to bottom, #86ff34, #53a11f);
	color: #ffffff;
	cursor: pointer;
	text-decoration: none;
}

input.submit:active {
	background: #45861a;
	background: -webkit-gradient(linear, left top, left bottom, from(#45861a), to(#45861a));
	background: -moz-linear-gradient(top, #45861a, #45861a);
	background: linear-gradient(to bottom, #45861a, #45861a);
}

form#err div.caution{
	text-align:left;
	padding: 10px;
	width:100%;
	font-size: 15px;
	line-height: 1.5;
	color:#000;
	font-weight: normal;
}

div.nextform{
	position: relative;
	top: 70px;
	text-align: center;
	margin:10px auto 0;
	background: #A81201;
	border: 2px solid #FFEF9B;
	border-radius:15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
	-webkit-box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
	-moz-box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
	width: 620px;
	padding: 10px;
	color:#FFEF9B;
	font-size: 26px;
	font-weight: bold;
	z-index:999;
}

div.nextform:after, div.nextform:before {
	border: solid transparent;
	content: ' ';
	height: 0;
	left: 50%;
	position: absolute;
	width: 0;
}

div.nextform:after {
	border-width: 30px;
	border-top-color: #A81201;
	top: 100%;
	margin-left: -30px;
}

div.nextform:before {
	border-width: 34px;
	border-top-color: #FFEF9B;
	top: 100%;
	margin-left: -34px;
}



/*** PAT最高 ***/

div.mostpat_text{
	-webkit-box-shadow: 0 0 6px 3px rgba(79, 27, 4, 0.65) inset;
	-moz-box-shadow: 0 0 6px 3px rgba(79, 27, 4, 0.65) inset;
	box-shadow: 0 0 6px 3px rgba(79, 27, 4, 0.65) inset;
	background: #E5D0BB;
	border-radius: 15px 15px 0 0;
	width: 680px;
	margin: 0 auto;
	text-align: center;
	padding: 10px 0;
	color: #491900;
	font-size: 40px;
	font-weight: bold;
	line-height:1.4;
}

div.mostpat_text span{
	font-size: 15px;
	font-weight: normal;
}

div.mostpat_img{
	-webkit-box-shadow: 0 0 6px 3px rgba(79, 27, 4, 0.65) inset;
	-moz-box-shadow: 0 0 6px 3px rgba(79, 27, 4, 0.65) inset;
	box-shadow: 0 0 6px 3px rgba(79, 27, 4, 0.65) inset;
	background: #FFF;
	border-radius: 0 0 15px 15px;
	width: 680px;
	margin: 0 auto;
	text-align: center;
	padding: 20px 0;
	color: #000;
}


/*** メリット ***/

ul.emotion{
	width: 800px;
	margin: 0 auto;
}

ul.emotion > li{
	color: #FFF;
	background: -moz-linear-gradient(left,  rgba(203,30,10,1) 0%, rgba(203,30,10,1) 70%, rgba(203,30,10,0) 95%);
	background: -webkit-linear-gradient(left,  rgba(203,30,10,1) 0%,rgba(203,30,10,1) 70%,rgba(203,30,10,0) 95%);
	background: linear-gradient(to right,  rgba(203,30,10,1) 0%,rgba(203,30,10,1) 70%,rgba(203,30,10,0) 95%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CB1E0A', endColorstr='#00CB1E0A',GradientType=1 );
	margin-bottom: 25px;
	padding: 10px;
	font-size: 20px;
	font-weight: bold;
}



/*** 馬券師　大五郎 ***/

div.iamdai{
	width: 100%;
	margin: 0 auto;
	padding:5px 0;
	background: #000;
	text-align: center;
}

div.iamdai div.iam56{
	width: 100%;
	margin: 0 auto;
	border-top: solid 3px #AAA;
	border-bottom: solid 3px #AAA;
	background: url(../images/daigoro_back.png) no-repeat right -50px;
	font-size: 90px;
	padding: 15px 0;
	text-shadow: 5px 5px 1px black;
}



/*** result ***/

div.resultbox{
	width: 800px;
	background:#3F2C25;
	padding:0 0px 10px 0px;
	border: 1px solid #9D7655;
	margin: 50px auto 0;
	text-align: center;
	font-size:16px;
}

div.resultbox p.resulttile{
	-webkit-box-shadow: 0 0 6px 3px rgba(79, 27, 4, 0.65) inset;
	-moz-box-shadow: 0 0 6px 3px rgba(79, 27, 4, 0.65) inset;
	box-shadow: 0 0 6px 3px rgba(79, 27, 4, 0.65) inset;
	width: 800px;
	background:#EFD4A9;
	padding:0 ;
	margin: 0 auto 0;
	text-align: center;
	color:#3F2C25;
}

ul.result{
	display: inline-block;
	width:780px;
	margin:10px auto 5px;
	list-style: none;
	text-align: left;
}

ul.result > li{
	-webkit-box-shadow: 0 0 2px 3px rgba(79, 27, 4, 0.65) inset;
	-moz-box-shadow: 0 0 2px 3px rgba(79, 27, 4, 0.65) inset;
	box-shadow: 0 0 2px 3px rgba(79, 27, 4, 0.65) inset;
	width:385px;
	float:left;;
	background: #F9F4ED;
	padding:0 0;
	color: #000;
	font-size:15px;
	line-height: 1.8;
}

ul.result > li span{
	font-size:17px;
	font-weight: bold;
}

ul.result > li img{
	width: 50px;
	padding-top: 5px;
	vertical-align: top;
}

ul.result > li:nth-child(odd){
	margin:15px 5px 0 0px;
}

ul.result > li:nth-child(even){
	margin:15px 0px 0 5px;
}

ul.result > li p.name{
	-webkit-box-shadow: 0 0 2px 3px rgba(79, 27, 4, 0.65) inset;
	-moz-box-shadow: 0 0 2px 3px rgba(79, 27, 4, 0.65) inset;
	box-shadow: 0 0 2px 3px rgba(79, 27, 4, 0.65) inset;
	background: #A81201;
	margin: 0 auto 11px;
	width:385px;
	padding: 3px 0 3px 0;
	color: #FFF;
	font-size:16px;
	font-weight: bold;
	line-height: 1.8;
	text-align: center;
}

ul.result > li p.race{
	background: #50291A;
	margin: 3px auto 5px;
	width:360px;
	padding: 3px 0 3px 5px;
	color: #FFF;
	font-size:16px;
	line-height: 1.8;
}

ul.result > li p.numb{
	letter-spacing: 0;
	margin: 0 auto 8px;
	width:360px;
	padding: 3px 0 3px 5px;
	margin: 0 10px 15px;
}


/*** 自己紹介 ***/

div.nextdai{
	clear: both;
	position: relative;
	top: 70px;
	text-align: center;
	margin:10px auto 0;
	background: #000;
	border: 2px solid #FFEF9B;
	border-radius:15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	box-shadow: 1px 5px 5px rgba(255,255,255,0.4);
	-webkit-box-shadow: 1px 5px 5px rgba(255,255,255,0.4);
	-moz-box-shadow: 1px 5px 5px rgba(255,255,255,0.4);
	width: 620px;
	padding: 10px;
	color:#FFEF9B;
	font-size: 26px;
	font-weight: bold;
	z-index:999;
}

div.nextdai:after, div.nextdai:before {
	border: solid transparent;
	content: ' ';
	height: 0;
	left: 50%;
	position: absolute;
	width: 0;
}

div.nextdai:after {
	border-width: 30px;
	border-top-color: #000;
	top: 100%;
	margin-left: -30px;
}

div.nextdai:before {
	border-width: 34px;
	border-top-color: #FFEF9B;
	top: 100%;
	margin-left: -34px;
}


#dai800{
	width: 800px;
	margin: 0 auto;
	padding:0;
}

#dai800 #dai_text{
	width: 459px;
	float:left;
	text-align: center;
}

#dai800 #dai_text > div{
	width: 500px;
	background: rgba(100,100,100,0.1);
	padding:20px 20px;
	margin-bottom:20px;
	text-align: left;
}

#dai800 #dai_text > div > p{
	width: 500px;
	padding: 15px 0 0;
	margin:0;
	text-align: left;
}

#dai_img_class{
	float: right;
	position: relative;
	width: 321px;
}

#dai800 #dai_img img{
	width:95%;
	opacity: 0.5;
}


/*** footer ***/

#footer{
	clear:both;
	text-align:center;
	margin:0px 0 0px 0;
	padding:20px 0;
	background:#C9C4BF;
	color: #000;
	font-size:12px;
}

#footer > p{
	width: 800px;
	margin:0 auto;
	clear: both;
}

#footer img{
	float: left;
	margin-right: 60px;
	width:260px;
}

#footer ul{
	margin: 10px 0 20px;
	float: left;
	width:470px;
}

#footer ul li{
	background: url(../images/arrow.gif) no-repeat left center ;
	background-size: 11px;
	float: left;
	width:208px;
	font-size:15px;
	text-align: left;
	padding: 0 0 0 17px;
}

#footer ul li.inbl{
	display:inline;
}

#footer ul li a img{border:none;}
#footer ul li a:link{text-decoration:underline; color:#333333;}
#footer ul li a:visited{text-decoration:none; color:#333333;}
#footer ul li a:hover{text-decoration:none; color:#b50000;}
#footer ul li a:active{text-decoration:none; color:#222222;}




/*********************************************************
　特商法など
*********************************************************/

h1{
	width: 700px;
	text-align: center;
	margin: 0 auto 50px;
	border-top: 3px solid #FFF;
	border-bottom: 3px solid #FFF;
	padding: 10px 0;
}


table{
	width: 800px;
	margin: 0 auto;
	border:1px solid #898989;
	border-collapse: collapse;
}
table tr th{
	border:1px solid #898989;
	padding:20px 10px;
	width:200px;
	text-align:center;
	background:#CECCCC;
	color: #000;
	font-size:16px;
}

table tr td{
	border:1px solid #898989;
	padding:20px 10px;
	font-size:15px;
}

table tr td a,
table tr td a:visited
{
	color: #FF8966;
	text-decoration: underline;
}

table tr td a:hover{
	color: #FF8966;
	text-decoration: none;
}

div.rule{
	font-size: 15px;
}

div.rule > ul,
div.rule > dl{
	width: 800px;
	margin: 0 auto;
	margin-bottom: 70px;
}

div.rule ul li{
	width: 770px;
	list-style-type: disc;
	margin: 15px auto;
}

div.rule > dl dt{
	font-weight: bold;
	font-size: 20px;
	border-left: solid 8px #FFF;
	border-bottom: solid 2px #FFF;
	margin-top: 70px;
	padding: 0 0 0 10px;
}

div.rule ol li{
	width: 740px;
	list-style-type: decimal;
	margin: 15px auto;
}







ul.result01{
	display: inline-block;
	width:780px;
	margin:10px auto 5px;
	list-style: none;
	text-align: left;
}

ul.result01 > li{
	-webkit-box-shadow: 0 0 2px 3px rgba(79, 27, 4, 0.65) inset;
	-moz-box-shadow: 0 0 2px 3px rgba(79, 27, 4, 0.65) inset;
	box-shadow: 0 0 2px 3px rgba(79, 27, 4, 0.65) inset;
	width:355px;
	float:left;;
	background: #F9F4ED;
	padding:15px 15px;
	color: #000;
	font-size:15px;
	line-height: 1.8;
}

ul.result01 > li span{
	font-size:17px;
	font-weight: bold;
}

ul.result01 > li img{
	width: 50px;
	padding-top: 5px;
	vertical-align: top;
}

ul.result01 > li:nth-child(odd){
	margin:15px 5px 0 0px;
}

ul.result01 > li:nth-child(even){
	margin:15px 0px 0 5px;
}

ul.result01 > li p.race{
	background: #50291A;
	margin: 0 auto 8px;
	width:350px;
	padding: 3px 0 3px 5px;
	color: #FFF;
	font-size:16px;
	line-height: 1.8;
}