@charset "utf-8";
/* CSS Document */

/* 基本スタイル
---------------------------------------------*/
body { font-size: 12px; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; line-height: 1.4; color: #666666; text-align:center; background:#FFFFFF url(../images/body_bg.jpg) center top repeat-y; margin:0px;}
#container{ position:relative; width:780px; top:30px; min-height:700px; height:auto; text-align:left; margin:0 auto; background:#FFFFFF url(../images/bg.jpg) left repeat-y; /*border:1px solid #666666;*/}
img{ border:0px; margin:0px; padding:0px; }
p,dl,dt,dd{	font-size:1.0em; margin-top: 0px; margin-right:0px; margin-bottom: 0px; margin-left: 0px; line-height:20px; padding:0;}
ul,li,ol{ font-size:1.0em; margin:0px; padding:0px; text-decoration:none; list-style-type:none; }
ul li,ol li{list-style-position:outside; }
table{border-collapse:collapse;background-color:#999999; font-size:1.0em;}
table td,table th{ font-size:1.0em; line-height:20px; background-color:#FFFFFF;}

a{color:#0066FF;text-decoration:none;}
a:hover{ color:#0066FF;}


/* h要素
---------------------------------------------*/
h1{	margin:0px;	padding:0px; position:absolute; top:0px; left:0px; width:280px;	height:75px; text-indent:-9999px;}
h2{	margin:5px 0 5px 10px;	padding:0px; clear:none; font-size:1.0em; display:block; width:550px; color:#003300;}
#box h2{padding:0 10px;}
h3{	margin:0 0 5px 10px;	padding:0px; clear:none; font-size:1.0em; color:#003300;}
h3.underline{ text-decoration:underline; font-weight:bold; font-size:1.0em;}

/*ヘッダー Start
---------------------------------------------*/
#header{ position:relative; top:0px; left:0px; width:780px; height:123px;}

	/*ロゴ 絶対配置(header)
	--------------------------------------------*/
	#logo{ position:absolute; top:36px; left:28px; width:323px; height:29px; text-indent:-9999px; background:#FFFFFF url(../images/logo.jpg) left top no-repeat; }
	/*検索メニュー 絶対配置(header)
	--------------------------------------------*/
	#site_search{ font-size:12px; position:absolute; top:90px; left:485px; width:290px; height:25px; vertical-align:bottom; }

	/*パンクズリスト
	---------------------------------------------*/
	#pankuzu{ margin-left:190px; margin-top:4px; text-indent:3px; }
	#pankuzu a{ margin-left:0px; margin-right:0px; }

/*プライマリー Start
---------------------------------------------*/
#primary_top { position:relative; top:0px; left:190px; width:580px; height:auto; min-height:690px; margin-top:3px; }
*html #primary_top {height:690px;}

#primary { position:relative; top:0px; left:190px; width:580px; height:auto; min-height:650px; margin-top:3px; }
*html #primary {height:600px;}

/*サイドメニュー（左ボックス）　絶対配置(container)
--------------------------------------------*/
#secondary_top { position:absolute; top:0px; left:-210px; width: 200px; height:auto; border:0px solid #333333; border-top:17px solid #003366;}
#secondary { position:absolute; top:175px; left:10px; width: 170px; height:auto; border:0px solid #333333; }
#secondary li{ display:block; margin:0; padding:0;}
#secondary li a,#secondary li a:visited { text-decoration:none; color:#666666;}
#secondary ul li a:hover { color:#0066FF;}

ul#menu{ background:#fff url(../images/bg_nemu.jpg) left repeat-y; margin-top:-6px; padding-top:10px;}
ul#menu li{ list-style-image:url(../images/allow.jpg); margin-left:25px;}

img#menu2_ttl{ margin-top:-6px;}
ul#menu2{ background:#fff url(../images/bg_nemu.jpg) left repeat-y; margin-top:-6px; padding-top:10px;}
ul#menu2 li{ list-style-image:url(../images/allow.jpg); margin-left:25px;}



		#banner{ position:relative; display:block; width:756px; height:50px; padding-top:5px; margin:auto; border-top:1px solid #CCCCCC;}
* html	#banner{ margin-left:10px;}
#bnr01{ position:absolute; top:5px; left:0px;}
#bnr02{ position:absolute; top:5px; left:271px;}
#bnr03{ position:absolute; top:5px; left:542px;}
/*フッター Start
---------------------------------------------*/
#footer{ width:780px; height:70px; padding-top:2px; margin:auto;}

	/*フッターナビ
	---------------------------------------------*/
		#footer_navi{ margin:0px auto 0 auto; clear:both; width:776px; height:38px; color:#333333; }
		#footer_navi p{ margin:5px 0 0 10px; padding-top:5px;font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:1.0em; border-top:1px solid #999999; display:block; width:756px;	line-height:13px;}
* html	#footer_navi{ margin:0px auto 0 auto; clear:both; width:760px;height:38px;color:#333333;	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";margin-top:7px;}
		#footer_navi a{	margin-right:5px;margin-left:5px;text-decoration:underline;color:#333333;letter-spacing:-1px;}
		#footer_navi a:hover{text-decoration:none;color:#FF6600;}

	/*コピーライト
	---------------------------------------------*/
		#green{ margin:0px auto 0 auto;  width:766px; height:20px; background:#003300; color:#FFFFFF;}
* html	#green{ margin-left:8px;}
		#copyright{ display:block; width:330px; float:left; padding-left:20px;}
		#global{ display:block; width:180px; float:right; margin-left:5px;}
		#global a{ color:#FFFFFF; margin:0 5px;}
		#footer_end{ clear:both; width:667px; height:33px;}
/*フッター End
---------------------------------------------*/


/*共通 End
---------------------------------------------*/
#column{ width:288px; height:300px; border:1px solid #CCCCCC; background-color:#FCFCFC;}
#column p{ margin:0 10px;}
#content{ width:570px; height:auto; min-height:580px; border:1px solid #CCCCCC; background-color:#FCFCFC; margin-bottom:10px;}
#content p{ margin:0 10px;}
* html #content{height:580px;}
#content ul,#content ol{ margin-left:10px;}
#content table{ margin-left:10px;}

.fright{ float:right; margin-right:10px;}
.fleft{ float:left; margin-left:10px; margin-right:10px;}

.fright_blue{float:right; margin-right:10px; color:#0000FF;}
.fleft_blue{ float:left; margin-left:10px; color:#0000FF;}
.fright_blue a{ text-decoration:underline;}
.fleft_blue a{ text-decoration:underline;}

.box{ margin:10px 10px 10px 10px; padding:10px; background-color:#FFFFFF; border:1px solid #EBEBEB; clear:both;}

.clearfix{ clear:both;}

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

#primary_top a{ color:#666666;}
#primary_top a:hover{ color:#0066FF;}

		#flash{ width:390px; height:270px; margin-bottom:3px; }
		#news{ width:198px; height:175px; border:1px solid #EBEBEB; margin-bottom:3px; }
* html　#news{ width:200px; }
		#news p{ margin:0 3px;}
		p.hello{ text-indent:10px; margin-bottom:8px; }
		#sign{ text-align:right;}
		
		#column01{ position:absolute; top:95px; left:0px; width:288px; height:300px; border:1px solid #CCCCCC; background-color:#FCFCFC; }
		#sttl_pic{ clear:both;}
		#column01 p{ margin:0 10px; line-height:13px;}
		#column02{ position:absolute; top:405px; left:0px; width:288px; height:272px; border:1px solid #CCCCCC; background-color:#FCFCFC; }
		#column02 p{ margin:0 10px;}
		#column03{ position:absolute; top:95px; left:298px; width:272px; height:80px; background:#FCFCFC url(../images/bg_column03.jpg) no-repeat; }
		#column03 p{ margin:0 10px;}
		#about_rc{ position:relative; top:7px; left:8px; width:256px; height:17px; }

		#column04{ position:absolute; top:180px; left:298px; width:272px; height:152px; background:#FCFCFC url(../images/bg_column04.jpg) no-repeat; }
		#column04 p{ margin:0 10px;}
		#about_rc{ position:relative; top:7px; left:8px; width:256px; height:17px; }

		#column05{ position:absolute; top:335px; left:298px; width:272px; height:85px; background:#FCFCFC url(../images/bg_column05.jpg) no-repeat;}
		#column05 p{ margin:0 10px;}
		#about_rc{ position:relative; top:7px; left:8px; width:256px; height:17px; }

		#column06{ position:absolute; top:423px; left:298px; width:272px; height:64px; background:#FCFCFC url(../images/bg_column06.jpg) no-repeat; }
		#column06 p{ margin:0 10px;}
		#about_rc{ position:relative; top:7px; left:8px; width:256px; height:17px; }

		#column07{ position:absolute; top:488px; left:298px; width:272px; height:85px; background:#FCFCFC url(../images/bg_column07.jpg) no-repeat; }
		#column07 p{ margin:0 10px;}
		#about_rc{ position:relative; top:7px; left:8px; width:256px; height:17px; }

#pic01{ float:left; margin:0 5px 10px 10px;}
#pic02{ float:left; margin:0 5px 0 10px;}
p#history { margin-top:5px;}

#cl2 a	{ position:relative; top:5px; left:5px; color:#006633; display:block;}
#cl2_1	{ position:relative; top:5px; left:15px; font-weight:bold; display:block; width:78px;}
#cl2_2	{ position:relative; top:-15px; left:100px; font-weight:bold; display:block; width:78px;}
#cl2_3	{ position:relative; top:-35px; left:185px; font-weight:bold; display:block; width:78px;}
#cl2_4	{ position:relative; top:65px; left:10px; font-weight:bold; display:block; width:78px;}
#cl2_5	{ position:relative; top:-12px; left:100px; font-weight:bold; display:block; width:78px;}
#cl2_6	{ position:relative; top:-29px; left:185px; font-weight:bold; display:block; width:78px;}

#cl2_pic{ position:absolute; top:55px; left:0px;}

#cl_pic01{ position:relative; top:5px; left:15px; font-weight:bold;}
#cl_pic02{ position:relative; top:5px; left:20px; font-weight:bold;}
#cl_pic03{ position:relative; top:5px; left:25px; font-weight:bold;}
#cl_pic04{ position:relative; top:30px; left:15px; font-weight:bold;}
#cl_pic05{ position:relative; top:30px; left:20px; font-weight:bold;}
#cl_pic06{ position:relative; top:30px; left:25px; font-weight:bold;}


#cl3	{ position:relative; top:5px; left:5px; font-size:1.0em;}
#cl3_1	{ position:relative; top:10px; left:15px; /*font-weight:bold;*/}
#cl3_2	{ position:relative; top:13px; left:15px; /*font-weight:bold;*/ font-size:1.0em; letter-spacing:0px;}
#cl3_3	{ position:relative; top:-23px; left:140px; /*font-weight:bold;*/}
#cl3_4	{ position:relative; top:-17px; left:140px; /*font-weight:bold;*/}

#cl4	{ position:relative; top:5px; left:5px;}
ul#cl4 li{ display:block; width:130px;}
#cl4_1	{ position:relative; top:10px; left:15px; font-weight:bold;}
#cl4_1_1{ position:relative; top:10px; left:15px;}
#cl4_2	{ position:relative; top:10px; left:15px; font-weight:bold;}
#cl4_2_1{ position:relative; top:10px; left:15px;}
#cl4_2_2{ position:relative; top:10px; left:15px;}
#cl4_2_3{ position:relative; top:10px; left:15px;}
#cl4_3	{ position:relative; top:-92px; left:140px; font-weight:bold;}
#cl4_3_1{ position:relative; top:-92px; left:140px;}
#cl4_4	{ position:relative; top:-92px; left:140px; font-weight:bold;}
#cl4_4_1{ position:relative; top:-92px; left:140px;}
#cl4_4_2{ position:relative; top:-92px; left:140px;}
#cl4_4_3{ position:relative; top:-92px; left:140px;}

#cl5	{ position:relative; top:5px; left:5px; font-size:0.95em;}
#cl5_1	{ position:relative; top:10px; left:15px; /*font-weight:bold;*/}
#cl5_2	{ position:relative; top:13px; left:15px; /*font-weight:bold;*/}
#cl5_3	{ position:relative; top:-22px; left:115px; /*font-weight:bold;*/}
#cl5_4	{ position:relative; top:-19px; left:115px; /*font-weight:bold;*/ letter-spacing:-1px;}

#cl6	{ position:relative; top:5px; left:5px;}
#cl6_1	{ position:relative; top:10px; left:15px; /*font-weight:bold;*/}
#cl6_2	{ position:relative; top:-8px; left:140px; /*font-weight:bold;*/}

#cl7	{ position:relative; top:5px; left:5px;}
#cl7_1	{ position:relative; top:10px; left:15px; /*font-weight:bold;*/}
#cl7_2	{ position:relative; top:10px; left:15px; /*font-weight:bold;*/}

/*Profileページ
---------------------------------------------*/
		table#about{ border-collapse:collapse; border:1px solid #CCCCCC; width:550px;}
		table#about caption{ text-align:left;}
		table#about th{ border:1px solid #CCCCCC; text-align:left; background-color:#E7F0F1; padding-left:20px;}
		table#about td{ border:1px solid #CCCCCC; text-align:left; padding-left:20px;}
		.col01{ width:150px;}
/*		.col02{ width:220px;}*/


		table#history{ border-collapse:collapse; border:1px solid #CCCCCC; width:550px;}
		table#history caption{ text-align:left;}
		table#history th{ border:1px solid #CCCCCC; text-align:center; background-color:#E7F0F1;}
		table#history td{ border:1px solid #CCCCCC; text-align:center;}
		.col01{ width:150px;}
		.col02{ width:220px;}
		.col03{ width:220px;}

		#pf01{ margin:0 10px 50px 10px; padding:10px; background-color:#FFFFFF; border:1px solid #EBEBEB;}
		#pf02{ margin:0 10px 20px 10px; padding:10px; background-color:#FFFFFF; border:1px solid #EBEBEB;}

		h3.ttl_takuwa{ border-bottom:1px solid #003300; border-left:5px solid #003300; background:#F2F2F2; color:#003300; text-indent:10px; clear:both; margin-right:10px;}


/*SONGページ
---------------------------------------------*/
		#song{ position:relative; width:550px; height:652px;}
		#song01{ position:absolute; top:0px; left:15px; width:272px; height:632px; background:#FCFCFC url(../song/images/bg_song01.jpg) no-repeat; padding:15px 0 5px 5px; }
		#song02{ position:absolute; top:0px; left:290px; width:272px; height:600px; background:#FCFCFC url(../song/images/bg_song02.jpg) no-repeat; padding:15px 0 5px 5px; }

.fright_blue_song{float:right; margin-right:110px; color:#0000FF;}
.fright_blue_song a{ text-decoration:underline;}

/*奏楽堂コンサート
---------------------------------------------*/
		table#sougakudou{ border-collapse:collapse; border:1px solid #CCCCCC; width:550px;}
		table#sougakudou caption{ text-align:left;}
		table#sougakudou th{ border:1px solid #CCCCCC; text-align:left; background-color:#E7F0F1; padding-left:5px;}
		table#sougakudou td{ border:1px solid #CCCCCC; text-align:left; padding-left:5px;}
		#fleft_sougaku2 { float:left; margin:0 10px 10px 0px; }

		h3.ttl_concert{ border-bottom:1px solid #003300; /*border-left:5px solid #003300; background:#F2F2F2;*/ color:#003300; text-indent:5px; clear:both; margin-right:10px;}


p.box_program{ border-bottom:15px solid #FFFFFF; /*background:#F7F7F7;*/ padding:3px 15px; /*border-bottom:1px dotted #666666;*/ }

.chai{ margin-left:15px; display:block;}
.player_name{ margin-top:15px;}

/*4つのテストページ
---------------------------------------------*/
		#test{ margin:15px 10px 20px 10px; padding:10px; background-color:#FFFFFF; border:1px solid #EBEBEB;}
		p.fourtest	{ font-size:1.4em; line-height:1.4em; text-indent:60px;}
		p.fourtest_e{ font-size:1.4em; line-height:1.4em; text-indent:130px; display:block; padding-bottom:30px; }

/*4大奉仕
---------------------------------------------*/
		p#ttl_sakubun{ font-weight:bold; color:#003300; font-size:1.2em; margin:5px 0 5px 20px;}
		ul#ul_sakubun{ margin:0 0 0 30px; list-style-image:url(../images/allow.jpg); line-height:25px; vertical-align:text-top; }

/*お問合せページ
---------------------------------------------*/
		table#tbl_contact{ border-collapse:collapse; width:550px; background-color:#CCCCCC; margin-top:15px;}
		table#tbl_contact th{ background-color:#003300; color:#FFFFFF;}
		table#tbl_contact td{}
		#name{ width:200px; background:#EAEAEA;}
		#mailaddress{ width:300px; background:#EAEAEA;}
		#comment{ width:400px; background:#EAEAEA;}
		
/*サイトマップ
---------------------------------------------*/
		ul.sitemap{ margin-left:0px; margin-bottom:20px; padding:0 30px; }
		ul.sitemap_top{ margin-top:20px; margin-left:0px; margin-bottom:20px; padding:0 30px; }
		ul.sitemap li,ul.sitemap li a,ul.sitemap li a:visted,ul.sitemap_top li a,ul.sitemap_top li a:visted{
		margin-left:5px; text-decoration:none; color:#0066FF; list-style-position:inside;}
		ul.sitemap li a:hover,ul.sitemap_top li a:hover{ margin-left:5px; text-decoration:none; color:#FF6600; }
		ul.sitemap li.main,ul.sitemap_top li.main{ font-size:1.0em; font-weight:bold; border-bottom:1px solid #CCCCFF; margin-left:0px; 	text-indent:10px; background-image: url(../images/right_triangle.gif) ; background-repeat:no-repeat; background-position:top left; }
		ul.sitemap li{ text-indent:15px; font-size:1.0em; font-weight:normal; border-bottom:1px solid #CCCCFF; }
		ul.sitemap li.sub{ text-indent:30px;}
		ul.sitemap li.sub2{ text-indent:60px;}
		ul.sitemap li.sub3{ text-indent:90px;}
		ul.sitemap li.sub4{ text-indent:120px;}
		
/*サイト内検索
---------------------------------------------*/
		#sitesearch_box{ padding:0 10px;}


/* margin */
.mt0 { margin-top: 0 !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }

.ml0 { margin-left: 0 !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }

.mb0 { margin-bottom: 0 !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }

.mr0 { margin-right: 0 !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }


/*第25回奏楽堂コンサート
---------------------------------------------*/

.box p.c25_pre  {margin-top:50px;}

.c25_tempo  {  margin-left: 30px !important; margin-right:10px;}

.c25_second  {   margin-left: 80px }