@charset "utf-8";
/* CSS Document */
html {
}

body {
overflow:hidden;
}


/*********************

pageContainer

*********************/
#pageContainer {
margin:0;
padding:60px 0 0;
background:url(../imgdir/bg.jpg) no-repeat 50% 35%;
min-height:800px;
_height:800px;
_text-align:center;
}


/*********************

header

*********************/
#header {
width:860px;
height:21px;
margin:0 auto 50px;
position:relative;
z-index:100;
_text-align:left;
}

#header ul {
position:absolute;
bottom:0;
right:25px;
width:400px;
height:21px;
}
	#header ul li {
	float:left;
	height:21px;
	font-size:1.6em;
	}
	
		#header ul li a,
		#header ul li a:hover,
		#header ul li a:active {
		text-decoration:none;
		display:block;
		overflow:hidden;
		height:21px;
		line-height:21px;
		text-align:center;
		}

		#header ul li a span,
		#header ul li a:hover span,
		#header ul li a:active span {
		display:block;
		overflow:hidden;
		height:21px;
		line-height:21px;
		text-align:center;
		}

		#header ul li#navi01 a span { width:85px; height:21px; background:url(../imgdir/navi.gif) no-repeat 0 -21px; cursor:pointer; }
		#header ul li#navi02 a span { width:70px; height:21px; background:url(../imgdir/navi.gif) no-repeat -85px -21px; cursor:pointer; }
		#header ul li#navi03 a span { width:70px; height:21px; background:url(../imgdir/navi.gif) no-repeat -155px -21px; cursor:pointer; }
		#header ul li#navi04 a span { width:90px; height:21px; background:url(../imgdir/navi.gif) no-repeat -225px -21px; cursor:pointer; }
		#header ul li#navi05 a span { width:85px; height:21px; background:url(../imgdir/navi.gif) no-repeat -315px -21px; cursor:pointer; }
	
		#header ul li#navi01 a:hover span { width:85px; height:21px; background:url(../imgdir/navi.gif) no-repeat 0 0; cursor:pointer; }
		#header ul li#navi02 a:hover span { width:70px; height:21px; background:url(../imgdir/navi.gif) no-repeat -85px 0; cursor:pointer; }
		#header ul li#navi03 a:hover span { width:70px; height:21px; background:url(../imgdir/navi.gif) no-repeat -155px 0; cursor:pointer; }
		#header ul li#navi04 a:hover span { width:90px; height:21px; background:url(../imgdir/navi.gif) no-repeat -225px 0; cursor:pointer; }
		#header ul li#navi05 a:hover span { width:85px; height:21px; background:url(../imgdir/navi.gif) no-repeat -315px 0; cursor:pointer; }

		#header ul li#navi01.onMenu a span { width:85px; height:21px; background:url(../imgdir/navi.gif) no-repeat 0 0; cursor:pointer; }
		#header ul li#navi02.onMenu a span { width:70px; height:21px; background:url(../imgdir/navi.gif) no-repeat -85px 0; cursor:pointer; }
		#header ul li#navi03.onMenu a span { width:70px; height:21px; background:url(../imgdir/navi.gif) no-repeat -155px 0; cursor:pointer; }
		#header ul li#navi04.onMenu a span { width:90px; height:21px; background:url(../imgdir/navi.gif) no-repeat -225px 0; cursor:pointer; }
		#header ul li#navi05.onMenu a span { width:85px; height:21px; background:url(../imgdir/navi.gif) no-repeat -315px 0; cursor:pointer; }


/*********************

scrollWrapper

*********************/
#scrollWrapper {
width:960px;
margin:0 auto;
position:relative;
overflow:hidden;
z-index:0;
_text-align:left;
}

a#prevArrow {
display:block;
width:21px;
height:36px;
position:absolute;
top:210px;
left:0;
overflow:hidden;
font-size:0.7em;
}
a#nextArrow {
display:block;
width:21px;
height:36px;
position:absolute;
top:210px;
right:0;
overflow:hidden;
font-size:0.7em;
}
	a#prevArrow span,
	a#nextArrow span {
	width:21px;
	height:36px;
	display:block;
	}
	
	a#prevArrow span {
	background:url(../imgdir/prevArr.gif) no-repeat 0 0;
	}
	a#nextArrow span {
	background:url(../imgdir/nextArr.gif) no-repeat 0 0;
	}
	
	a#prevArrow:hover span {
	background:url(../imgdir/prevArr_on.gif) no-repeat 0 0;
	}
	a#nextArrow:hover span {
	background:url(../imgdir/nextArr_on.gif) no-repeat 0 0;
	}

#prevArrow.noScroll,
#nextArrow.noScroll {
display:none;
}


/*********************

scrollerWindow

*********************/
#scrollerWindow {
margin:0px auto 0px;
width:860px;
position:relative;
overflow:hidden;
}

#scrollingContent {
width:10000px;
}


/*********************

scrollPanel

*********************/
.scrollPanel {
width:860px;
_width:920px;
float:left;
}


/*********************

scrollPanel - home

*********************/
.scrollPanel#home {
padding:60px 60px 0;
margin:0;
}
	.scrollPanel#home h2 {
	margin:0 0 70px;
	}
	
	.scrollPanel#home ul {
	margin:0;
	}
		.scrollPanel#home ul li {
		margin:0 0 40px;
		}
		.scrollPanel#home ul li.last {
		margin:0 0 0;
		}


/*********************

scrollPanel - info

*********************/
.scrollPanel#info h2 {
font-size:2.6em;
margin:0 0 30px;
padding:0 20px;
}

.scrollPanel#info .infoUnit {
padding:0 20px;
margin:0;
width:390px;
}
	.scrollPanel#info .infoUnit dl {
	margin:0 0 40px;
	}
	.scrollPanel#info .infoUnit dl.last {
	margin:0 0 0;
	}
		.scrollPanel#info .infoUnit dl dt {
		margin:0 0 10px;
		}
		.scrollPanel#info .infoUnit dl dd {
		padding:0 0 0 20px;
		margin:0 0 5px;
		color:#000;
		}
			.scrollPanel#info .infoUnit dl dd table {
			padding:0 0 0 20px;
			margin:0 0 5px;
			}
				.scrollPanel#info .infoUnit dl dd table th {
				padding:5px 10px;
				border-bottom:1px solid #ccc;
				text-align:center;
				}
				.scrollPanel#info .infoUnit dl dd table td {
				padding:5px 10px;
				text-align:center;
				}
			.scrollPanel#info .infoUnit dl dd a {
			}
			.scrollPanel#info .infoUnit dl dd a:hover {
			}
			.scrollPanel#info .infoUnit dl dd a img {
			margin:10px 0 0;
			}

.scrollPanel#info .mainUnit {
padding:0 20px;
margin:0;
width:390px;
}	
	.scrollPanel#info .mainUnit p {
	margin:0 0 30px;
	}

.scrollPanel#info .mainUnit table {
	margin:0 0 30px;
	}
.scrollPanel#info .mainUnit table.last {
	margin:0 0 10px;
	}
		.scrollPanel#info .mainUnit table th {
		padding:5px 30px 5px 0;
		}
		.scrollPanel#info .mainUnit table td {
		padding:5px 50px 5px 0;
		}
		.scrollPanel#info .mainUnit table td.last {
		padding:5px 0 5px 0;
		}

	.scrollPanel#info .mainUnit ul {
	margin:0 0 40px;
	}
		.scrollPanel#info .mainUnit ul li {
		margin:0 0 10px;
		}


/*********************

scrollPanel - work

*********************/
.scrollPanel#work h2 {
font-size:2.6em;
margin:0 0 30px;
padding:0 20px;
}

.scrollPanel#work .infoUnit {
padding:0 20px;
margin:0;
width:372px;
}
	.scrollPanel#work .infoUnit p {
	margin:0 0 15px;
	}

	.scrollPanel#work .infoUnit p {
	}

.scrollPanel#work .mainUnit {
padding:0 20px;
margin:0;
width:408px;
}	
	.scrollPanel#work .mainUnit p.img {
	margin:0 0 10px;
	}	
		.scrollPanel#work .mainUnit p.img img {
		padding:3px;
		border:1px solid #ccc;
		}	
	.scrollPanel#work .mainUnit p.txt {
	font-size:0.9em;
	margin:0 0 10px;
	}	


/*********************

scrollPanel - access

*********************/
.scrollPanel#access h2 {
font-size:2.6em;
margin:0 0 30px;
padding:0 20px;
}

.scrollPanel#access .infoUnit {
padding:0 20px;
margin:0;
width:430px;
}
	.scrollPanel#access .infoUnit p {
	}

	.scrollPanel#access .infoUnit dl {
	margin:40px 0 40px;
	}
		.scrollPanel#access .infoUnit dl dt {
		font-weight:bold;
		font-size:1.2em;
		margin:0 0 5px;
		}
		.scrollPanel#access .infoUnit dl dd {
		margin:0 0 5px;
		}

.scrollPanel#access .mainUnit {
padding:0 20px;
margin:0;
width:350px;
}	
	.scrollPanel#access .mainUnit p {
	}	


/*********************

scrollPanel - ticket

*********************/
.scrollPanel#ticket h2 {
font-size:2.6em;
margin:0 0 30px;
padding:0 20px;
}

.scrollPanel#ticket .infoUnit {
padding:0 20px;
margin:0;
width:350px;
}
	.scrollPanel#ticket .infoUnit p {
	margin:0 0 40px;
	}

	.scrollPanel#ticket .infoUnit dl {
	margin:0 0 40px;
	}
		.scrollPanel#ticket .infoUnit dl dt {
		margin:0 0 10px;
		}
		.scrollPanel#ticket .infoUnit dl dd {
		padding:0 0 0 20px;
		margin:0 0 5px;
		color:#333;
		}
			.scrollPanel#ticket .infoUnit dl dd table {
			padding:0 0 0 20px;
			margin:0 0 5px;
			}
				.scrollPanel#ticket .infoUnit dl dd table th {
				padding:5px 10px;
				border-bottom:1px solid #ccc;
				text-align:center;
				}
				.scrollPanel#ticket .infoUnit dl dd table td {
				padding:5px 10px;
				text-align:center;
				}
	
.scrollPanel#ticket .mainUnit {
padding:0 20px;
margin:0;
width:430px;
}	
	.scrollPanel#ticket .mainUnit table {
	}
		.scrollPanel#ticket .mainUnit table th {
		padding:5px 60px 5px 0;
		width:110px;
		}
		.scrollPanel#ticket .mainUnit table th.top {
		padding:0 60px 5px 0;
		}
		.scrollPanel#ticket .mainUnit table td {
		padding:5px 0;
		line-height:1.4em;
		}
		.scrollPanel#ticket .mainUnit table td.top {
		padding:0 0 5px;
		}
		.scrollPanel#ticket .mainUnit table td select {
		color:#666;
		}
		.scrollPanel#ticket .mainUnit table td input[type="text"] {
		background:#fff;
		border:4px double #ccc;
		width:200px;
		}
		.scrollPanel#ticket .mainUnit table td textarea {
		background:#fff;
		border:4px double #ccc;
		width:250px;
		}
		.scrollPanel#ticket .mainUnit table td input[type="image"] {
		margin:0;
		}


/*********************

footer

*********************/
#footer {
height:30px;
width:100%;
display:block;
padding:10px 0 0;
position:fixed;
bottom:0;
left:0;
color:#aaa;
font-size:0.9em;
}
#footer #footerInner {
height:30px;
width:820px;
margin:0 auto;
}
#footer h1 {
float:left;
}
	#footer h1 a {
	color:#aaa;
	}
	#footer h1 a:hover {
	color:#999;
	}
#footer p {
float:right;
}