@charset "utf-8";
/**
 * index.css
 */

/* index
--------------------------------------------------*/
/* layout */
	body.ie6 .topSection .wrap {
		position: relative;
	}
	.topSection {
		overflow: hidden;
	}

/* gHeader */
	#gHeader {
		visibility: hidden;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 3;
		
		/*background: url(../images/space.gif) repeat left top;*/
		background:#FFF;
	}

/* mainVisual */
	#mainVisual {
		position: fixed;
		top:0;
		left: 0;
		z-index: 1;
		overflow: hidden;
		width: 100%;
		height: 1000%;
		background: #ffffff;
	}
	body.ie6 #mainVisual {
		position: absolute;
	}
	#mainSlide {
		position: absolute;
		width: 100%;
		height: 100%;
	}
	#mainSlide li {
		display: none;
	}
	#mainSlide li img {
		width: 100%;
		height: auto;
	}

/* mainArea */
	#mainArea {
		zoom: 1;
		visibility: hidden;
		position: relative;
		z-index: 2;
		padding-bottom: 100%;
	}
	#mainArea #mainBnr {
		position: absolute;
		bottom: 20px;
		left: 0;
		width: 100%;
		text-align: center;
	}
	#mainArea #mainBnr a {
		position: relative;
		display: inline-block;
		padding: 0 17px;
		border-bottom: none;
		border-radius: 15px;
		background: #ffffff;
		color: #333333 !important;
		font-size: 92.3%;
		line-height: 30px;
	}
	#mainArea #mainBnr a.active {
		color: #ffffff !important;
	}
	#mainArea #mainBnr a span {
		padding: 0 20px;
		background: url(../images/arw-06.png) no-repeat right center;
	}
	#mainArea #mainBnr a:hover span {
		background-image: url(../images/arw-06_ov.png);
	}
	body.ie6 #mainArea #mainBnr a span {
		background-image: url(../images/arw-06.gif);
	}
	body.ie6 #mainArea #mainBnr a:hover span {
		background-image: url(../images/arw-06_ov.gif);
	}
	html.retina #mainArea #mainBnr a span {
		background-image: url(../images/retina/arw-06.png);
		-webkit-background-size: 5px 9px;
		background-size: 5px 9px;
	}
	html.retina #mainArea #mainBnr a:hover span {
		background-image: url(../images/retina/arw-06_ov.png);
	}
	#mainArea #SPmainBnr {
		display: none;
	}
	#mainArea #mainScroll {
		display: block;
		position: absolute;
		right: 47px;
		bottom: -11px;
		width: 19px;
		height: 20px;
		padding: 22px 51px 13px 50px;
		border-bottom: none;
		background: url(../images/bg-scroll.png) no-repeat left top;
	}
	body.ie6 #mainArea #mainScroll {
		background-image: url(../images/bg-scroll.gif);
	}
	html.retina #mainArea #mainScroll {
		background-image: url(../images/retina/bg-scroll.png);
		-webkit-background-size: 120px 55px;
		background-size: 120px 55px;
	}
	#mainArea #mainScroll span {
		position: relative;
		display: block;
		overflow: hidden;
		width: 19px;
		height: 10px;
		background: url(../images/arw-scroll.gif) no-repeat left top;
		text-indent: -9999px;
		cursor: pointer;
	}
	html.retina #mainArea #mainScroll span {
		background-image: url(../images/retina/arw-scroll.gif);
		-webkit-background-size: 19px 10px;
		background-size: 19px 10px;
	}

/* container */
	#container {
		position: relative;
		background: #ffffff;
		z-index: 2;
/*	font-size:14px;*/
	font-size:100%;

	}
	p{
		padding-top:7px;
		padding-bottom:7px;
	}
	.sub{
		margin-top:136px !important;
	}
	.titleArea{
		padding-top:20px !important;

	}
	
	.bg_grey{
		background:#FAFAFA;
	}


/* gFooter */
/*
	#gFooter {
		position: relative;
		z-index: 2;
		margin-top: 0;
		padding-top: 50px;
		background-color:rgba(0,0,0,0.85);
	}
*/
/* ancNav */
	#ancNav li a {
		visibility: hidden;
	}
	#ancNav li.white a {
		color: #ffffff !important;
	}

/* titleArea */
	.titleArea {
		position: relative;
		width: 100%;
		padding: 74px 0 70px;
	}
	.titleArea .title {
		color: #666;
		line-height: 2.31;
		text-align: center;
		letter-spacing: 0.1em;
	}
	.titleArea .title .en {
		display: block;
		font-size: 1.8em/*25px*/;
		line-height: 1.3;
		letter-spacing: 0.08em;
	}
	.titleArea .more {
		position: absolute;
		top: 87px;
		right: 0;
		font-weight:bold;
	}
	.titleArea .more a {
		display: inline-block;
		padding-right: 35px;
		border-bottom: none;
		background: url(../images/icon-more.png) no-repeat right 6px;
		font-size: 84.6%;
		line-height: 27px;
		letter-spacing: 0.1em;
	}

	body.ie6 .titleArea .more a {
		background-image: url(../images/icon-more.gif);
	}
	html.retina .titleArea .more a {
		background-image: url(../images/retina/icon-more.png);
		-webkit-background-size: 27px 27px;
		background-size: 27px 27px;
filter: alpha(opacity=75);
		-moz-opacity:0.75;
		opacity:0.75;
  	}



/* newsArea */
	#newsArea {
		color:#666;
		padding: 20px 0 45px;
		background: #FAFAFA;
	}
	#newsArea .wrap {
		position: relative;
	}
	#newsArea .titleArea {
		position: static;
		float: left;
		width: auto;
		padding: 0;
	}
	#newsArea .titleArea{
		margin-top:6px !important;
		padding-top:0px  !important;
	}
	#newsArea .titleArea .title {
		text-align: left;
	}
	#newsArea .titleArea .more {
		top: auto;
		right: auto;
		bottom: 8px;
		left: 0;
	}
	#newsArea .textArea {
		margin-left: 250px;
	}
	#newsArea .textArea .info {
		margin-bottom: 36px;
		line-height: 2.31;
	}
	#newsArea .textArea .info dt {
		float: left;
		font-weight: bold;
		letter-spacing: 0.1em;
	}
	#newsArea .textArea .newsList {}
	#newsArea .textArea .newsList dt {
		float: left;
/*	font-size:12px;*/
	font-size:87.1%;
		font-weight: 300;
		line-height: 2;
		letter-spacing: 0.1em;
		clear:left;
		/*margin-bottom:8px;*/
	}
	#newsArea .textArea .newsList dd {
		margin-left: 15px;
		float:left;
/*	font-size:14px;*/
	font-size:100%;
	}
	#newsArea .textArea .newsList dd a {
/*		border-bottom: none;*/
	}


/* aboutArea */
	body.ie7 #aboutArea {
		zoom: 1;
		position: relative;
	}
	#aboutAreaInner {
		padding: 40px 0 50px;
		background: #f8f7f2;
	}
	#aboutArea .about {
		width: 100%;
		margin-bottom: 40px;
	}
	#aboutArea .about:after {
		content: "";
		display: block;
		overflow: hidden;
		clear: both;
		height: 0;
	}
	#aboutArea .about .image {
		float: left;
	}
	#aboutArea .about .textArea {
		float: right;
		width: 626px;
		padding-top: 24px;
	}
	#aboutArea .about .textArea h3 {
		margin: 0 0 50px 82px;
		font-size: 138.5%;
		line-height: 1.67;
		letter-spacing: 0.2em;
	}
	#aboutArea .about .textArea .columnArea {
		width: 100%;
	}
	#aboutArea .about .textArea .columnArea:after {
		content: "";
		display: block;
		overflow: hidden;
		clear: both;
		height: 0;
	}
	#aboutArea .about .textArea .column2,
	#aboutArea .about .textArea .column {
		float: left;
		width: 292px;
	}
	#aboutArea .about .textArea .column.first {
		margin-right: 42px;
	}
	#aboutArea .about .textArea .column dl.first {
		margin-bottom: 30px;
	}
	#aboutArea .about .textArea .column dl dt {
		float: left;
		font-weight: bold;
		letter-spacing: 0.1em;
	}
	#aboutArea .about .textArea .column dl dd {
		margin-left: 82px;
	}
	#aboutArea .link {
		width: 100%;
	}
	#aboutArea .link:after {
		content: "";
		display: block;
		overflow: hidden;
		clear: both;
		height: 0;
	}
	#aboutArea .link .column {
		float: left;
		width: 25%;
	}
	#aboutArea .link .column2 {
		float: left;
		width: 50%;
	}
	#aboutArea .link .column .image {
		margin-bottom: 12px;
	}
	#aboutArea .link .column a {
		border-bottom: none;
	}

/* memberArea */
	#member a {
		display: block;
		width: 239px;
		padding: 13px 0 12px 239px;
		margin-top: 50px;
		border: #d2d2d2 solid 1px;
		background: url(../images/bg-member.png) no-repeat 36px 13px;
		color: #333333;
		font-size: 115.4%;
		line-height: 26px;
		letter-spacing: 0.13em;
	}
	html.retina #member a {
		background-image: url(../images/retina/bg-member.png);
		-webkit-background-size: 172px 55px;
		background-size: 172px 55px;
	}
	#member a:hover {
		color: #f1832c;
	}
	#member a span {
		font-size: 86.7%;
	}

	.more{
		background:#60C0B1;
		padding-left:12px;
		padding-top:2px;
		padding-bottom:2px;
/*	font-size:13px;*/
	font-size:92.2%;
	}
	.more a{
		color:#FFFFFF !important;
	}
	.morelink a:hover,
	.more a:hover{
		filter: alpha(opacity=75);
		-moz-opacity:0.75;
		opacity:0.75;
	}
	.topev{
		width:470px;height:200px;display:block;float:left;
	}

/* TB
--------------------------------------------------*/
@media only screen and (max-width:1023px) {

/* mainArea */
	#mainArea {
		padding-bottom: 56.2%;
	}
	#mainArea #newsTicker {
		width: 529px;
	}
	#mainArea #newsTicker dd {
		width: 427px;
	}

/* titleArea */
	.titleArea {
		padding: 44px 0 40px;
	}
	.titleArea .more {
		top: 57px;
	}

/* aboutArea */
	#aboutArea .about .image {
		display: none;
	}
	#aboutArea .about .textArea {
		float: none;
		width: auto;
		padding-right: 42px;
	}
	#aboutArea .about .textArea .column {
		width: 50%;
	}
	#aboutArea .about .textArea .column.first {
		margin-right: 42px;
	}
	#aboutArea .about .textArea .column:last-child {
		margin-right: -42px;
	}
	#aboutArea .link .column .image img {
		width: 100%;
		height: auto;
	}

}


/* SP
--------------------------------------------------*/
@media only screen and (max-width:767px) {

/* gHeader */
	#gHeader {
		position: static;
		margin-bottom: 0;
	}
	#gHeader.white #hSearch input {
		color: #333333 !important;
	}
	#gHeader.white #hSearch .submit {
		background-position: left top;
	}
	#gHeader.white #hLang li a {
		color: #999999 !important;
	}
	#gHeader.white #hLang li.other a {
		border-left-color: #333333;
	}
	#gHeader.white #gNav li a {
		border-bottom: none;
		color: #333333 !important;
	}

/* mainVisual */
	#mainVisual {
		position: relative;
		padding-bottom: 56.2%;
	}

/* mainArea */
	#mainArea {
		zoom: 1;
		position: static;
		z-index: 2;
		padding-bottom: 0;
	}
/* container */
	#container {
		position: static;
		background: none;
	}

/* gFooter */
	#gFooter {
		position: static;
		padding-top: 0px;
		background: none;
	}

/* titleArea */
	.titleArea {
		padding: 21px 0;
		 margin-top:60px !important;
	}
	.titleArea .title {
		color: #333;
/*	font-size:26px;*/
	font-size:1.8em;
		line-height: 2.73;
	}
	.titleArea .title .en {
		display: block;
		font-size: 145.5%;
		line-height: 1.63;
	}
	.titleArea .more {
		position: absolute;
		top: 50%;
		right: 10px;
		margin-top: -14px;
	}
	.titleArea .more a {
		display: block;
		overflow: hidden;
		width: 27px;
		height: 27px;
		padding-right: 0;
		text-indent: -9999px;
	}

/* topicsArea */
	#topicsArea {
		padding-bottom: 10px;
	}
	.topicsCarouselAreaInner {
		margin: 0 -7px 0 -8px;
	}
	.topicsCarousel li {
		padding: 0 7px 0 8px;
	}
	.topicsCarousel li a .text {
		margin-top: 5px;
		font-size: 84.6%;
		line-height: 1.82;
		letter-spacing: 0.09em;
	}
	.topicsCarousel li a .text .date {
		font-size: 81.8%;
		line-height: 2.22;
	}
	.topicsCarousel li a .text .cate {
		font-size: 81.8%;
		line-height: 2.22;
	}
	.topicsCarousel li a .text .ticket {
		margin-top: 10px;
		font-size: 90.9%;
		line-height: 20px;
		letter-spacing: 0.05em;
	}
	#topicsArea .link {
		display: none;
	}
	/* topicsCarousel01Wrap */
	#topicsCarousel01Wrap {
		margin-bottom: 26px;
		padding-bottom: 65px;
	}
	/* topicsCarousel02Wrap */
	#topicsCarousel02Wrap {
		padding-bottom: 65px;
	}
	/* nav */
	.topicsCarouselWrap a.carouselPrev,
	.topicsCarouselWrap a.carouselNext {
		display: block;
		position: absolute;
		top: auto !important;
		right: auto !important;
		bottom: 20px !important;
		left: auto !important;
		overflow: hidden !important;
		width: 28px !important;
		height: 27px !important;
	}
	.topicsCarouselWrap#topicsCarousel01Wrap a.carouselPrev,
	.topicsCarouselWrap#topicsCarousel01Wrap a.carouselNext,
	.topicsCarouselWrap#topicsCarousel02Wrap a.carouselPrev,
	.topicsCarouselWrap#topicsCarousel02Wrap a.carouselNext {
		background-position: left top;
	}
	.topicsCarouselWrap a.carouselPrev {
		right: 52px !important;
		background-image: url(../images/carousel-prev02.gif) !important;
	}
	.topicsCarouselWrap a.carouselNext {
		right: -2px !important;
		background-image: url(../images/carousel-next02.gif) !important;
	}
	html.retina .topicsCarouselWrap a.carouselPrev {
		background-image: url(../images/retina/carousel-prev02.gif) !important;
		-webkit-background-size: 28px 27px !important;
		background-size: 28px 27px !important;
	}
	html.retina .topicsCarouselWrap a.carouselNext {
		background-image: url(../images/retina/carousel-next02.gif) !important;
		-webkit-background-size: 28px 27px !important;
		background-size: 28px 27px !important;
	}
	/* nonCarousel */
	#topicsCarousel01Wrap.nonCarousel {
		padding-bottom: 30px;
	}
	.nonCarousel .topicsCarousel li {
		margin-top: 30px;
	}
	.nonCarousel .topicsCarousel li a .text {
		float: none;
		width: auto;
		margin-left: 15px;
		padding-left: 30.4%;
	}
	.nonCarousel .topicsCarousel li a .text h3 {
		clear: none;
	}

/* newsArea */
	#newsArea {
		padding: 30px 0 36px 0;
	}
	#newsArea .titleArea {
		position: relative;
		float: none;
		padding: 21px 0;
	}
	#newsArea .titleArea .title {
		text-align: left;
/*	font-size:15px;*/
	font-size:110%;

		line-height:144%;
	}
	#newsArea .titleArea .more {
		top: 21px;
		right: 10px;
		bottom: auto;
		left: auto;
	}
	#newsArea .textArea {
		margin-left: 0;
	}
	#newsArea .textArea .info {
		margin-bottom: 26px;
		font-size: 84.6%;
		line-height: 1.82;
	}
	#newsArea .textArea .info dt {
		float: none;
	}
	#newsArea .textArea .info dd {
		margin-left: 0;
	}
	#newsArea .textArea .newsList {
		font-size: 84.6%;
		line-height: 1.82;
	}
	#newsArea .textArea .newsList dt {
		float: left;
/*	font-size:13px;*/
	font-size:92.2%;
		font-weight: normal;
		line-height: 1.82;
		letter-spacing: 0.08em;
		clear:both;
		width:100px;
	}
	#newsArea .textArea .newsList dd {
		margin-bottom: 5px;
		margin-left: 0px;
		width:70%;
	}
	#newsArea .textArea .newsList dd:last-child {
		margin-bottom: 0;
	}
	#bannerArea img{		
		width:50%;
	}
	#bannerArea .topev,
	#bannerArea .bnr100 img{		
		width:100% !important;
	}
.top_ev_div	{
	position:absolute;
	bottom:0px;
}
#bannerArea img{
	width:45%;
	margin:0px !important;
	padding:0px !important;
}
/* exhibitionArea */
	#otherParkArea,
	#exhibitionArea,
	.sliderBox{
		display:none !important;
	}
	#fSiteIndex .columnWrap, .columnfirst{
		width:100% !important;
		text-align:center !important;
	}
	#fSiteIndex{
		width:100% !important;
		text-align:center;
	}
	#fSiteIndex .column{
		display:none !important;
	}
	#goToTop{
		background:#8DC9C1;
		text-align:center;
	}
	#goToTop a{
		padding:10px;
		color:#FFF !important;
		border:none;
		display:block;
		width:100%;
		height:26px;
	}
	#goToTop a:hover{
		background:#6DA9A1;
  }	
/* aboutArea */
	#aboutAreaInner {
		padding: 0;
		background: none;
	}
	#aboutArea .about {
		width: auto;
		background: #f8f7f2;
		margin: 0 -10px 40px;
		padding: 31px 10px 36px;
	}
	#aboutArea .about .textArea {
		padding-top: 0;
		padding-right: 0;
	}
	#aboutArea .about .textArea h3 {
		margin: 0 0 20px 82px;
		font-size: 107.7%;
		line-height: 2.14;
		letter-spacing: 0.2em;
	}
	#aboutArea .about .textArea .columnArea {
		width: 100%;
	}
	#aboutArea .about .textArea .column2,
	#aboutArea .about .textArea .column {
		float: none;
		width: 100%;
		font-size: 84.6%;
		line-height: 1.82;
	}
	#aboutArea .about .textArea .column.first {
		margin-right: 0;
		margin-bottom: 24px;
	}
	#aboutArea .about .textArea .column dl.first {
		margin-bottom: 24px;
	}
	#aboutArea .about .textArea .column dl dd {
		margin-left: 80px;
		letter-spacing: 0.02;
	}
	#aboutArea .link .column2{
		width:100%;
		line-height: 1.82;
		letter-spacing: 0.02;	
	}
	#aboutArea .link .column2 .column2{
		width:50%;
		line-height: 1.82;
		letter-spacing: 0.02;	
	}
	
	#aboutArea .link .column {
		width: 50%;
		font-size: 84.6%;
		line-height: 1.82;
		letter-spacing: 0.02;
	}
	#aboutArea .link .column:first-child,
	#aboutArea .link .column:nth-child(2) {
		margin-bottom: 26px;
	}
	#aboutArea .link .column .image {
		margin-bottom: 5px;
	}
	#aboutArea .link .column a {
		border-bottom: none;
	}



/* memberArea */
	#member a {
		display: block;
		width: auto;
		padding: 9px 0 9px 128px;
		margin-top: 26px;
		border: #d2d2d2 solid 1px;
		background-position: 10px 13px;
		-webkit-background-size: 110px auto !important;
		background-size: 110px auto !important;
		font-size: 92.3%;
		line-height: 20px;
	}
	#member a span {
		font-size: 91.7%;
	}

}