@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(../../img/space.gif) repeat left top;
	}
	#gHeader.white #hSearch input {
		color: #ffffff !important;
	}
	#gHeader.white #hSearch .submit {
		background-position: right top;
	}
	#gHeader.white #hSearch .submit:hover {
		background-position: left bottom;
	}
	#gHeader.white #hLang li a {
		color: #ffffff !important;
	}
	#gHeader.white #hLang li.other a {
		border-left-color: #ffffff;
	}
	#gHeader.white #hLang li.on a,
	#gHeader.white #hLang li a:hover {
		color: #f1832c !important;
	}
	#gHeader.white #gNav li a {
		border-bottom: none;
		color: #ffffff !important;
	}
	#gHeader.white #gNav li.on a,
	#gHeader.white #gNav li a:hover {
		color: #f1832c !important;
	}

/* 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(../../img/arw-06.png) no-repeat right center;
	}
	#mainArea #mainBnr a:hover span {
		background-image: url(../../img/arw-06_ov.png);
	}
	body.ie6 #mainArea #mainBnr a span {
		background-image: url(../../img/arw-06.gif);
	}
	body.ie6 #mainArea #mainBnr a:hover span {
		background-image: url(../../img/arw-06_ov.gif);
	}
	html.retina #mainArea #mainBnr a span {
		background-image: url(../../img/retina/arw-06.png);
		-webkit-background-size: 5px 9px;
		background-size: 5px 9px;
	}
	html.retina #mainArea #mainBnr a:hover span {
		background-image: url(../../img/retina/arw-06_ov.png);
	}
	#mainArea #SPmainBnr {
		display: none;
	}
	#mainArea #newsTicker {
		position: absolute;
		bottom: 30px;
		left: 30px;
		width: 629px;
		height: 30px;
		line-height: 26px;
	}
	#mainArea #newsTicker dt {
		float: left;
		width: 66px;
		height: 26px;
		padding: 2px 0;
		background: url(../img/bg-newsticker_title.png) no-repeat left top;
		text-align: center;
	}
	body.ie6 #mainArea #newsTicker dt {
		background-image: url(../img/bg-newsticker_title.gif);
	}
	#mainArea #newsTicker dt a {
		border: none;
		color: #ffffff;
		font-size: 107.7%;
		letter-spacing: 0.1em;
	}
	#mainArea #newsTicker dd {
		position: relative;
		float: right;
		width: 527px;
		height: 26px;
		padding: 2px 18px 2px;
		background: url(../img/bg-newsticker_content.png) no-repeat right top;
		font-size: 92.3%;
	}
	body.ie6 #mainArea #newsTicker dd {
		background-image: url(../img/bg-newsticker_content.gif);
	}
	#mainArea #newsTicker dd .list {
		overflow: hidden;
		position: relative;
		width: 100%;
		height: 26px;
	}
	#mainArea #newsTicker dd .list a {
		border-bottom: none;
		white-space: nowrap;
	}
	#mainArea #newsTicker dd .list li {
		display: none;
		position: absolute;
		top: 0;
		padding-right: 30px;
	}
	#mainArea #newsTicker dd .list li.now {
		display: block;
		top: 0;
	}
	#mainArea #newsTicker dd .list li.next {
		display: block;
		top: 26px;
	}
	#mainArea #newsTicker dd .g {
		position: absolute;
		top: 0;
		right: 17px;
		width: 22px;
		height: 30px;
		background: url(../img/g-newsticker.png) repeat-y left top;
	}
	#mainArea #mainScroll {
		display: block;
		position: absolute;
		right: 47px;
		bottom: -11px;
		width: 19px;
		height: 20px;
		padding: 22px 51px 13px 50px;
		border-bottom: none;
		background: url(../img/bg-scroll.png) no-repeat left top;
	}
	body.ie6 #mainArea #mainScroll {
		background-image: url(../img/bg-scroll.gif);
	}
	html.retina #mainArea #mainScroll {
		background-image: url(../img/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(../img/arw-scroll.gif) no-repeat left top;
		text-indent: -9999px;
		cursor: pointer;
	}
	html.retina #mainArea #mainScroll span {
		background-image: url(../img/retina/arw-scroll.gif);
		-webkit-background-size: 19px 10px;
		background-size: 19px 10px;
	}

/* container */
	#container {
		position: relative;
		background: #ffffff;
		z-index: 2;
	}

/* gFooter */
	#gFooter {
		position: relative;
		z-index: 2;
		margin-top: 0;
		padding-top: 116px;
		background: #ffffff;
	}

/* 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: #000000;
		line-height: 2.31;
		text-align: center;
		letter-spacing: 0.1em;
	}
	.titleArea .title .en {
		display: block;
		font-size: 153.9%;
		line-height: 1.3;
		letter-spacing: 0.13em;
	}
	.titleArea .more {
		position: absolute;
		top: 87px;
		right: 0;
	}
	.titleArea .more a {
		display: inline-block;
		padding-right: 35px;
		border-bottom: none;
		background: url(../img/icon-more.png) no-repeat right top;
		color: #888888 !important;
		font-size: 84.6%;
		line-height: 27px;
		letter-spacing: 0.1em;
	}
	body.ie6 .titleArea .more a {
		background-image: url(../img/icon-more.gif);
	}
	html.retina .titleArea .more a {
		background-image: url(../img/retina/icon-more.png);
		-webkit-background-size: 27px 27px;
		background-size: 27px 27px;
	}
	.titleArea .more a:hover {
		color: #f1832c !important;
	}

/* exhibitionArea */
	#exhibitionCarouselWrap {
		position: relative;
		overflow: hidden;
		width: 100%;
	}
	#exhibitionCarousel li {
		float: left;
		width: 610px;
		padding: 0 5px;
	}
	#exhibitionCarousel li a {
		position: relative;
		display: block;
		width: 610px;
		border-bottom: none;
		background: #f8f7f2;
		color: #333333;
	}
	#exhibitionCarousel li a .text {
		position: absolute;
		top: 50%;
		right: 0;
		width: 190px;
		padding: 0 30px;
	}
	#exhibitionCarousel li a .text .sub {
		margin-bottom: 10px;
		font-size: 84.6%;
		line-height: 1.82;
		letter-spacing: 0.1em;
	}
	#exhibitionCarousel li a .text h3 {
		margin-bottom: 10px;
		font-size: 107.7%;
		font-weight: bold;
		line-height: 1.93;
		letter-spacing: 0.05em;
	}
	#exhibitionCarousel li a .text .date {
		font-size: 107.7%;
		font-weight: 300;
		line-height: 1.93;
		letter-spacing: 0.1em;
	}
	#exhibitionCarouselWrap a.carouselPrev,
	#exhibitionCarouselWrap a.carouselNext {
		display: block;
		position: absolute;
		top: 50%;
		overflow: hidden;
		width: 60px;
		height: 120px;
		margin-top: -60px;
		border-bottom: none;
		background-repeat: no-repeat;
		text-indent: -9999px;
	}
	#exhibitionCarouselWrap .carouselPrev {
		left: 0;
		background-image: url(../img/carousel-prev01.png);
		background-position: -10px top;
	}
	#exhibitionCarouselWrap .carouselNext {
		right: 0;
		background-image: url(../img/carousel-next01.png);
		background-position: 10px top;
	}
	body.ie6 #exhibitionCarouselWrap .carouselPrev {
		background-image: url(../img/carousel-prev01.gif);
	}
	body.ie6 #exhibitionCarouselWrap .carouselNext {
		background-image: url(../img/carousel-next01.gif);
	}
	html.retina #exhibitionCarouselWrap .carouselPrev {
		background-image: url(../img/retina/carousel-prev01.png);
		-webkit-background-size: 60px 120px;
		background-size: 60px 120px;
	}
	html.retina #exhibitionCarouselWrap .carouselNext {
		background-image: url(../img/retina/carousel-next01.png);
		-webkit-background-size: 60px 120px;
		background-size: 60px 120px;
	}

/* topicsArea */
	#topicsArea {
		padding-bottom: 64px;
	}
	.topicsCarouselWrap {
		position: relative;
		width: 100%;
	}
	.topicsCarouselArea {
		position: relative;
		overflow: hidden;
		width: 100%;
	}
	.topicsCarouselAreaInner {
		margin: 0 -21px;
	}
	.topicsCarousel li {
		float: left;
		width: 292px;
		padding: 0 21px;
	}
	.topicsCarousel li a {
		display: block;
		border-bottom: none;
		color: #333333 !important;
	}
	.topicsCarousel li a .text {
		margin-top: 16px;
		font-size: 92.3%;
		line-height: 1.92;
		letter-spacing: 0.02em;
	}
	/*cateとdate位置変更前
	.topicsCarousel li a .text .date {
		float: left;
		font-weight: 300;
		line-height: 2.5;
		letter-spacing: 0.1em;
	}
	.topicsCarousel li a .text .cate {
		font-size: 91.7%;
		line-height: 2.73;
		text-align: right;
		letter-spacing: 0.1em;
	}*/
	
	
	.topicsCarousel li a .text .date {
		line-height: 2.5;
		font-weight: 300;
		text-align: right;
		letter-spacing: 0.1em;
	}
	.topicsCarousel li a .text .cate {
		float: left;
		font-size: 91.7%;
		line-height: 2.73;
		letter-spacing: 0.1em;
	}
	
	.topicsCarousel li a .text h3 {
		clear: both;
		margin-bottom: 5px;
		font-size: 108.3%;
		font-weight: bold;
		letter-spacing: 0.1em;
	}
	.topicsCarousel li a:hover .text h3 {
		color: #f1832c !important;
	}
	.topicsCarousel li a .text .ticket {
		display: inline-block;
		margin-top: 20px;
		padding: 0 5px;
		background: #f1832c;
		color: #ffffff;
		line-height: 1.84;
		letter-spacing: 0.1em;
	}
	.topicsCarousel li a .text .ticket.soldout {
		background: #cccccc;
	}
	#topicsArea .link {
		margin-top: 25px;
		text-align: right;
		font-size: 92.3%;
	}
	#topicsArea .link a {
		border-bottom: none;
	}
	/* topicsCarousel01Wrap */
	#topicsCarousel01Wrap {
		margin-bottom: 40px;
		padding-bottom: 50px;
		border-bottom: #fce6d5 solid 1px;
	}
	.topicsCarouselWrap#topicsCarousel01Wrap a.carouselPrev,
	.topicsCarouselWrap#topicsCarousel01Wrap a.carouselNext {
		display: block;
		position: absolute;
		top: 62px;
		overflow: hidden;
		width: 70px;
		height: 70px;
		border-bottom: none;
		background-repeat: no-repeat;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px;
	}
	.topicsCarouselWrap#topicsCarousel01Wrap a.carouselPrev {
		left: -40px;
		background-image: url(../img/carousel-prev03.png);
		background-position: -10px top;
	}
	.topicsCarouselWrap#topicsCarousel01Wrap a.carouselNext {
		right: -40px;
		background-image: url(../img/carousel-next03.png);
		background-position: 10px top;
	}
	body.ie6 .topicsCarouselWrap#topicsCarousel01Wrap a.carouselPrev {
		background-image: url(../img/carousel-prev03.gif);
	}
	body.ie6 .topicsCarouselWrap#topicsCarousel01Wrap a.carouselNext {
		background-image: url(../img/carousel-next03.gif);
	}
	html.retina .topicsCarouselWrap#topicsCarousel01Wrap a.carouselPrev {
		background-image: url(../img/retina/carousel-prev03.png);
		-webkit-background-size: 70px 70px;
		background-size: 70px 70px;
	}
	html.retina .topicsCarouselWrap#topicsCarousel01Wrap a.carouselNext {
		background-image: url(../img/retina/carousel-next03.png);
		-webkit-background-size: 70px 70px;
		background-size: 70px 70px;
	}
	/* topicsCarousel02Wrap */
	#topicsCarousel02Wrap .topicsCarousel li a .text {
		margin-top: 0;
	}
	#topicsCarousel02Wrap .topicsCarousel li a .text h3 {
		margin-bottom: 0;
	}
	.topicsCarouselWrap#topicsCarousel02Wrap a.carouselPrev,
	.topicsCarouselWrap#topicsCarousel02Wrap a.carouselNext {
		display: block;
		position: absolute;
		bottom: -55px;
		overflow: hidden;
		width: 28px;
		height: 27px;
		border-bottom: none;
		background-repeat: no-repeat;
		background-position: left top;
		font-size: 0;
		line-height: 0;
		text-indent: -9999px;
	}
	.topicsCarouselWrap#topicsCarousel02Wrap a.carouselPrev {
		left: -14px;
		background-image: url(../img/carousel-prev02.gif);
	}
	.topicsCarouselWrap#topicsCarousel02Wrap a.carouselNext {
		left: 40px;
		background-image: url(../img/carousel-next02.gif);
	}
	html.retina .topicsCarouselWrap#topicsCarousel02Wrap a.carouselPrev {
		background-image: url(../img/retina/carousel-prev02.gif);
		-webkit-background-size: 28px 27px;
		background-size: 28px 27px;
	}
	html.retina .topicsCarouselWrap#topicsCarousel02Wrap a.carouselNext {
		background-image: url(../img/retina/carousel-next02.gif);
		-webkit-background-size: 28px 27px;
		background-size: 28px 27px;
	}
	/* overW1200 */
	body.overW1200 .topicsCarouselWrap a.carouselPrev,
	body.overW1200 .topicsCarouselWrap a.carouselNext {
		display: block;
		position: absolute !important;
		top: 84px !important;
		right: auto !important;
		bottom: auto !important;
		left: auto !important;
		width: 28px !important;
		height: 27px !important;
		border-bottom: none !important;
		background-repeat: no-repeat !important;
		text-indent: -9999px !important;
	}
	body.overW1200 .topicsCarouselWrap#topicsCarousel01Wrap a.carouselPrev,
	body.overW1200 .topicsCarouselWrap#topicsCarousel01Wrap a.carouselNext,
	body.overW1200 .topicsCarouselWrap#topicsCarousel02Wrap a.carouselPrev,
	body.overW1200 .topicsCarouselWrap#topicsCarousel02Wrap a.carouselNext {
		background-position: left top;
	}
	body.overW1200 .topicsCarouselWrap a.carouselPrev {
		left: -55px !important;
		background-image: url(../img/carousel-prev02.gif) !important;
	}
	body.overW1200 .topicsCarouselWrap a.carouselNext {
		right: -55px !important;
		background-image: url(../img/carousel-next02.gif) !important;
	}
	html.retina body.overW1200 .topicsCarouselWrap a.carouselPrev {
		background-image: url(../img/retina/carousel-prev02.gif) !important;
		-webkit-background-size: 28px 27px;
		background-size: 28px 27px;
	}
	html.retina body.overW1200 .topicsCarouselWrap a.carouselNext {
		background-image: url(../img/retina/carousel-next02.gif) !important;
		-webkit-background-size: 28px 27px;
		background-size: 28px 27px;
	}
	body.overW1200 .topicsCarouselWrap#topicsCarousel02Wrap a.carouselPrev,
	body.overW1200 .topicsCarouselWrap#topicsCarousel02Wrap a.carouselNext {
		top: 50% !important;
		margin-top: -13px !important;
	}
	/* nonCarousel */
	.nonCarousel .topicsCarouselAreaInner {
		margin: 0;
	}
	.nonCarousel .topicsCarousel li {
		float: none;
		width: 100%;
		margin-top: 50px;
		padding: 0;
	}
	.nonCarousel .topicsCarousel li.first {
		margin-top: 0;
	}
	.nonCarousel .topicsCarousel li a {
		width: 100%;
	}
	.nonCarousel .topicsCarousel li a:after {
		content: "";
		display: block;
		overflow: hidden;
		clear: both;
		height: 0;
	}
	.nonCarousel .topicsCarousel li a img {
		display: block;
		float: left;
	}
	.nonCarousel .topicsCarousel li a .text {
		float: right;
		width: 625px;
		margin-top: 0;
	}
	.nonCarousel a.carouselPrev,
	.nonCarousel a.carouselNext {
		display: none !important;
	}

/* newsArea */
	#newsArea {
		padding: 70px 0 62px;
		background: #f8f7f2;
	}
	#newsArea .wrap {
		position: relative;
	}
	#newsArea .titleArea {
		position: static;
		float: left;
		width: auto;
		padding: 0;
	}
	#newsArea .titleArea .title {
		text-align: left;
	}
	#newsArea .titleArea .more {
		top: auto;
		right: auto;
		bottom: 8px;
		left: 0;
	}
	#newsArea .textArea {
		margin-left: 195px;
	}
	#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 .info dd {
		margin-left: 170px;
	}
	#newsArea .textArea .newsList {}
	#newsArea .textArea .newsList dt {
		float: left;
		font-size: 92.3%;
		font-weight: 300;
		line-height: 2.25;
		letter-spacing: 0.1em;
	}
	#newsArea .textArea .newsList dd {
		margin-left: 94px;
	}
	#newsArea .textArea .newsList dd a {
		border-bottom: none;
	}

/* permanentArea */
	#permanentArea {
		margin-bottom: -76px;
	}
	body.ie6 #permanentCarouselWrap {
		overflow: hidden;
		width: 100%;
		height: 476px;
	}
	#permanentCarousel li {
		zoom: 1;
		position: relative;
		float: left;
		margin-bottom: 76px;
	}
	#permanentCarousel li img {
		width: auto;
		height: auto;
	}
	#permanentCarousel li a {
		border-bottom: none;
		color: #666666 !important;
	}
	#permanentCarousel li .text {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		font-size: 77.0%;
		line-height: 1.5;
		margin-top: 5px;
	}
	#permanentCarouselWrap a.carouselPrev,
	#permanentCarouselWrap a.carouselNext {
		display: 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 .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 .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(../img/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(../img/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%;
	}


/* 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;
	}

/* exhibitionArea */
	#exhibitionCarousel li a {
		width: 100%;
	}
	#exhibitionCarousel li a .image {
		margin-right: 250px;
	}
	#exhibitionCarousel li a .image img {
		width: 100%;
		height: auto;
	}

/* topicsArea */
	.topicsCarousel li a img {
		width: 100%;
		height: auto;
	}
	/* nonCarousel */
	.nonCarousel .topicsCarousel li a img {
		width: 30.4%;
	}
	.nonCarousel .topicsCarousel li a .text {
		float: none;
		width: auto;
		margin-left: 42px;
		padding-left: 30.4%;
	}
	.nonCarousel .topicsCarousel li a .text .date {
		margin-bottom: 2px;
	}
	.nonCarousel .topicsCarousel li a .text h3 {
		clear: none;
	}

/* permanentArea */
	#permanentCarousel li img {
		width: auto;
		height: 100%;
	}
	#permanentCarouselWrap {
		position: relative;
	}
	#permanentCarouselWrap a.carouselPrev,
	#permanentCarouselWrap a.carouselNext {
		display: block;
		position: absolute;
		top: 50%;
		overflow: hidden;
		width: 60px;
		height: 120px;
		margin-top: -98px;
		border-bottom: none;
		background-repeat: no-repeat;
		text-indent: -9999px;
	}
	#permanentCarouselWrap .carouselPrev {
		left: 0;
		background-image: url(../img/carousel-prev01.png);
		background-position: -10px top;
	}
	#permanentCarouselWrap .carouselNext {
		right: 0;
		background-image: url(../img/carousel-next01.png);
		background-position: 10px top;
	}
	html.retina #permanentCarouselWrap .carouselPrev {
		background-image: url(../img/retina/carousel-prev01.png);
		-webkit-background-size: 60px 120px;
		background-size: 60px 120px;
	}
	html.retina #permanentCarouselWrap .carouselNext {
		background-image: url(../img/retina/carousel-next01.png);
		-webkit-background-size: 60px 120px;
		background-size: 60px 120px;
	}

/* 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;
	}
	#mainArea #mainBnr {
		display: none;
	}
	#mainArea #SPmainBnr {
		display: block;
		padding: 0 15px;
		background: #eeeeee;
	}
	#mainArea #SPmainBnr a {
		display: block;
		position: relative;
		height: 30px;
		overflow: hidden;
		border-bottom: none;
		color: #333333;
		font-size: 77.0%;
		line-height: 30px;
	}
	#mainArea #SPmainBnr a span {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		white-space: nowrap;
	}
	#mainArea #newsTicker {
		position: static;
		width: 100%;
	}
	#mainArea #newsTicker dt {
		float: left;
		width: 44px;
		background: #f1832c;
	}
	#mainArea #newsTicker dt a {
		font-size: 76.9%;
	}
	#mainArea #newsTicker dd {
		float: none;
		width: auto;
		margin-left: 44px;
		padding: 2px 0 2px 10px;
		background: #eeeeee;
		font-size: 76.9%;
	}
	#mainArea #newsTicker dd .list li {
		padding-right: 10px;
	}
	#mainArea #newsTicker dd .g {
		display: none;
	}
	#mainArea #mainScroll {
		display: none;
	}

/* container */
	#container {
		position: static;
		background: none;
	}

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

/* titleArea */
	.titleArea {
		padding: 21px 0;
	}
	.titleArea .title {
		color: #000000;
		font-size: 84.6%;
		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;
	}

/* exhibitionArea */
	#exhibitionCarousel li {
		padding: 0;
	}
	#exhibitionCarousel li a .image {
		display: table-cell;
		width: 50%;
		margin-right: 0;
	}
	#exhibitionCarousel li a .text {
		display: table-cell;
		position: static;
		width: 50%;
		padding: 0;
		vertical-align: middle;
	}
	#exhibitionCarousel li a .text .sub {
		margin-bottom: 4px;
		padding: 0 26px 0 8px;
		font-size: 76.9%;
		line-height: 1.5;
	}
	#exhibitionCarousel li a .text h3 {
		margin-bottom: 8px;
		padding: 0 26px 0 8px;
		font-size: 84.6%;
		line-height: 1.55;
		letter-spacing: 0.1em;
	}
	#exhibitionCarousel li a .text .date {
		padding: 0 26px 0 8px;
		font-size: 76.9%;
		line-height: 1.6;
	}
	#exhibitionCarouselWrap a.carouselPrev,
	#exhibitionCarouselWrap a.carouselNext {
		width: 27px;
		height: 64px;
		margin-top: -32px;
		-webkit-background-size: 27px 64px !important;
		background-size: 27px 64px !important;
	}
	#exhibitionCarouselWrap a.carouselPrev {
		background-position: -5px top;
	}
	#exhibitionCarouselWrap a.carouselNext {
		background-position: 5px top;
	}

/* 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(../img/carousel-prev02.gif) !important;
	}
	.topicsCarouselWrap a.carouselNext {
		right: -2px !important;
		background-image: url(../img/carousel-next02.gif) !important;
	}
	html.retina .topicsCarouselWrap a.carouselPrev {
		background-image: url(../img/retina/carousel-prev02.gif) !important;
		-webkit-background-size: 28px 27px !important;
		background-size: 28px 27px !important;
	}
	html.retina .topicsCarouselWrap a.carouselNext {
		background-image: url(../img/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: 0 0 36px;
	}
	#newsArea .titleArea {
		position: relative;
		float: none;
		padding: 21px 0;
	}
	#newsArea .titleArea .title {
		text-align: center;
	}
	#newsArea .titleArea .more {
		top: 50%;
		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: 100%;
		font-weight: normal;
		line-height: 1.82;
		letter-spacing: 0.08em;
	}
	#newsArea .textArea .newsList dd {
		margin-bottom: 5px;
		margin-left: 80px;
	}
	#newsArea .textArea .newsList dd:last-child {
		margin-bottom: 0;
	}

/* permanentArea */
	#permanentCarouselWrap a.carouselPrev,
	#permanentCarouselWrap a.carouselNext {
		width: 27px;
		height: 64px;
		margin-top: -70px;
		-webkit-background-size: 27px 64px !important;
		background-size: 27px 64px !important;
	}
	#permanentCarouselWrap a.carouselPrev {
		background-position: -5px top;
	}
	#permanentCarouselWrap a.carouselNext {
		background-position: 5px top;
	}

/* 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 .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 .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%;
	}

}