@charset "SHIFT_JIS";
/*
File name: base.css
Date: 2011.11.25
	新規作成

Table of Contents:
[1] base element
[2] link-pseudo-class
[3] header
[4] container
[5] primary-contents
[6] secondary-contents
[7] thirdly-contents
[8] footer
[9] default clearfix
*/

/*========================================
[1] base element
========================================*/
body {
	color: #222222;
	font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size: 14px;
	line-height: 1.1;
	background: url("../common/bg_body.jpg") repeat-x left top;
}

/*========================================
[2] link-pseudo-class
========================================*/
a:link {
	color: #ff4d00;
}
a:visited {
	color: #ff4d00;
}
a:hover {
	color: #0059df;
}
a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
a:active {
}

/*========================================
[3] header
========================================*/
div#header {
	width: 980px;
	height: 110px;
	margin: 0 auto;
	background: #ffffff url("../common/bg_header.gif") no-repeat;
	position: relative;
	z-index: 100;
}
/*
h1 a {
	display: block;
	width: 185px;
	height: 110px;
	text-indent: -9999px;
	overflow: hidden;
	background: url("../common/wc2010_logo.png") no-repeat;
	position: absolute;
	top: 2px;
	left: 11px;
}
*/
h1 a {
	display: block;
	width: 405px;
	height: 72px;
	text-indent: -9999px;
	overflow: hidden;
	background: url("../common/wc2010_logo.png") no-repeat;
	position: absolute;
	top: 2px;
	left: 11px;
}
/*
h1 a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
*/
div#header h2 a {
	display: block;
	width: 80px;
	height: 46px;
	text-indent: -9999px;
	overflow: hidden;
	background: url("../common/jba_logo.png") no-repeat;
	position: absolute;
	top: 17px;
	right: 26px;
}
/*
div#header h2 a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
*/
/*===== global-navi =====*/
div#global-navi {
	width: 950px;
	height: 32px;
	position: absolute;
	top: 76px;
	left: 1px;
}
div#global-navi ul {
}
div#global-navi ul li {
	float: left;
	position: relative;
}
div#global-navi ul li a {
	display: block;
	padding: 10px 17px 9px;
	border-right: 1px solid #cc501a;
	color: #000000;
	font-weight: bold;
	font-size: 12px;
	text-shadow: 0 1px 0 rgba(255,255,255,0.2), 0 -1px 0 rgba(0,0,0,0.2);
}
div#global-navi ul li#top a {
	border-left: 1px solid #cc501a;
}
div#global-navi ul li a:hover {
	background: url("../common/bg_global-navi.gif") repeat-x;
}
/*シグネチャ*/
body.top div#header div#global-navi ul li#top a,
body.news div#header div#global-navi ul li#news a,
body.schedule div#header div#global-navi ul li#schedule a,
body.bracket div#header div#global-navi ul li#bracket a,
body.photogallery div#header div#global-navi ul li#photogallery a,
body.team div#header div#global-navi ul li#team a,
body.ticket div#header div#global-navi ul li#ticket a,
body.access div#header div#global-navi ul li#access a,
body.tv div#header div#global-navi ul li#tv a,
body.profile div#header div#global-navi ul li#profile a,
body.mobile div#header div#global-navi ul li#mobile a {
	background: url("../common/bg_global-navi.gif") repeat-x;
}

/*========================================
[4] container
========================================*/
div#container {
	width: 980px;
	margin: 0 auto;
	margin-bottom: 15px;
	background: #ffffff url("../common/bg_container.gif") no-repeat center top;
}
/*===== nopane =====*/
div#container.nopane {
	width: 980px;
	margin: 0 auto;
	margin-bottom: 15px;
	padding-top: 15px;
	background: #ffffff url("../common/bg_container_nopane.gif") no-repeat center top;
}
div#container div.wrapper {
	width: 950px;
	padding: 0 15px;
}

/*========================================
[5] primary-contents
========================================*/
div#primary-contents {
	width: 665px;
	margin-top: 15px;
	float: left;
}
/*===== main =====*/
div#main {
	width: 326px;
	float: left;
}
/*===== sub =====*/
div#sub {
	width: 326px;
	float: right;
}

/*========================================
[6] secondary-contents
========================================*/
div#secondary-contents {
	width: 270px;
	margin-top: 7px;
	float: right;
}
/*===== secondary-contents section-lv2 =====*/
div#secondary-contents div.section-lv2 {
	margin-bottom: 12px;
}
div#secondary-contents div.section-lv2 div.tb {
	width: 270px;
	height: 29px;
	font-weight: bold;
	background: url("../common/tb_secondary.gif") no-repeat;
	position: relative;
}
div#secondary-contents div.section-lv2 div.tb h2 {
	font-size: 12px;
	position: absolute;
	top: 8px;
	left: 38px;
	text-shadow: 0 1px 0 rgba(255,255,255,0.2), 0 -1px 0 rgba(0,0,0,0.2);
}
div#secondary-contents div.section-lv2 div.tb a.tolist {
	display: block;
	padding-right: 8px;
	font-size: 12px;
	color: #000000;
	background: url("../common/tb_secondary_arrow.png") no-repeat right 4px;
	position: absolute;
	top: 8px;
	right: 10px;
}
div#secondary-contents div.section-lv2 div.tb a.tolist:hover {
	text-decoration: underline;
}
div#secondary-contents div.section-lv2 div.inner {
	padding: 7px;
	border: 1px solid #9a9a9a;
	border-top: none;
	font-size: 12px;
	line-height: 1.3;

	-moz-border-radius-bottomright: 3px;
	-khtml-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	-khtml-border-radius-bottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
}
div#secondary-contents div.section-lv2 div.inner div.thumb {
	float: left;
}
div#secondary-contents div.section-lv2 div.inner div.thumb img {
	margin-right: 10px;
	border: 2px solid #ffb400;
}
/*===== schedule =====*/
div#secondary-contents div#schedule.section-lv2 {
	margin-bottom: 12px;
}
div#secondary-contents div#schedule.section-lv2 div.tb {
	width: 270px;
	height: 36px;
	background: url("../common/tb_schedule.gif") no-repeat;
}
div#secondary-contents div#schedule.section-lv2 div.tb h2 {
	font-size: 12px;
	text-indent: -9999px;
}
div#secondary-contents div#schedule.section-lv2 div.tb a.tolist {
	display: block;
	width: 46px;
	height: 11px;
	padding: 0;
	background: none;
	text-indent: -9999px;
	overflow: hidden;
	position: absolute;
	top: 11px;
	right: 10px;
}
div#secondary-contents div#schedule.section-lv2 div.inner {
	padding: 0 7px 7px 7px;
	border: none;
	color: #ffffff;
	font-size: 12px;
	line-height: 1.3;
	background-color: #000000;

	-moz-border-radius-bottomright: 3px;
	-khtml-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	-khtml-border-radius-bottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
}
div#schedule.section-lv2 div.inner div.box {
	margin-bottom: 5px;
	padding: 5px;
	border: 1px solid #614e00;
	border-right: 1px solid #967800;
	border-bottom: 1px solid #967800;
	background-color: #222222;
}
div#schedule.section-lv2 div.inner div.box p.date {
	padding-left: 5px;
	border-left: 3px solid #d09300;
	font-weight: bold;
}
div#schedule.section-lv2 div.inner div.box p.card {
	padding-left: 8px;
	font-size: 14px;
	font-weight: bold;
}
div#schedule.section-lv2 div.inner div.box p.card a {
	margin-left: 5px;
	color: #ffb400;
	font-size: 12px;
	font-weight: bold;
}
div#schedule.section-lv2 div.inner div.box p.card a:hover {
	color: #ff4d00;
}

/*===== rectangle =====*/
div#rectangle {
	margin-bottom: 12px;
}
/*===== banner =====*/
div#banner li {
	margin-bottom: 12px;
}

/*========================================
[7] thirdly-contents
========================================*/
div#thirdly-contents {
	width: 950px;
	clear: both;
}


/*========================================
[8] footer
========================================*/
div#footer {
}
/*===== pagetop =====*/
div#pagetop {
	width: 956px;
	margin: 0 auto 10px;;
	text-align: right;
}
/*===== sponsor =====*/
div#sponsor {
	width: 100%;
	height: 195px;
	border-top: 1px solid #bbbbbb;
	background: #bebebe url("../common/bg_sponsor.gif") repeat-y center top;
}
div#sponsor div.wrapper {
	width: 956px;
	height: 195px;
	margin: 0 auto;
	background: url("../common/sponsor.gif") no-repeat;
	position: relative;
}
div#sponsor div.wrapper div a {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}
div#sponsor div.wrapper div#jx a {
	width: 214px;
	height: 45px;
	position: absolute;
	top: 99px;
	left: 1px;
}
div#sponsor div.wrapper div#eneos a {
	width: 214px;
	height: 38px;
	position: absolute;
	top: 102px;
	left: 249px;
}
div#sponsor div.wrapper div#nike a {
	width: 94px;
	height: 35px;
	position: absolute;
	top: 105px;
	left: 523px;
}
div#sponsor div.wrapper div#pocari a {
	width: 120px;
	height: 35px;
	position: absolute;
	top: 105px;
	left: 652px;
}
div#sponsor div.wrapper div#pia a {
	width: 136px;
	height: 28px;
	position: absolute;
	top: 109px;
	left: 818px;
}

/*===== copyright =====*/
div#footer div#copyright {
	width: 100%;
	height: 67px;
	background: #ff5c15 url("../common/bg_copyright.png") no-repeat center bottom;
}
div#footer div#copyright p {
	margin-bottom: 5px;
	padding-top: 15px;
	font-size: 12px;
	text-align: center;
}
address {
	font-size: 12px;
	font-family: Helvetica;
	text-align: center;
}

/*========================================
[9] second
========================================*/
/*===== second tb =====*/
div#container.second div#primary-contents div#tb {
	margin-bottom: 15px;
	width: 665px;
	height: 55px;
	font-weight: bold;
	background: url("../common/tb_primary_second.gif") no-repeat;
	position: relative;
}
div#container.second div#primary-contents div#tb h2 {
	font-size: 18px;
	position: absolute;
	top: 18px;
	left: 24px;
	text-shadow: 0 1px 0 rgba(255,255,255,0.2), 0 -1px 0 rgba(0,0,0,0.2);
}
div#container.second div#primary-contents div#tb a.tolist {
	display: block;
	padding-right: 8px;
	font-size: 12px;
	color: #000000;
	background: url("../common/tb_primary_second_arrow.png") no-repeat right 4px;
	position: absolute;
	top: 22px;
	right: 10px;
}
div#container.second div#primary-contents div#tb a.tolist.men {
	position: absolute;
	right: 90px;
}
div#container.second div#primary-contents div#tb a.tolist.women {
	position: absolute;
	right: 10px;
}
/* RSS */
/*
div#container.second div#primary-contents div#tb a#rss {
	display: block;
	width: 44px;
	height: 16px;
	padding-right: 10px;
	border-right: 1px solid #cccccc;
	text-indent: -9999px;
	overflow: hidden;
	background: url("../../../global_parts/rss.png") no-repeat;
	position: absolute;
	top: 20px;
	right: 63px;
}
div#container.second div#primary-contents div#tb a#rss:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
*/
/* RSS ニュースindex用*/
/*
div#container.second div#primary-contents div#news-index div#tb a#rss {
	position: absolute;
	top: 20px;
	right: 10px;
}
*/
div#container.second div#primary-contents div#tb a#rss {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
}
div#container.second div#primary-contents div#news-index div#tb a#rss {
	position: absolute;
	top: 20px;
	right: 10px;
}
/*===== nopane =====*/
div#container.second.nopane div#tb {
	margin-bottom: 15px;
	width: 955px;
	height: 55px;
	font-weight: bold;
	background: url("../common/tb_primary_second_nopane.gif") no-repeat;
	position: relative;
}
div#container.second.nopane div#tb h2 {
	font-size: 18px;
	position: absolute;
	top: 18px;
	left: 24px;
	text-shadow: 0 1px 0 rgba(255,255,255,0.2), 0 -1px 0 rgba(0,0,0,0.2);
}
div#container.second.nopane div#tb a.tolist {
	display: block;
	padding-right: 8px;
	font-size: 12px;
	color: #000000;
	background: url("../common/tb_primary_second_arrow.png") no-repeat right 4px;
	position: absolute;
	top: 22px;
	right: 10px;
}

/*========================================
[10] clearfix
========================================*/
/*base*/div#container:after, div#secondary-contents div.section-lv2 div.inner:after,
/*top*/div#primary-contents:after, div#primary-contents div.section-lv2 div.inner:after,
/*GP-parts*/div.tab ul:after {
	content:".";
	display: block;
	visibility:hidden;
	height:0px;
	clear:both;
}
/*===== IE6 =====*/
* html div#container, div#secondary-contents div.section-lv2 div.inner,
div#primary-contents, div#primary-contents div.section-lv2 div.inner,
div.tab ul {
	zoom: 1;
}
/*===== IE7 =====*/
*:first-child+html div#container, div#secondary-contents div.section-lv2 div.inner,
div#primary-contents, div#primary-contents div.section-lv2 div.inner,
div.tab ul {
	zoom: 1;
}