@charset "utf-8";


/*------------------------------------------------------------
  common
------------------------------------------------------------ */
@import url("common.css");


/*------------------------------------------------------------
  suntory_contents
------------------------------------------------------------ */
#suntory_contents {
	padding: 40px 0 20px;
}

#suntory_contents #container {
	margin: 0 auto;
	width: 650px;
}


/*------------------------------------------------------------
  requiem2
------------------------------------------------------------ */
#suntory_contents #requiem2 h2 {
	margin-bottom: 20px;
	width: 650px;
	height: 47px;
	background: url('../img/tl_requiem_short.png') no-repeat 0 0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#suntory_contents #requiem2 #lead {
	margin-bottom: 20px;
}
#suntory_contents #requiem2 #lead p {
	margin: 0 0 1em;
	font-size: .875em;
	line-height: 1.8;
}



#suntory_contents #requiem2 #classification {
	margin-bottom: 30px;
}
#suntory_contents #requiem2 #classification h4 {
	width: 650px;
	height: 40px;
	background: url('../img/tl_classification.png') no-repeat 0 0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#suntory_contents #requiem2 #classification figure {
	margin-bottom: 20px;
}
#suntory_contents #requiem2 #classification figure img {
	vertical-align: bottom;
}
#suntory_contents #requiem2 #classification p {
	font-size: .875em;
	line-height: 1.8;
}

#suntory_contents #requiem2 #layout h4 {
	width: 650px;
	height: 75px;
	background: url('../img/tl_layout.png') no-repeat 0 0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#suntory_contents #requiem2 #layout .annotation {
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	height: 0px;
}
#suntory_contents #requiem2 #layout #layoutImage {
	margin-bottom: 30px;
	width: 650px;
	height: 610px;
	background: url('../img/base_layout.png') no-repeat 0 0;
	position: relative;
}
#suntory_contents #requiem2 #layout #layoutImage li a {
	width: 78px;
	height: 78px;
	display: block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	position: absolute;
}
#suntory_contents #requiem2 #layout #layoutImage li.speaker2 a {
	background: url('../img/btn_layout.png') no-repeat 0 0;
	top: 41px;
	left: 21px;
}
#suntory_contents #requiem2 #layout #layoutImage li.speaker2 a:hover {
	background: url('../img/btn_layout.png') no-repeat 0 -78px;
}
#suntory_contents #requiem2 #layout #layoutImage li.speaker6 a {
	background: url('../img/btn_layout.png') no-repeat -78px 0;
	top: 41px;
	left: 286px;
}
#suntory_contents #requiem2 #layout #layoutImage li.speaker6 a:hover {
	background: url('../img/btn_layout.png') no-repeat -78px -78px;
}
#suntory_contents #requiem2 #layout #layoutImage li.speaker3 a {
	background: url('../img/btn_layout.png') no-repeat -156px 0;
	top: 41px;
	left: 551px;
}
#suntory_contents #requiem2 #layout #layoutImage li.speaker3 a:hover {
	background: url('../img/btn_layout.png') no-repeat -156px -78px;
}
#suntory_contents #requiem2 #layout #layoutImage li.narrator a {
	background: url('../img/btn_layout.png') no-repeat -234px 0;
	top: 131px;
	left: 151px;
}
#suntory_contents #requiem2 #layout #layoutImage li.narrator a:hover {
	background: url('../img/btn_layout.png') no-repeat -234px -78px;
}
#suntory_contents #requiem2 #layout #layoutImage li.chorus1 a {
	background: url('../img/btn_layout.png') no-repeat -312px 0;
	top: 131px;
	left: 241px;
}
#suntory_contents #requiem2 #layout #layoutImage li.chorus1 a:hover {
	background: url('../img/btn_layout.png') no-repeat -312px -78px;
}
#suntory_contents #requiem2 #layout #layoutImage li.soprano a {
	background: url('../img/btn_layout.png') no-repeat -390px 0;
	top: 131px;
	left: 331px;
}
#suntory_contents #requiem2 #layout #layoutImage li.baritone a:hover {
	background: url('../img/btn_layout.png') no-repeat -468px -78px;
}
#suntory_contents #requiem2 #layout #layoutImage li.baritone a {
	background: url('../img/btn_layout.png') no-repeat -468px 0;
	top: 131px;
	left: 421px;
}
#suntory_contents #requiem2 #layout #layoutImage li.soprano a:hover {
	background: url('../img/btn_layout.png') no-repeat -390px -78px;
}

#suntory_contents #requiem2 #layout #layoutImage li.speaker5 a {
	background: url('../img/btn_layout.png') no-repeat -546px 0;
	top: 291px;
	left: 21px;
}
#suntory_contents #requiem2 #layout #layoutImage li.speaker5 a:hover {
	background: url('../img/btn_layout.png') no-repeat -546px -78px;
}
#suntory_contents #requiem2 #layout #layoutImage li.chorus2 a {
	background: url('../img/btn_layout.png') no-repeat -312px 0;
	top: 291px;
	left: 111px;
}
#suntory_contents #requiem2 #layout #layoutImage li.chorus2 a:hover {
	background: url('../img/btn_layout.png') no-repeat -312px -78px;
}
#suntory_contents #requiem2 #layout #layoutImage li.chorus3 a {
	background: url('../img/btn_layout.png') no-repeat -312px 0;
	top: 291px;
	left: 462px;
}
#suntory_contents #requiem2 #layout #layoutImage li.chorus3 a:hover {
	background: url('../img/btn_layout.png') no-repeat -312px -78px;
}
#suntory_contents #requiem2 #layout #layoutImage li.speaker7 a {
	background: url('../img/btn_layout.png') no-repeat -624px 0;
	top: 291px;
	left: 551px;
}
#suntory_contents #requiem2 #layout #layoutImage li.speaker7 a:hover {
	background: url('../img/btn_layout.png') no-repeat -624px -78px;
}
#suntory_contents #requiem2 #layout #layoutImage li.chorus4 a {
	background: url('../img/btn_layout.png') no-repeat -312px 0;
	top: 421px;
	left: 286px;
}
#suntory_contents #requiem2 #layout #layoutImage li.chorus4 a:hover {
	background: url('../img/btn_layout.png') no-repeat -312px -78px;
}
#suntory_contents #requiem2 #layout #layoutImage li.speaker1 a {
	background: url('../img/btn_layout.png') no-repeat -702px 0;
	top: 511px;
	left: 21px;
}
#suntory_contents #requiem2 #layout #layoutImage li.speaker1 a:hover {
	background: url('../img/btn_layout.png') no-repeat -702px -78px;
}
#suntory_contents #requiem2 #layout #layoutImage li.speaker8 a {
	background: url('../img/btn_layout.png') no-repeat -780px 0;
	top: 511px;
	left: 286px;
}
#suntory_contents #requiem2 #layout #layoutImage li.speaker8 a:hover {
	background: url('../img/btn_layout.png') no-repeat -780px -78px;
}
#suntory_contents #requiem2 #layout #layoutImage li.speaker4 a {
	background: url('../img/btn_layout.png') no-repeat -858px 0;
	top: 511px;
	left: 551px;
}
#suntory_contents #requiem2 #layout #layoutImage li.speaker4 a:hover {
	background: url('../img/btn_layout.png') no-repeat -858px -78px;
}

#suntory_contents #requiem2 #layout .note {
	margin-bottom: 20px;
	font-size: .875em;
	line-height: 1.8;
}
#suntory_contents #requiem2 #layout .note.bottom {
	margin-bottom: 30px;
}

#suntory_contents #requiem2 #layout dt {
	margin-bottom: 10px;
	font-size: 1em;
	font-weight: bold;
	line-height: 24px;
}
#suntory_contents #requiem2 #layout dt.speaker {
	background: url('../img/icon_speaker.png') no-repeat left center;
	padding: 0 0 0 35px;
	min-height: 24px;
}

#suntory_contents #requiem2 #layout table {
	margin-bottom: 10px;
	width: 100%;
	border-collapse: collapse;
}
#suntory_contents #requiem2 #layout table th {
	font-size: .875em;
	font-weight: bold;
	line-height: 39px;
	height: 39px;
	padding: 0 27px 0 68px;
	vertical-align: middle;
	border-right: 1px solid #dddddd;
}
#suntory_contents #requiem2 #layout table th.artist {
	background: #e6d8fa url('../img/icon_artist.png') no-repeat left center;
	border-top: 1px solid #d9d0e6;
	border-bottom: 1px solid #d9d0e6;
	border-left: 1px solid #d9d0e6;
}
#suntory_contents #requiem2 #layout table th.philosopher {
	background: #e1f2ff url('../img/icon_philosopher.png') no-repeat left center;
	border-top: 1px solid #c8d9e6;
	border-bottom: 1px solid #c8d9e6;
	border-left: 1px solid #c8d9e6;
}
#suntory_contents #requiem2 #layout table th.musician {
	background: #ffeaf6 url('../img/icon_musician.png') no-repeat left center;
	border-top: 1px solid #e6d0dd;
	border-bottom: 1px solid #e6d0dd;
	border-left: 1px solid #e6d0dd;
}
#suntory_contents #requiem2 #layout table th.litterateur {
	background: #fbeedd url('../img/icon_litterateur.png') no-repeat left center;
	border-top: 1px solid #e1d4c3;
	border-bottom: 1px solid #e1d4c3;
	border-left: 1px solid #e1d4c3;
}
#suntory_contents #requiem2 #layout table th.politician {
	background: #eaf6e1 url('../img/icon_politician.png') no-repeat left center;
	border-top: 1px solid #d0ddc8;
	border-bottom: 1px solid #d0ddc8;
	border-left: 1px solid #d0ddc8;
}
#suntory_contents #requiem2 #layout table th.liturgy {
	background: #eebeca url('../img/icon_liturgy.png') no-repeat left center;
	border-top: 1px solid #ddaeb9;
	border-bottom: 1px solid #ddaeb9;
	border-left: 1px solid #ddaeb9;
}
#suntory_contents #requiem2 #layout table th.politics {
	background: #c4dfc4 url('../img/icon_politics.png') no-repeat left center;
	border-top: 1px solid #b4cfb4;
	border-bottom: 1px solid #b4cfb4;
	border-left: 1px solid #b4cfb4;
}
#suntory_contents #requiem2 #layout table th.law {
	background: #e6cbb6 url('../img/icon_law.png') no-repeat left center;
	border-top: 1px solid #d6bba7;
	border-bottom: 1px solid #d6bba7;
	border-left: 1px solid #d6bba7;
}
#suntory_contents #requiem2 #layout table th.bible {
	background: #cbd1ed url('../img/icon_bible.png') no-repeat left center;
	border-top: 1px solid #bbc2dd;
	border-bottom: 1px solid #bbc2dd;
	border-left: 1px solid #bbc2dd;
}


#suntory_contents #requiem2 #layout table td {
	font-size: .875em;
	line-height: 1.5;
	background: #f7f7f7;
	border-top: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
	border-right: 1px solid #d6d6d6;
	padding: 10px 20px;
	vertical-align: middle;
}

#suntory_contents #requiem2 .back2Layout {
	font-size: .875em;
	text-align: right;
	margin-bottom: 30px;
}
#suntory_contents #requiem2 .back2Layout a {
	background: url('../img/arrow_page_top.png') no-repeat 0 center;
	padding: 0 0 0 20px;
}



/*------------------------------------------------------------
  btnClose
------------------------------------------------------------ */
#suntory_contents .btnClose a {
	margin: 20px auto 40px;
	width: 101px;
	height: 31px;
	background: url('../img/btn_close.png') no-repeat 0 0;
	display: block;
	text-indent: -9999px;
}
#suntory_contents .btnClose a:hover {
	background: url('../img/btn_close.png') no-repeat 0 -31px;
}
