@charset 'utf-8';

/* 初期設定 */
html { background:#F5F1E7;margin:0; padding:0;}
body { background:#F5F1E7; margin:0; padding:0; font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', osaka, sans-serif; text-align:center;}

/* レイアウト */
#layout { width:100%; background:#F5F1E7;text-align:center;}
#layout-inner { width:780px; margin:0 auto; text-align:left; background-position:center;}

#header {background:url(images/header.jpg) no-repeat; background-position:right top; width:780px;}
	#logo { background:url(images/logo.jpg) no-repeat;  background-position:0 10px; width:460px; height:260px; float:left; overflow:hidden;}
		#logo h1 { text-indent:-2000px;text-align:left;}
		#logo p { text-indent:-2000px;text-align:left;}

	#info { width:460px; float:left; padding:0 0;}
		#info ul { margin:0; padding:15px 20px; border:5px solid #EBE4D1; background-color:#FFFFFF;}
			#info li {margin:0; padding:0; list-style:none; font-size:12px; line-height:24px; color:#333333;}

	#music { width:300px; float:right; padding:300px 0 0 0;}
		#music h2 { text-align:left; font-size:12px; margin:0; padding:0 0 8px 0; }
		#music ul { padding:0 0 0 0; margin:0 0 8px 1.5em;}
			#music li { font-size:10px ; line-height:14px; padding:0 0 8px 0; margin:0; list-style:square;}
		#music p { font-size:12px ; line-height:18px; margin:0; padding:0 0 8px 0; text-align:right;}

#navi {width:780px; background:url(images/navi.gif) no-repeat; background-position:center; padding:15px 0 ;}
	#navi p { text-align:center; font-size:16px; line-height:20px; color:#000000; font-weight:bold; margin:0; padding:15px 0;}
		#navi p a { color:#000000; text-decoration:none; padding: 10px 0;}
		#navi p a:hover { color:#9933CC; text-decoration: underline;}

#footer {width:710px; background: url(images/divider.gif) no-repeat; background-position:top center; padding:25px 35px;}
	#footer p {margin:0; padding:15px 20px; border:5px solid #EBE4D1; background-color:#FFFFFF;font-size:18px; line-height:24px; color:#333333; text-align:center; font-weight:bold;}
#end {}
	#end p { padding:0; margin:0; line-height:18px; font-size:10px; text-align:center;}
		#end p a { color:#000000; text-decoration:none; }
		#end p a:hover { color:#9933CC; text-decoration: underline;}
	
.art { width:710px; background: url(images/divider.gif) no-repeat; background-position:top center; padding:25px 35px;}
	.art-title {background: url(images/art-h2.gif) no-repeat; background-position:top left;width:680px; padding:0 0 0 30px;}
		.art-title h2 { text-align:left; font-size:24px; line-height:30px;background:#F5F1E7;  margin:0; padding:0; float:left; color:#333333;}
		.art-title p { background:#F5F1E7; font-size:14px; line-height:30px; margin:0; padding:0; float:right; color:#333333; font-weight:bold;}
	.art1 { float:left; width:332px; padding:15px 0;}
		.art1 p {font-size:12px; line-height:22px; margin:0; padding:0 0 8px 0;}
	.art2 { float:right; width:332px;padding:15px 0;}
		.art2 p {font-size:12px; line-height:22px; margin:0; padding:0 0 8px 0;}
	.art3 { width:680px;}
		.art3 p {font-size:12px; line-height:22px; margin:0; padding:0 0 8px 0;}

#shimura { float:left; padding: 0 10px 10px 0;}
#nezupiano { float:right; padding: 10px 0 0 10px;}

.cb { line-height:1px; height:1px; font-size:1px; clear:both; display:block; }
.pe { page-break-before:always;}
.size16 { font-size:16px; font-weight:bold;}
.size14 { font-size:16px; font-weight:bold;}
.size10 { font-size:10px; font-weight:normal;}

.art-top { text-align:right; display:block;font-size:10px; line-height:18px;clear:both; margin:0; padding:0;}
	.art-top a { color:#000000; text-decoration:none;}
	.art-top a:hover { color: #9933CC; text-decoration: underline;}