@charset "utf-8";

/*------------------------------------------------------------
  common
  ------------------------------------------------------------ */
body {
	text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
}
  #suntory_contents .contents_wrap {
  	background-color: #f0f0ea;
  	padding: 15px 0 110px;
  }
  #suntory_contents .breadcrumbs {
  	margin-top: 0;
  }

/* clearfix */
.clearfix {overflow:hidden; display: inline-block;}
.f_left{
	float:left;
}
.f_right{
	float:right;
}

.tx_right{
	text-align:right;
}

.tx_left{
	text-align:left;
}

.mb20{
	margin-bottom:20px;
}


  /* for PC */


/*------------------------------------------------------------
  kidsReport（PC）
  ------------------------------------------------------------ */
  #suntory_contents #kidsReport {
  	width: 960px;
  	margin: 0 auto;
  	background-color: #e7e4df;
  }

  /*btnArea*/
  #suntory_contents #kidsReport #btnArea { margin: 50px 0 40px; }

  #suntory_contents #kidsReport #btnArea p a {
  	text-indent: -9999px;
  	margin: 0 auto;
  	width: 250px;
  	height: 50px;
  	display: block;
  	background: url(../img/btn_event_off.png) no-repeat 0 0;
  }

  #suntory_contents #kidsReport #btnArea p a:hover {
  	background: url(../img/btn_event_on.png) no-repeat 0 0;
  }


/*reportV253（PC）
------------------------------------------------------------ */
#suntory_contents #kidsReport #reportV253 img { vertical-align: bottom; }
#suntory_contents #kidsReport #reportV253 ul li { list-style: none; }
#suntory_contents #kidsReport #reportV253 #reportBox ul { overflow: hidden; zoom: 1; }
#suntory_contents #kidsReport #reportV253 #reportBox ul li { float: left; }


/*reportV260（PC）
------------------------------------------------------------ */
#suntory_contents #kidsReport #reportV260 img { vertical-align: bottom; }
#suntory_contents #kidsReport #reportV260 ul li { list-style: none; }
#suntory_contents #kidsReport #reportV260 #reportBox ul { overflow: hidden; zoom: 1; }
#suntory_contents #kidsReport #reportV260 #reportBox ul li { float: left; }


/*reportV263（PC）
------------------------------------------------------------ */
#suntory_contents #kidsReport #reportV263 img { vertical-align: bottom; }
#suntory_contents #kidsReport #reportV263 ul li { list-style: none; }
#suntory_contents #kidsReport #reportV263 #reportBox ul { overflow: hidden; zoom: 1; }
#suntory_contents #kidsReport #reportV263 #reportBox ul li { float: left; }



/*****************TOPページ*****************/

.top {
	background-image:url(../img/top_bg.png);
	background-position:top;
	background-repeat:no-repeat;
	position:relative;
	background-color:#e7e4df;
	color:#4b4646;
}

/*TOPページ背景画像　花*/
.top .absolute_img01{
	position: absolute;
	right: 0;
	top: 153px;
}

.top .absolute_img02{
	position: absolute;
	left: 0;
	top: 569px;
}

.top .absolute_img03{
	position: absolute;
	right: 0;
	top: 691px;
	/*top: 50.6%;*/
}

.top .absolute_img04{
	position: absolute;
	left: 0px;
	top: 918px;
	/*top: 71.5%;*/
}

.top .absolute_img05{
	position: absolute;
	/*left: 70%;*/
	left: 750px;
	bottom: 2px;
}

/*****************TOPページ header*****************/
.top #header{
	height: 463px;
}

.top h1{
	position: absolute;
	left: 52px;
	top: 19px;
}

.top #nav ul{
	position: absolute;
	left: 58px;
	top: 258px;
}

.top #nav ul li{
	margin-bottom:10px;
}

.top #nav ul li.btn01 a {
	width:405px;
	height:55px;
	background-image:url(../img/top_nav_btn.png);
	background-position:0 0;
	background-repeat:no-repeat;
	display: block;
	text-indent: -9999px;
}


.top #nav ul li.btn01 a:hover {
	background-image:url(../img/top_nav_btn.png);
	background-position:-407px 0;
	background-repeat:no-repeat;
}

.top #nav ul li.btn02 a {
	width:405px;
	height:55px;
	background-image:url(../img/top_nav_btn.png);
	background-position:0 -65px;
	background-repeat:no-repeat;
	display: block;
	text-indent: -9999px;
}

.top #nav ul li.btn02 a:hover {
	background-image:url(../img/top_nav_btn.png);
	background-position:-407px -65px;
	background-repeat:no-repeat;
}

.top #nav ul li.btn03 a {
	width:405px;
	height:55px;
	background-image:url(../img/top_nav_btn.png);
	background-position:0 -130px;
	background-repeat:no-repeat;
	display: block;
	text-indent: -9999px;
}

.top #nav ul li.btn03 a:hover {
	background-image:url(../img/top_nav_btn.png);
	background-position:-407px -130px;
	background-repeat:no-repeat;
}

.top #nav ul li.btn04 a {
	width:405px;
	height:55px;
	background-image:url(../img/top_nav_btn.png);
	background-position:0 -195px;
	background-repeat:no-repeat;
	display: block;
	text-indent: -9999px;
}

.top #nav ul li.btn04 a:hover {
	background-image:url(../img/top_nav_btn.png);
	background-position:-407px -195px;
	background-repeat:no-repeat;
}

/*****************TOPページ本文*****************/
.top #main{
	background-color:#fff;
	margin:0 30px;
	padding:130px 145px 50px;
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝","serif";
}

.top #main h2{
	font-size:240%;
	margin-bottom:60px;}

	.top #main p.txt{
		font-size: 15px;
		line-height:200%;
		margin-bottom:1.5em;}

		.top #main .logo{
			margin-top:95px;
		}

		/*****************footer共通*****************/
		#footer{
			padding:30px 0;
		}

		#footer .f_nav{
			display:inline-block;
			overflow:hidden;
			margin:0 auto;
			font-size:80%;
			width:580px;
		}

		#footer .f_nav li{
			float:left;
			line-height:200%;
		}

		#footer .f_nav li a{
			text-decoration:none;
			color:#4b4646;
		}
		#footer .f_nav li a:hover {
			text-decoration:underline;
		}

		#main a{
			text-decoration:none;
			color:#4b4646;
		}
		#main a:hover {
			text-decoration:underline;
		}
		/*****************下層ページ共通*****************/
		.sub {
			background-image:url(../img/common/sub_bg.png);
			background-position:top;
			background-repeat:no-repeat;
    overflow: hidden;
		}



		.sub #header{
			margin:0 30px;
			overflow:hidden;
			/*display:inline-block;*/
		}

		.sub h1{
			width:252px;
			float:left;
			margin-top:27px;
		}

		.sub #nav{
			margin-top:51px;
			margin-left:48px;
			width:600px;
			float:left;
		}

		.sub #main{
			background-color:#fff;
			padding:30px;
			margin:0 30px;
			color:#191004;
			position:relative;
			border:none !important;

		}


		.sub #main h2 {
			margin-bottom:70px;
		}

		/*下層ページ背景画像　花*/
		.sub #main .absolute_img01{
			position: absolute;
			right: -30px;
			top: 117px;
			/*z-index: 1;*/
		}

		.sub #main .absolute_img02{
			position: absolute;
			left: -30px;
			top: 509px;
		}

		.sub #main .absolute_img03{
			position: absolute;
			right: -30px;
			top: 731px;
		}

		.sub #main .absolute_img04{
			position: absolute;
			left:-30px;
			top: 918px;
		}

		.sub #main .absolute_img05{
			position: absolute;
			right: 500px;
			top: 20px;
		}


		/*記念展覧会 背景画像　花*/
		.exhibition #main .absolute_ex-img01{
			position: absolute;
			right: -30px;
			top: 1340px
		}

		.exhibition #main .absolute_ex-img02{
			position: absolute;
			left: 30px;
			top: 2025px
		}

		.exhibition #main .absolute_ex-img03{
			position: absolute;
			right: 43px;
			top: 3067px
		}
		/***************記念展覧会*****************/
		.exhibition #main .section {
			border-top:#bfa782 solid 2px;
			margin-bottom:50px;
			overflow:hidden; display: inline-block;
			z-index: 2;
		}

		.exhibition #main .box_bg01{
			background-image:url(../img/exhibition/ex_box_bg01.gif);
			background-position:2px left;
			background-repeat:no-repeat;
	/*background-color:#ccc;
	background-position:top left;
	background-size:10px 10px;*/
}

.exhibition #main .box_bg02{
	/*
	background-image:url(../img/exhibition/ex_box_bg02.gif);
	background-position:2px right !important;
	background-repeat:no-repeat;
	*/
	background:url(../img/exhibition/ex_box_bg02.gif) top right no-repeat;
}

.exhibition #main .box_bg03{
	background-image:url(../img/exhibition/ex_box_bg03.gif);
	background-position:2px left;
	background-repeat:no-repeat;
}

.exhibition #main .box_bg04{
	/*background-image:url(../img/exhibition/ex_box_bg04.gif);
	background-position:2px right;
	background-repeat:no-repeat;*/
	background:url(../img/exhibition/ex_box_bg04.gif) top right no-repeat;
}

.exhibition #main .box_bg05{
	background-image:url(../img/exhibition/ex_box_bg05.gif);
	background-position:2px left;
	background-repeat:no-repeat;
}

.exhibition #main .section h3 a{
	text-decoration: underline;
	color: #191004;
}
.exhibition #main .section h3 a:hover{
	text-decoration: none;
}

.exhibition #main .section .box_t{
	padding:40px 0 0 30px;
}

.exhibition #main .section .box_t02{
	padding:40px 30px 0 430px;
}

.exhibition #main .section .box_b{
	padding:0 70px;
}

.exhibition #main .section .box_b img{
	margin-bottom:30px;
}

.exhibition #main .section .box_b .txt{
	margin-bottom:20px;
}

.exhibition #main .section .caption{
	font-size:80%;
	line-height:150%;
}

.exhibition #main .section .pic{
	width:500px;
}
.exhibition #main .section .detail{
	width:290px;
	padding:40px 20px 0 30px;
}

.exhibition #main .section .pic img{
	margin-bottom:15px;
	z-index: 3;
}

.exhibition #main .section h3 {
	font-size:160%;
	margin-bottom:20px;
	font-weight:bold;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

.exhibition #main .section .date {
	font-size:120%;
	color:#927752;
	margin-bottom:35px;
	font-weight:bold;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

.exhibition #main .section .txt {
	font-size:95%;
	line-height:180%;
}

.exhibition #main .section .caption02{
	font-size:80%;
	margin-bottom:15px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}


/***************プレミアム トークシリーズ*****************/
.premium {
}

.premium .end {
	background: #888;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #fff;
	width: 120px;
	padding: 7px;
	text-align: center;
	font-size:13px;
	margin-bottom: 15px;
}

.premium .info{
	border:#bfa782 solid 1px;
	overflow:hidden;
	display:inline-block;
	padding:15px 35px;
	margin-bottom:30px;
	width:768px;
}

.premium .info dt{
	float:left;
	color:#927752;
	font-weight:bold;
	font-size:120%;
	width:100;
	padding-top:0.75em;
	margin-right:25px;
}

.premium .info dd{
	font-size:75%;
	line-height:180%;
	float:left;
	width:40em;
	margin:0;
}

.premium .info dd ul{
	padding:0;
}


.premium #main .section,
.lecture #main .section,
.workshop #main .section{
	margin-bottom:50px;
}

.premium #main .section h3,
.workshop #main .section h3{
	border-top:#bfa782 solid 2px;
	margin-bottom:20px;
}
.premium #main .section .detail,
.lecture #main .section .detail,
.workshop #main .section .detail{
	width:590px;

}
.premium #main .section .d_left,
.lecture #main .section .d_left,
.workshop #main .section .d_left{
	margin-right:20px;
	margin-left:30px;
}

.premium #main .section .d_right,
.lecture #main .section .d_right,
.workshop #main .section .d_right{
	margin-right:30px;
	margin-left:20px;
}


.premium #main .section .pic,
.lecture #main .section .pic,
.workshop #main .section .pic{
	width:200px;
}

.premium #main .section .detail_sq{
	width:560px;
}

.premium #main .section .pic_sq{
	width:230px;
}


.premium #main .section h4{
	font-size:24px;
	margin-bottom: 20px;
	color: #927752 ;
	font-weight: bold;
}
.premium #main .section dl{

}

.premium #main .section dl dt,
.lecture #main .section dl dt,
.workshop #main .section dl dt{
	border-bottom:#bfa782 dashed 1px;
	margin-bottom:20px;
}

.premium #main .section dl dt ul {
	margin-bottom: 20px;
}
.premium #main .section dl dt ul li,
.lecture #main .section dl dt ul li,
.workshop #main .section dl dt ul li{
	color:#927752;
	font-weight:bold;
	font-size:120%;
	margin:10px 0;
	line-height:120%;
}
.premium #main .section dl dt ul li:first-child{
	margin-top: 0;
}
.premium #main .section dl dd,
.lecture #main .section dl dd,
.workshop #main .section dl dd{
	margin:0;
}
.premium #main .section dl dt .small,
.lecture #main .section dl dt .small{
	font-size:70%;
}
.premium #main .section dl dt .place_more{
	font-size:70%;
	display:inline-block;
	padding-left:6em;
}

.premium #main .section dl dd .guest,
.lecture #main .section dl dd .guest{
	background-image:url(../img/premium/pre_ico.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:92px;
	font-size:180%;
	font-weight:500;
	margin-bottom:20px;
	line-height:100%;
}

.premium #main .section dl dd .guest .small,
.lecture #main .section dl dd .guest .small{
	font-size:70%;
}

.premium #main .section dl dd .curator{
	background-image:url(../img/premium/pre_ico_02.png);
	background-repeat:no-repeat;
	background-position:left center;
	line-height:140%;
	padding-left:92px;
	font-size:90%;
	margin-bottom:20px;
}

.premium #main .section dl dd .ticket,
.lecture #main .section dl dd .ticket{
	background-image:url(../img/common/tic_ico.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:70px;
	font-size:70%;
	line-height:190%;
}

.premium #main .section dl dd .ticket a,
.lecture #main .section dl dd .ticket a{
	text-decoration:underline;
	color: #927752;
}

.premium #main .section dl dd .ticket a:hover,
.lecture #main .section dl dd .ticket a:hover{
	text-decoration: none;
}

.premium #main .section dl dd .guest02,
.lecture #main .section dl dd .guest02{
	font-size:85%;
	font-weight:bold;
	margin-bottom:15px;
}
.premium #main .section .txt,
.lecture #main .section .txt,
.workshop #main .section .txt {
	font-size:85%;
	line-height:150%;
}

.premium #main .section .caption,
.lecture #main .section .caption,
.workshop #main .section .caption{
	font-size:70%;
	line-height:150%;
	margin-top:10px;
	text-align:right;
}

/***************特別講演会*****************/
.lecture #main .section h3{
	margin-bottom:20px;
}
.lecture #main .section dl dt .attention{
	margin: 10px 0 15px;
}
.lecture #main .section dl dt .attention .small{
	font-weight: normal;
	font-size:70%;
	line-height: 110%;
}
.lecture .end {
	background: #888;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #fff;
	width: 120px;
	padding: 7px;
	text-align: center;
	font-size:13px;
	margin-bottom: 15px;
}

/***************工芸 ワークショップ*****************/

.workshop {
}

/*.workshop #main .Entry {
	width: 140px;
	margin: 0 0 15px auto;
	}*/
	.workshop #main .Entry a {
		display:block;
		background: #df5900;
		border-radius: 18px;
		-moz-border-radius: 18px;
		-webkit-border-radius: 18px;
		color: #fff;
		width: 90px;
		padding: 8px;
		text-align: center;
		font-size:13px;
	}
	.workshop #main .Entry a:hover {
		text-decoration: none;
		color: #f9decc;
	}

	.workshop #main .EntryEnd {
		background: #fff;
		border-radius: 18px;
		-moz-border-radius: 18px;
		-webkit-border-radius: 18px;
		color: #000;
		width: 90px;
		padding: 8px;
		text-align: center;
		font-size:13px;
		border: 1px #000 solid;
	}

	.workshop #main .EntryEnd.finish {
		background: #888;
		color: #FFF;
		border: 1px #888 solid;
	}

	.workshop .info{
		border:#bfa782 solid 1px;
		overflow:hidden;
		display:inline-block;
		padding:15px 30px;
		margin-bottom:10px;
		width:778px;
	}

	.workshop .info dt{
		float:left;
		color:#927752;
		font-weight:bold;
		font-size:100%;
		_width:22em;
		margin-right:10px;
		line-height:180%;
		vertical-align:top;
	}

	.workshop .info dt li{
		font-weight:bold;
	}
	.workshop .info dd{
		font-size:75%;

		line-height:180%;
		float:left;
		width:34em;
		margin:0;
		/*padding-top:0.75em;*/
	}

	.workshop .info ul{
		padding:0;
	}

	.workshop .info-pre{
		color:#927752;
		font-size:100%;
		margin:0 0 10px 15px;
	}

	.workshop .info-sub{
		overflow:hidden;
		display:inline-block;
		margin:0 0 30px 15px;
		width:778px;
	}

	.workshop .info-sub dt{
		font-weight:bold;
		font-size:75%;
		line-height:180%;
	}

	.workshop .info-sub dt li{
	}
	.workshop .info-sub ul{
		padding:0;
	}
	.workshop .info-sub span{
		color:#DF5900;
	}


	.workshop #main .section h3{
		border-top:#bfa782 solid 2px;
		margin-bottom:20px;
	}

	.workshop #main .section h3 .ttl{
		background-color:#bfa782;
		color:#fff;
	}

	.workshop #main .section dl dt .date{
		color:#927752;
		font-weight:bold;
		font-size:120%;
		margin-bottom:15px;
		line-height:140%;
	}

	.workshop #main .section dl dt .note{
		font-size:100%;
		margin:25px 0 15px 0;
		line-height:150%;
	}

	.workshop #main .section dl dd .instructor{
		background-image:url(../img/workshop/ws_ico.png);
		background-repeat:no-repeat;
		background-position:left center;
		padding-left:92px;
		font-size:180%;
		font-weight:bold;
		margin-bottom:20px;
		line-height:100%;
	}


	.workshop #main .section dl dd .instructor .small{
		font-size:70%;
	}

	.workshop #main .section dl dd .instructor02{
		background-image:url(../img/workshop/ws_ico_02.png);
		background-repeat:no-repeat;
		background-position: right center;
		padding-left:92px;
		padding-right:60px;
		margin-bottom:20px;
		font-size:120%;
		display:inline-block;
	}

	.workshop #main .section table.data{
		width:100%;
		margin:30px 0 20px;
		font-size:95%;
		line-height:150%;
	}

	.workshop #main .section table.data tr{
		border-bottom:1px #edeae0 solid;
	}

	.workshop #main .section table.data tr:last-child{
		border-bottom:none;
	}

	.workshop #main .section table.data th{
		padding:5px 0;
		font-size:85%;
		text-align:left;
	}

	.workshop #main .section table.data td{
		vertical-align:middle;
		padding:20px 0;
	}

	.workshop #main .section table.data .day{ width:20%; }
	.workshop #main .section table.data .time{ width:15%; }
	.workshop #main .section table.data .capacity{ width:36%; }
	.workshop #main .section table.data .fee{ width:15%; }
	.workshop #main .section table.data .apply{ width:20%; }