@charset "utf-8";

/* 構造 */

html {
	height:100%;
	background:#66CCFF url(../img/bg.png) center top repeat-x;
	_background:#66CCFF;
}

body {
	font-size:62.5%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	color:#333;
	text-align:center;
	height:100%;
}

body#search { background:url(../img/headerBgWide.png) center top no-repeat; }

.wrapper {
	text-align:left;
	width:960px;
	clear:both;
	position:relative;
	margin: 0 auto;
	background:url(../img/bodyBg.png) left top repeat-y;
	_background:url(../img/bodyBg.gif) left top repeat-y;
}
@media screen and (max-width: 760px) {
	.wrapper {
		width:100%;
		background:none;
	}
}

#search .wrapper {
	background:#66CCFF url(../img/bodyBgWide.png) left top repeat-y;
	_background:#66CCFF url(../img/bodyBgWide.gif) left top repeat-y;
}

#footer .wrapper {
	background:url(../img/footerBgTop.png) no-repeat left top;
	_background:url(../img/footerBgTop.gif) no-repeat left top;
}
@media screen and (max-width: 760px) {
	#footer .wrapper {
		background:none;
	}
}

#search #footer .wrapper {
	background:url(../img/footerBgTopWide.png) no-repeat left top;
	_background:url(../img/footerBgTopWide.gif) no-repeat left top;
}

#body { position:relative; }

/* header */

#header .wrapper {
	height:111px;
	background:url(../img/headerBg.png) left top no-repeat;
	_background:url(../img/headerBg.gif) left top no-repeat;
}
@media screen and (max-width: 760px) {
	#header .wrapper {
		height:auto;
		background:none;
	}
}

#search #header .wrapper {
	background:url(../img/headerBgWide.png) left top no-repeat;
	_background:url(../img/headerBgWide.gif) left top no-repeat;
}

#header #headline {
	font-size:180%;
	font-weight:bold;
	line-height:1.31;
	clear:both;
	padding:20px 20px 0 0;
	float:left;
}

#description {
	display:block;
	padding:15px;
}

#description p {
	font-size:120%;
	line-height:1.62;
}

/* body */

#body {
	width:460px; /* topicpath */
	float:left;
	padding-left:180px;
}@media screen and (max-width: 760px) {
	#body {
		width:100%;
		float:none;
		padding:0;
	}
}

#search #body { width:780px; }
@media screen and (max-width: 760px) {
	#search #body {
		width:auto;
	}
}

/* article */

.article { min-height:605px; }

.article h1, #top .article h2 {
	font-size:180%;
	font-weight:bold;
	line-height:1.31;
	background:#003300;
	padding:0 0.5em 0.3em;
	color:#FFF;
}

/* 見出し */

.section h2 {
	font-size:140%;
	font-weight:bold;
	line-height:1.31;
	margin:0 0 0.65em;
	clear:both;
	background:#66CCFF;
	padding:3px 5px 2px;
	-webkit-border-radius:5px;
	-moz-border-radius: 5px;
}

.section h2.official { border:none; }

.section h2.official {
	color:#FFF;
	text-decoration:none;
	background:url(../img/linkBg.png) no-repeat;
	line-height:40px;
	padding:0 10px 0 40px;
	font-size:150%;
}

.section h2.official a {
	color:#FFF !important;
	text-decoration:none;
	display:block;
}

.section h2.official a:hover {
	color:#FFC !important;
	text-decoration:underline;
}

.section h3 {
	font-size:140%;
	font-weight:bold;
	line-height:1.31;
	margin:0 0 1.31em;
	border-bottom:1px solid #09F;
}

.section h4 {
	font-size:140%;
	font-weight:bold;
	line-height:1.31;
	margin:0 0 0.655em;
}

.section h5 {
	font-size:140%;
	font-weight:normal;
	color:#000;
	line-height:1.31;
	margin:0 0 0.655em;
	border-bottom:1px solid #999;
}

.section h6 {
	font-size:140%;
	font-weight:normal;
	color:#000;
	line-height:1.31;
	margin:0 0 0.655em;
}

/* パラグラフ */

.section, .pager { margin:20px 10px 0px; }

.section .section { margin:0 10px 30px; }
.section .section .section { margin:0; }

.section p {
	font-size:140%;
	line-height:1.62;
	margin:0 0 2.43em;
}

.note {
	text-indent:-1em;
	padding-left:1em;
}

.section strong { font-weight:bold; }

.section em { color:#000000; }

/* figure */

.figure { margin:20px 0;
}

.figure img {
	border:1px solid #000;
	padding:4px;
	background:#FFF;
	display:block;
	margin:0 auto 6px;
	_display:inline;
}

@media screen and (max-width: 760px) {
	.figure img {
		border:none;
		padding:0;
		width:100%;
	}
}

.figure img.noframe { border:none; }

.figure .legend {
	font-size:120%;
	line-height:1.31;
	margin:0 0 0.655em;
}

.figure p { text-indent:0; }

.figure .note { font-size:120%; }

.figure .sorce, .figure .unit, .table .sorce {
	text-align:right;
	font-size:120%;
	clear:both;
}

.table .sorce {
	margin:5px;
	font-size:100%;
}

.table .sorce img {
	display:block;
	float:right;
	margin:0 0 0 5px;
}

/* map */

#map {
	width:438px;
	height:326px;
	margin:0 0 3.4em;
	border:1px solid #666;
}

@media screen and (max-width: 760px) {
	#map {
		width:100%;
	}
}

#map div { font-size:14px; }

.section .right {
	float:right;
	clear:right;
	margin-left:30px;
}

.section .left {
	float:left;
	clear:left;
	margin-right:30px;
}

.section .box .right, .section .box .left { margin:0; }

a:hover img {
	opacity:0.5;
	filter: alpha(opacity=50);
}

.section a {
	color:#0000FF;
	text-decoration:none;
}

.section a:visited { color:#000099; }

.section a:hover { text-decoration:underline; }

/* リスト */

.section dl { margin:0 0 3.4em; }

.section ul, .section ol { margin:0 0 3.4em; }

.section dt {
	font-size:140%;
	font-weight:bold;
	line-height:1.31;
	margin:0 0 0.655em;
}

.section li, .section dd {
	font-size:140%;
	line-height:1.31;
	margin:0 0 0.655em;
}

.section dd {
	border-left:5px solid #CCC;
	padding-left:10px;
	margin-left:5px;
}

.section .date dt { float:left; }

.section .date dd { margin-left:8.5em; }

.section ul li {
	background:url(../img/liBg.gif) no-repeat;
	padding-left:20px;
}

.section ol li {
	list-style:decimal;
	margin-left:2em;
}

.section ol ul li { list-style:disc; }

.section li li, .section dd li, .section li dd, .section td dd, .section td li, .section dd th, .section dd td {
	font-size:100%;
	margin-top:0.655em;
}

.section li ul, .section dd ul, .section td ul, .section li ol, .section dd ol, .section td ol, .section li dl, .section dd dl, .section td dl { margin-bottom:0; }

.section td dt {
	font-size:100%;
	font-weight:normal;
}

.section ul.line li {
	float:left;
	margin-right:2em;
	width:5.5em;
}
/* 表 */

.table { margin:0 0 20px; }

.figure .table { margin:0; }

.table table {
	border-collapse:collapse;
	border:1px solid #000;
	margin:0 auto;
}

.table caption {
	font-size:140%;
	line-height:1.31;
	padding:0 0 0.4em;
	font-weight:bold;
}

.table th, .table td {
	font-size:120%;
	line-height:1.61;
	padding:0.3em 0.5em;
	border:1px solid #999;
	background:#FFF;
	vertical-align:top;
}

table.news {
	border:none;
	width:440px;
}
@media screen and (max-width: 760px) {
	table.news {
		width:auto;
	}
}

.news td {
	padding:0.3em 0.2em 0.3em 0;
	background:none;
	border:none;
	border-bottom:1px solid #65caff;
	font-size:150%;
}
.news dd {
	padding:0.3em 0.2em 0.3em 16px;
	background:none;
	border:none;
	border-bottom:1px solid #65caff;
	font-size:150%;
}

.news td.date {
	font-size:100%;
	white-space:nowrap;
	width:6em;
	padding-left:0.5em;
}

.news .sorce {
	font-size:66.7%;
	padding-left:20px;
	background:url(../img/sorceBg.png) no-repeat;
}
.news dt {
	font-size:100%;
	margin-bottom:0.3em;
	padding-left:20px;
	background:url(../img/sorceBg.png) no-repeat;
}
.news dt .sorce {
	font-size:100%;
	}

.table thead th {
	text-align:center;
	color:#FFFFFF;
}

.table tbody th {
	background:#ccefff;
	vertical-align:top;
}

.table tfoot td { color:#FFF; }

.table .even th {
	background:#c2e2f2;
	vertical-align:top;
}

.table .even td {
	background:url(../img/20Bg.png);
	_background:none;
}

/*.table .odd td { background:#CCF2FF; }*/

.section table ul { margin-left:2em; }

.section table ul li {
	background:none;
	list-style:disc;
	padding:0;
}

.definition table {
	border-top:1px solid #CCC;
	border-left:none;
	border-right:none;
	border-bottom:none;
}

.definition tbody th, .definition tbody td {
	border:none;
	background:none;
	border-bottom:1px solid #CCC;
}

.section .smaller th, .section .smaller td {
	font-size:120%;
	padding:0.2em 0.3em;
}

.section .smallest th, .section .smallest td {
	font-size:100%;
	padding:0.1em 0.2em;
}

.section .num td, .section td.num { text-align:right; }

.section tbody .mark th, .section tbody th.mark {
	background:#b2e5ff;
	color:#000;
}

.section thead .mark th, .section thead th.mark {
	background:#80d4ff;
	color:#000;
}

.section .mark td, .section td.mark {
	background:#cceeff;
	color:#000;
}

.section table.center th, .section table.center td { text-align:center; }

.section table.center tbody th { text-align:left; }

.section .tableSeparate th, .section .tableSeparate td {
	border-top-style:double;
	border-top-width:3px;
}

/* form element */

.section form {
	border:1px solid #666;
	padding:20px;
	margin-bottom:20px;
	background:#FFF;
}

.section legend {
	font-size:160%;
	font-weight:bold;
	line-height:1.31;
	margin:0 0 20px;
	clear:both;
}

.section textarea {
	overflow:hidden;
	width:480px; /* article -4-20*2-3*2 */
	border:1px solid #999;
	padding:3px;
}

.section input.text {
	border:1px solid #999;
	padding:3px;
}

.section select { border:1px solid #999; }

.section input.password { border:1px solid #999; }

.section input.file { border:1px solid #999; }

.section input.button { border:1px solid #999; }

/* その他 */

.box { clear:both; }

.boxed, .dashed, .dotted {
	padding:20px 20px 0;
	margin-bottom: 3.4em;
}

.boxed { border:1px solid #999; }

.dashed { border:1px dashed #999; }

.dotted { border:1px solid #999; }

.boxed dl, .boxed ul, .boxed ol, .dashed dl, .dashed ul, .dashed ol, .dotted dl, .dotted ul, .dotted ol .section pre {
	font-size:140%;
	width:100%;
	overflow:scroll;
	margin:2.43em 0;
}

.section sup, .section sub { font-size:71.4%; }

.section acronym, .section abbr { border-bottom:1px dashed #CCC; }

.section blockquote {
	margin:0 0 3.4em;
	background:url(../img/quoteOpen.gif) no-repeat;
	padding:0 0 0 30px;
}

.section blockquote p {
	font-size:120%;
	line-height:1.62;
	padding-right:30px;
	margin:0 0 0.81em;
}

.section .closequote { background:url(../img/quoteClose.gif) no-repeat right bottom; }

.section blockquote cite { color:#000; }

/* navigation */

#navigation {
	float:left;
	margin-left:15px;
	width:300px;
}
@media screen and (max-width: 760px) {
	#navigation {
		float:none;
		margin:20px 0;
		width:100%;
	}
}

#navigation h2 {
	position: absolute; /* For Mac IE 5*/
	top: 0;
	left: 0;
	width:0;
	height:0;
	overflow:hidden;
}

/* localNav */

#localNav {
	float:left;
	padding:5px;
	background:#003300;
	width:290px;
	margin-bottom:10px;
}

#navigation .ad {
	float:left;
	padding:0 0 5px 0;
}

#localNav h3 {
	position: absolute; /* For Mac IE 5*/
	top: 0;
	left: 0;
	width:0;
	height:0;
	overflow:hidden;
}

#localNav ul { clear:both; }

#localNav li {
	border-top:1px solid #FFF;
	border-top:1px solid #FFF;
	float:left;
	font-size:140%;
	border-left:1px solid #FFF;
	border-bottom:1px solid #FFF;
	border-right:1px solid #FFF;
	line-height:30px;
}

#localNav a {
	display:block;
	width:108px;
	text-decoration:none;
	padding-left:35px;
	color:#FFF;
	background:url(../img/localNavBg.png) 0 0;
}

#localNav a:hover, #localNav a.current, #localNav a.parentsLink { background:url(../img/localNavBg.png) 0 -30px; }

/* nav */

.section .nav, .section .nav li {
	margin-left:0;
	text-indent:0;
}

.nav a { text-decoration:none; }

.section .nav a, .index a {
	background:url(../img/navBg.png) 0 0 no-repeat;
	padding-left:18px;
	display:block;
	text-decoration:none;
}

.section .nav a {
	background:url(../img/navBg.png) 0 2px no-repeat;
	display:inline;
	text-decoration:none;
}

.section .nav a.prev { background:url(../img/navPrev.gif) left 0 no-repeat; }

.pageTop a {
	background:url(../img/navTop.png) 0 2px no-repeat;
	padding-left:18px;
	text-decoration:none;
}

.nav a:hover { text-decoration:underline; }

.section ul.nav {
	clear:both;
}
.section .nav li {
	padding:0;
	background:none;
}

.pageTop {
	text-align:right;
	font-size:120%;
	clear:both;
	margin:10px 10px 0;
}

.pageTop a:hover { text-decoration:underline; }

/* globalNav */

#globalNav {
	left:195px;
	top:45px;
	position:absolute;
}@media screen and (max-width: 760px) {
	#globalNav {
		clear:both;
		position:relative;
		left:0;
		top:0;
	}
}

#globalNav h3 {
	position: absolute; /* For Mac IE 5*/
	top: 0;
	left: 0;
	width:0;
	height:0;
	overflow:hidden;
}

#globalNav li {
	float:left;
	font-size:140%;
}

#globalNav a:hover, #globalNav .current, #globalNav .parentsLink {
	background:url(../img/20Bg.png);
	_background:#339bd0;
}

#globalNav a, #globalNav a#home {
	display:block;
	line-height:16px; /* header */
	padding:2px 15px;
	border-right:1px solid #CCC;
	color:#FFF;
	margin-top:10px;
	text-decoration:none;
	background:none;
	text-shadow : 0px 1px 5px #000;
}

/* topicpath */

#topicpath {
	position:absolute;
	left:0;
	top:15px;
}

#topicpath h3 {
	position: absolute; /* For Mac IE 5*/
	top: 0;
	left: 0;
	width:0;
	height:0;
	overflow:hidden;
}

#topicpath p {
	line-height:30px;
	font-weight:bold;
	width:530px; /* article */
}

#topicpath a {
	color:#4D4D4D;
	font-weight:normal;
}

#topicpath img { display:inline; }

#topicpath a:hover { text-decoration:none; }

#topicpath img {
	vertical-align:middle;
	margin:0 5px;
}

/* remoteNav */

#remoteNav { }

#remoteNav h3 {
	position: absolute; /* For Mac IE 5*/
	top: 0;
	left: 0;
	width:0;
	height:0;
	overflow:hidden;
}

#headerNav {
	position:absolute;
	right:11px;
	top:-58px; /* header + globalNav */
	width:222px;
	text-align:right;
}

@media screen and (max-width: 760px) {
	#headerNav {
		position:relative;
		right:0;
		top:0;
		width:auto;
		text-align:center;
	}
}
#headerNav ul { float:right; }

#headerNav li {
	margin-left:10px;
	float:left;
	font-size:120%;
	line-height:1.31;
}

/* contextNav */
.contextNav { }

.contextNav h2 {
	position:absolute;
	top:0;
	left:0;
	width:0;
	height:0;
	overflow:hidden;
}

/* index */
.contextNav .index {
	width:334px;
	border:1px solid #CCC;
	background:#FFF;
	margin:20px auto 30px;
}

.index h3 {
	font-size:140%;
	line-height:1.31;
	padding:5px;
	background:#6CF;
}

.index ul, .index dl, .index ol { margin:10px; }

.index li, .index dd {
	font-size:120%;
	margin:0.355em 0;
	width:100%;
}

.index .current {
	padding-left:18px;
	font-weight:bold;
	color:#000;
}

/* pager */


.pager { position:relative; }

.pager h3 {
	position:absolute;
	left:0;
	top:0;
	width:0;
	height:0;
	overflow:hidden;
}

.pager li { text-align:center; }

.pager li ol {
	margin:0 6.5em;
	display:inline /* prev or nextの幅 */
}

.pager ol li {
	margin:0 2px;
	font-size:120%;
	display:inline;
}

.pager a:link, .pager li a:visited {
	text-decoration: none;
	display:inline-block;
}

.pager a:hover, .pager a:active {
	background-color: #ff7f00;
	text-decoration: none;
	color:#FFF;
}

.pager ol li a {
	padding:3px 5px;
	color: #333;
	background:none;
	border: 1px #ff7f00 solid;
}

.pager .prev {
	position:absolute;
	left:0;
	bottom:0;
	padding-left:14px;
	background:url(../img/linkPrev.gif) left center no-repeat;
	font-size:120%;
}

.pager .next {
	position:absolute;
	right:0;
	bottom:0;
	padding-right:14px;
	background:url(../img/linkNext.gif) right center no-repeat;
	font-size:120%;
}

.pager .current { background: #ffd9b2; }

.pager .prev:hover, .pager .next:hover {
	background:none;
	text-decoration:underline;
	color:#000;
}

.pager.right { margin:5px 0; }

/* search */

.search { display:block; }

.search legend span {
	position: absolute; /* For Mac IE 5*/
	top: 0;
	left: 0;
	width:0;
	height:0;
	overflow:hidden;
}

.search fieldset { display:inline; }

.search div { float:left; }

.searchConfig { display:none; }

.searchWord { font-size:12px; }

.searchWord input {
	width:144px; /* -6px; */
	height:20px;
	margin-right:10px;
}

.searchButton input {
	width:50px;
	height:28px; /* +6px */
	font-size:120%;
	line-height:1;
}

.nav img { display:block; }

#aside {
	width:160px;
	position:absolute;
	left:5px;
	top:0;
}
@media screen and (max-width: 760px) {
	#aside {
		width:100%;
		position:relative;
		left:0;
	}
}

/* footer */

#footer {
	background:url(../img/footerBg.png) center bottom no-repeat;
	height:277px;
	clear:both;
}

#footerNav a {
	color:#FFFFFF;
	text-decoration:none;
	background:url(../img/navBg.png) no-repeat 0 2px;
	padding-left:18px;
}

#footerNav a:hover { text-decoration:underline; }

#footerNav { padding:15px 0 0 5px; }

#footerNav li {
	zoom:1;
	font-size:120%;
	line-height:1.31;
	margin:0.61em 0;
}

#footerSitemap { }

#footerSitemap .box div {
	float:left;
	padding:0 20px 20px 0;
}

#footerSitemap h2 {
	position:absolute;
	top:0;
	left:0;
	width:0;
	height:0;
	overflow:hidden;
}

#footerSitemap h3, #footerSitemap li {
	font-size:120%;
	line-height:1.31;
	margin:0 0 0.31em 0;
}

#footerSitemap a { color:#333; }

#contact { display:block; }

#contact dt {
	position: absolute; /* For Mac IE 5*/
	top: 0;
	left: 0;
	width:0;
	height:0;
	overflow:hidden;
}

#contact dd {
	font-size:120%;
	line-height:1.31;
}

#copyright {
	position:absolute;
	right:10px;
	top:90px;
}

@media screen and (max-width: 760px) {
	#copyright {
		display:none;
	}
}


#copyright address {
	font-size:120%;
	line-height:1.31;
	text-align:center;
	color:#FFF;
}

/* aside */

.aside h2 {
	font-size:140%;
	font-weight:bold;
	line-height:1.4;
}

.pr h2 {
	position: absolute; /* For Mac IE 5*/
	top: 0;
	left: 0;
	width:0;
	height:0;
	overflow:hidden;
}

.aside li, .aside p {
	font-size:120%;
	line-height:1.4;
	margin:0.31em;
}

/* clearfix */

div:after, #body:after, .figure:after, #footerSitemap:after, .box:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}

div, #body, .figure, #footerSitemap, .box { min-height: 1px; }

* html div, * html #body, * html .figure, * html #footerSitemap, * html .box { height: 1px;/*¥*//*/
  height: auto;
  overflow: hidden;
  /**/ }

.SpryHiddenRegion { visibility:hidden; }

.bold { font-weight:bold; }

.comment {
	position:absolute;
	left:0;
	top:0;
	width:0;
	height:0;
	overflow:hidden;
}

#sideNews { margin:20px 10px; }

#sideNews h3 {
	font-size:120%;
	line-height:1.31;
	border-bottom:1px solid #FFF;
}

#sideNews li {
	font-size:120%;
	line-height:1.31;
	border-bottom:1px dashed #FFF;
	padding:0.3em 0
}

/* 球場情報詳細 */

#ballparkInformation dt {
	float:left;
}
#ballparkInformation dd {
	margin-left:4.5em;
	border:none;
	background:url(../img/mark.png) no-repeat;
	padding-left:20px;
}

/* 天気 */
#weather {
	display:none;
}

#weather h3 {
}
#weather p {
	font-size:120%;
	margin-left:0.5em;
	margin-right:0.5em;
	margin-bottom:0.5em;
}
#weather p + p {
	font-size:100%;
}
#weather img {
	vertical-align:top;
}

/* sitemap */

#sitemap .section .nav li {
	font-size:120%;
	float:left;
	min-width:195px;
	_width:195px;
	margin-left:5px;
	white-space:nowrap;
}
#sitemap h4 {
	padding-top:10px;
}

/* rakuten */
#shopping div {
	background:#c2ebff;
	border:1px solid #6CF;
}
@media screen and (max-width: 760px) {
	#shopping {
		display:none;
	}
}

#shopping h3 {
	background:#6CF;
  color: #FFF;
  text-align:left;
  padding:1px 5px;
  text-align:right;
}
#shopping div div {
	padding:5px 5px 0;
	border:none;
}
#shopping span {
	float:right;
	display:block;
	width:216px;
	padding:5px 0;
}
#shopping li {
	clear:both;
	font-size:110%;
	border-bottom:1px dotted #FFF;
}
#shopping img {
	float:left;
	clear:left;
	margin:5px 0;
}
#shopping a {
	display:inline;
}
#shopping strong {
	font-weight:bold;
	color:#000;
	margin-left:0.5em;
}
.RakuS-TB2 a,
.RakuS-TB2 a:link,
.RakuS-TB2 a:link:hover,
.RakuS-TB2 a:link:active {
  color: #ffffff; text-decoration: underline ; background: none;
}
.RakuS-TB2 {
	background:#6CF;
}

.RakuS-TB3 {
  background-color : #c2ebff;
}

.RakuS-TB3 a,
.RakuS-TB3 a:link,
.RakuS-TB3 a:link:hover,
.RakuS-TB3 a:link:active {
  text-decoration: underline ; background: none;
}
.RakuS-TB3 img{
  border: none;
}

/* linkurl */
#linkurl dd {
	margin-left:0;
	border:none;
	padding:0;
}
#linktext { width:440px; font-size:12px; }

@media screen and (max-width: 760px) {
	#linkurl {
		display:none;
	}
}

/* adDl */

#adDl {
	margin-bottom:20px;
}
#adDl dt {
	background:#66ccff;
	padding:3px;
	text-align:right;
	color:#FFF;
}
#adDl dd {
	padding:3px;
}