@charset "UTF-8";

/*********************************************************************************
common.css ヨコハマ オールパークス 共通CSS
----------------------------------------------------------------------------------
作成日：2008.5.27
修正日：2008.6.11 SDS
----------------------------------------------------------------------------------
目次
1.ユニバーサルリセット
		テキストリンク
		clearfix
2.メインレイアウト
		ヘッダー
		ヘッダー肩ナビ
		ヘッダーメインナビ
		フッター
		フッター インフォメーション
		子ページ共通ヘッダー
		子ページ肩ナビ
		子ページコンテンツボックス
		子ページ共通フッターナビ
3.共通部品
		段組みコラム
		ボックス影付け用
		タブ用ボタングループ
		リスト用テーブル
4.テキスト
		画像使用ヘッダー
**********************************************************************************/

/*********************************************************************************
1.ユニバーサルリセット
**********************************************************************************/
html, body, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input {
 	margin: 0;
 	padding: 0;
}
h1, h2, h3, h4, h5, h6, p, pre, code, address, caption, cite, code, em, strong, th, td {
	font-size:12px;
	font-style: normal;
}
ul, ol {
	list-style: none;
}
fieldset, img {
	border: none;
}
caption, th {
	text-align: left;
	font-weight:normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*テキストリンク*/
a:link, a:visited {
	color:#006600;
}
a:hover {
	color:#669900;
}

.allparksHeader a:link, .allparksHeader a:visited {
	color:#004d99;
}
.allparksHeader a:hover {
	color:#0099CC;
}


/*clearfix*/
ul.lineNav:after,
ul.tabNav:after,
.columnGroup:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
ul.lineNav,
ul.tabNav,
.columnGroup {
	overflow:hidden;
}

/* Hides from IE-mac \*/
*　html ul.lineNav,
*　html ul.tabNav,
* html .columnGroup {
	height:1%;
	overflow:visible;
}

/* End hide from IE-mac */

/*********************************************************************************
2.メインレイアウト
**********************************************************************************/
body {
	margin: 0;
 	padding: 0;
	text-align:center;
	background-color:#ffffff;
}
#mainHeader, #mainBody, #mainFooter {
	position:relative;
	width:982px;
	margin:0 auto;
	text-align:left;
}
/*ヘッダー*/
#mainHeader {
	z-index:500;
	height:1120px;
	background-image:url(../imgs/mainHeader/mainHeader_background.gif);
	background-position:center top;
}
.allparksHeader #mainHeader {
	height:112px;
	background-image:url(../imgs/mainNav/mainHeader_bg_allparks.gif);
	background-position:center top;
}
.seasonsHeader #mainHeader {
	height:112px;
	background-image:url(../imgs/mainNav/mainHeader_bg_seasons.gif);
	background-position:center top;
}
#mainHeaderLogo {
	position: absolute;
	display:block;
	top:0;
	left:1px;
}
.toppage #mainHeaderLogo {
	left:0px;
}
.allparksHeader #mainHeaderLogo,
.seasonsHeader #mainHeaderLogo {
	border-right: 1px solid #E5E5E5;
}

/*ヘッダー肩ナビ*/
#mainHeaderSubNav {
	position: absolute;
	display:block;
	right:5px;
	font-size:12px;
}
#mainHeaderSubNav li {
	display:block;
	float:left;
	padding:0px 10px;
	margin-top:12px;
	white-space:nowrap;
}
#mainHeaderSubNav li a {
	text-decoration:none;
}
#mainHeaderSubNav #mainHeaderRequire {
	margin-top:0px;
}

/*ヘッダーメインナビ*/
#mainHeaderTabs {
	display:block;
	position: absolute;
	left:150px;
	top:37px;
	z-index:1100;
}

#mainHeaderMainNav {
	display:block;
	position: absolute;
	left:151px;
	top:73px;
	width:830px;
	z-index:1000;
}
.kome {display:block;margin-top:3px;}	/*2010/01追記*/

/*フッター*/
#mainFooter {
	padding-bottom:30px;
}

#mainFooter a {
	text-decoration:none;
}
#mainFooterInfoCenter, #mainFooterLogoline, #mainFooterCopyright {
	text-align:center;
}
#mainFooterInfoCenter, #mainFooterLogoline {
	/*padding:20px 0px 0px;*/
	white-space:nowrap;
	font-size:10px;
	line-height:1.1;
	margin:15px auto 0px;
	text-align:center;
}
#mainFooterLogoline {
	margin:15px 0px 25px;
	width:100%;
}
#mainFooterLogoline td {
	font-size: 10px;
	text-align:center;
	padding: 0 12px;
}
#mainFooterLogoline td img {
}

#mainFooterCopyright {
	margin-bottom:10px;
	color:#999999;
	font-size:9px;
	font-family:verdana;
}
#mainFooterWord {
	position:absolute;
	bottom:0px;
	left:0px;
	color:#999;
	font-size:10px;
}
#mainFooterPagetoplink {
	position:absolute;
	bottom:0px;
	right:0px;
	font-size:10px;
}
#mainFooterPagetoplink a {
	color:#666666;
}


/*子ページ共通ヘッダー*/
#mainBody #mainBodyHeader {
	padding:14px 0px 5px;
	color:#333333;
	font-size:16px;
	height: 21px;
}
/*子ページ肩ナビ*/
#mainBody ul#mainBodySubNav {
	display:block;
	position:absolute;
	right:0px;
	top:16px;
	font-size:12px;
}
#mainBody ul#mainBodySubNav li {
	display:inline;
}
#mainBody ul#mainBodySubNav li a {
	text-decoration:none;
	display:block;
	float:left;
	height: 14px;
	line-height:14px;
	padding:0 12px;
	white-space:nowrap;
}
#mainBody ul#mainBodySubNav li a.current {
	font-weight:bold;
	text-align:center;
}

/*子ページコンテンツボックス*/
#mainBody{
	padding-bottom:7px;
	margin-bottom:10px;
	background:#FFFFFF url(../imgs/backGround/backGround_boxBottom.gif) no-repeat center bottom;
}
#mainBody{
	padding-bottom:7px;
	margin-bottom:10px;
	background:#FFFFFF url(../imgs/backGround/backGround_boxBottom.gif) no-repeat center bottom;
}
#topPage #mainBody,
#op #mainBody {
	background:none;
}

.contentBody,
#topInfo {
	color:#222;
	width:980px;
	margin:0px auto;
}
.contentBody{
	border:1px solid #DDDDDD;
	border-bottom:none;
	background-color:#FFFFFF;
	margin:0px;
}

/*子ページ共通フッターナビ*/
#mainBody ul#contentBodyFootNav:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#mainBody ul#contentBodyFootNav {
	overflow:hidden;
}
* html #mainBody ul#contentBodyFootNav {
	height:1%;
	overflow:visible;
}
#mainBody ul#contentBodyFootNav {
	display:block;
	width:930px;
	height:15px;
	padding:15px 25px;
	font-size:12px;
}
#mainBody ul#contentBodyFootNav li {
	display:inline;
	float:left;
	width:310px;
	height:15px;
	line-height:15px;
}
#mainBody ul#contentBodyFootNav li.prev {
	text-align:left;
}
#mainBody ul#contentBodyFootNav li.current {
	border:1px solid #ccc;
	border-width:0px 1px;
	font-weight:bold;
	text-align:center;
}
#mainBody ul#contentBodyFootNav li.next {
	width:308px;
	float:right;
	text-align:right;
}
#mainBody ul#contentBodyFootNav li a {
	text-decoration:none;
}

/*横浜と川崎の中心に用のフッターリンク
#mainBody ul#contentBodyFootNav.life li {
	display:inline;
	float:left;
	height:15px;
	line-height:15px;
	border:1px solid #ccc;
	border-width:0px 1px 0px 0px;
}
#mainBody ul#contentBodyFootNav.life li.prev {
	text-align:left;
	width:210px;
}
#mainBody ul#contentBodyFootNav.life li.current {
	font-weight:bold;
	text-align:center;
	width:250px;
}
#mainBody ul#contentBodyFootNav.life li.middle {
	text-align:center;
	width:250px;
}
#mainBody ul#contentBodyFootNav.life li.next {
	text-align:right;
	border-width:0px;
	width:215px;
}
#mainBody ul#contentBodyFootNav.life li a {
	text-decoration:none;
}*/

/*********************************************************************************
3.共通部品
**********************************************************************************/
#contentBody .btn {
	border:2px solid #ccc;
}

/*段組みコラム*/
.columnGroup .columnFirst,
.columnGroup .columnMiddle {
	float:left;
}
.columnGroup .columnFirst {
	clear:both;
}
.columnGroup .columnLast {
	float:right;
}

/*ボックス影付け用*/
.bottomCaps {
	clear:both;
	height:3px;
	background:#FFFFFF url(../imgs/backGround/backGround_boxBottom.gif) no-repeat center top;
}

/*タブ用ボタングループ*/
ul.tabNav {
	height:36px;
	line-height:36px;
	font-size:12px;
	background:url(../imgs/UI/tabNavBg_ul.gif) repeat-x left bottom;
}
ul.tabNav li {
	display:inline;
}
ul.tabNav li a {
	display:block;
	float:left;
	margin-left:10px;
	margin-right:10px;
	padding:0px 20px;
	background:url(../imgs/UI/tabNavBg.gif) repeat-x left bottom;
	border-top:1px solid #ddd;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	white-space:nowrap;
	text-decoration:none;
}
ul.tabNav li a.active {
	color:#333333;
	font-weight:bold;
	background:url(../imgs/UI/tabNavBg_active.gif) repeat-x left top;
	border-top:1px solid #ccc;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
}
/*リスト用テーブル*/
table.listTable {
	border-top:2px solid #444455;
}
table.listTable td, table.listTable th {
	padding:5px;
	border-bottom:1px solid #ccc;
	vertical-align:top;
}
table.stripeTable tr.even {
	background-color:#f5f5f5;
}


/*********************************************************************************
4.テキスト
**********************************************************************************/
body {
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}
#mainBody .mainHeader{
}

/*画像使用ヘッダー*/
.imageHeader img {
	vertical-align:bottom;
	margin:0;
	padding:0;
}

/*各種テキスト*/
#mainBody .mainRead{
	font-size:12px;
	line-height:1.8;
}
#mainBody p{
	font-size:12px;
	line-height:1.6;
}
#mainBody .caption,
#mainBody .sectionCaption {
	color:#666;
	font-size:10px;
}
#mainBody .sectionCaption {
	margin:20px 40px;
}
#mainBody div.borderColumn{
	padding:20px;
	border:1px solid #e5e5e5;
}
sup {
	font-size:60%;
	vertical-align:text-top;
}