@charset "utf-8";

@import "common.css";

/*
 * Author: Sato Tomokazu FC
 * Index, Profile, Result, Member's, Link, Q&A, Contact
/*

/* --------------------------------------------------
 * Index:Div:Race Information
 * -------------------------------------------------- */
div#raceinfo{
	width:100%;
	margin-bottom:25px;
}
div#raceinfo h2{
	margin-bottom:5px;
}
div#raceinfo table.nowrace{
	width:100%;
	border-top:1px solid #aaa;
	border-left:1px solid #aaa;
	border-right:1px solid #aaa;
	text-align:center;
	/*font-size:1.15em;*/
}

div#raceinfo table.nowrace caption {
	padding-bottom:3px;
	text-align:left;
	font-weight:bold;
}

div#raceinfo table.nowrace th{
	/*width:25%;*/
	width:20%;
	border-right:1px solid #aaa;
	border-bottom:1px solid #aaa;
	background:#474747;
	line-height:180%;
	font-weight:normal;
	color:#fff;
}
div#raceinfo table.nowrace td{
	border-bottom:1px solid #aaa;
	border-left:1px solid #aaa;
	background:#fff;
	padding:5px 0;
	/*line-height:180%;*/
}

div#raceinfo table.nowrace .result{
	font-weight:bold;
	width:6%;
	color:#de0000;
}

div#raceinfo table.entry{
	width:100%;
	border-top:1px solid #aaa;
	border-left:1px solid #aaa;
	border-right:1px solid #aaa;
}
div#raceinfo table.entry th{
	width:120px;
	border-bottom:1px solid #aaa;
	background:#474747;
	line-height:180%;
	color:#fff;
	font-weight:normal;
	font-size:1.15em;
	text-align:center;
}
div#raceinfo table.entry td{
	border-bottom:1px solid #aaa;
	border-left:1px solid #aaa;
	background:#fff;
	text-align:left;
	padding-left:10px;
	line-height:180%;
	font-size:1.15em;
}

div#raceinfo table img {vertical-align:text-bottom;}

/* --------------------------------------------------
 * Index:Div:What's New
 * -------------------------------------------------- */
div#whatsnew{
	width:100%;
	margin-bottom:25px;
}
div#whatsnew h2{
	margin-bottom:5px;
}
div.section{
	background:#eaddf2;
	border-top:2px solid #662d91;
	border-bottom:2px solid #662d91;
	padding:10px 5px 10px 5px;
	text-align:left;
}
div.section ul li.new{
	padding-left:20px;
	line-height:150%;
	background:url(../img/new_bg.gif) no-repeat 0 40%;
	font-size:1.15em;
}
div.section ul li{
	padding-left:20px;
	line-height:150%;
	background:url(../img/new_bg2.gif) no-repeat 0 40%;
	font-size:1.15em;
}
div.chaser{
	width:600px;
	margin:0 30px 40px 30px;
	text-align:center;
}
div.chaser h3{
	/*color:#662d91;*/
	font-size:1.2em;
	margin-bottom:40px;
	padding:5px 0 20px 0;
	border-bottom:1px solid #aaa;
	text-align:center;
}
div.chaser p{
	font-size:1.15em;
	margin-bottom:20px;
	text-align:left;
	line-height:140%;
}
.f-size{
	font-size:0.75em;
}

/* --------------------------------------------------
 * Index:Div:Information
 * -------------------------------------------------- */
div#information{
	width:100%;
	margin-bottom:25px;
	height:230px;
}
div#information h2{
	margin-bottom:5px;
}
div.blog{
	float:left;
	width:330px;
}
div.join{
	float:right;
	width:320px;
	margin-left:10px;
}
div.join_select{
	width:320px;
	background:url(../img/join_bottom.jpg) no-repeat;
	padding:25px 0 10px 0;
	height:40px;
}
ul.btn_select li.ippan{
	display:block;
	float:left;
	width:145px;
	height:40px;
	margin-left:10px;
}
ul.btn_select li.ippan a{
	display:block;
	text-decoration:none;
	width:145px;
	height:40px;
}
ul.btn_select li.ippan a span{
	visibility:hidden;
}
ul.btn_select li.ippan a
{background:url(../img/join_ippan.gif) no-repeat;}
ul.btn_select li.ippan a:hover
{background:url(../img/join_ippan_over.gif) no-repeat;}
ul.btn_select li.houjin{
	display:block;
	float:left;
	width:145px;
	height:40px;
	margin-left:10px;
}
ul.btn_select li.houjin a{
	display:block;
	text-decoration:none;
	width:145px;
	height:40px;
}
ul.btn_select li.houjin a span{
	visibility:hidden;
}
ul.btn_select li.houjin a
{background:url(../img/join_houjin.gif) no-repeat;}
ul.btn_select li.houjin a:hover
{background:url(../img/join_houjin_over.gif) no-repeat;}

/* --------------------------------------------------
 * Index:Div:Recommend
 * -------------------------------------------------- */
div#recommend{
	width:100%;
	margin-bottom:25px;
	clear:both;
}
div#recommend h2{
	margin-bottom:5px;
}
div#recommend h3{
	margin-bottom:5px;
}
div.guide{
	float:left;
	width:209px;
	border-right:1px solid #ccc;
	padding:0 5px 0 5px;
	text-align:left;
}
div.give{
	float:left;
	width:209px;
	border-right:1px solid #ccc;
	padding:0 5px 0 5px;
	text-align:left;
}
div.mobile{
	float:left;
	width:135px;
	padding:0 5px 0 80px;
	text-align:left;
	background:url(../img/qrcode.gif) no-repeat ;
}
p.btn_detail{
	text-align:right;
	margin-top:10px;
}

/* --------------------------------------------------
 * Profile:
 * -------------------------------------------------- */
div#profile_data{
	width:630px;
	margin-bottom:25px;
	padding:60px 0 10px 20px;
	background:url(../img/profile_image.jpg) no-repeat 80% 0;
}
div#profile_data table.prof{
	border-top:1px solid #ccc;
}
div#profile_data table.prof th{
	text-align:center;
	font-weight:normal;
	color:#fff;
	background:#474747;
	width:140px;
	border-bottom:1px solid #ccc;
	padding:5px 0 5px 0;
	font-size:0.9em;
}
div#profile_data table.prof td{
	color:#662d91;
	width:200px;
	border-bottom:1px solid #ccc;
	padding:5px 5px 5px 8px;
	font-size:1.15em;
}
div#profile_data h3{
	font-size:1.15em;
	padding:0 0 0 15px;
	margin:20px 0 5px 0;
	background:url(../img/new_bg2.gif) no-repeat 0 40%;
}
table.result_school{
	width:100%;
	margin:0 0 5px 0;
	border-top:1px solid #aaa;
	border-right:1px solid #aaa;
}
table.result_school th{
	background-color:#474747;
	text-align:center;
	font-weight:normal;
	color:#fff;
	padding:5px;
	font-size:0.9em;
	border-bottom:1px solid #aaa;
	border-left:1px solid #aaa;
}
table.result_school td{
	background-color:#fff;
	text-align:center;
	padding:5px;
	color:#662d91;
	font-size:0.9em;
	border-bottom:1px solid #aaa;
	border-left:1px solid #aaa;
}

/* --------------------------------------------------
 * Result:
 * -------------------------------------------------- */
div#result{
	width:100%;
	/*margin-bottom:25px;*/
}
div#result h2{
	margin-bottom:5px;
}
table.updata{
	width:100%;
	margin-bottom:25px;
}
table.updata th{
	width:50%;
	text-align:left;
	font-weight:normal;
	font-size:1.15em;
}
table.updata th img{
	vertical-align:text-bottom;
	margin-right:5px;
}
table.updata td{
	width:50%;
	text-align:right;
	color:#de0000;
}
div#result h3{
	font-size:1.15em;
	padding:0 0 0 15px;
	margin-bottom:5px;
	background:url(../img/new_bg2.gif) no-repeat 0 40%;
}
table.result_data{
	width:100%;
	margin-bottom:25px;
	border-top:1px solid #aaa;
	border-right:1px solid #aaa;
}
table.result_data th{
	background-color:#474747;
	text-align:center;
	font-weight:normal;
	color:#fff;
	padding:5px;
	font-size:0.9em;
	border-bottom:1px solid #aaa;
	border-left:1px solid #aaa;
}
table.result_data td{
	background-color:#fff;
	text-align:center;
	padding:5px;
	color:#662d91;
	font-size:1.15em;
	border-bottom:1px solid #aaa;
	border-left:1px solid #aaa;
}
table.result_data td.adsence{
	background-color:#eee;
	text-align:center;
	padding:5px;
	color:#444;
}
/* --------------------------------------------------
 * Result:Total
 * -------------------------------------------------- */
table.result_debut{
	width:100%;
	background-color:#aaa;
	margin-bottom:25px;
}
table.result_debut th{
	width:30%;
	background-color:#474747;
	text-align:center;
	font-weight:normal;
	color:#fff;
	padding:5px;
	font-size:0.9em;
}
table.result_debut td{
	width:30%;
	background-color:#fff;
	text-align:center;
	padding:5px;
	color:#662d91;
	font-size:1.15em;
}
table.result_data td.subdata{
	background-color:#eee;
	text-align:center;
	padding:5px;
	color:#444;
	font-size:0.9em;
}

/* --------------------------------------------------
 * Members:
 * -------------------------------------------------- */
div#members{
	width:100%;
	margin:0 auto 25px auto;
}
div.present{
	margin:0 0 20px 0;
	text-align:center;
	background:url(../img/present_bg.gif) no-repeat;
	line-height:50px;
}
div.present p{
	font-size:1.15em;
	color:#;
}
div.attention{
	background:#fcfff4 url(../img/attention.gif) repeat-x bottom;
	border:1px solid #c4c5a6;
	padding:10px;
	text-align:center;
	margin-bottom:15px;
}
div.attention p span{
	color:#de0000;
	font-weight:bold;
}
div.login{
	margin:0 auto 15px auto;
	text-align:center;
}
div.login img{
	vertical-align:middle;
}
/*div#members fieldset{
	text-align:center;
}*/
div.members_contents{
	width:600px;
	margin:0 25px 0 25px;
}
div.members_contents ul{
	padding-top:15px;
}
div.members_contents ul li{
	margin-bottom:10px;
}
div.members_contents ul li.other{
	padding:10px;
	background:#eaddf2;
	border:1px solid #662d91;
	text-align:center;
	margin:20px 0 20px 0;
}
div.members_contents ul li.other span{
	font-weight:bold;
}
div#members h3{
	font-size:1.15em;
	padding:0 0 0 15px;
	margin:20px 0 5px 0;
	background:url(../img/new_bg2.gif) no-repeat 0 40%;
}

div#members h2{
	margin-bottom:5px;
}
p.join_select{
	text-align:left;
	font-weight:normal;
	font-size:1.15em;
	margin-bottom:20px;
}
p.join_select img{
	vertical-align:text-bottom;
	margin-right:5px;
}

div.member-info p{
  color:#681080;
  margin-bottom:20px;
}
div.normal{
  background:url(../img/members_photo.jpg) 100% 0 no-repeat;
}

dl.cost{
  width:256px;
  padding:0 0 0px 0;
  margin:0 0 10px 0;
  border-top:1px solid #aaa;
}
dl.cost dt{
  float:left;
  width:75px;
  padding:7px;
  border:1px solid #aaa;
  border-width:0 0 1px 1px;
  background:#474747;
  color:#fff;
  font-size:1.15em;
}

* html body dl.cost dt{
  width:90px;
}

dl.cost dd{
  width:150px;
  padding:7px;
  margin:0 0 0 90px;
  border:1px solid #aaa;
  border-width:0 1px 1px 1px;
  font-size:1.15em;
}

* html body dl.cost dd{
  float:left;
  width:166px;
  margin:0;
}

#kaiin_kiyaku{
  margin-bottom:15px;
}

* html body #kaiin_kiyaku{
  margin-bottom:15px;
}
div#rules-wrap{
  padding:15px;
  margin:12px 0px 0px 0px;
  border:1px solid #ceb70d;
  background:#ffffcc;
}

div#rules-wrap h4{
  margin-bottom:10px;
  color:#de0000;
  font-size:1.15em;
}

div#rules-wrap div#rules{
  overflow:auto;
  height:200px;
  padding:15px;
  margin-bottom:15px;
  border:1px solid #bbb;
  background-color:#fff;
}

/* --------------------------------------------------
 * Link:
 * -------------------------------------------------- */
div#link{
	width:100%;
	margin-bottom:25px;
}
ul.link_list{
	width:100%;
}
ul.link_list li{
	background:#f7f7f7 url(../img/link_bg.gif) repeat-x;
	text-align:left;
	font-weight:normal;
	padding:6px;
	font-size:1.15em;
	border:1px solid #aaa;
	margin-bottom:5px;
}
ul.link_list li img{
	vertical-align:text-bottom;
	margin-right:5px;
}
ul.link_list li a:link{color:#333; text-decoration:none;}
ul.link_list li a:visited{color:#333; text-decoration:none;}
ul.link_list li a:hover{color:#fff; text-decoration:none; background-color:#662d91;}
ul.link_list li a:active{color:#333; text-decoration:none;}

/* --------------------------------------------------
 * Q and A:
 * -------------------------------------------------- */
div#q_and_a{
	width:100%;
	margin-bottom:25px;
}

div#q_and_a p{
	padding-left:25px;
	margin-bottom:15px;
}
div#q_and_a dl{
  padding-left:25px;
  padding-right:25px;
}

div#q_and_a dl dt{
  font-weight:bold;
  margin:0 0 5px 0;
  color:#662d91;
}
div#q_and_a dl dt span{
	font-size:1.15em;
	font-weight:bold;
	color:#333;
}

div#q_and_a dl dd{
  padding-left:1.5em;
  padding-bottom:5px;
  margin:0 0 25px 0;
  font-size:1.15em;
}
div#q_and_a dl dd span{
	font-weight:bold;
	color:#de0000;
}

/* --------------------------------------------------
 * Form
 * -------------------------------------------------- */
span.hissu{
	color:#de0000;
	font-size:0.7em;
	font-weight:normal;
}
span.ninni{
	color:#9cf;
	font-size:0.7em;
	font-weight:normal;
}
div#form{
	width:100%;
	margin-bottom:25px;
}
div#form h2{
	margin-bottom:10px;
}
form.entryform{
  padding:0;
  margin:25px 0 0 0;
}
form.entryform fieldset{
  padding:10px;
  border:none;
  background:#474747;
  margin-bottom:10px;
}
form.entryform dl dt{
  float:left;
  clear:left;
  padding:5px 0 10px 0;
  width:130px;
  color:#fff;
}
form.entryform dl dd{
  padding:0 0 10px 0;
  margin:0;
  color:#cc99ff;
  font-weight:bold;
}
form.entryform dl dd span{
  font-weight:normal;
  font-size:0.9em;
  color:#fff;
}
form.entryform dl dd em{
  font-weight:normal;
  font-size:0.9em;
  margin-left:7px;
  color:#fff;
}
form.entryform dl dd input{
  vertical-align:middle;
  padding:3px;
  border:1px solid #777;
  background:#fff;
}
form.entryform dl dd input.normal{
  width:170px;
}
form.entryform dl dd input.small{
  width:50px;
}
*html body form.entryform dl dd input.small{
  width:60px;
}

form.entryform dl dd input.large{
  width:500px;
}
form.entryform dl textarea{
  overflow:auto;
  width:500px;
  height:7em;
  padding:3px;
  border:1px solid #777;
  background:#fff;
}
form.entryform p input{
  padding:5px;
}

/* tpl_cnf.html ＆ tpl_err.html */
form.entryform dl.check dt{
  padding:5px 0;
}
form.entryform dl.check dd{
  padding:5px 0;
  padding-left:8em;
}

/* tpl_fin.html */
div.end{
  padding:15px;
}
div.end h4{
	font-size:1.15em;
	color:#662d91;
}
div.end p{
	font-size:1.15em;
}

/* --------------------------------------------------
 * Column:
 * -------------------------------------------------- */
div#column{
	width:100%;
	margin-bottom:25px;
}
div#column span.mokuji{
	font-weight:bold;
	font-size:1.15em;
}
div#column ul.columnavi{
	font-size:1.15em;
	line-height:150%;
	font-weight:bold;
	padding:0 0 20px 10px;
	margin:5px 0 20px 0;
	border-bottom:1px dashed #aaa;
}
table.columnindex{
	width:100%;
	font-size:1.15em;
	margin-bottom:20px;
}
table.columnindex caption{
	text-align:left;
	/*color:#681080;
	font-weight:bold;*/
}
.place1 th{
	width:80px;
	background:#b3dae1;
	padding:5px;
	text-align:center;
}
.place1 td{
	background:#eaf5f7;
	padding:5px;
}
.place2 th{
	width:80px;
	background:#cae3b0;
	padding:5px;
	text-align:center;
}
.place2 td{
	background:#e8f2dd;
	padding:5px;
}
.place3 th{
	width:80px;
	background:#e2b0e3;
	padding:5px;
	text-align:center;
}
.place3 td{
	background:#f5e2f5;
	padding:5px;
}
.place4 th{
	width:80px;
	background:#474747;
	padding:5px;
	text-align:center;
	color:#fff;
}
.place4 td{
	background:#fff;
	padding:5px;
}
.story th{
	width:50px;
	background:#e2dad8;
	padding:5px;
	text-align:center;
}
.story td{
	background:#fff;
	padding:5px;
}
div#column h2.pagetitle{
	font-size:1.25em;
	color:#036;
	margin-bottom:10px;
}
div#column h3{
	font-size:1.15em;
	margin-bottom:5px;
}
div#column p{
	font-size:1.15em;
	line-height:140%;
}
div.important{
	background-color:#e1ceec;
	padding:10px;
	/*font-size:1.15em;*/
	line-height:140%;
	margin:5px 0 5px 0;
}
div.important b{
	color:#681080;
}
div.columnnavi_bottom{
	font-size:1.15em;
	line-height:150%;
	font-weight:bold;
	padding:20px 0 0 0;
	margin:20px 0 0 0;
	border-top:1px dashed #aaa;
	text-align:center;
	
}
div.columnnavi_bottom span{
	font-size:0.9em;
	font-weight:normal;
}
table.hit{
	width:100%;
	font-size:1.15em;
	margin-bottom:20px;
}
table.hit th{
	text-align:center;
	padding:10px;
}
table.hit td{
	text-align:center;
	padding:10px;
}

/* --------------------------------------------------
 * Ouen:
 * -------------------------------------------------- */
div#ouen{
	width:100%;
	margin-bottom:25px;
}
div#ouen img{
	margin-bottom:20px;
}
div#ouen dl.message{
	margin:20px 0 20px 0;
}
div#ouen dl.message dt{
	border-top:1px solid #ff8c00;
	border-bottom:1px dashed #aaa;
	padding:5px;
	background-color:#ffefe0;
	color:#ff4400;
}
div#ouen dl.message dd{
	border-bottom:1px solid #ff8c00;
	padding:5px;
	background-color:#ffefe0;
	font-size:1.15em;
	margin-bottom:20px;
}
div#ouen dl.message dd em{
	font-size:0.75em;
}

div#ouen dl.message dd p{
	padding:5px;
	background:#fff;
	margin-top:5px;
	font-size:0.75em;
}