/*
--------------------------------------------
	CSS
	公益財団法人 サイトウ・キネン財団
	2016 ssita.org
--------------------------------------------
*/

	body{
		text-align:	center;
		background-color:	#eeeeee;
		color:	#666666;
	}

/* font-size button */
	div.title_header{
		position:	relative;
	}
	div.s0402{
		position:	absolute;
		z-index:	1;
		top:	334px;
		right:	10px;
		width:	100px;
		height:	50px;
		background-color:	#ffffff;
		opacity:	0.75;
		text-align:	center;
		padding-top:	6px;
		font-size:	12px;
		color:	#000000;
		font-weight:	900;
		line-height:	1.5em;
	}

/* ground_area */
	div.s0010{	
		background-color:	#ffffff;
		text-align:	center;
		border-width:	1px;
		border-color:	#ffffff;
		border-style:	solid;
		width:	1020px;
		margin-left:	auto;
		margin-right:	auto;
	}

/* page_area */
	div.s0020{
		border-width:	1px;
		border-color:	#ffffff;
		border-style:	solid;
		width:	1000px;
		margin-top:	10px;
		margin-bottom:	10px;
		margin-left:	auto;
		margin-right:	auto;
		text-align:	left;
	}

	div.s0030{
		margin-left:	12px;
	}
	
	a.s0040{
		color:	#666666;
		font-size:	75%;
	}

	h1.s0050{
		color:	#ff6633;
		font-size:	100%;
		margin-top:	20px;
	}

/* festival header */
	div.s0200{
		padding-top:	10px;
		width:	1000px;
		height:	58px;
		text-align:	center;
		margin-top:	10px;
		margin-bottom:	16px;
	}

/* menubar */
	div.inter{
		border-width:	0px 0px 1px 0px;
		border-color:	#666666;
		border-style:	solid;
		width:	16px;
		height:	42px;
		float:	left;
	}
	a.menubar_tab_text{
		color:	#333333;
	}
	div.tab1,div.tab2,div.tab3,div.tab4,div.tab5,div.tab6,div.tab7,div.tab8{
		border-width:	6px 0px 1px 0px;
		border-style:	solid;
		border-bottom-color:	#666666;
		width:	107px;
		height:	36px;
		float:	left;
		background-color:	#dddddd;
	}
	div.tab1{
		border-top-color:	#726250;	/*樺茶色かばちゃいろ*/
	}
	div.tab2{
		border-top-color:	#478384;	/*青碧せいへき*/
	}
	div.tab3{
		border-top-color:	#a25768;	/*浅蘇芳あさすおう*/
	}
	div.tab4{
		border-top-color:	#928c36;	/*鶯色うぐいすいろ*/
	}
	div.tab5{
		border-top-color:	#2a83a2;	/*花浅葱はなあさぎ*/
	}
	div.tab6{
		border-top-color:	#dd7a56;	/*肉桂色にっけいいろ*/
	}
	div.tab7{
		border-top-color:	#5654a2;	/*桔梗色ききょういろ*/
	}
	div.tab8{
		border-top-color:	#2f5d50;	/*天鵞絨びろうど*/
	}
	div.chr{
		margin-top:	10px;
		margin-bottom:	10px;
		text-align:	center;
		font-size:	80%;
		color:	#666666;
	}
	div.menubar_area{
		margin-top:	10px;
		margin-bottom:	20px;
		text-align:	center;
	}




/*contents*/
	div.s0060{
		margin-bottom:	10px;
	}

/*summary*/
	div.s0070{
		margin-left:	12px;
		margin-bottom:	30px;
		font-size:	75%;
		line-height:	1.5em;
		width:	450px;
	/*
		text-indent:	1em;
	*/
	}

/*list_text*/
	h3.s0080{
		margin-left:	12px;
		font-size:	90%;
		margin-bottom:	8px;
		font-weight:	500;
		color:	#ff6633;
	}

/* contents_text */
	div.s0090{
		margin-left:	60px;
		margin-bottom:	30px;
		font-size:	85%;
		line-height:	1.5em;
		width:	880px;
	}

	img.s0100,div.s0100{
		width:	300px;
		float:	left;
	/*
	*/
	}
	
	div.s0110{
		margin-left:	20px;
		margin-bottom:	30px;
		width:	560px;
		float:	left;
	/*
	*/
	}
	div.s0120{
		clear:	both;
	}

/* contents_header */
	div.s0130{
		background-image:	url(../img/contents_header_bg.png);
		background-repeat:	repeat-y;
		margin-top:	10px;
		margin-left:	15px;

	}
/* contents_header_text */
	h2.s0140{
		color:	#ffffff;
		font-size:	100%;
		padding:	8px;
	}

/* subtitle_text */
	h3.s0141{
		color:	#004080;
		font-size:	100%;
		font-weight:	900;
		margin-left:	60px;
	}


	div.s0150{
		margin-left:	12px;
	}
	
	img.s0160{
		margin-top:	20px;
		width:	240px;
		float:	left;
	}
	h1.s0170{
		margin-left:	20px;
		margin-top:	20px;
		width:	460px;
		color:	#ff6633;
		font-size:	100%;
		float:	left;
	}

/* w3c footer */
	div.w3c_footer{
		width:	1020px;
		margin-top:	10px;
		margin-bottom:	10px;
		margin-left:	auto;
		margin-right:	auto;
		text-align:	left;
	}


/* credit_footer */
	div.s0180{
		border-width:	1px 0px;
		border-style:	solid;
		border-color:	#999999;
		background-color:	#999999;
		width:	1000px;
	}
/* credit_footer_text */
	div.s0190{
		color:	#ffffff;
		margin-top:	10px;
		margin-bottom:	10px;
		margin-left:	10px;
		font-size:	125%;
		font-weight:	900;
		text-align:	center;
	}
	div.s0191{
		color:	#ffffff;
		margin-top:	10px;
		margin-bottom:	10px;
		margin-left:	10px;
		font-size:	75%;
		text-align:	center;
	}

/* list marker pdf */
	ul.s0301{
		list-style-image: url(../img/icon_pdf.png);
	}

	a.s0301{
		color: #666666;
	}

/* sitemap */
	div.s0510{
		
	}
	div.s0520{
		float:	left;
		width:	350px;
	}
	div.s0530{
		border:	0px solid #dddddd;
		padding:	10px;
	}
	div.s0540{
		border-style:	solid;
		border-width:	0px 0px 1px 16px;
		padding:	0px 0px 2px 4px;
		font-size:	85%;
	}
	div.s0550{
		padding-top:	8px;
		padding-left:	20px;
		font-size:	85%;
	}
	a.s0560{
		color:	#666666;
		text-decoration:	none;
	}
	a.s0560:hover{
		color:	#666666;
		text-decoration:	underline;
	}
	div.s0570{
		padding-left:	20px;
	}
	


/* corporation link hidden */
	div.s0320{
		margin-left:	60px;
		font-size:	85%;
		font-weight:	500;
		color:	#ffffff;
		width:	300px;
		padding:	6px;
		background-color:	#a58f86	/* 胡桃染くるみぞめ */
		
	}

	a.s0320{
		color:	#ffffff;
	}
	
	a.s0320:hover{
		color:	#5383c3;	/* 薄群青うすぐんじょう */
	}


/* corprated link */
	a.s0310{
		color: #666666;
		display:	table-cell;
		vertical-align:	middle;
		border:	1px solid #cccccc;
	}
	a.s0310:hover{
		background-color:	#eeeeee;
	}
	div.s0310{
		display:	table;
		table-layout:	fixed;
		text-align:	center;
		border-collapse:	separate;
		border-spacing:	4px 2px;
		width:	800px;
		height:	80px;
	}
	div.s0311{
		display:	table;
		table-layout:	fixed;
		text-align:	center;
		border-collapse:	separate;
		border-spacing:	4px 2px;
		width:	800px;
		height:	70px;
	}
	div.s0312{
		display:	table;
		table-layout:	fixed;
		text-align:	center;
		border-collapse:	separate;
		border-spacing:	4px 2px;
		width:	800px;
		height:	60px;
	}
	div.s0313{
		display:	table;
		table-layout:	fixed;
		text-align:	center;
		border-collapse:	separate;
		border-spacing:	4px 2px;
		width:	900px;
		height:	60px;
	}
	div.s0314{
		display:	table;
		table-layout:	fixed;
		text-align:	center;
		border-collapse:	separate;
		border-spacing:	4px 2px;
		width:	800px;
		height:	70px;
	}
	div.s0315{
		display:	table;
		table-layout:	fixed;
		text-align:	center;
		border-collapse:	separate;
		border-spacing:	4px 2px;
		width:	800px;
		height:	70px;
	}


/* page mode "d" 2016 color */
	dt.s0410,dd.s0410{
		color:	#006699;
	}
	
/* page mode "d" concert halls 2 pictures */
	div.s0420{
		float:	left;
		margin-right:	10px;
	}

/* page mode "d" multi-line indent */
	dd.s0430{
		padding-left:	6em;
		text-indent:	-6em;
	}

/* page mode "d" multi-line indent (d014.cgi chamber concert 2021) */
	dd.s0440{
		padding-left:	1em;
		text-indent:	-1em;
	}

/* page mode "d" multi-line indent (d014.cgi chamber concert 2021) */
	dd.s0450{
		padding-left:	2em;
		text-indent:	-1em;
	}


/* page mode "c" personal menbers and corprate menbers */
	div.s0600{
		display:	table;
		table-layout:	fixed;
		text-align:	center;
		width:	700px;
		height:	60px;
		border-collapse:	separate;
		border-spacing:	4px 0;
	}
	div.s0610{
		display:	table-cell;
		vertical-align:	middle;
		border:	1px solid #cccccc;
	}
	a.s0620{
		color:	#333333;
	}



/* top page corprated link */
	div.s0800{
		position:	relative;
		float:	left;
		width:	180px;
		height:	180px;
		text-align:	center;
		margin-right:	12px;
	}
	a.s0801{
		display:	block;
		position:	absolute;
		top:	0;
		left:	0;
		height:	100%;
		width:	100%;
		border:	1px solid #cccccc;
	}
	a.s0801:hover{
		border:	1px solid #336699;
	}
	
	div.s0805{
		text-decoration:	underline;
		font-size:	85%;
		line-height:	1.2em;
	}
	
	
	div.s0802{
		position:	relative;
		display:	table;
		width:	566px;
		height:	120px;
		margin-bottom:	10px;
	}
	div.s0803{
		display:	table-cell;
		width:	400px;
		height:	120px;
		vertical-align:	middle;
		text-align:	center;
		text-decoration:	underline;
	}
	a.s0804{
		display:	block;
		position:	absolute;
		top:	0;
		left:	0;
		height:	100%;
		width:	100%;
		border:	1px solid #cccccc;
	}
	a.s0804:hover{
		border:	1px solid #336699;
	}
	
	
	
/* city office link */
	div.s0700{
		position:	relative;
		float:	left;
		width:	150px;
		height:	150px;
		text-align:	center;
		margin-right:	12px;
	}
	a.s0701{
		display:	block;
		position:	absolute;
		top:	0;
		left:	0;
		height:	100%;
		width:	100%;
		border:	1px solid #cccccc;
	}
	a.s0701:hover{
		border:	1px solid #336699;
	}
	div.s0702{
		text-decoration:	underline;
		margin-top:	4px;
		margin-bottom:	6px;
	}



/* table basic layout */
	table.s0200{
		border-collapse:	collapse;
	}
	th.th01,td.td01{
		border-width:	1px;
		border-color:	#cccccc;
		border-style:	solid;
		padding:	6px;
		text-align:	center;
		font-size:	85%;
	}
	td.td02{
		border-width:	1px;
		border-color:	#cccccc;
		border-style:	solid;
		padding:	6px;
		text-align:	center;
	}
	td.td03{
		border-width:	1px;
		border-color:	#cccccc;
		border-style:	solid;
		padding:	6px;
	}





	h1.s0210{
		margin-left:	20px;
		margin-right:	20px;
		margin-top:	20px;
		color:	#ff6633;
		font-size:	100%;
		font-weight:	500;
	}

	p{
		text-indent:	1em;
		margin-top:	0px;
		margin-bottom:	2em;
	}
	a.s0220{
		text-decoration:	none;
	}
	a.s0220:hover{
		text-decoration:	underline;
	}