﻿@charset "utf-8";





/* // -------------------------------------------------------------------------------------------------
// // C O M M O N
---------------------------------------------------------------------------------------------------- */



/* // -------------------------------------------------------------------------------------------------
// //.	[ BASICS ]
---------------------------------------------------------------------------------------------------- */


/* //.		Default Format
---------------------------------------------------------------------------------------------------- */

* {
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
}

html, body, div, h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, thead, tbody, tfoot, tr, th, td,
form, legend,
span, a, abbr, strong, em, img, object, embed {
	margin: 0;
	border: none 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

li {
	list-style: none outside;
}

img, object, embed {
	vertical-align: top;
	line-height: 1;
}

hr {
	display: none;
}

hr.distinctly {
	display: block;
	margin: 2.5em 0;
	padding: 0;
	border: none 0;
	height: 1px;
	color: #E3E3E3;
	background-color: #E3E3E3;
}

a,
a:link {
	color: #009D86;
}

a,
a:link,
a span,
a abbr {
	text-decoration: underline;
}

a:visited {
	color: #B6B6B6;
}

a:hover {
	color: #72BD59;
	/*text-decoration: none;*/
}

a:active {
	color: #009D86;
	/*text-decoration: none;*/
}

em {
}

strong {
	font-weight: bold;
}

strong em {
	font-weight: bold;
	color: #FF3333;
}

.uppercase {
	text-transform: uppercase;
}

/* //.		a.inviter
---------------------------------------------------------------------------------------------------- */

a.inviter {
	padding-left: 8px;
	background: url(/res/images/common/mk_triH-green.gif) no-repeat left center;
}

a.inviter:visited {
	color: #009D86;
}

a.inviter:hover {
	color: #72BD59;
	background-image: url(/res/images/common/mk_triH-greenL.gif);
}

a.inviter:active {
	color: #009D86;
	background-image: url(/res/images/common/mk_triH-green.gif);
}


/* //.		html, body
---------------------------------------------------------------------------------------------------- */

html {
	background: transparent url(/res/images/common/html_bg.gif) repeat-x left top;
}

body {
	font-size: 10px;
	font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, Verdana, "ＭＳ Ｐゴシック", sans-serif;
	background: transparent url(/res/images/common/body_bg.gif) repeat-x left bottom;
}
/*\*/
*:first-child+html body {
	font-size: 62.5%;
	font-family: Meiryo, Verdana, "ＭＳ Ｐゴシック", sans-serif;
}
* html body {
	font-size: 62.5%;
	font-family: Verdana, "ＭＳ Ｐゴシック", sans-serif;
}
/**/

body,
p,
address {
	color: #555;
}


/* //.		BASE STRUCTURE // .page, .header, .footer, .content, .extra
---------------------------------------------------------------------------------------------------- */

.inside {
}

.page {
	overflow: hidden;
	margin: 0 auto;
	width: 900px;
	background: transparent url(/res/images/common/bdV_dot-1-2-greenL.gif) repeat-y 700px 0;
}
/*\*/
* html .page {
	overflow: visible;
	height: 1px;
}
/**/

.wide .page {
	height: auto;
	background-image: none;
}

.header,
.footer,
.content,
.extra {
	position: relative;
	z-index: 1;
	overflow: hidden;
}
/*\*/
* html .header,
* html .footer,
* html #globalNav,
* html .content,
* html .extra {
	overflow: visible;
	height: 1px;
}
/**/

.header,
.footer {
	clear: both;
	width: 900px;
	background: white url(/res/images/common/page_border.gif) repeat-x;
}

.header {
	height: 71px;
	padding-top: 5px;
	background-position: left top;
}

.footer {
	padding-top: 37px;
	padding-bottom: 5px;
	background-position: left bottom;
}

.content {
	float: left;
	width: 675px;
}

.wide .content {
	float: none;
	width: auto;
}

.extra {
	float: right;
	width: 180px;
}



/* // -------------------------------------------------------------------------------------------------
// //.	[ GLOBAL NAV ]
---------------------------------------------------------------------------------------------------- */

#globalNav {
	clear: both;
	overflow: hidden;
	margin-left: -1px;
	width: 901px;
	background: #009d86 url(/res/images/common/gNav_bg.gif) repeat-x 0 0;
}
/*\*/ * html #globalNav {
	overflow: visible;
	height: 1px;
} /**/

	ul#globalNav li {
		float: left;
		padding-left: 1px;
	}

		ul#globalNav li a {
			display: block;
			text-align: center;
		}



/* // -------------------------------------------------------------------------------------------------
// //.	[ BREAD CRUMBS ]
---------------------------------------------------------------------------------------------------- */

#breadcrumbs {
	padding-bottom: 18px;
	background-color: white;
}

	#breadcrumbs p {
		margin-left: -.3em;
		height: 3em;
		line-height: 3em;
		color: #999;
	}

		#breadcrumbs a,
		#breadcrumbs em {
			padding: 0 .25em;
			font-size: 1.2em;
		}

		#breadcrumbs a {
		}

		#breadcrumbs em {
			color: #555;
		}



/* // -------------------------------------------------------------------------------------------------
// //.	[ in HEADER ]
---------------------------------------------------------------------------------------------------- */


/* //.		.siteName
---------------------------------------------------------------------------------------------------- */

.header div.siteName,
.header ul#utilities {
}

.header div.siteName {
	width: 900px;
	background-color: white;
}


/* //.		#utilities
---------------------------------------------------------------------------------------------------- */

.header ul#utilities,
.header ul#utilities li {
}

.header ul#utilities {
	float: right;
	position: relative;
	top: -36px;
	margin-top: -.6em;
	border-right: solid 1px #009d86;
	background-color: white;

}
/*\*/
* html .header ul#utilities {
	margin-bottom: -15px;
}
/**/

	.header ul#utilities li {
		float: left;
		padding: 0 2px;
		border-left: solid 1px #009d86;
		width: 10em;
		text-align: center;
		background-position: left center;
	}

		.header ul#utilities li a,
		.header ul#utilities li em {
			display: block;
			padding: 2px 0;
			text-transform: uppercase;
			text-decoration: none;
			font-size: 1.2em;
		}

		.header ul#utilities li a {
		}

		.header ul#utilities li a:visited {
			color: #009D86;
		}

		.header ul#utilities li a:hover {
			color: #72BD59;
		}
		.header ul#utilities li a:active {
			color: #009D86;
		}

		.header ul#utilities li em {
			color: white;
			background-color: #009D86;
		}




/* // -------------------------------------------------------------------------------------------------
// //.	[ in FOOTER ]
---------------------------------------------------------------------------------------------------- */


/* //.		#notes / .copyright
---------------------------------------------------------------------------------------------------- */

.footer ul#notes,
.footer div.copyright {
	padding-top: 50px;
	padding-bottom: 3px;
	background-color: white;
}


/* //.		#notes
---------------------------------------------------------------------------------------------------- */

.footer ul#notes {
	float: right;
	position: relative;
	padding-right: 5px;
	width: 495px;
	text-align: right;
}

	.footer ul#notes li {
		display: inline;
		margin-left: 15px;
		font-size: 1.3em;
	}

		.footer ul#notes li a {
			padding-left: 14px;
			text-decoration: none;
			background: url(/res/images/common/mk_arrow-green.gif) no-repeat left center;
		}

		.footer ul#notes li a:visited {
			color: #009D86;
		}

		.footer ul#notes li a:hover {
			color: #72BD59;
		}

		.footer ul#notes li a:active {
			color: #009D86;
		}


/* //.		.copyright
---------------------------------------------------------------------------------------------------- */

.footer div.copyright {
	float: left;
}



/* // -------------------------------------------------------------------------------------------------
// //.	[ in CONTENT ]
---------------------------------------------------------------------------------------------------- */


/* //.		.content > .section
---------------------------------------------------------------------------------------------------- */

.content .section {
	overflow: hidden;
	clear: both;
	margin-top: 3em;
}
/*\*/ * html .content .section {
	overflow: visible;
	height: 1px;
} /**/

	.content .section .section {
		margin: 0 0 1em;
	}

		.content .section .section .section {
			margin: 1em 0;
		}


/* //.		.content > .sectiongroup, .parallels
---------------------------------------------------------------------------------------------------- */

.content .parallels {
	overflow: hidden;
	clear: both;
	margin-left: -14px;
}
/*\*/ * html .content .parallels {
	overflow: visible;
	height: 1px;
} /**/
.content .parallels:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	margin-bottom: -1px;
}

	.content .parallels .section {
		float: left;
		clear: none;
		padding-left: 14px;
		width: 328px;
	}

		.content .parallels .section .section {
			float: none;
			padding-left: 0;
			width: auto;
		}


/* //.		.content > .supplement (div.supplement, em.supplement)
---------------------------------------------------------------------------------------------------- */

.content .supplement {
	font-size: 90% !important;
}

.content div.supplement {
	margin-top: 1em !important;
	padding: 1em 1.5em !important;
	border: solid 1px #e6e6e6 !important;
}

	.content div.supplement p {
		margin-bottom: .25em !important;
	}

	.content div.supplement div.fig {
		position: relative;
	}

	.content div.supplement div.fig.ahead {
		left: -.75em;
	}

	.content div.supplement div.fig.astern {
		left: .75em;
	}

.content em.supplement {
	color: #72bd59;
}


/* //.		.content > .footnotes
---------------------------------------------------------------------------------------------------- */

.content .footnotes {
	margin-top: .5em !important;
}

	.content .footnotes li {
		list-style-type: none !important;
		margin-left: 0 !important;
		text-indent: 0 !important;
		font-size: 1.1em !important;
		color: #72bd59 !important;
	}


/* //.		.content > .ascender, .content > #ascender
---------------------------------------------------------------------------------------------------- */

.ascender,
#ascender {
	margin-top: 3em;
	text-align: right;
}

.ascender a.inviter, 
#ascender a.inviter {
	padding-left: 10px;
	background-image: url(/res/images/common/mk_triV-green.gif);
}


/* //.		.content > .section >
---------------------------------------------------------------------------------------------------- */

.content .section h2,
.content .section h3,
.content .section h4,
.content .section dt {
	font-weight: bold;
}

.content .section h2,
.content .section h3 {
	color: #72bd59;
}

.content .section h2 {
	margin-bottom: .75em;
	font-size: 1.5em;
}

.content p,
.content address,
.content .section h3,
.content .section h4,
.content .section li,
.content .section dt,
.content .section dd {
	font-size: 1.3em;
}

.content .section li p,
.content .section dd p,
.content .section li address,
.content .section dd address {
	font-size: 100%;
}

.content .section h3,
.content .section h4 {
}

.content .section h3 {
	margin-bottom: .5em;
}

.content .section h4,
.content .section dt {
	color: #555555;
}

.content p,
.content address {
	margin-top: 20px;
	line-height: 1.5;
}

.content .section p,
.content .section address {
	margin-top: 0;
	margin-bottom: .5em;
}

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

.content .section li,
.content .section dt,
.content .section dd {
	line-height: 1.25;
}

.content .section li {
	margin-top: .3em;
}

.content .section ul li {
	list-style-type: disc;
	margin-left: 1.5em;
	text-indent: -.3em;
}
/*\*/
*:first-child+html .content .section ul li {
	margin-left: 2em;
	text-indent: -.5em;
}
* html .content .section ul li {
	margin-left: 2em;
	text-indent: -.5em;
}
/**/

.content .section ol li {
	list-style-type: decimal;
	margin-left: 2em;
	text-indent: -.25em;
}
/*\*/
*:first-child+html .content .section ol li {
	margin-left: 2.5em;
	text-indent: -.5em;
}
* html .content .section ol li {
	margin-left: 2.5em;
	text-indent: -.5em;
}
/**/

.content .section dl {
}

	.content .section dl dt,
	.content .section dl dd {
		margin-left: 1.4em;
		text-indent: -.4em;
	}
	/*\*/
	*:first-child+html .content .section dl dt,
	*:first-child+html .content .section dl dd {
		margin-left: 2.25em;
		text-indent: -.5em;
	}
	* html .content .section dl dt,
	* html .content .section dl dd {
		margin-left: 2.25em;
		text-indent: -.5em;
	}
	/**/

	.content .section dl dt {
		display: list-item;
		list-style: square outside;
		margin-top: .5em;
	}

	.content .section dl dd,
	.content .section dl p,
	.content .section dl address {
	}

	.content .section dl dd {
		margin-top: .25em;
	}

.content .section .fig {
	padding: 0 2px;
}

.content .section .ahead {
	float: left;
	padding-right: 20px;
}

.content .section .astern {
	float: right;
	padding-left: 30px;
}

.content .section span.addition {
	display: block;
	font-size: .86em;
	color: #777777;
}


/* // -------------------------------------------------------------------------------------------------
// //.	[ in EXTRA ]
---------------------------------------------------------------------------------------------------- */


/* //.		ul.nav
---------------------------------------------------------------------------------------------------- */

.extra ul.nav {
	margin-bottom: 1.5em;
}

	.extra ul.nav li {
		margin-top: 1em;
	}

		.extra ul.nav li a {
			padding-left: 8px;
			font-size: 1.3em;
			background: url(/res/images/common/mk_triH-green.gif) no-repeat left center;
		}

		.extra ul.nav li a:visited {
			color: #009D86;
		}

		.extra ul.nav li a:hover {
			color: #72BD59;
			background-image: url(/res/images/common/mk_triH-greenL.gif);
		}

		.extra ul.nav li a:active {
			color: #009D86;
			background-image: url(/res/images/common/mk_triH-green.gif);
		}


/* //.		ul#externals
---------------------------------------------------------------------------------------------------- */

.extra ul#externals {
}

	.extra ul#externals li {
	}

		.extra ul#externals li a {
			padding-left: 0;
			background-image: none;
		}


/* //.		ul#reservationsNav
---------------------------------------------------------------------------------------------------- */

.extra ul#reservationsNav,
.extra ul#membersNav,
.extra ul#adminNav {
	position: relative;
	z-index: 10;
	overflow: hidden;
	margin: 0 0 20px;
	padding: 0;
	border-top: solid 1px white;
	border-bottom: solid 1px #E3E3E3;
	width: 180px;
}

	.extra ul#reservationsNav li,
	.extra ul#membersNav li,
	.extra ul#adminNav li {
		position: relative;
		z-index: 1;
		margin: -1px 0 0;
		padding: 1px 0 0;
		height: 29px;
		background: url(/res/images/common/bdH_dot-1-1-green.gif) repeat-x left top;
	}

		.extra ul#reservationsNav li a,
		.extra ul#reservationsNav li em,
		.extra ul#membersNav li a,
		.extra ul#membersNav li em,
		.extra ul#adminNav li a,
		.extra ul#adminNav li em {
			margin: 0;
			padding: 0;
			background-image: none;
			line-height: 10px;
		}

			.extra ul#reservationsNav li a img,
			.extra ul#reservationsNav li em img,
			.extra ul#membersNav li a img,
			.extra ul#membersNav li em img,
			.extra ul#adminNav li a img,
			.extra ul#adminNav li em img {
			}





/* // -------------------------------------------------------------------------------------------------
// // P A G E D
---------------------------------------------------------------------------------------------------- */



/* // -------------------------------------------------------------------------------------------------
// //.	/access/index.html
---------------------------------------------------------------------------------------------------- */


/* //.		.content > #access_ThinkParkArena > ol > li
---------------------------------------------------------------------------------------------------- */

/*\*/ * html .content #access_ThinkParkArena ol li {
	margin-bottom: -1em;
} /**/


/* //.		.content > .section#downloadMap
---------------------------------------------------------------------------------------------------- */

.content #downloadMap p {
	text-align: center;
}



/* // -------------------------------------------------------------------------------------------------
// //.	/reservations/index.html ( + /inquiry/index.html)
---------------------------------------------------------------------------------------------------- */


/* //.		.content > #reservation_steps ( + /inquiry/index.html)
---------------------------------------------------------------------------------------------------- */

.content #reservation_steps {
	overflow: hidden;
	margin: 12px 0 0;
	padding: 36px 0 0;
	border-top: solid 1px #e3e3e3;
	width: 675px;
	background: white url(/res/images/reservations/steps_bottom.gif) no-repeat left bottom;
}
.content #reservation_steps:after {
	content: "";
	display: block;
	clear: both;
	margin-bottom: -1px;
	height: 1px;
}
/*\*/
* html .content #reservation_steps {
	overflow: visible;
	height: 1px;
}
/**/

	.content #reservation_steps .section {
		float: left;
		clear: none;
		margin: 0;
		padding: 0;
		background: url(/res/images/reservations/steps_top.gif) no-repeat;
	}

	.content #reservation_steps #step1 {
		width: 232px;
		background-position: 0 0;
	}

	.content #reservation_steps #step2 {
		width: 231px;
		background-position: -232px 0;
	}

	.content #reservation_steps #step3 {
		width: 212px;
		background-position: -463px 0;
	}

		.content #reservation_steps .section h2 {
			margin: 0;
			padding: 0;
			width: 49px;
			height: 49px;
		}

		.content #reservation_steps .section h3 {
			margin: 5px 0 15px 31px;
			padding: 0 0 18px 0;
			background: url(/res/images/reservations/step_bd.gif) no-repeat left bottom;
		}

		.content #reservation_steps .section p {
			margin: 0 0 9px 33px;
			padding: 0;
			width: 165px;
			min-height: 9em;
			color: #009d86;
			font-size: 1.2em;
		}
		/*\*/
		* html .content #reservation_steps .section p {
			height: 9em;
		}
		/**/

		.content #reservation_steps .section p.nav {
			margin-bottom: 0;
			padding: 3px 0 12px;
			min-height: 1px;
			font-size: 1.2em;
			background: url(/res/images/reservations/step_bd.gif) no-repeat left top;
		}
		/*\*/
		* html .content #reservation_steps .section p.nav {
			height: 1px;
		}
		/**/

			.content #reservation_steps .section p.nav img,
			.content #inquiry_MediaVision p img {
				position: relative;
				top: .4em;
				vertical-align: baseline;
			}



/* // -------------------------------------------------------------------------------------------------
// //.	2010 REFINE
---------------------------------------------------------------------------------------------------- */


/* //.		.content .section>
---------------------------------------------------------------------------------------------------- */

.content .section h2,
.content .section h2 * {
	font-weight: bold;
}
.content .section ul.provisions {
}

	.content .section ul.provisions li,
	.content .section ul.provisions li dl dd,
	.content .section ul.provisions li dl dt {
		text-indent: 0;
		background: none;
	}

	.content .section ul.provisions li {
		list-style: none outside;
		position: relative;
		margin-left: 0;
		padding-left: 2em;
	}
	/*\*/
	* html .content .section ul.provisions li {
		display: inline;
	}
	/**/
	.content .section ul.provisions li ul.non-ordered li {
		padding-left: 0;
	}

	.content .section ul.provisions li li,
	.content .section ul.provisions li dd,
	.content .section ul.provisions li dt {
		font-size: 100%;
	}

		.content .section ul.provisions li .order-marker {
			position: absolute;
			left: 0;
			top: 0;
		}

		.content .section ul.provisions li dl {
			margin-top: .5em;
			overflow: hidden;
		}
		/*\*/
		* html .content .section ul.provisions li dl {
			overflow: visible;
			height: 1px;
		}
		/**/

			.content .section ul.provisions li dl dt,
			.content .section ul.provisions li dl dd {
				margin: 0;
				padding-top: .25em;
			}

			.content .section ul.provisions li dl dt {
				clear: both;
				float: left;
				width: 5em;
				font-weight: normal;
			}

			.content .section ul.provisions li dl dd {
				float: right;
				width: 40em;
			}

				.content .section ul.provisions li dl dd .aside.annotation {
					margin: 0;
					padding: 0;
				}

					.content .section ul.provisions li dl dd .aside.annotation p {
						font-size: .9em;
					}

.content .section .aside .section {
	padding: 5px 10px 0;
	border: solid 1px #EEEEEE;
}

	.content .section .aside .section ul {
	}

		.content .section .aside .section ul li {
			list-style: none outside;
			margin-left: 0;
			padding-left: 0;
			text-indent: 0;
			background: none;
		}






