@charset "utf-8";

/* ****************************************************
Title: base.css
Created: 2011-03-11
Last Modified: 2011-03-11
Editor(s): tsutsu
Last Editor: tsutsu
***************************************************** */


/* Table Of Contents
----------------------------------------

# General Elements
# body
# layout
# header
# gNav
# pageBody
# primary
# secondary
# content
# sidebar
# footer
# clearfix
# common classes

----------------------------------------*/


/* # General Elements
---------------------------------------------------------------------------- */

a    { color: #0033cc; }
a:hover   { color: #0066ff; }


/* # body
---------------------------------------------------------------------------- */

body {
	background-color: #fff;
	color: #000;
	font-size: 75%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height: 1.5;
}


/* # layout
---------------------------------------------------------------------------- */

div#layout {
	background: #e6ebf0 url(../images/bg_main.gif) repeat-x 0 110px;
}


/* # header
---------------------------------------------------------------------------- */

div#header {
	background: #ffffff url(../images/bg_header.jpg) repeat-x left bottom;
	clear: both;
	padding: 0 0 3px;
}

div#header div#headerInner {
	margin: 0 auto;
	position: relative;
	width: 1024px;
}

div#header div#headerInner #visual {
	margin: 0;
}

div#header div#headerInner p#tagline {
	display: inline;
	float: left;
	margin: 12px 0 0 37px;
}

div#header div#headerInner div#siteSearch {
	background: url(../images/ico_sitesearch.gif) no-repeat left top;
	display: inline;
	float: right;
	margin: 5px 32px 0 0;
	padding: 2px 0 5px 18px;
}

div#header div#headerInner div#siteSearch p {
	font-size: 91%;
	margin: 0;
}

div#header div#headerInner div#siteSearch p input {
	vertical-align: middle;
}

div#header div#headerInner div#siteSearch p input.text {
	border: solid 1px #809db9;
	height: 14px;
	margin: 0 1px 0 0;
	padding: 2px;
	width: 145px;
}

div#header div#headerInner ul#hNav {
	bottom: 0;
	position: absolute;
	right: 33px;
}

div#header div#headerInner ul#hNav li {
	display: inline;
	float: left;
	margin: 0 0 0 2px;
}

div#header div#headerInner ul#hNav li a {
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
}

* html div#header div#headerInner ul#hNav li a:hover {
	overflow: hidden;
}

div#header div#headerInner ul#hNav li a:hover img {
	visibility: hidden;
}

div#header div#headerInner ul#hNav li#hNavSitemap a { background-image: url(../images/hnav_sitemap_o.gif); }
div#header div#headerInner ul#hNav li#hNavContact a { background-image: url(../images/hnav_contact_o.gif); }


/* # pageBody
---------------------------------------------------------------------------- */

div#pageBody {
	margin: 0 auto;
	padding: 5px 0 0;
	width: 960px;
}


/* # primary
---------------------------------------------------------------------------- */

div#primary {
	background: url(../images/bg_content_bottom.gif) no-repeat left bottom;
	float: left;
	padding: 0 0 5px;
	width: 568px;
}

div#primary div#primaryInner {
	background: #ffffff url(../images/bg_content_top.gif) no-repeat left top;
	padding: 5px 4px 10px;
}


div#primary h1 {
	height: 26px;
	margin: 0 -11px;
	zoom: 1;
}

div#primary h2,
div#primary .h2class {
	background: url(../images/bg_h2.jpg) no-repeat left top;
	height: 26px;
	line-height: 26px;
	margin: 0 -11px;
	padding-left: 20px;
  text-shadow: rgba(255, 255, 255, 0.8) 1px 1px 0;
	zoom: 1;
}

div#primary h3,
div#primary .h3class {
	background: url(../images/bg_line01.jpg) no-repeat left bottom;
	height: auto;
	margin: 0 -11px;
	overflow: visible;
	padding: 0 0 6px 10px;
	zoom: 1;
}
div#primary h3 span,
div#primary .h3class span {
	border-left: #A8C3FF solid 4px;
	line-height: 1.4;
	padding-left: 3px;
	margin-bottom: 6px;
}

div#primary h4,
div#primary .h4class {
	background: url(../../common/images/bg_dotline01.gif) repeat-x left bottom;
	height: auto;
	margin: 0 -11px;
	overflow: visible;
	padding: 0 0 6px 12px;
	zoom: 1;
}
div#primary h4 span,
div#primary .h4class span {
	background: url(../../common/images/ico_arrow05.gif) no-repeat left center;
	line-height: 1.4;
	padding-left: 10px;
}


div#primary .section {
	margin-bottom: 15px;
	padding: 0 11px;
}

div#primary p {
	margin-bottom: 15px;
}

div#primary p.pagetop {
	clear: both;
	margin: 20px 10px 10px 0;
	text-align: right;
}

div#primary p.pagetop a {
	background: url(../images/ico_pagetop.gif) no-repeat left center;
	padding: 0 0 0 13px;
}

div#primary div#topicPath {
	font-size: 83%;
	line-height: 1.2;
	margin: 0 0 0 0;
	padding: 7px 0 11px 11px;
}

div#primary div#topicPath ol li {
	background: url(../images/bg_topicpath.gif) no-repeat right center;
	float: left;
	margin: 0 3px 3px 0;
	padding: 0 6px 0 0;
}

div#primary div#topicPath ol li.current {
	background: none;
	margin: 0;
	padding: 0;
}

div#primary ul.linkList li {
	background: url(../images/ico_arrow01.gif) no-repeat 0 0.3em;
	margin-bottom: 3px;
	padding: 0 0 0 11px;
}

div#primary ul li a.pdf {
	background: url(../images/ico_pdf.gif) no-repeat right top;
	padding: 0 20px 5px 0;
}



/* # secondary
---------------------------------------------------------------------------- */

div#secondary {
	float: right;
	width: 192px;
}

div#secondary ul.banners li {
	margin: 0 0 5px;
	zoom: 1;
}

div#secondary ul.banners li a {
	background: #fffffa;
	border: solid 1px #3c3b36;
	display: block;
	padding: 3px;
}

div#secondary ul.banners li a:hover {
	border: solid 1px #fd0002;
}


/* # content
---------------------------------------------------------------------------- */

div#content {
	float: right;
	width: 764px;
}


/* # sidebar
---------------------------------------------------------------------------- */

div#sidebar {
	background: #222222;
	float: left;
	margin: -5px 0 0;
	padding: 5px 2px 3px;
	width: 188px;
}

div#sidebar div#gNav {
	background: #333333;
	padding: 0 0 10px;
	line-height: 1.2;
}

div#sidebar div#gNav ul {
	margin: 0 auto;
	width: 180px;
}

div#sidebar div#gNav ul li {
	margin: 0 0 1px;
	zoom: 1;
}

div#sidebar div#gNav ul li span.small {
	font-size: 83%;
}

div#sidebar div#gNav ul li a.nav {
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	zoom: 1;
}

* html div#sidebar div#gNav ul li a.nav:hover {
	overflow: hidden;
}

div#sidebar div#gNav ul li a.nav:hover img {
	visibility: hidden;
}

div#sidebar div#gNav ul li#gNavHome a.nav { background-image: url(../images/gnav_home_o.gif); }
div#sidebar div#gNav ul li#gNavSchedule a.nav { background-image: url(../images/gnav_schedule_o.gif); }
div#sidebar div#gNav ul li#gNavFlash a.nav { background-image: url(../images/gnav_flash_o.gif); }
div#sidebar div#gNav ul li#gNavCategory a.nav { background-image: url(../images/gnav_category_o.gif); }
div#sidebar div#gNav ul li#gNavNews a.nav { background-image: url(../images/gnav_news_o.gif); }
div#sidebar div#gNav ul li#gNavAbout a.nav { background-image: url(../images/gnav_about_o.gif); }
div#sidebar div#gNav ul li#gNavStadium a.nav { background-image: url(../images/gnav_stadium_o.gif); }
div#sidebar div#gNav ul li#gNavTeam a.nav { background-image: url(../images/gnav_team_o.gif); }
div#sidebar div#gNav ul li#gNavTicket a.nav { background-image: url(../images/gnav_ticket_o.gif); }
div#sidebar div#gNav ul li#gNavTv a.nav { background-image: url(../images/gnav_tv_o.gif); }
div#sidebar div#gNav ul li#gNavLink a.nav { background-image: url(../images/gnav_link_o.gif); }

div#sidebar div#gNav ul li ul li {
	margin: 0 0 1px;
}

div#sidebar div#gNav ul li ul li a {
	background: url(../images/bg_snav.gif) no-repeat left top;
	border-bottom: solid 1px #b3c9ff;
	color: #000000;
	display: block;
	min-height: 1.2em;
	padding: 6px 5px 5px 35px;
	text-decoration: none;
	width: 140px;
}

* html div#sidebar div#gNav ul li ul li a {
	height: 1.2em;
}

div#sidebar div#gNav ul li ul li.current a,
div#sidebar div#gNav ul li ul li a:hover {
	background: url(../images/bg_snav_o.gif) no-repeat left top;
	border-bottom: solid 1px #93d7ff;
}

div#sidebar div#gNav ul li ul li.open a,
div#sidebar div#gNav ul li ul li.open a:hover {
	background: url(../images/bg_snav_open.gif) no-repeat left top;
	border-bottom: solid 1px #93d7ff;
}

div#sidebar div#gNav ul li ul li ul {
	display: none;
}

div#sidebar div#gNav ul li ul li.open ul {
	display: block;
}

div#sidebar div#gNav ul li ul li ul.tree li {
	margin: 0;
}

div#sidebar div#gNav ul li ul li ul.tree li a {
	background: #dce6fa url(../images/ico_tree.gif) no-repeat 36px 0.5em;
	border: none;
	font-size: 91%;
	padding: 5px 5px 5px 47px;
	width: 128px;
}

div#sidebar div#gNav ul li ul li ul.tree li.current a,
div#sidebar div#gNav ul li ul li ul.tree li a:hover {
	background: #b8d7f8 url(../images/ico_tree_o.gif) no-repeat 36px 0.5em;
	border: none;
}


/* # footer
---------------------------------------------------------------------------- */

div#footer {
	clear: both;
	font-size: 91%;
	line-height: 120%;
	margin: 10px auto 0;
	text-align: center;
	width: 960px;
}

/* # clearfix
---------------------------------------------------------------------------- */

div#pageBody,
div#primary div#topicPath,
div.searchBox,
table.flash td.result ul {
	zoom: 1;
}

div#pageBody:after,
div#primary div#topicPath:after,
div.searchBox:after,
table.flash td.result ul:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}


/* # common classes
---------------------------------------------------------------------------- */

table.list {
	clear: both;
	font-size: 91%;
	margin: 0 0 9px;
	width: 100%;
}

table.list td {
	background: url(../images/bg_dotline01.gif) repeat-x left bottom;
	padding: 5px 2px;
	vertical-align: top;
}

table.news td {
	padding: 8px 3px 9px;
}

table.news td.date {
	width: 63px;
}

table.news td.title {
	width: 358px;
}

table.news td.title div {
	background: url(../images/ico_arrow01.gif) no-repeat 0 0.2em;
	padding: 0 0 0 11px;
}

table.schedule td.date {
	width: 85px;
}

table.schedule td.category {
	width: 66px;
}

table.schedule td.title {
	width: 117px;
}

table.schedule td.round {
	text-align: right;
	padding-right: 5px;
	white-space: nowrap;
	width: 34px;
}

table.schedule td.match {
	width: 150px;
}

table.schedule td.place {
	padding-right: 0;
	width: 69px;
}

table.schedule td.date,
table.schedule td.round {
	color: #4c1929;
}

table.schedule td.category span,
table.schedule td.match a {
	background: url(../images/ico_arrow02.gif) no-repeat left center;
	padding: 0 0 0 9px;
}

table.schedule td.match a {
	background-position: 0 0.4em;
	float: left;
	padding-left: 15px;
}

table.flash td.date {
	width: 85px;
}

table.flash td.category {
	width: 55px;
}

table.flash td.title {
	width: 106px;
}

table.flash td.round {
	text-align: right;
	padding-right: 5px;
	width: 51px;
}

table.flash td.result ul.pointL,
table.flash td.result ul.pointM,
table.flash td.result ul.pointS {
	background: url(../../common/images/ico_arrow02.gif) no-repeat 0 4px;
	padding: 0 0 0 9px;
	text-align: center;
}

table.flash td.result ul.pointL li.leftTeam {
	float: left;
	width: 98px;
}

table.flash td.result ul.pointM li.leftTeam {
	float: left;
	width: 68px;
}

table.flash td.result ul.pointS li.leftTeam {
	float: left;
	width: 64px;
}

table.flash td.result ul.pointL li.rightTeam {
	float: right;
	width: 98px;
}

table.flash td.result ul.pointM li.rightTeam {
	float: right;
	width: 68px;
}

table.flash td.result ul.pointS li.rightTeam {
	float: right;
	width: 64px;
}

table.flash td.result ul.pointL li.leftIcon,
table.flash td.result ul.pointM li.leftIcon,
table.flash td.result ul.pointS li.leftIcon {
	float: left;
	width: 10px;
}

table.flash td.result ul.pointL li.rightIcon,
table.flash td.result ul.pointM li.rightIcon,
table.flash td.result ul.pointS li.rightIcon {
	float: right;
	width: 10px;
}


table.flash td.result ul.pointL li.point,
table.flash td.result ul.pointM li.point,
table.flash td.result ul.pointS li.point {
	float: left;
	width: 50px;
}

table.flash td.result ul.pointL li.point span,
table.flash td.result ul.pointM li.point span,
table.flash td.result ul.pointS li.point span {
	background: none;
	float: left;
	padding: 0;
	text-align: center;
	width: 10px;
}

table.flash td.result ul.pointL li.point span.num,
table.flash td.result ul.pointM li.point span.num,
table.flash td.result ul.pointS li.point span.num {
	display: block;
	width: 20px;
}

.match p.vs {
	float: left;
	margin: 0 !important;
	text-align: center;
}

.match a {
	text-decoration: none;
}

.match p.vs a span {
	cursor: pointer;
	display: block;
	float: left;
	width: 60px;
}

*html .match p.vs a span {
	width: 60px;
}

.match p.vs span.center {
	float: left;
	width: 10px;
}

table.flash td.date,
table.flash td.round {
	color: #4c1929;
}

table.flash td.category span,
table.flash td.result span {
	background: url(../images/ico_arrow02.gif) no-repeat left center;
	padding: 0 0 0 9px;
}

table.flash td.result span {
	background-position: 0 0.2em;
	padding-left: 15px;
}

div#schedule td.markTd{
	text-align: center;
	padding: 0 2px;
	width: 18px;
}

div#schedule td.pointTd{
	text-align: center;
	width: 25px;
}

div#schedule td.vsTd{
	text-align: center;
	width: 5px;
}

.committeeLink {
	border-left: solid 4px;
	line-height: 1;
	padding: 0 0 0 3px;
}

.committeeBusiness { border-left-color: #ff7d7d; }
.committeeWorker { border-left-color: #ffaf7d; }
.committeeClub { border-left-color: #ffeb7d; }
.committeeCollege { border-left-color: #a0eb85; }
.committeeHighSchool { border-left-color: #66cccc; }
.committeeGrowth { border-left-color: #5b85ff; }
.committeeWoman { border-left-color: #ff99cc; }
.committeeReferee { border-left-color: #9966cc; }
.committeeCoach { border-left-color: #fa96d2; }
.committeeMedical { border-left-color: #cc3333; }
.committeeFortify { border-left-color: #cc6600; }
.committeeSafety { border-left-color: #cc9900; }
.committeeGame { border-left-color: #cccc00; }
.committeeAffiliate { border-left-color: #669900; }
.committeePublicity { border-left-color: #006666; }
.committeeOffice { border-left-color: #666666; }

span.new {
	color: #ff0000;
}

p.more {
	text-align: right;
	margin: 0 9px 9px 0;
}

p.more a {
	background: url(../images/ico_arrow03.gif) no-repeat left center;
	padding: 0 0 0 19px;
}

div.searchBox {
	background: #e8f6fa url(../images/bg_searchbox.gif) repeat-x left top;
	border: solid 1px #d9e4eb;
	font-size: 91%;
	margin: 9px auto 12px;
	padding: 1px 14px;
	width: 515px;
	height: 2em;
}

p.page {
	text-align: right;
	margin: 0 0 9px 0;
}

p.page a.prev {
	background: url(../images/ico_prev.gif) no-repeat left center;
	padding: 0 0 0 16px;
}
p.page a.next {
	background: url(../images/ico_next.gif) no-repeat right center;
	padding: 0 16px 0 0;
	margin-left: 36px;
}



div.searchBox p {
	float: left;
}

div.searchBox p.searchCategory {
	margin: 0 23px 0 0;
}

div.searchBox p.searchTeam {
	margin: 0 40px 0 0;
}

div.searchBox p.searchLink {
	margin: 3px 0 0 0;
}

div.searchBox p.searchLink a {
	color: #666666;
	text-decoration: none;
}