@charset "utf-8";





/* ---------- main ---------- */

#main {
	float:left;
	padding:25px 27px 0;
	width:1000px;
}

#main #mainInfomation {
	width:561px;
	float:right;
	padding:0 25px 0 0;
}

#main #mainInfomation .keyvisual {
	height:320px;
	overflow:hidden;
}

#main #mainInfomation .status {
	height:5px;
	float:left;
}

#main #mainInfomation .status li {
	float:left;
	padding:1px 1px 1px 0;
}

#main #mainInfomation .thumbnail {
	float:left;
}

#main #mainInfomation .thumbnail li {
	float:left;
	padding:0 1px 0 0;
}

#main #mainSponesor {
	background:url(../../images/top/bg_sponsor.png) left top no-repeat;
	float:right;
	height:375px;
	margin:0 0 17px;
	width:195px;
}

#main #mainSponesor dt {
	padding:20px 5px 6px;
}

#main #mainSponesor dd {
	padding:0 5px 6px;
}

#main #mainBanner {
	float:left;
	width:195px;
}

#main #mainBanner li {
	padding:0 0 15px;
}





/* ---------- left ---------- */

#left {
	width:195px;
	float:left;
	padding:27px 0 0;
}





/* ---------- next ---------- */

#left #next {
	background:#FBCA35 url(../../images/top/bg_next.gif) left top no-repeat;
	margin:-10px 0 25px;
}

#left #next h3 {
	padding:31px 0 20px 50px;
}

#left #next p {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	padding:0 10px 0;
}

#left #next .name {
	font-size:95%;
	line-height:1.1em;
	padding:10px 0 2px;
}

#left #next .date {
	font-size:155%;
	line-height:1.2em;
}

#left #next .date span {
	font-size:65%;
	margin:0 0 0 5px;
}

#left #next .kick {
	font-size:115%;
	line-height:1.1em;
}

#left #next .gate {
	font-size:95%;
	line-height:1.3em;
	padding:7px 0 0;
}

#left #next .place {
	font-size:75%;
	line-height:1.4em;
	font-weight:normal;
	padding:5px 0 10px;
}

#left #next .wait {
	padding:0 20px 15px;
	font-weight:normal;
	text-align:left;
}





/* ---------- today ---------- */

#left #today {
	background:#DDDDDD url(../../images/top/bg_schedule.gif) left top no-repeat;
	margin:0 0 25px;
}

#left #today h3 {
	padding:21px 0 0 50px;
}

#left #today dl {
	padding:0 15px 15px;
}

#left #today dt {
	border-bottom:#AAA 1px dotted;
	font-size:85%;
	font-weight:bold;
	line-height:1.5em;
	padding:15px 0 5px;
	margin:0 0 5px;
}

#left #today dd {
	border-bottom:#AAA 1px dotted;
	font-size:75%;
	line-height:1.5em;
	padding:0 0 5px;
	margin:0 0 5px;
}

#left #today p {
	padding:0;
}





/* ---------- amount ---------- */

#left #amount p {
	font-size:65%;
	line-height:1.4em;
}

#left .amount {
	clear:both;
	padding:0 0 25px;
}

#left #amount h3 {
	padding:0 0 5px;
}

#left .amount dl {
}

#left .amount dt {
	float:left;
	padding:10px 0 5px 10px;
	width:175px;
}

#left .amount dd {
	font-family:Arial, Helvetica, sans-serif;
	font-size:155%;
	font-weight:bold;
	line-height:24px;
	padding:10px 10px 10px 70px;
	border-bottom:#ddd 1px dotted;
	text-align:right;
}

#left .amount dd span {
	font-size:65%;
	padding:0 0 0 5px;
}

#left .amount p {
	text-align:right;
	padding:3px 5px 3px 0;
	border-bottom:#95BFFF 1px solid;
}





/* ---------- center ---------- */

#center {
	width:560px;
	float:left;
	padding:27px 25px 0;
}





/* ---------- news ---------- */

#center #news,
#center #academy {
	width:560px;
	float:left;
	padding:0 0 30px;
}

#center #news h3,
#center #academy h3 {
	padding:0 0 15px;
}

#center #news dl,
#center #academy dl {
	clear:both;
	font-size:75%;
	line-height:1.5em;
}

#center #news dt,
#center #academy dt {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	float:left;
	padding:0 70px 0 10px;
}

#center #news ul {
	float:left;
	margin:0 -20px 0 0;
	width:580px;
}

#center #news ul li {
	border:#eee 1px solid;
	float:left;
	margin:0 20px 20px 0;
	padding:14px;
	width:240px;
}

#center #news ul li .image {
	float:left;
	padding:0 15px 0 0;
}

#center #news ul li .image a {
	width:80px;
	height:70px;
	overflow:hidden;
	display:block;
}

#center #news ul li .date {
	padding:0 0 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#center #news ul li .title {
	padding:0;
}

#center .game {
	background:url(../../images/top/ic_game.gif) right 1px no-repeat;
}

#center .info {
	background:url(../../images/top/ic_info.gif) right 1px no-repeat;
}

#center .team {
	background:url(../../images/top/ic_team.gif) right 1px no-repeat;
}

#center .csr {
	background:url(../../images/top/ic_csr.gif) right 1px no-repeat;
}

#center .report {
	background:url(../../images/top/ic_report.gif) right 1px no-repeat;
}

#center .media {
	background:url(../../images/top/ic_media.gif) right 1px no-repeat;
}

#center .news {
	background:url(../../images/top/ic_news.gif) right 1px no-repeat;
}

#center .event {
	background:url(../../images/top/ic_event.gif) right 1px no-repeat;
}

#center .school {
	background:url(../../images/top/ic_school.gif) right 1px no-repeat;
}

#center .junior {
	background:url(../../images/top/ic_junior.gif) right 1px no-repeat;
}

#center .youth {
	background:url(../../images/top/ic_youth.gif) right 1px no-repeat;
}

#center .u14 {
	background:url(../../images/top/ic_u14.jpg) right 1px no-repeat;
}

#center .u13 {
	background:url(../../images/top/ic_u13.jpg) right 1px no-repeat;
}

#center .academy {
	background:url(../../images/top/ic_academy.gif) right 1px no-repeat;
}

#center #news dd,
#center #academy dd {
	border-bottom:#CCCCCC 1px dotted;
	padding:0 0 10px 160px;
	margin:0 0 10px;
}

#center #academy ul {
	width:570px;
	float:left;
	margin:0 -10px 0 0;
}

#center #academy ul li {
	float:left;
	padding:10px 10px 20px 0;
}





/* ---------- pickup ---------- */

#center #pickup {
	width:560px;
	float:left;
}

#center #pickup h3 {
	padding:0 0 15px;
}

#center #pickup ul {
	width:570px;
	float:left;
	margin:0 -10px 40px 0;
}

#center #pickup li {
	float:left;
	padding:0 10px 10px 0;
}





/* ---------- information ---------- */

#center #information {
	width:560px;
	float:left;
}

#center #information h3 {
	padding:0 0 15px;
}

#center #information ul {
	width:570px;
	float:left;
	margin:0 -10px 40px 0;
}

#center #information li {
	float:left;
	padding:0 10px 10px 0;
}





/* ---------- right ---------- */

#right {
	width:195px;
	float:left;
	padding:27px 0 30px;
}





/* ---------- result ---------- */

#left #result {
	background:#C1DAFF url(../../images/top/bg_result.gif) left top no-repeat;
	border:none;
	border-radius:0 0 5px 5px;
	margin:0 0 25px;
	overflow:hidden;
	/*-- display:none; --*/
}

#left #result h3 {
	padding:31px 0 20px 50px;
}

#left #result p {
	clear:both;
	padding:0;
	text-align:center;
}

#left #result .outline {
	padding:0 20px 10px;
	text-align:center;
}

#left #result .point {
	font-family:Arial, Helvetica, sans-serif;
	font-size:130%;
}

#left #result .end {
	padding:0 20px 15px;
	font-weight:normal;
}

#left #result ul {
	float:left;
	padding:0 0 5px;
}

#left #result li {
	width:75px;
	float:left;
	padding:0 0 0 15px;
	text-align:center;
}

#left #result li p {
	font-size:65%;
	line-height:1.2em;
	padding:0 0 5px;
}

#left #result li .point {
	font-size:200%;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.1em;
}





/* ---------- twitter ---------- */

#twitter {
	word-break:break-all;
	padding:0 0 25px;
}

#twitter p {
	font-size:100%;
}





/* ---------- facebook ---------- */

#right #facebook {
	border:2px solid #3B5998;
	text-align:center;
	margin:0 0 15px;
}

#right #facebook dt a {
	background:#3B5998;
	display:block;
	padding:5px 0;
}

#right #facebook dd {
	padding:10px 0 10px 20px;
}





/* ---------- banner ---------- */

.banner li {
	padding:0 0 15px;
}





/* ---------- state ---------- */

.state {
	clear:both;
	padding:0 0 25px;
}

.state h3 {
	padding:0 0 5px;
}

.state h4 {
	font-size:95%;
	line-height:1.5em;
	text-align:center;
}

.state h4 span {
	color:#015BE2;
	font-size:95%;
	line-height:1.5em;
	text-align:center;
}

.state dl {
	background:#fafafa;
	border-bottom:#ddd 1px dotted;
	border-top:#ddd 1px dotted;
	text-align:center;
	padding:9px 0 8px;
}

.state dd {
	font-size:95%;
	font-weight:bold;
	line-height:1.5em;
	color:#015BE2;
}

.state dd span {
	display:block;
	font-size:85%;
	font-weight:normal;
	line-height:1.5em;
	color:#666;
	padding:5px 0 0;
}

.state dt {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:115%;
	line-height:1.5em;
}

.state dt span {
	font-size:65%;
	padding:0 0 0 5px;
}

.state p {
	font-size:75%;
	line-height:1.4em;
	text-align:center;
	padding:5px 0 10px;
}

.state .date {
	font-size:65%;
	line-height:1.4em;
	text-align:right;
	padding:5px 0 10px;
}

.state .remainder {
	color:#FF6600;
	padding:10px 0 0;
}